/*
 * Cascading Style Sheet
 *
 * Colors:
 *
 *
 */

#wrapper {word-wrap: break-word;} /* ie proprietary property to force long words to break rather than the layout */

* {margin: 0; padding: 0; border: 0;}

body {
	margin:10px 0 0 0;	
	background:#ccc;
	overflow-y:scroll; 
}

h1,h2,h3,h4,h5,p,ul,li{padding:0;margin:0;}


/* wrapper holds left faux column tab */
/* nn6/7 will put content out of scrollable reach if auto is used unless the min-width is on body */

#wrapper { 
	width:1050px;
	margin:0 auto; 
	background:#999 url(../img/seite/background_wrapper.png) repeat-y;
}

#header {
	height: 342px;
	width:1050px;
}
	
	#header_left {
		height: 302px;
		width:198px;
		float:left;
		margin:0 4px 0 74px;
		text-align:left;
		background: url(../img/seite/background_header_left.png) no-repeat;
	}
	
	#header_customnav{
		height:25px;
		width:398px;
		float:right;
		margin:0 74px 0 0;
		padding:5px 5px 0 295px;
		background: url(../img/seite/background_header_nav.png) no-repeat;
	}
	#header_customnav ul {
                float:right;
}
	#header_img{
		float:right;
		margin:0 74px 0 0;
	}
	
	#header_bottom{
		float:right;
		height:47px;
		width:698px;
		margin:0 74px 0 0;
		background: url(../img/seite/background_header_bottom.png) no-repeat;
	}
	
	
	#header_navigation{
		height:35px;
		width:704px;
		float:left;
		margin:0 74px 0 74px;
		padding:5px 0 0 198px;
		background:#00587E url(../img/seite/background_navigation.png) no-repeat;
		background-position:198px 0;
	}

#container {/* right faux column tab */
	background:url(../img/seite/background_contentfloat.png) repeat-y;
}


#container:after {
 /* this is for NN6 to clear floats */
    content: "."; 
    display: block; 
		height: 0px;
    clear: both; 
    visibility: hidden;
}

#main {
	margin: 0 314px 10px 278px;
	padding: 20px 10px 10px 20px;
}


#left {
  float:left;
  width:272px;
  background:#00587E url(../img/seite/background_left_nav.png) repeat-y;
}

#right {
  float:right;
  width:200px;
	margin:10px 84px 0 0;
	padding:10px 10px 10px 10px;
	background:#fff;
}

#footer {
	width:156px;
	height:25px;
  background: url(../img/seite/background_footer.png) no-repeat;
  padding:5px 74px 0 820px;
}
/***** tags & classes *****/

#table_326 {width:430px;padding:10px 0 0 0;}
#table_326 td{font-family:Arial;font-size:12px;color:#333;text-align:left;vertical-align:top;}
#table_326 tr{height:20px;}
#table_326 .col_0{width:80px;padding:0 20px 0 0;}
#table_326 .col_1{width:30px;}
#table_326 .col_2{width:30px;}
#table_326 .col_3{width:30px;}
#table_326 .col_4{width:30px;}
#table_326 .col_5{width:30px;}
#table_326 .row_0{background:#cecece;font-weight:bold;}
#table_326 .row_1{background:#EEEEEE;}
#table_326 .row_2{background:#cecece;}
#table_326 .row_3{background:#EEEEEE;}
#table_326 .row_4{background:#cecece;}
#table_326 .row_5{background:#EEEEEE;}
#table_326 .row_6{background:#cecece;}
#table_326 .row_7{background:#EEEEEE;}
#table_326 .row_8{background:#cecece;}
#table_326 .row_9{background:#EEEEEE;}
#table_326 .row_10{background:#cecece;}
#table_326 .row_11{background:#EEEEEE;}

#angebote table{width:400px;border-bottom:#cecece 1px solid;padding:0 0 5px 0;}
#angebote td{font-family:Arial;font-size:12px;color:#333;text-align:left;vertical-align:top;}
#angebote tr{height:20px;}
#angebote a{font-family:Arial;font-size:12px;color:#333;text-decoration:none;font-weight:bold;}
#angebote img{border:#cecece 1px solid;float:right;0}
.ApiWrapper {color:#fff;}



h1{padding:10px 0 5px 0;font-family:Arial;font-size:14px;font-weight:bold;color:#333;}
h2{padding:5px 0 5px 0;font-family:Arial;font-size:12px;font-weight:bold;color:#333;}
h3{padding:5px 0 5px 0;font-family:Arial;font-size:12px;font-weight:bold;color:#333;text-decoration:underline;}
p{padding:5px 0 5px 0;font-family:Arial;font-size:12px;color:#333;text-align:justify;}

.leftfloatimg{padding:15px 0 0 10px;float:left;}
.header_left_text1{padding:84px 5px 0 15px;font-family:Arial;font-size:16px;font-weight:bold;color:#333;text-align:left;}
.header_left_text2{padding:3px 5px 5px 15px;font-family:Arial;font-size:26px;color:#E0E0E0;text-align:left;font-weight:lighter;letter-spacing:2.5px;}

.textblock{padding:10px;margin:10px 0 0 0;background:#f8f8f8;text-align:justify;}
.textblock h1{padding:0 0 10px 0;font-family:Arial;font-size:14px;font-weight:bold;color:#00587E;text-align:justify;}
.textblock p{padding:0 0 5px 10px;font-family:Arial;font-size:12px;color:#333;text-align:justify;}

.ce_text a{font-family:Arial;font-size:12px;color:#333;text-decoration:none;font-weight:bold;}
.ce_text a:hover{color:#6DAA24;}
.ce_text ul{padding:0 0 10px 25px;font-family:Arial;font-size:12px;color:#333;text-align:justify;}
.ce_text td{font-family:Arial;font-size:12px;color:#333;text-align:left;vertical-align:top;}

.tabelle_right td{padding:0 0 5px 0;font-family:Arial;font-size:12px;color:#333;vertical-align:top;text-align:left;}
.tabelle_main td{padding:0 10px 5px 0;font-family:Arial;font-size:12px;color:#333;vertical-align:top;text-align:left;}
.tabelle_main .col_0{width:180px;}

.modul_kontakt{background:#E5E5E5;padding:5px 10px 5px 10px; text-align:justify;}
.modul_kontakt img{padding:0 0 0 10px;}

#main .ce_list ul{padding:5px 0 5px 25px;font-family:Arial;font-size:12px;color:#333;text-align:justify;}
#main .ce_list ol{padding:5px 0 5px 25px;font-family:Arial;font-size:12px;color:#333;text-align:justify;}

#main .ce_table td{padding:0 10px 5px 0;font-family:Arial;font-size:12px;color:#333;vertical-align:top;text-align:left;}

#main ul, #main ol{padding:0 0 0 20px;color:#333;font-family:arial;font-size:12px;text-align:left;line-height:1.5;}

.toggler{
	padding:3px 0 0 5px;
        min-height:17px;
	background:#999;
	border-bottom:#fff 5px solid;
	font:normal normal normal 11px Arial;
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
}

div.toggler:hover {
 cursor:pointer;
 background:#cdcdcd;
}

.accordion{
	background:#fff;
}
.accordion p{
	margin:5px;
	padding:10px;
	font:normal normal normal 12px/18px Arial;
	color:#4f4c4d;
	background:#efefef;
}
.accordion td{
	padding:0 0 0 10px;
	font:normal normal normal 12px/18px Arial;
	color:#4f4c4d;
}
.accordion li{
	margin:0 0 0 10px;
}
.accordion a{
	color:#000;
	text-decoration:none;	
	font-weight:bold;
}

/********* links und downloads ************/

.ce_hyperlink {padding:0 5px 2px 5px;width:420px;background:#00587E;border:#fff 1px solid;}
.ce_hyperlink img{margin:2px 0 0 0;float:left;}
.ce_hyperlink a{padding:0 5px 0 23px;font:normal normal bold 12px/12px Arial;color:#fff;text-decoration:none;}
#right .ce_hyperlink { width:189px; }
div.ce_hyperlink:hover{background:#cfcfcf;width:420px;color:#6DAA24;}
.ce_download {padding:0 5px 2px 5px;width:420px;background:#999;border:#fff 1px solid;}
.ce_download img{margin:2px 0 0 0;float:left;}
.ce_download a{padding:0 5px 0 5px;font:normal normal bold 12px/12px Arial;color:#fff;text-decoration:none;}
div.ce_download:hover{background:#cfcfcf;width:420px;}

/********* kontakt ************/
.kontaktformular{padding:5px 0 10px 0;font-family:MS Reference Sans Serif, Arial;font-size:12px;color:#333;}
.kontaktformular input{float:left;padding:0 0 3px 5px;margin:0 0 3px 0;width:330px;height:14px;border:#cecece 1px solid;background:#FBFBFB;color:#333;}
.kontaktformular textarea{float:left;padding:0 0 3px 5px;width:330px;border:#cecece 1px solid;background:#FBFBFB;color:#333;}
.kontaktformular .col_0{padding:0 10px 0 0;vertical-align:top;}
.submit_container input{padding:0 0 2px 0;margin:3px 0 0 0;width:100px;height:18px;border:#cecece 1px solid;background:#ECE9D8;text-align:center;font-weight:bold;}

/********* loginbereich ************/
.mod_login{padding:5px 0 10px 0;font-family:MS Reference Sans Serif, Arial;font-size:12px;color:#333;}
.mod_login input{float:left;padding:0 0 3px 5px;margin:0 0 3px 0;width:310px;height:14px;border:#cecece 1px solid;background:#FBFBFB;color:#333;}
.mod_login .col_0{padding:0 10px 0 0;vertical-align:top;}
.mod_login .submit_container input{padding:0 0 2px 0;margin:3px 0 0 0;width:317px;height:18px;border:#cecece 1px solid;background:#ECE9D8;text-align:center;font-weight:bold;}

/********* google ************/
.google_karte{margin:20px 35px 0 0;width:400px;height:220px;border:#cecece 1px solid;float:left;}
.google_karte_klein{margin:20px 35px 0 0;width:198px;height:250px;border:#cecece 1px solid;float:left;}
.google_link{clear:both;float:right;margin:5px 28px 10px 0;padding:0 8px 1px 8px;color:#000;text-decoration:none;font-size:12px;background:#ECE9D8;border:#cecece 1px solid;}

/***** modules *****/

.mod_customnav li {
	float:left;
	display:block;
}

.mod_customnav ul span, .mod_customnav li a, .mod_customnav ul ul span {
	padding:0 5px 0 5px;
	font:normal normal bold 12px/12px Arial;
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	border-left:#fff 1px solid;
}

.mod_customnav ul span, .last li{
	
}

.mod_customnav li.active span, .mod_customnav li.trail a {
	color:#000;
}

.mod_customnav li a:hover {
	color:#000;
	font-weight:bold;
}

.mod_navigation li {
	float:left;
	display:block;
}

.mod_navigation li span, .mod_navigation li a {
	padding:0 8px 0 8px;
	font:normal normal bold 12px/12px Arial;
	color:#fff;
	text-transform:uppercase;
	border-right:1px solid #fff;	
	text-decoration:none;
}

.mod_navigation .last a{
	border-right:#fff 0px solid;
}

.mod_navigation li.active span, .mod_navigation li.trail a {
	color:#6DAA24;
}

.mod_navigation li a:hover {
	color:#6DAA24;
	font-weight:bold;
}


.left_nav {
}
.left_nav li {
	display:block;
	clear:both;
	width:272px;

	border-bottom:1px solid #fff;

}

.left_nav li span, .left_nav li a {
        display:block;
	padding:8px 0 8px 88px;
	font:normal normal bold 12px/12px Arial;
	color:#fff;
	text-transform:uppercase;
	border-right:0px;	
	text-decoration:none;
}

.left_nav li.active span, .left_nav li.trail a {
	color:#6DAA24;
}

.left_nav li a:hover {
	color:#6DAA24;
}
.left_nav ul span, .last li a{
	border-bottom:#fff 0px solid;
}
.left_nav ul.level_2 li {
  border:none;
}
.left_nav ul.level_2 li a, .left_nav ul.level_2 li span {
  padding:4px 0 4px 104px;
  font-size:10px;
  color:white;
}
.left_nav ul.level_2 li.active span, .left_nav ul.level_2 li a:hover {
  color:#6DAA24;
}

.ce_navaccordion div.navtoggler a {
	display:block;
	padding:8px 0 8px 88px;
	font:normal normal bold 12px/12px Arial;
	color:#fff;
	text-transform:uppercase;
	border-right:0px;	
	text-decoration:none;
	border-bottom:1px solid #fff;
}
.ce_navaccordion li a {
  padding:4px 0 4px 104px;
  font-size:10px;
}
.ce_navaccordion li.trail a {
	color: #fff;
}
.ce_navaccordion li.active a, .ce_navaccordion ul.level_2 li.active a {
	color:#6DAA24;
}
.footernav a {
	padding:0 5px 0 5px;
	font:normal normal bold 12px/12px Arial;
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	border-left:#fff 1px solid;
}

.first_footernav{
	border-left:0px;
	clear:both;
}

.mod_sitemap li span, .mod_sitemap li a {
	color:#5D6971;
	font-weight:bold;
	font-family: arial;
	font-size:12px;
	text-decoration:none;
}

.mod_sitemap li.active span, .mod_sitemap li.trail a {
	color:#6DAA24;
	font-weight:bold;
}

.mod_sitemap li a:hover {
	color:#6DAA24;
	font-weight:bold;
}

#right div.mod_newslist div.layout_latest {
  padding:5px 10px;
  background:#e5e5e5;
}

#right div.mod_newslist p.more a {
  font:normal normal bold 12px Arial;
  color:#333333;
  text-decoration:none;
}

#right div.mod_newslist p.more a:hover {
  color:#6DAA24;
}



/************* IE Mac CSS Only  works for Win too **************/
* html div#centerwrap {margin: 0 -100% 0 0;}
* html div#left {margin: 0;}