/* Template 2 - Theme 1 */

@import url('/templates/css/templatereset.css');

body{background:#fff url(images/page-bg-shadow.png) repeat-y center top;font-family:Arial, Helvetica, sans-serif;font-size: 12px;}

a{color:#000;}
a:visited{color:#666;}

/* Hide Mobile Stuff */
.mobile{ display:none; }

#headpad{width:960px;height:60px;background:#fff;margin:0px auto;}
#headbox{position:relative;width:925px;margin:0px auto;height:141px;background:#fff;/*border-bottom:1px solid #ccc;*/ /*url(images/head-sky.jpg) no-repeat*/}
#titel{font-size:24px;padding:20px 0 0 16px;}

#contentholder{position:relative;width:970px;margin:0px auto;}

#navcontainer{
	padding: 5px 0 0 0;
	width:925px;
	height:40px;
	margin: 0px auto;
	background-color: #DFDFDF;
}
#navcontainer ul{list-style-type: none;}
#navcontainer div{float:left;}
#navcontainer a{display: block;padding: 0px 20px 10px 8px;/*width: 194px;*/font-size:16px;/*background-color: #660000;border-bottom: 1px solid #eee;*/}
#navcontainer a:link, #navcontainer a:visited, #navlist a:visited{color: #000;text-decoration: none;}
#navcontainer a:hover{/*background-color: #663366;*/color: #ccc;}
#navcontainer a.active{color:#999;}
#navline{height:20px;border-top:1px solid #ccc;width:925px;margin:0px auto;}


/*------------------------------------
Drop-Down Navigation für Horizontal  (IE7+)
*/
#nav{list-style:none;/*font-weight:bold*/;float:left;width:100%;
	position:relative; /* Bring the nav above everything else--uncomment if needed. */
	z-index:5; /* Bring the nav above everything else--uncomment if needed.*/
}
#navcontainer ul{padding-left:0px !important;}
#nav li{float:left;position:relative;}
#nav a{display:block;color:#fff;text-decoration:none;}
#nav a:hover{color:#fff;text-decoration:none;}

/*--- Subnav ---*/
#nav ul{
	background:#DFDFDF; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	list-style:none;position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding:0px;
	top:25px;
}
#nav ul li{padding-top:1px;float:none;}
#nav ul a{white-space:nowrap}
#nav li:hover ul{left:0;}
#nav li:hover a{background:#DFDFDF;}
#nav li:hover ul a{text-decoration:none;}
#nav li:hover ul li a{background:#DFDFDF;padding-top:7px;}
#nav li:hover ul li a:hover{background:#DFDFDF;padding-top:7px;}
/* end of Subnav */
/* --- END OF DROP DOWN NAVIGATION ---*/
/* ------------------------------------*/


h1{font-size:16px;font-weight:bold;padding:0 0 20px 0;}
#content{clear:both;font-size:13px;padding:10px 20px 0 30px;width:910px;margin:0 0 0 0px;line-height:18px;}

#wrapper{margin: 0 auto -40px; /* the bottom margin is the negative value of the footer's height */}
#footer, #push {height: 40px;} /* #push must be the same height as #footer */
#footbox{position:relative;width:968px;margin:0px auto;height:40px;background:#fff;} /* if with border, deduct border width from footer height */
#footleft{float:left;/*padding:11px 0 0 0;margin:0 0 0 20px;*/}
#footright{float:right;padding:11px 10px 0 0;margin: 0 10px 0 0;color:#999;font-size:10px;}
#footright a{text-decoration:none;color:#999;}

/* Map Plugin */
#map{width:905px;height:500px;}

/* Team Plugin */
.teamrow{padding-bottom:20px;min-height:170px;padding-top:20px;}
.teamfoto{width:170px;height:150px;float:left;display:block;}
.teammember{width:720px;float:left;}
.teamname{font-weight:bold;}
.teamdivider{clear:both;height:40px;}

/* Medicentro Shop Plugin */
#shop{padding-top:20px;}
#shopimage{float:left;}
#shoptext{float:left;width:300px;padding-top:20px;margin-left:10px;}

/* Rundgang */
#rundgang{padding-top:20px;}
.rundgangfoto{width:220px;height:170px;float:left;display:block;margin-right:7px;padding-bottom:10px;}
.rundgangfoto img{width:200px;height:150px;border:1px solid #ccc;padding:10px;}
.rundgangfoto a:hover img{opacity:0.8;filter:alpha(opacity=80);}

/* Form Validation */
.error{background:#FFC4C4;}



/* SMALL smartphone 767px */
@media only screen and (max-width: 39.9375em) { 
	
	/* Show mobile Content */
	.mobile{ display:block; }
	
	body{ background-image:none; background-color: #fff !important; }
	
	#wrapper{ margin: 0px auto !important; }
	
	#navcontainer{ display:none; }
	#navline{ width: 100%;}
	#headpad, #headbox, #content, #footbox, #map{ width: 100%; margin: 0px auto; }
	#footbox{line-height: 20px;}
	
	/* Header */
	#headpad{ border-bottom: 1px solid #ccc; height: 60px !important; }
	#titel{ font-size:16px; max-width: 70%; }
	
	/* Mobile Navigation */
	#nav{ padding-left: 20px; }
	#menubutton{ position:absolute; top: 25px; right: 20px;}
	#mobilenav{ display:none; position:absolute; top:60px; left: 0px; background: #fff; z-index: 2000; border-top:1px solid #ccc; border-bottom:1px solid #ccc; width: 100%; font-size: 16px;}
	#mobilenav li{ line-height: 30px; list-style:none; float:none;clear:both; }
	#mobilenav a{ text-decoration: none; color:#000; }
	
	/* Content */
	#contentholder{ width: 100%; }
	#content{ padding: 0px; }
	#content img{ width: 100% !important; height: auto !important; }
	#content table{ width: 100% !important; }
	#editor{ font-size: 16px !important; line-height: 20px !important; }
	
	#titeltext, #editor{ padding: 10px 20px 10px 20px; }
	
	#fusszeile{ padding: 10px 20px 0px 20px; border-top: 1px solid #ccc; }
	
	/* Rundgang */
	.rundgangfoto{ width: 100%; height: auto; }
	.rundgangfoto img{ width: 100%; padding: 0px; border: 0px; }
	
	/* Team */
	.teamfoto, .teammember{clear:both; width: 100%;float:none;height:auto;}
	
	
	
}