/* - - - - - - - - - - - - - - - - */
/* opti-mum.de                     */ 
/* 2008-02-26                      */
/* benjamin.dumke@bytebetrieb.com  */
/*                                 */
/* Allgemeine Stylesheets          */
/* - - - - - - - - - - - - - - - - */



/* ALLGEMEIN
--------------------------------------------------------------------*/

html { height:100%; width:100%; }
body {
    height:				100%;
    width:				100%;
   	font:				11px/18px verdana, helvetica, arial, sans-serif;
	background:			#fff url(/_p/hintergrund.gif) 0 0 repeat-x;
}

a			{ color:#000000; text-decoration:underline; }
a:link		{ color:#000000; text-decoration:underline; }
a:visited 	{ color:#6d6d6d; text-decoration:underline; }
a:hover		{ color:#6d6d6d; text-decoration:none; }
a:active 	{ color:#6d6d6d; text-decoration:none; }
a:focus 	{ color:#6d6d6d; text-decoration:none; }

p{
	font-size:12px;
	color:#000;
}


h2{
	font-size:			14px;
	font-weight:		bold;
	margin:				0 0 14px 0;
}
h3{
	font-size:			14px;
	font-weight:		bold;
	margin:				0 0 5px 0;
}




#seitenblock{
	width:				992px;
	margin:				0 auto;
	background:			#fcf6e5;
	position:			relative;
}
#seitenblock-wrapper{
	display:			table;
	width:				992px;
	background:			transparent url(/_p/kopfgrafik-optimum-schatten.gif) top center repeat-y;
}


/* KOPF
--------------------------------------------------------------------*/

#kopf{
	position:			absolute;
	top:				0;
	left:				0;
	height:				259px;
	width:				992px;
	background:			transparent url(/_p/kopfgrafik-optimum-hauptseite.gif) no-repeat 0 0;
}

h1 a {
	display:			block;
	position:			absolute;
	top:				35px;
	left:				35px;
	width:				300px;
	height:				120px;
	text-indent:		-9999px;
	border:				none;
	text-decoration:	none;
}




/* NAVIGATION
--------------------------------------------------------------------*/

ul#navigation{
	position:			absolute;
	top:				0;
	left:				0;
	width:				950px;
	height:				32px;
	background-color:	#ffcc55;
	margin:				180px 0 0 16px;
	padding:			0 0 0 10px;
	list-style-type:	none;
	z-index:			8888;
}
#navigation ul { }
#navigation li {
	background:			transparent url(/_p/navi-trenner.gif) 0 0 no-repeat;
	float:				left;
	height:				24px;
	padding:			0;
	margin:				8px 0 0;
	position:			relative;
	cursor:				pointer;
}
#navigation li.erste { background:none; }
#navigation .sifrnavi {
	display:			block;
	float:				left;
	font-size:			14px;
	color:				#fff;
	margin:				0 2px;
	padding:			0 6px;
	cursor:				pointer;
}
#navigation a {
	display:			block;
	float:				left;
	text-decoration:	none;
	color:				#fff;
	cursor:				pointer;
}

#navigation a:link 		{ color:#fff; }
#navigation a:visited 	{ color:#fff; }
#navigation a:hover 	{ color:#ccc; }
#navigation a:active 	{ color:#ccc; }
#navigation a:focus 	{ color:#ccc; }

#navigation .aktiv a { color:#6d6d6d; }

#navigation li ul {
	position:			absolute;
	top:				24px;
	left:				0;
	display:			none;
	z-index:			9999;
	background-color:	#ffcc55;
	border-bottom:		1px solid #fff;
	}
* html #navigation li ul { width:100px; }

#navigation li:hover ul,
#navigation li.anzeigen ul {
	display: block;
}
#navigation li li{ 
	clear:				left;
	float:				none;
	margin:				0 0 -2px;
	padding:			0;
	height:				auto;
	width:				100%;
	border:				none;
	background-color:	#ffcc55;
	display:			block;
}
#navigation li li a{ 
	padding:			4px 10px;
	margin:				0 0 0 2px;
	width:				100%;
	float:				none;
	white-space:		nowrap;
	cursor:				pointer;
	border:				none;
}
#navigation li li a:link,
#navigation li li a:visited{ color:#6d6d6d; }
#navigation li li a:hover{ color:#000; }
#navigation li li.aktiv a:link{ color:#000; }




ul#navigation-standort{
	position:			absolute;
	top:				0;
	left:				0;
	width:				950px;
	height:				21px;
	background-color:	#6d6d6d;
	margin:				213px 0 0 16px;
	padding:			0 0 0 10px;
	list-style-type:	none;
	z-index:			7777;
}

#navigation-standort li {
	border-left:		1px solid #fc5;
	float:				left;
	height:				19px;
	padding:			2px 0 0;
	margin:				0 0 0;
	position:			relative;
}
#navigation-standort li.erste { border:none; }
#navigation-standort .sifrnavi {
	display:			block;
	float:				left;
	height:				13px;
	font-size:			12px;
	color:				#fff;
	margin:				0 2px;
}
#navigation-standort a {
	display:			block;
	float:				left;
	text-decoration:	none;
	color:				#fff;
	margin:				0 12px;
}
* html #navigation-standort a { margin:0 6px;}

#navigation-standort a:link 	{ color:#fff; }
#navigation-standort a:hover 	{ color:#ccc; }
#navigation-standort a:visited 	{ color:#fff; }
#navigation-standort a:active 	{ color:#ccc; }
#navigation-standort a:focus 	{ color:#ccc; }

#navigation .aktiv a { color:#6d6d6d; }
#navigation-standort .aktiv a { color:#fc5; }





/* BOX STANDORTE
--------------------------------------------------------------------*/

#standortauswahl {
	position:			absolute;
	top:				240px;
	left:				38px;
	width:				952px;
	height:				300px;
	overflow:			hidden;
	z-index:			2;
}
.box-standorte{
	width:				290px;
	height:				300px;
	position:			absolute;
	top:				0;
	left:				0;
}

#box-badnauheim	{ left:0; }
#box-oberursel	{ left:312px; }
#box-rosbach 	{ left:624px; }

#subhead{
	background:			url(/_p/rosbach-subhead.jpg) 0 0 no-repeat;
	width:				600px;
	height:				256px;
	margin:				260px 0 0 38px;
	text-indent:		-9999px;
}

#standort_2 #subhead	{ background-image:url(/_p/badnauheim-subhead.jpg); }
#standort_3 #subhead	{ background-image:url(/_p/oberursel-subhead.jpg); }
#standort_4 #subhead	{ background-image:url(/_p/rosbach-subhead.jpg); }




/* BOX NACHRICHTEN
--------------------------------------------------------------------*/
#box-nachrichten{
	width:				602px;
	padding:			0 0 5px 0;
	background:			transparent url(/_p/news-box-unten.gif) bottom center no-repeat;
}

#box-nachrichten h2{
	background:			#ffce5b;
	color:				#fff;
	width:				585px;
	padding:			5px 0 5px 15px;
	margin:				0 0 15px 1px;
	
}

#box-nachrichten h3{
	color:				#a2843a;
	margin:				margin:0 0 5px 15px;
}

#box-nachrichten p { margin:0 10px 15px 15px; }

.nachrichtenblock 		{ margin:0 0 15px 0; padding:0 0 15px 0; clear:left; }
.nachrichtenblock h3 	{ margin:0 10px 5px 15px; }
.nachrichtenblock p 	{ padding-right:10px; }
.nachrichtenblock img 	{ margin:2px 15px 10px 15px; float:left; }

.nachrichtenblock ul 	{ list-style-type:disc; margin:0 10px 15px 15px; }
.nachrichtenblock li 	{ margin-left:1em; }

#standort_2 .nachrichtenblock img,
#standort_3 .nachrichtenblock img,
#standort_4 .nachrichtenblock img { margin-right:0; margin-top:0; float:none; }





/* BOX WISSENSDATENBANK
--------------------------------------------------------------------*/
.wrapper-box-wissensdatenbank{
	width:				290px;
	float:				right;
	margin:				22px 40px 0 0;
	background:			transparent url(/_p/wissen-box-oben.gif) 0 0 repeat-y;
}
body#wissensdatenbank .wrapper-box-wissensdatenbank{ margin-top:0; }
.box-wissensdatenbank{
	width:				290px;
	background:			transparent url(/_p/wissen-box-unten.gif) bottom center no-repeat;
	overflow:			hidden;
}
.box-wissensdatenbank h2{
	background:			#d30a21;
	color:				#fff;
	width:				275px;
	padding:			5px 0 5px 15px;
}

.box-wissensdatenbank h3{
	color:				#d30a21;
}

.news-wissensdatenbank{
	margin:				15px 0 0 15px;
	width:				260px;
	border-bottom:		1px dotted #d30a21;
	padding:			0 0 15px 0;
}
.news-wissensdatenbank.letzte{ border-bottom:none; }

#wdb-slider-wrapper {
	height:				220px;
	width:				290px;
	overflow:			hidden;
	position:			relative;
}
.wdb-slider {
	height:				220px;
	width:				9999px;
	overflow:			hidden;
}
.wdb-zeile {
	float:				left;
	height:				220px;
	width:				280px;
	overflow:			hidden;
}

.news-wissensdatenbank a,
.news-wissensdatenbank a:link{
	text-decoration:	none;
	font-weight:		bold;
}

.news-wissensdatenbank a:hover		{ color:#6d6d6d; }
.news-wissensdatenbank a:visited	{ text-decoration:none; }
.news-wissensdatenbank a:active		{ color:#6d6d6d; }
.news-wissensdatenbank a:focus		{ color:#6d6d6d; }

.news-wissensdatenbank a.pdf{
	display:			block;
	height:				25px;
	margin:				5px 0 0 0;
	padding-left:		30px;
	background:			transparent url(/_p/pdf-icon.jpg) 0 -3px no-repeat;
	text-decoration:	none;
	font-weight:		bold;
}

#pfeil-wissensdatenbank{
	float:				right;
	margin:				0 15px 7px 0;
	padding-right:		25px;
	font-weight:		bold;
	color:				#d30a21;
	background:			transparent url(/_p/wissen-pfeil.gif) right 2px no-repeat;
}

#unterseite-inhalt .wrapper-box-wissensdatenbank{ width:585px; float:none; background-image:url(/_p/wissen-box-oben-breit.gif); margin-left:0; margin-right:0; }
#unterseite-inhalt .box-wissensdatenbank 		{ width:585px; float:none; background-image:url(/_p/wissen-box-unten-breit.gif); overflow:visible; }
#unterseite-inhalt .box-wissensdatenbank h2 	{ width:570px; }
#unterseite-inhalt .news-wissensdatenbank 		{ width:555px; border-bottom:none; }
#unterseite-inhalt #wdb-slider-wrapper 			{ height:auto; width:585px; overflow:visible; }
#unterseite-inhalt .wdb-slider 					{ height:auto; width:585px; overflow:visible; }
#unterseite-inhalt .wdb-zeile 					{ height:auto; width:585px; overflow:visible; }

#standort_2 .wrapper-box-wissensdatenbank,
#standort_3 .wrapper-box-wissensdatenbank,
#standort_4 .wrapper-box-wissensdatenbank{
	position:			absolute;
	top:				514px;
	left:				348px;
}

#unterseite-randspalte .wrapper-box-wissensdatenbank {
	float:				none;
	margin:				0 0 0 22px;
}

.rand #wdb-slider-wrapper 	{ height:auto; overflow:visible; }
.rand .wdb-slider 			{ height:auto; overflow:visible; }
.rand .wdb-zeile 			{ height:auto; overflow:visible; }

.zurueck {
	padding:			15px 0;
	text-align:			center;
}
.zurueck a 
.zurueck a:link,
.zurueck a:visited { color:#000; }







#randspalte {
	float:				right;
	width:				292px;
	margin:				260px 40px 0 0;
	overflow:			hidden;
}
#randspalte .wrapper-box-wissensdatenbank,
#standort_3 #randspalte .wrapper-box-wissensdatenbank,
#standort_4 #randspalte .wrapper-box-wissensdatenbank,
#randspalte #wrapper-information {
	margin:				0 0 20px;
	float:				none;
	position:			static;
	top:				auto;
	left:				auto;

}



/* EXTRAS STARTSEITE
-------------------------------------------------------------------*/
#startseite .wrapper-box-wissensdatenbank {
	position:			absolute;
	top:				560px;
	left:				662px;
	float:				none;
	margin:				0;
}
#wrapper-box-nachrichten { 
	width:				602px;
	margin:				560px 0 0 38px; 
	background:			transparent url(/_p/news-box-oben.gif) 1px 0 repeat-y;
	min-height:			286px;
	float:				left;
	display:			block;
}
html>body #startseite #wrapper-box-nachrichten { float:none; }
* html #startseite #wrapper-box-nachrichten { height:286px; margin-left: 19px; }






/* INHALT UNTERSEITE
-------------------------------------------------------------------*/
#unterseite-inhalt{
	margin:				257px 0 0 38px;
	width:				600px;
	float:				left;
	display:			inline;
	z-index:			1;
}

#unterseite-inhalt p	{margin:0 0 22px 0; }

#unterseite-inhalt h1{
	margin:				0 0 10px 0;
	font-size:			18px;
	font-weight:		bold;
	color:				#f7b800;
}

#pfeil-links{
	background:			url(/_p/pfeil-links.gif) 0 0 no-repeat;
	float:				left;
	display:			block;
	width:				250px;
	height:				20px;
	padding: 			0 0 0 30px;
}

#pfeil-rechts{
	background:			url(/_p/pfeil-rechts.gif) top right no-repeat;
	float:				left;
	display:			block;
	width:				250px;
	height:				20px;
	padding: 			0 30px 0 0;
	text-align:			right;
}



/* RANDSPALTE UNTERSEITE
-------------------------------------------------------------------*/
#unterseite-randspalte{
	margin:				257px 0 0 0;
	float:				left;
	overflow:			hidden;
}



/* BILD UNTERSEITE
-------------------------------------------------------------------*/
#unterseite-bild{
	width:				290px;
	margin:				0 0 0 22px;
}
#unterseite-bild img {
	margin:0 0 15px 0;
}



/* FOOTER
--------------------------------------------------------------------*/

#footer{
	width:				960px;
	height:				24px;
	background-color:	#f9edcb;
	float:				left;
	margin:				30px 0 0 16px;
	padding:			8px 0 0 0;
	text-align:			center;
	display:			inline;
}






/* KONTAKTFORMULAR
--------------------------------------------------------------------*/

form.kontaktformular{
}
.kontaktformular fieldset{
	padding:0 0 10px;
}
.kontaktformular label{
	width:120px;
	display:block;
	float:left;
	padding:0 0 10px;
}
.kontaktformular input,
.kontaktformular textarea {
	width:240px;
   	font:				12px verdana, helvetica, arial, sans-serif;
	padding:			3px 5px;
	border:1px solid #fc5;
}
.kontaktformular textarea {
	width:498px;
	height:170px;
	padding:			5px;
}
.kontaktformular fieldset.buttonfeld{
	padding:			20px;
	text-align:			center;
}
.kontaktformular fieldset.buttonfeld input{
	border:				auto;
	width:				auto;
	padding:			5px 7px;
	text-transform:		uppercase;
}

p.feedback {
	padding:10px;
	border:1px dotted #fc5;
	background:#fff;
}
.fehler {
	font-weight:bold !important;
	color:red !important;
	border-color:red !important;
}




/* NEWSBOX
--------------------------------------------------------------------*/
#wrapper-box-nachrichten-standort{
	width:				602px;
	margin:				22px 0 0 38px; 
	background:			transparent url(/_p/news-box-oben.gif) 1px 0 repeat-y;
	min-height:			286px;
	float:				left;
	display:			block;
	
/*
	width:				290px;
	margin:				20px 0 0 38px;
	background:			url(/_p/news-box-oben-standort.gif) 0 0 repeat-y;
*/
}


#box-nachrichten-standort{
	width:				602px;
	padding:			0 0 5px 0;
	background:			transparent url(/_p/news-box-unten.gif) bottom center no-repeat;
}

#box-nachrichten-standort h2{
	background:			#ffce5b;
	color:				#fff;
	width:				585px;
	padding:			5px 0 5px 15px;
	margin:				0 0 15px 1px;
}

#box-nachrichten-standort h3{
	color:				#a2843a;
	margin:				0 0 5px 15px;
}

#box-nachrichten-standort p { margin:0 10px 15px 15px; }


/* INFORMATION
--------------------------------------------------------------------*/

#wrapper-information{
	float:				right;
	width:				292px;
	margin:				260px 40px 0 0;
	background:			url(/_p/information-oben.gif) 0 0 repeat-y;
	border-top:			1px solid #ffcc55;
}
* html #wrapper-information{ margin-right:20px; }


#information{
	display:			table;
	width:				262px;
	padding:			15px 15px 15px 15px;
	background:			transparent url(/_p/information-unten.gif) bottom center no-repeat;
}
#information p{ margin-bottom:10px; }

ul.randliste {
	display:			table;
	width:				260px;
	margin:				0 0 20px;
	border-top:			1px dotted #ffcc55;
}
.randliste li{
	display:			table;
	width:				240px;
	background-color:	#fffaed;
	padding:			5px 10px;
	text-align:			right;
}
.randliste li .linkespalte{
	float:				left;
	width:				120px;
	text-align:			left;
}
#preisliste li .linkespalte{
	width:				200px;
}


li.zeile-0 {  }
li.zeile-1 { background-color:#faedcb; }
li.heute { font-weight:bold; }


/* WISSENSDATENBANK HEADER */

.sifrwissen a:visited {color: 		#fff;}
.sifrwissen a:link 	  {color: 		#fff;}