/* *** css by miss monorom www.intensivstation.ch *** */
/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */

body {
background-color: #ffffff;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
font-size:0.7em;
color:#666666;
padding:0px;
margin:0px;
}
a {color:#666666; text-decoration:none;}
a:visited {color:#666666;}
a:hover {color: #990000;}
a:active { color:#990000;}

h1 {
font-size:1.0em;
padding:5px 15px;
margin:0px }

h2 {
font-size:20px;
font-weight: normal;
padding: 5px 10px;
margin:0px;}

img.download {vertical-align:middle;}


/* ----------container zentriert das layout-------------- */
#container {
width: 1450px;
margin-bottom: 10px;
margin-left: 0;
margin-right: auto;
background-color: #ffffff;
}

/* ----------banner für Navigation-------------- */
#banner {
background-color: #ffffff;
text-align: left;
padding: 0px;
margin-top:50px;
}


#navigation {
margin:0;
margin-left:327px;
padding:0;
} 

ul#navi_top {
list-style-type: none;
width: 100%; /* précision pour Opera */
margin:0;
padding:0;
}

ul#navi_top li {
display:inline;
}

ul#navi_top a {
margin: 0 ;
padding: 0px 4px;
text-align:left;
text-decoration: none;
color: #666666;
background: #fff;
}

ul#navi_top a:hover {
color: #990000;
 }
ul#navi_top li.hier a {
color:#990000;
} 
 ul#navi_top li.left {
 padding-right:240px;
 color:#990000; 
 }
 
 ul#navi_top li.left a{
 color:#990000;
 }
 ul#navi_top li.left a:hover{
 color:#990000;
 }
 
  
 

/* -----------------Inhalt--------------------- */
#content {
background-color: #ffffff;
/*width:700px;*/
padding: 0px;
margin-top:40px;
margin-left: 231px;
margin-right: 0px;
}


/*div#content { 
min-height:600px;
height:expression(this.scrollHeight > 600 ? "auto":"600px"); 
}*/

#hauptbild {
margin:0px;
padding:0px;
margin-bottom:50px;
}


#bild {
height:397px;
/*bgbilder dynamisch tauschen*/
}

#bild img{
margin-left:100px;
margin-top:50px;
}

#text a {
	color:#666666;
	text-decoration: none;
}

p, h1{
padding:0px;
margin:0px;
margin-bottom:1.0em;
line-height:1.3em;
width: 570px;
font-weight: normal;
}


#seitenzahl {
margin-top:50px;
margin-bottom:20px;
margin-left:100px;
padding:0;
width:60px;
float: left;
height: 20px;
} 

#text {
margin-top:50px;
margin-left:100px;
padding-bottom:50px;
float: left;
width: 570px;
} 

#text a {
text-decoration: underline;
}

#navi_bilder {
margin-top:50px;
margin-bottom:20px;
margin-left:450px;
padding:0;
background-image:none;
height: 20px;
} 

#navi_bilder ul {
list-style-type: none;
width: 100%; /* précision pour Opera */
margin:0;
padding:0;
}

#navi_bilder ul li {
	float: left;
	display:inline;

}

#navi_bilder ul li.zurueck{
	width: 20px;
	text-align: left;
}

#navi_bilder ul li.weiter {
	width: 20px;
	text-align: right;
}


#navi_bilder ul li.trenner {
	width: 6px;
}


#navi_bilder ul li a {
text-decoration: none;
color: #666666;
background: #fff;
}

#navi_bilder ul li a:hover {
color: #990000;
 }

.clear {
clear:both;
}
/*-----------------------footer------------------*/

#footer {margin-top:100px;
		margin-left:100px;}


/* --------------Spalte links------------- */
#left {
float: left;
width: 230px;
margin: 0px;
margin-top:40px;
padding: 0px;
}

#gundelach {
margin-top:140px;
text-align:center;
}

#logo {
	text-align:center;
	margin-top:100px;
	}
#navi_left {
	margin-top:80px;
	margin-left:40px;
	}
#navi_left ul{
	list-style-type: none;
	width: 100%; /* précision pour Opera */
	margin:0;
	padding:0;
	}

#navi_left ul li {
	display:block;
	margin: 4px 0 ;
	padding: 4px 0px;
}

#navi_left ul li a {
	margin: 4px 0 ;
	padding: 4px 0px;
	text-align:left;
	text-decoration: none;
	color: #666666;
}

#navi_left ul li a:hover {
	color: #990000;
 }

#navi_left ul li.hier a {
	 color: #990000;
	 }

#navi_left ul li.hier ul.subnavi li a {
	color: #666666;
}

#navi_left ul li.hier ul.subnavi li.hier a {
	color: #990000;
}


#navi_left ul.subnavi {
padding-left:15px;
padding-top:2px;
}


/* -----------tooltip--------------------------- */

.tooltip {
	position: absolute;
	display: none;
	background-color: #FFFFFF;
	color: #990000;
	border-width: 0px;
	border-style: solid;
	border-color: #990000;
	padding: 2px;
}



/*START STYLES FUER FORMATTOOL*/

#content ul {
		font-weight: normal;
		list-style-type: disc;
		list-style-position: outside;
		margin: 0 0 0 0; /*t r b l */
		padding: 0 0 0 1em; /*t r b l */
	}
	
#content ol {
		font-weight: normal;
		list-style-type: decimal;
		list-style-position: outside;
		margin: 0 0 0 0; /*t r b l */
		padding: 0 0 0 1em; /*t r b l */
	} 


/*Behandlung der Paragraphen im formattool 
diese Styles werden wie unten beschrieben vergeben.
!! Alle anderen Styles werden geloescht !!
!! Wenn es einen Style fuer <P> gibt -> auch in format_tool.css definieren !!
!! Die hier definierten Styles NICHT in format_tool.css definieren !!
*/

.huta_p_onix {
	margin: 0 0 1em 0; /*t r b l */
	}	/* der erste Style wenn es mehrere P gibt -> Abstand nur unten*/


.huta_p_garnix {
	margin: 0 0 1em 0; /*t r b l */
	} /* Style wenn es genau ein P gibt -> Oben und unten kein Abstand am, Unten und oben kein Umbruch  */

	
.huta_p_unix {
	margin: 0 0 0 0; /*t r b l */
	}	/* der letzte Style wenn es mehrere P gibt -> Abstand nur oben, Unten kein Umbruch  */

/*END STYLES FUER FORMATTOOL*/


div#preview {
	clear: both;
	position: relative;
	float: left;
	width: 98%;
	margin-top: 40px;
	margin-right: auto;
	margin-left: auto;
	background-color: #cccccc;
	text-align: center;
	font-size: 12px;
	color: #cc0000;
	padding: 6px;
	z-index: 20;
}

div#preview a {
	color: #000000;
	text-decoration: underline;
}