/***** LAYOUT.CSS ******/
/***** Dr Liebmann *****/
/***********************/

/***** COLOURS **********/
/*
/*	GREEN	#9BC11B
/*	lGRAY	#999
/*	GRAY	#333
/*
/************************/

/*Siehe auch Abweichungskorrekturen für IE6 -> "css/boeser-browser-ie6.css"*/

body{
font:0.7em Verdana, Arial, Helvetica, sans-serif;
color:#333;
}

#containerOverflow{
height:585px;
overflow:auto;
}

#container{
margin:auto;
width:960px;
}

#logo{
width:380px;
height:100px;
margin-left:96px;
}

#content{
width:100%;
float:left;
}

#navi{					/*<<< Position Menü*/
width:250px;
margin:25px 0 0 15px;
float:left;
font-size:.9em;
text-align:right;
display:inline;	/*<<< wegen IE6*/
}

	#navi .selected,
	#navi .Active{
	color:#9bc11b !important;
	background:url(../img/navi-border.gif) repeat-y right;
	}
	
	#navi .ActiveSubNavi{color:#9bc11b !important;}

	#naviUl{border-right:1px #9bc11b solid;}
	
		#naviUl a,
		#naviUl a:visited,
		#naviUl a:active{
		color:#999;
		text-decoration:none;
		padding-right:15px;
		}
		#naviUl a:focus,
		#naviUl a:hover{color:#9bc11b;}
		
		#navi li{
		display:inline; /*<<< wegen IE*/
		}
	
			#naviUl li .firstLevelNavi{
			font-weight:bold;
			padding-top:4px;
			padding-bottom:1px;
			display:block;
			}
				
				.naviUlLiUl{background:url(../img/navi-border.gif) repeat-y right;}
				
				.naviUlLiUl li a{
				padding-top:1px;
				padding-bottom:1px;
				display:block;
				}
				
				.lastSubNavi{margin-bottom:2px;}
	
#header{
position:absolute;
left:335px;
top:2px;
font-size:1.8em;
font-family:'century gothic', century, verdana, sans-serif;
color:#C7DE73;
letter-spacing:.15em;
}

	#contentBGR{
	float:left;
	display:block;
	/*padding-bottom:30px;*/
	width:660px;		/*<< wegen FF2<*/
	}
	
	#contentBGR a,
	#contentBGR a:visited,
	#contentBGR a:active{
	color:#9bc11b;
	text-decoration:none;
	}
	
	#contentBGR a:focus,
	#contentBGR a:hover{
	text-decoration:underline;
	}
	
		#contentTxt,
		#contentKontakt{
		font-size:1.0em;
		line-height:1.3em;
		display:inline;	/*<<< wegen IE6*/
		float:left;
		overflow:visible;
		}
	
			#contentTxt{			/*<<< Position Text*/
			width:420px;
			padding:29px 0 20px;
			}
				
				#contentTxt p,
				#contentTxt h1,
				#contentTxt h2,
				#contentTxt ul{		/*Hier kann  man die breite der Textfelder bestimmen indem man die "Marginwerte" ändert*/
				margin-left:70px;
				margin-right:30px;
				}
				
				#contentTxt ul{
				list-style-image:url(../img/list-square.gif) ;
				padding-left:15px;
				margin-bottom:1.5em;
				}
				
				#contentTxt ul li{
				line-height:1.2em;
				margin-bottom:.35em;
				}
				
						#contentTxt ul li ul{
						margin:.1em 0 .5em .5em;
						list-style-image:url(../img/list-line.gif) ;
						}
				
			#contentKontakt{
			width:388px;
			padding:25px 0 0 70px;
			}
			
				#contentKontakt div{
				clear:left;
				margin-top:2em;
				}

					#contentKontakt div p{
					float:left;
					width:100%;
					}

#marginalien{
display:inline;	/*<<< wegen IE6*/
position:absolute;
bottom:20px;
width:210px;
right:60px;
}

	#footerContainer .Index{
	width:195px;
	bottom:19px !important;
	right:70px !important;
	}

	#footerContainer .Kontakt{
	width:195px;
	bottom:80px !important;
	right:38px !important;
	}

	#marginalien .th,
	#marginalien .th:visited,
	#marginalien .th:active{
	/*margin-bottom:10px;*/
	float:left;
	text-decoration:none !important;
	width:180px;
	height:96px;
	padding-left:2px;
	cursor:default;
	font-size:1.1em !important;
	}
	
	#marginalien .th:focus,
	#marginalien .th:hover{position:relative;}
	
		#marginalien .th .bild{
		display:none;
		position:absolute;
		left:-392px;
		width:388px;
		background:#fff;
		}
			
			/*IE6 braucht eine eigene CSS -> "boeser-browser-ie6.css"*/
			.erstes .bild{top:0px;}
			.zweites .bild{top:-96px;}
			.drittes .bild{top:-192px;}
			.viertes .bild{top:-288px;}
			.viertes{height:110px !important;}
		
		#marginalien .th:hover .bild{display:block;}
		
			#marginalien .th .bild span{
			float:left;
			color:#9bc11b;
			display:block;
			background:#fff;
			}

#footer{
width:100%;
height:23px;
padding-bottom:3px;
font-size:.9em;
clear:both;		/*<<< wegen IE7*/
}

	#footer #footerContainer{
	width:960px;
	margin:0 auto;
	padding-top:5px;
	border-top:1px #333 solid;
	position:relative;
	}
		
		#footer .blume{
		bottom:18px;
		left:30px;
		position:absolute;
		z-index:1;
		}
		
		#footer ul{
		width:260px;
		text-align:right;
		}

			#footer li{display:inline;}

				#footer a,
				#footer a:visited,
				#footer a:active{
				color:#666;
				text-decoration:none;
				}

				#footer a:focus,
				#footer a:hover{color:#9bc11b;}
				
				#footer .Active{
				color:#666;
				font-weight:bold;
				}

/*** GLOBALS ***/
/*Info Mouseover*/
.info,
.infoKontakt{
color:#9bc11b;
cursor:default;
padding:0 12px 0 0;
background:url(../img/info.gif) top right no-repeat;
text-decoration:none;
/*position:inherit;*/
}

.info{display:inline-block; /*<<<  wegen IE7*/}

.infoKontakt{display:inline !important; /*<<<  wegen IE7*/}

.info:focus,
.info:hover,
.infoKontakt:focus,
.infoKontakt:hover{
position:relative;
background:none;
text-decoration:none !important;
z-index:999;		/*<<< wegen IE6*/
}
	
	.info span,
	.infoKontakt span{
	position:absolute;
	background:#fff url(../img/info2.gif) top left no-repeat;
	padding:10px 12px;
	border:1px #9bc11b solid;
	color:#333;
	display:none;
	z-index:9999;
	}
	
	.infoKontakt span{
	font-size:.9em;
	line-height:1.3em;
	}
	
		.info span{					/*<<< Position PopUp*/
		left:-99999px;
		top:-40px;
		margin-left: -307px;
		width:350px;
		}
		
		.infoKontakt span{			/*<<< Position PopUp bei Kontakt*/
		left:0;
		top:-440px !important;
		margin-left: 70px;
		height:390px;
		width:363px;
		}
		
		.info:hover span,
		.infoKontakt:hover span{
		display:inline;
		text-decoration:none;
		left:-70px;
		}

#contentKontakt .subTitle{
font-size:.9em;
margin-top:-2px;
color:#9bc11b;
float:left;
display:block;
}

.subTitle{
color:#9bc11b;
float:left;
display:inline;
margin-bottom:0;
}

.orange{
color:#FA8201;
font-weight:bold;
}

.green{
color:#9bc11b;
font-weight:bold;
}

.gray{
color:#aaa;
font-weight:bold;
}

.b{font-weight:bold;}



h1,h2{font-weight:bold;}

p{margin-bottom:1em;}

b{font-weight:bold;}

i{font-style:italic;}

em{font-style:normal;}


/*** GLOBALS END ***/