@charset "utf-8";
/* CSS Document */

body, p, div, table, tr, td, th, font, span, a, strong {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	color: #433a2e;
	line-height: 150%;
}

* { outline: none; }

body {
	background: #ebb465 url(../images/bg-body.jpg) top repeat-x;
}


div#container {
	position: relative;
	margin: 0px auto;
	width: 993px;
}

h1 {
	font-family: Trebuchet MS, Arial, Verdana, Sans-Serif;
	font-size: 16px;
	color: #cd8014;
	margin: 0px; padding: 0px; margin-bottom: 3px; margin-top: 5px; 
}

h2 {
	font-family: Trebuchet MS, Arial, Verdana, Sans-Serif;
	font-size: 14px;
	font-weight: bold;
	color: #433a2e;
	margin: 0px; margin-bottom: 2px; margin-top:3px;
}

h3 {
	font-family: Trebuchet MS, Arial, Verdana, Sans-Serif;
	font-size: 14px;
	font-weight: normal;
	color: #433a2e;
	margin: 0px; margin-bottom: 0px; margin-top: 2px;
}

p { margin: 7px 0px; }
a { color: #850001; text-decoration: underline; }
a:hover { color: #ae0607; text-decoration: underline; }	

ul {
	margin-top: 0px;
	padding-left: 20px;
}

a img { border: 0px; }
img { border: 0px; }

hr {
	height: 1px;
	border-width: 1px 0px 0px 0px;
	border-style: dotted;
	border-color: #433a2e;
	margin: 15px 0px;
	width: 100%;
	float: left;
	clear: left;
}

p.caption { font-size: 11px; font-style: italic; text-align: center; }


/* ---- Navigation ---- */

/* Styles for the entire LavaLamp menu */
.navigation {
    position: absolute;
	 top: 6px;
	 left: 80px;
	 margin: 0px;
	 padding: 0px;
    height: 47px; width: 900px;
    background: transparent;
    overflow: visible;
}
    /* Force the list to flow horizontally */
    .navigation li {
        display: block;
		  width: 112px;
		  height: 47p;
		  float: left;
        list-style: none;
    }
        /* Represents the background of the highlighted menu-item. */
        .navigation li.back {
            background: url(../images/bg-navigationBack.png) top left no-repeat;
				_background: url(../images/bg-navigationBack.jpg) top left no-repeat;
            width: 112px; height: 47px;
            z-index: 8;
            position: absolute;
        }
            .navigation li.back .left {
                background: transparent;
                height: 47px;
            }
        /* Styles for each menu-item. */
        .navigation li a {
		  		display: block;
				height: 47px; width: 112px;
				line-height: 47px;
				_line-height: 43px;
            position: relative; 
            text-decoration: none;
            text-align: center;
            z-index: 10;
				color: #fbe2be;
				font-family: Trebuchet MS, Arial, Verdana, Sans-Serif;
				background: transparent url(../images/transparent.gif);
        }
		  	.navigation li a:hover { text-decoration: none; color: #FFFFFF; }
			
			
/* ---- LogoContainer ---- */

div#logoBG {
	position: absolute;
	top: 112px; left: 80px;
	width: 387px; height: 138px;
	background: transparent url(../images/bg-logoBG.jpg) top left no-repeat;
	z-index: 1;
}

div#surgeryhoursBG {
	position: absolute;
	top: 284px; left: 80px;
	width: 387px; height: 320px;
	z-index: 1;
	background: transparent url(../images/bg-surgeryhoursBG.jpg) top left no-repeat;
}

	h1#branding {
		position: absolute;
		z-index: 2;
		top: 125px; left: 93px;
		display: block;
		padding: 0px; margin: 0px;
		width: 361px; height: 85px;
		border: 1px solid #cd8014;
		background: transparent url(../images/logo_kinder-und_jugendarzt_joerg_draeger.jpg) top left no-repeat;
		text-indent: -1000px;
	}
		h1#branding a { width: 361px; height: 85px; display: block; }
		
ul#metanavi {
	display: block;
	margin: 0px; padding: 0px;
	list-style-type: none;
	width: 333px; height: 39px;
	position: absolute;
	z-index: 2;
	top: 211px; left: 115px;
}
	ul#metanavi li {
		display: block;
		float: left;
		margin: 0px; padding: 0px;
		width: 83px; height: 39px;
	}
		ul#metanavi li a {
			display: block;
			width: 96px; height: 39px; line-height: 39px;
			text-align: left;
			color: #972627;
			text-decoration: none;
		}
			ul#metanavi li a:hover { text-decoration: underline; }
			
div#surgeryhours {
	position: absolute;
	top: 310px; left: 180px;
	z-index: 3;
	width: 274px; height:155px;
}

div#themeImage {
	position: absolute;
	top: 466px; left: 181px;
	z-index: 3;
	width: 272px; height: 123px;
	border: 1px solid #cd8014;
	overflow: hidden;
}

div#kleinkinder {
	width: 210px; height: 225px;
	background: transparent url(../images/kleinkinder.png) top left no-repeat;
	_background-image: url(../images/kleinkinder.gif);
	position: absolute;
	left: -30px; top: 322px;
	z-index: 2;
}
	
div#contentContainer {
	position: absolute;
	top: 99px; left: 480px;
	width: 511px;
	border: 1px solid #f3d3a4;
	background: #f2c88c url(../images/bg-contentContainer.jpg) top left no-repeat;
}

div#content {
	width: 459px;
	margin: 26px;
	float:left;
}
	
	



/* Easy Slider */

	div#slider { margin: 11px; border:1px solid #cd8014; overflow: hidden; width:487px; height: 172px; }
	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{ }
	#slider li, #slider2 li{ 
		width:487px;
		height:172px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:22px;
		height:42px;
		position:absolute;
		left:11px;
		top:71px;
		z-index:1000;
		background: transparent url(../images/bg-slider-prev.png) top left no-repeat;
		}	
	#nextBtn, #slider1next{ 
		left: 478px;
		background: transparent url(../images/bg-slider-next.png) top left no-repeat;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */

/* ---- imprint ---- */

dl.imprintList {
	float: left;
	margin-bottom: 5px;
}
	dl.imprintList dt {
		display: block;
		float: left;
		font-weight: bold;
		width: 180px;
	}
	dl.imprintList dd {
		display: block;
		float: left;
		margin-bottom: 5px;
		margin-left: 5px;
		width: 274px;
	}

/* ---- aktuelles ---- */
h2.news {
	padding: 10px 0px;
	margin-top: 15px;
	border-top: 1px dotted #cd8014;
}


/* ---- emergency services ---- */
p.emergencyServices {
	padding-top: 10px;
	margin-top: 10px;
	border-top:1px dotted #CD8014;
}

/* ---- links ---- */
h2.links {
	padding: 10px 0px;
	margin-top: 10px;
	border-top: 1px dotted #CD8014;
}

p.links {
	display: block;
	width: 48%;
	float: left;
}

p.links a { display: block; width: 100%; }