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

* 							{ margin:0px; padding:0px; border:none;}
html 						{ overflow-y:scroll; height: 99.5%;}
/* Schriftart/Farbe Container */
body 						{ font: 0.8em Verdana, Arial, Helvetica, sans-serif; color:#4d4d6d; line-height: 1.5em; 
							  background: #dfdfdf url(../used/empty.gif) top left repeat; height: 99.5%;}

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

/* Header */
div#header					{ width: 900px; height: 230px; margin: 0 auto; position: relative; border: 0px solid #ff0000;}

/* Container mit Firmenlogo */
#logo				{ position:absolute; top: 52px; left: 10px;}

/* content */
div#contentBody		{ width: 900px; margin: 0 auto; padding: 0; border: 0px solid #ff0000;}
div#contentInform					{ float: left; width: 600px;}
div#contentMain	 			{ width: 594px; float: left; min-height:345px; padding: 3px 0 3px 6px;}

#contentMain p 				{ padding: 0 1.0em 0.2em 1.0em}
#contentMain ul 			{ list-style-type:none; margin-bottom:20px;}
#contentMain ul li			{ list-style-type:none; padding:0 0 5px 25px; background:url(../used/List_Icon.ico) 12px 5px no-repeat;}
div.contentLeft 	 		{ width: 288px; padding: 0 ; margin: 0; float:left; background:url(../used/bg_content_Main.gif) 0 0 repeat; 
							  border: 1px solid #a6a6a6; min-height:252px; height:auto !important; height:252px; font-size: 0.9em;}
#contentMain h1 			{ font-size: 1.8em; color:#fff; font-weight: normal; height: 34px; background:url(../used/bg_navi_kl.gif) 0 0 repeat; 
							  padding: 16px 0 0 15px; margin: 0 0 10px 0; width: 273px; text-transform: uppercase;}
#contentMain h2 			{ font-size: 1.5em; color:#fff; font-weight: normal; height: 20px; background:url(../used/bg_navi_kl.gif) 0 0 repeat; 
							  padding: 5px 0 5px 15px; margin: 0 ; width: 273px;}
div.contentRight 	 		{ width: 288px; padding: 0; margin: 0; float:left; background:url(../used/bg_content_Main.gif) 0 0 repeat; 
							  border: 1px solid #a6a6a6; min-height:252px; height:auto !important; height:252px; font-size: 0.9em;}
.imgContent					{ margin:3px 3px 0 0 ;}
div.contentAll 	 		{ width: 585px; padding: 0; margin: 0; float:left; background:url(../used/bg_content_Main.gif) 0 0 repeat; 
							  border: 1px solid #a6a6a6; min-height:252px; height:auto !important; height:252px; font-size: 0.9em;}

/* animation */               
div#contentAnimation	 		{ width: 290px; height: 335px; padding-top: 20px; float: left; margin-left:10px; margin-top:0px; position:relative;
                          }
.textAnimation					{ width: 284px; height: 57px; padding: 6px 0; margin-top: 12px; font-size: 1.0em; 
							  background: url(../used/bg_content_Main.gif); border: 3px solid #f1f1f3; color: #6b6b6b; text-align: center;}
.textAnimation p				{ margin-bottom: 12px;}

/* footer */
div#footer					{ width: 576px; height: 69px; margin: 10px 0 0 0; background: url(../used/bg_navi_kl.gif) 0 0 repeat; 
							  float: left; border: 3px solid #f1f1f3; color: #a0a0a0; padding: 0 0 0 18px; font-size: 0.85em;}
div#footer p a				{ color: #a0a0a0;}
div#footer p a:hover	{ color: #fff;}
div#footer p				{ float: left; padding: 5px 25px 0 0;}

.otherService a				{ width: 89px; height: 18px; color: #a0a0a0; text-decoration: none; background: url(../used/bg_navi_kl.gif) 0 0 repeat;
							  display: block; float: right; font-size: 1.4em; text-transform: uppercase; padding: 10px 0 0 2px;}
.otherService a:hover			{ color: #fff; background: url(../used/bg_navi_kl.gif) 0 0 repeat;}

/* Hauptleiste Navigation */
ul#navi 		{position: relative; top: 60px; left: 300px; padding: 29px 0 0 13px; margin: 0; list-style-type:none; float: left; font-size: 1.1em; 
 z-index: 10; font-weight: normal; height: 40px; width: 581px; border: 3px solid #f1f1f3; background: url(../used/bg_navi_main.gif) 0 0 no-repeat;}
ul#navi li 	{font-weight: normal; font-size: 1.0em; float: left; text-transform: uppercase;}
ul#navi li a	{text-decoration: none; margin: 0; float: left; height: 23px; padding: 15px 11px 2px 11px;}
ul#navi li a.index:link, ul#navi li a.index:visited {display:block; color: #d9d9d9;}
ul#navi li a.index:hover, ul#navi li a.active {display:block; color: #fff; }

/*Klappnaviagtion*/
ul#navi li ul {display: none; position: absolute; top: 69px; z-index: 100; margin: 0; padding: 3px; float: left; 
list-style-type:none;  }
/* Farben der Untermenüs */
ul#navi li ul.submenu	 {margin: 0; padding-top: 3px; border:none; width: 160px; height: 1px; font-size: 0.8em; background: #575787;}
ul#navi li ul.submenu li {width: 150px; padding: 0; margin: 0; border: 0px solid #575757; } 
ul#navi li ul.submenu li a {color:#fff;}
/* Aufklappen der Untermenüs */
.menuOne	{left: 142px;}
.menuTwo	{left: 263px;}

ul#navi li:hover ul, ul#navi a:hover ul { display: block; height: auto;}
ul#navi li:hover ul li, ul#navi li a:hover ul li {height: 18px; margin: 0; padding: 0;}
ul#navi li:hover ul li a:link, ul#navi li:hover ul li a:visited, ul#navi li a:hover ul li a:link, ul#navi li a:hover ul li a:visited,ul#navi li a:hover ul li a:hover {color:#fff; margin:0; padding: 3px 0 3px 8px; border:none; 
 line-height: 100%; height: 11px; width: 150px;} 

ul#navi li:hover ul li a:hover, ul#navi li a:hover ul li a:hover, ul#navi li a:hover ul li a:visited {margin:0; padding: 3px 0 3px 8px; 
color: #811136; height: 11px; background: #fff;}
ul#navi li a:visited ul li a:hover {margin:0; padding: 3px 0 3px 8px;}

/* Farben */
.highlight1 				{ font-size: 1.1em;}
.highlight2 				{ font-size: 0.85em; text-transform:uppercase;}	

.iframeAnfahrt				{ border: 1px solid #003f71; width: 575px; height: 350px;}
.kartenAnfahrt				{ border: 3px solid #a6a6a6; margin-left: 25px;}

/* Sonstiges */
.top						{}
.clear		  				{ clear:both; font-size:0.0001em; line-height:0.00001em;}
.floatRight 				{ float:right;}
.floatLeft 					{ float:left;}
.mR9						{ margin-right:9px !important;}
.mR60 						{ margin-right:60px !important;}