/*
Allgemeine Formatierungen für die Inhaltsbereiche der Spaltenlayouts;
die Anordnung der Spalten erfolgt je Beispiel im style-Element;
Im Unterschied zu allgemein.css sind die Angaben zu Hintergrundfarben entfernt,
diese werden im Rahmen der Faux-Columns im style-Element vorgenommen.
*/

/*  
+++++++++++++++++++++++++++++++++++
  Reset und allgemeine Angaben 
+++++++++++++++++++++++++++++++++++
*/

* {
	margin: 0;
	padding: 0;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 83%;
}
a {
	color: #cc3333;
	text-decoration: none;
	outline: none;
}
a:visited {
  color: #cc3333;
}
a:hover {
  color: #000;
}
a:active {
  color: #ccc;
}




p {
	margin: .5em 0 0.6em;
}
h1 {
  font-size: 300%;
  font-weight: normal;
}
h2 {
	font-size: 120%;
	font-weight: normal;
	color: #333;
}
h3 {
	font-size: 150%;
	font-weight: normal;
	color: #999;
	
}
h4 {
	font-size: 100%;
	font-weight: normal;
	color: #666666;
	text-transform:uppercase;
}

/* 
  versteckte Elemente 
*/
#kopf h2,
#navigation h2,
#bilder h2 {
  position: absolute;
  left: -9999px;
}

/*  
+++++++++++++++++++++++++++++++++++
  SEITENKOPF  
+++++++++++++++++++++++++++++++++++
*/

#kopf {
	position: relative;
	padding-top:1em;
	
}
#service {
	position: absolute;
	top: 6px;
	right: 0px;
	font-size: 80%;
	width: 434px;
	height: 17px;
}
#service a {
	color: #666666;
}

#service a:hover {
	color: #000000;
}

#service  li {
	display: inline;
	padding-left: 0.5em;
	padding-right: 0.5em;
	border-left-width: 0px;
	border-left-style: solid;
	border-left-color: #cc3333;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #cc3333;
	
	
	float:right;
}



#service li:first-child {
  border: none;
}
/* IE <= 6: erste vert. Linie per neg. margin verstecken */

#service strong {
	font-weight: normal;
	color: #000000;
}
#kopf hr {
  display: none;
}

/*  
+++++++++++++++++++++++++++++++++++
  HAUPTTEIL
+++++++++++++++++++++++++++++++++++
*/

/* Navigation */

#navigation ul {
	margin-top: 0.1em;
	list-style: none;
}
#navigation ul ul {
	border-top: 0px solid #ccc;
	border-bottom: 0px solid #ccc;
	border-right: none;
	border-left: none;
	margin-top: 0em;
	list-style-image: url(Bilder/rotquadrat.gif);
	list-style-type: square;
}
#navigation li {
	padding: .5em 1em 0.5em 0em;
	text-transform: uppercase;
}
#navigation li li {
	text-transform: none;
	margin-left: 1.5em;
	padding: 0;
	margin-top: 0.25em;
	margin-bottom: 0.25em;
}
#navigation a {
	text-decoration: none;
	color: #666666;
	outline: none;
}
#navigation a:hover {
	color: #000000;
	background: #fff;
}

#navigation strong {
  font-weight: normal;
  color: #000;
}

/* Inhalt */

#inhalt h2 {
	font-size: 120%;
	font-weight: normal;
	line-height: 1em;
	margin: .5em 0 .33em 1.66em;
}
#inhalt  #einleitung  li {
	margin-top: 0em;
	margin-bottom: 0em;
	margin-left: 1.5em;
	list-style-position: outside;
	list-style-type: square;
	padding-top: 0em;
	padding-right: 1em;
	padding-bottom: 0.5em;
	padding-left: 0.5em;
}
#inhalt   #einleitung   ul {
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 0.5em;
	list-style: none;
}

#inhalt #einleitung {
	background: #fff;
	border: 0px solid #ddd;
	padding: 1em;
	margin: 0 1em 0em 1em;
	line-height: 1.45em;
}
#eintraege {
	list-style: none;
	margin: 0 1em;
}
#eintraege li {
	margin-bottom: 20px;
}
#eintraege h4 {
	border-bottom: 0px dotted #ccc;
	color: #666666;
	margin-left: 1em;
}
#eintraege .anriss {
	margin: .3em 0 .2em 1em;
	line-height: 1.45em;
}
#eintraege img {
  float: left;
  margin: 0 .5em .5em 0;
}
#eintraege dl.metainfo {
	clear: both;
	color: #999;
	font-size: 80%;
	border-top: 0px dotted #ccc;
	margin-left: 1.2em;
}
#eintraege dl.metainfo dt,
#eintraege dl.metainfo dd {
  display: inline;
}
#eintraege dl.metainfo dd {
	margin-right: 0.5em;
}

/* Bilder */

#bilder ul {
	margin-top: 12em;
	list-style: none;
	text-align: right;
	margin-right: 1em;
}
#bilder li {
  margin-bottom: 1em;
}
#bilder a img {
	border:1px solid #fff;
}
#bilder a:hover img {
	border-color:#FFFFFF;
}
#bilder img {
	padding-top: 5em;

}
#bilder p {
  margin: 0;
  font-size: 80%;
}

/*
+++++++++++++++++++++++++++++++++++
  FUSS
+++++++++++++++++++++++++++++++++++
*/

#fuss address {
  font-size: 80%;
  font-style: normal;
  float: left;
  text-align: left;
  padding-left: 0.3em;
}
  

#fuss p {
  font-size: 80%;
  text-align: right;
  margin: 0 0em;
}
.metainfo  {
	clear: both;
	color: #999;
	font-size: 90%;
	border-top: 0px dotted #ccc;
}