/* general HTML Elements --------------------------------------------------------------------------------------- */
body, #fakebody{
	background-color:#ffffff; 	/* bodys backgound is set to black for IE (overlay needs black background in IE) so an additional Element "fakebody" is needed for the backgroundcolor */
	background-image:url(../images/zahnheilkunde/css/background.gif); /* Viewport Hintergrund (linie oben) */
	background-repeat:repeat-x; 
	height:100%;				/* fakebody needs 100% height to cover the complete viewport */
	margin:0px; 				/* reset default margin of body */
}
* html #body {
	background-image:none;		/* ie may not have a backgroundimage in the body (and does not need one) */
}

body, td, th{ 					/* general font settings */
	font-family: verdana,arial,helvetica,geneva,sans-serif;
	font-size:11px;
	/* letter-spacing: 1px; */
	line-height:16px;
	color:#333333;
}

/* Commons */
img			{border-style:none;}
p, form		{margin:0px; padding:0px;}
.error		{color:#ff0000;}
.noerror	{color:#009900;}

.closefloatcontainer{
	clear:both;
	width:1px;
	height:1px;
	font-size:1px;
	line-height:1px;
}


/* Seitenaufteilung --------------------------------------------------------------------------------------------------------------------------- */
#page{
	height:100%;
	margin-bottom:-148px										/* Footer-trick, sub space from 100% */
}
	#page #content{
		width:100%;
		float:left; 											/* Float is needed in Mozilla to push #footer below #content in case #content is longer than viewport */
		text-align:center; 										/* zentrierung content fuer IE */
	}
	* html #page #content{										/* IE only hack */
		padding-bottom:148px;									/* add height of #footer to #content to prevent its disappearing behind the footer in IE */
	}
		#page #content .center{
			width:980px;										/* total page width */
			text-align:left; 									/* restore default */	
			margin-left:auto; 									/* zentrierung laut W3C */
			margin-right:auto; 									/* zentrierung laut W3C */
		}

#footer{														/* Footer (width=100%) incl. Backgound. */
	clear:both;													/* clears the "content"-Float (in Mozilla)*/	
	text-align:center; 											/* zentrierung footer fuer IE */
	height:148px;												
}


/* Header ------------------------------------------------------------------------------------------------------------------------------------- */
#content #header #top{
	height:73px;
	padding-left:90px;
}
	#content #header #top .textbox{
		float:left;
		width:460px;
		height:53px;
		overflow:hidden;
		margin-top:20px;
		margin-right:20px;
		line-height:18px;
		color:#b5b5a5;
	}
	#content #header #top .textbox a{
		color:#b5b5a5;
		font-weight:bold;
		text-decoration:none;
	}

#content #header #bottom{ /* logo */
	height:49px;
	overflow:hidden;
	padding-left:88px;
}

/* Nav ---------------------------------------------------------------------------------------------------------------------------------------- */
#content #nav{
	height:54px;
	overflow:hidden;
}
#content #nav .navline{
	line-height:16px;
	margin-bottom:3px;
	text-transform:uppercase;
	font-size:11px;
}
#content #nav .navline a{
	color:#ffffff;
	text-decoration:none;
	padding-left:15px;
	padding-right:10px;
}
#content #nav .navline a.active, #content #nav .navline a:hover {	/* active state */
	color:#333333;
}
#content #nav .recursive a{	/* from second level */
	color:#b5b5a5;
}

/* Main --------------------------------------------------------------------------------------------------------------------------------------- */
#content #main{
	margin-top:12px;
	margin-left:90px;
	width:645px;
	overflow:hidden;
}

#content #main .hauptreihe{
	clear:both;												/* Float aufheben für neues Hauptspaltenelement */
}

/* Spaltenaufteilung */
#content #main .hauptreihe .spalten3 		{ width:630px; margin-right:15px; float:left; overflow:hidden; }
#content #main .hauptreihe .spalten2 		{ width:415px; margin-right:15px; float:left; overflow:hidden; }
#content #main .hauptreihe .spalten1 		{ width:200px; margin-right:15px; float:left; overflow:hidden; }




#content #main h1, #content #main h2, #content #main h3{
	font-size:14px;
	margin:0px;
}
#content #main h1, #content #main h2, #content #main h3{
	font-size:12px;
}
#content #main h3{
	color:#9999ff;
}
#content #main .line{
	margin-top:8px;
	height:8px;
	border-style:solid none none none;
	border-color:#b5b5a5;
	border-width:1px;
}
#content #main ul{
	margin:0px;
	padding-left:15px;
	list-style-image:url(../images/zahnheilkunde/css/li.gif);
}
#content #main ul li{
	margin-bottom:4px;
}
#content #main a{
	color:#919184;
	text-decoration:none;
}
#content #main a:hover{
	color:#000000;
}
/* Download PDF, JPG, TXT */
#content #main .pdf a, #content #main .jpg a, #content #main .txt a {
	display:block;
	background-repeat:no-repeat;
	background-position:0px 0px;
	padding-left:22px;
	padding-bottom:4px;
}
/* download icons */
#content #main .pdf a {	background-image:url(../images/tic2/common/downloadicons/pdf.gif); }
#content #main .jpg a { background-image:url(../images/tic2/common/downloadicons/jpg.gif); }
#content #main .txt a {	background-image:url(../images/tic2/common/downloadicons/txt.gif); }













/* Footer Navigation -------------------------------------------------------------------------------------------------------------------------- */
#footer .container{   /* needed for Safari, otherwise background is moving behind content */
	clear:both;
	min-width:980px;
	height:148px;		
	float:left;
	width:100%;
	background-image:url(../images/zahnheilkunde/css/background_footer.gif); /* Footer Hintergrund */
	background-repeat:repeat-x; 
}
	#footer .center{ /* needed for IE */
		width:980px;										/* total page width */
		text-align:left; 									/* restore default */	
		margin-left:auto; 									/* zentrierung laut W3C */
		margin-right:auto; 									/* zentrierung laut W3C */
	}
		#footer #nav{
			float:left;
			width:540px;
			line-height:16px;
			text-transform:uppercase;
			font-size:11px;
			margin-top:128px;
			margin-right:20px;
			line-height:20px;
			color:#ffffff;
		}
			#footer #nav a{
				text-decoration:none;
				color:#ffffff;
				padding-left:14px;
				padding-right:20px;
			}
			#footer #nav a.active, #footer #nav a:hover {	/* active state */
				color:#333333;
			}
		#footer .image{
			float:left;
			width:210px;
		}
			#footer .image img{
				display:block;	/* IE FIX */
			}

/* -------------------------------------------------------------------------------------------------------------------------------------------- */