@charset "utf-8";
/* css document */

* 							{ margin:0px; padding:0px; border:none; outline:none;}
html 						{ overflow-y:scroll; /* permanent scrollbar in Firefox */}
body 						{ font:0.75em/1.2em Verdana, Arial, Helvetica, sans-serif; color:#0083ab; background:#c7c7c7 url(../images/bg-body.jpg) top repeat-x;}

p   						{ margin-bottom:15px;}
a							{ color:#c62209; text-decoration:underline;}
a:hover						{ text-decoration:none;}


/* -------------- */
/* layoutelements */
/* -------------- */
div#container 	    		{ width:990px; height:auto; margin:0px auto;}

/* header */
div#header					{ height:320px; position:relative; background:url(../images/bg-header.jpg) no-repeat;}

div#slideshow, div#box-mendoza, div#box-hofmann				{ float:left; width:320px; margin-top:69px;}
div#slideshow h1			{ background:url(../images/praxisgemeinschaft-mendoza-hofmann.gif) no-repeat; display:block; height:32px;_height:27px; text-indent:-9999px;}

div#box-mendoza h2			{ background:url(../images/h2-box-mendoza.gif) no-repeat; display:block; height:20px; text-indent:-9999px;}
div#box-hofmann h2			{ background:url(../images/h2-box-hofmann.gif) no-repeat; display:block; height:20px; text-indent:-9999px;}

div#box-mendoza ul, div#box-hofmann ul	{ list-style:none; padding:37px 0 0;}
div#box-mendoza a, div#box-hofmann a	{ display:block; width:237px; height:24px;  font-size:1.1em; color:#fff; font-weight:bold; text-decoration:none; padding:7px 0 0 31px;}

div#box-mendoza a						{ background:url(../images/navi-hover-mendoza.png) no-repeat 34px -31px; padding-left:62px;}
div#box-mendoza a:hover					{ background-position:34px 0; color:#4f7600;}
div#box-mendoza li						{ background:url(../images/navi-box-dots.png) no-repeat bottom;}

div#box-hofmann a						{ background:url(../images/navi-hover-hofmann.gif) no-repeat 34px -31px; padding-left:62px;}
div#box-hofmann a:hover					{ background-position:34px 0; color:#e3290c;}
div#box-hofmann li						{ background:url(../images/navi-box-dots.png) no-repeat bottom;}

/* dropdown */
li.current a   				{ height:19px; _height:10px; display:block; color:#fff; font-weight:bold; text-decoration:none; overflow:hidden;}
li.current a:hover, li.current a.active 			{ color:#fff;}

li.current 					{ _height:0;}

div#box-mendoza ul.drop					{ background:#638800; position:absolute; top:147px;padding:15px 15px 18px 15px; width:320px; left:606px; z-index:100;}
div#box-mendoza ul.drop li				{ width:320px; background:url(../images/navi-box-dots-drop-down.png) repeat-x bottom;}
div#box-mendoza ul.drop li a			{ font-weight:normal; width:295px; padding-left:25px;  background:url(../images/navi-hover-mendoza.png) no-repeat -5px -31px;}
div#box-mendoza ul.drop li a:hover		{ background:url(../images/navi-hover-mendoza.png) no-repeat -5px 0 #fff;}

ul#navi ul.drop					{ background:#e9e9e9; position:absolute; top:320px;padding:15px 15px 18px 15px; width:275px; left:450px; z-index:100;}
ul#navi ul.drop li				{ width:298px; background:url(../images/bg-sidebarnavi-li.gif) no-repeat bottom left; list-style:none; }
ul#navi ul.drop li a			{ font-weight:normal; width:279px; padding-left:35px; background:none; font-weight:bold;}
ul#navi ul.drop li a:hover		{ text-decoration:underline;}
ul#navi ul.drop li.current		{ _height:0;}		
div#box-mendoza .nobg				{ background:none;}


/* content */
div#contentContainer		{height:auto; background:url(../images/bg-contentcontainer.jpg) no-repeat;}
div#contentMain	 			{ width:572px; color:#303030; line-height:1.4em; padding:43px 34px 0 34px; float:left; min-height:614px;_min-height:614px; height:auto !important; height:614px; background:url(../images/bg-contentMain.gif) #f4f4f4 no-repeat;}
div#contentMain h2			{ color:#303030; font-size:1.4em; margin-bottom:15px;}
div#contentMain h2 span		{ color:#cd240b; font-size:0.7em!important;}
div#contentMain ul			{ padding:0 0 15px 30px; list-style:none;}
div#contentMain li			{ margin-bottom:5px; padding-left:20px; background:url(../images/bg-content-li.gif) 0 7px no-repeat;}
div#contentMain h3			{ color:#303030; font-size:1.2em; margin-bottom:15px;}

body#kontakt div#contentMain	 			{ min-height:654px;_min-height:684px; height:auto !important; height:654px;}

/* sidebar */
div#contentSidebar	 		{ width:320px; float:left; background:url(../images/bg-contentsidebar.jpg) no-repeat;}
div#oeffnungszeiten			{ background:url(../images/bg-sidebar-oeffnungszeiten.jpg) no-repeat; color:#303030; font-size:0.9em; font-weight:bold; padding:0 0 10px 20px; _height:370px}
div#oeffnungszeiten	h2		{ color:#fff; font-weight:bold; font-size:1.2em; padding:12px 0 35px 41px;}
div#oeffnungszeiten table tr	{display:block; _display:block; _line-height:2.2em; }
div#oeffnungszeiten	p		{ margin-bottom:10px; padding-left:5px}
div#oeffnungszeiten table 	{ margin-bottom:20px!important; border-spacing:0; border-collapse:collapse;}
div#oeffnungszeiten table td	{  background:#e6e6e6; _margin-bottom:20px; padding:4px 0 4px 5px!important; border-bottom: 1px solid  #666666; line-height: 130%;}
div#oeffnungszeiten table td.hightlight1	{width: 169px;}
div#oeffnungszeiten table td.hfggf	{width: 185px;}
div#oeffnungszeiten table td.hightlight2	{width: 80px; color:#c60f13;}

/* navi */
ul#navi					{ list-style:none; background:url(../images/bg-navi.gif) no-repeat; padding:15px 0 38px 24px;}
ul#navi li				{ background:url(../images/bg-sidebarnavi-li.gif) no-repeat bottom left;}
ul#navi a				{ color:#303030; font-weight:bold; text-decoration:none; display:block; height:23px; padding:13px 0 0 34px;}
ul#navi a:hover			{ text-decoration:underline;}
ul#navi li.nobg			{ background:url(../images/nobg-image.gif) no-repeat 15px 12px;}


/* footer */
div#footer					{ padding:70px 34px 0 24px; height:175px; background:url(../images/bg-footer.png) no-repeat; color:#303030;}
div#footer p				{ float:left; display:block; width:250px;}
div#footer p a				{ color:#303030; text-decoration:underline;}
div#footer p a:hover		{ text-decoration:none;}

div#footer div				{ color:#fff; font-size:0.85em;text-align:center; padding-top:10px;}
div#footer div a			{ color:#fff; text-decoration:none; padding-bottom:8px; display:inline-block;}
div#footer div a:hover		{ text-decoration:underline;}


/* naviAdd */
ul#naviAdd  		   		{ list-style-type:none; padding:0 0 0 25px;}
ul#naviAdd li	   			{ float:left; padding:7px 30px 0 0;}
ul#naviAdd li a   			{ color:#e3290c; font-weight:bold; font-size:0.9em; text-decoration:none;}
ul#naviAdd li a:hover		{ text-decoration:underline;}


/* ----------------------- */
/* classes ans other stuff */
/* ----------------------- */

/* color and fonts */
.hightlight1 				{ color:#c60f13!important;} /**/
.hightlight2 				{} /**/	

/* site-elements */
.top						{ font-weight:bold; background:url(../images/top.png) no-repeat 0 1px; padding-left:20px; margin-left:520px; _margin-left:390px; width:130px!important;}
div#declaration 			{ width:auto; background:#eee; padding:20px 20px 0 20px; margin:0 0 20px 0; border:1px solid #ccc; font-size:11px;}
div#thanks 					{ width:auto; background:#eee; padding:10px 10px 0 10px; margin:0 0 20px 0; border:1px solid #ccc;}
#photodiv { height:174px; width:325px;}
#meldung ul	li	{ list-style:none;}
/* floats */
.clear		  				{ clear:both; font-size:0.0001em; line-height:0.00001em;}

/* --- */
/* Accordion */
/* --- */
#acc a.accordion_header{ background:url(../images/bg-accordion-header.gif) no-repeat 0 6px; padding:5px 0 15px 22px;color:#cd240b;display:block;text-decoration:none;font-weight:bold;cursor:pointer;font-size:1.1em; margin-top:6px; height:22px}
#acc a.accordion_header:hover, #acc a.accordion_header:active{ color:#303030;}
#acc div.accordion2{border-left:1px solid #01437f;border-right:1px solid #01437f;border-bottom:1px solid #01437f;width:350px;font-size:0.9em;}
#acc div.accordion2 a.accordion_header2{background:#f7f7f7;width:338px;padding:3px 0 3px 12px;color:#fff;display:block;text-decoration:none;border-top:1px solid #fff;}
#acc div.accordion2 div{padding:8px;background:#fff;}
#acc p{ padding:0 0 5px 24px;}
#acc div.accordion2 div div{width:200px;float:left;background:#fff;}
#acc div	{ background:#f3f3f3; margin:0; padding: 6px 0 0 0;}
#acc div ul	{margin-bottom: 0;}

.image_acc		{ float:left;}
.image_acc img, .image_acc_still_img	{ border:1px solid #ccc; padding:1px; margin:0 0 15px 20px;}
.text_acc		{ float:left; width:420px;}
.image			{ float:left; margin:0 15px 15px 0; border:1px solid #ccc; padding:1px;}

div#acc element.style { height:auto;}