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

body {
	margin:15px 0 0 0;
	padding:0;
	text-align: justify; 
	font-family:  sans-serif, verdana, arial;
	background:#D7E2EC;
	color: #666;
	overflow-y:scroll;
}

h2,h3,h4,h5,h6,li{padding:0;margin:0;}

h1{padding:10px 0 0 5px;color:#02494D;font-size:13px;font-weight:bold;}
p{padding:0 5px 0 5px;font-size:12px;}
ul{padding:0 5px 0 10px;font-size:12px;}



.kontakt_tabelle{padding:0 5px 0 5px;font-size:12px;}
.table_footer{color:#333;font-family: sans-serif, verdana, arial;font-size:11px;padding:0 6px 0 6px;text-align:left;vertical-align:top;border-right:#cecece 1px solid;}
.last_footer a {color:#333;font-weight:normal; font-family: sans-serif, verdana, arial;font-size:11px;padding:0 6px 0 6px;text-align:left;vertical-align:top;}

#startseite42 a{color:#A92530;font-size:12px;}
.ce_text ul{padding:0 0 0 25px;}

/************************Spaltenset***************************/
.first_start h1{padding:28px 0 0 10px;margin:0;width:171px;height:20px;color:#333;font-size:13px;font-weight:bold;background: url(../img/seite/start_left.jpg) no-repeat;}
.second_start h1{padding:28px 0 0 10px;margin:0;width:171px;height:20px;font-size:13px;font-weight:bold;background: url(../img/seite/start_center.jpg) no-repeat;}
.third h1{padding:28px 0 0 10px;margin:0;width:171px;height:20px;color:#333;font-size:13px;font-weight:bold;background: url(../img/seite/start_right.jpg) no-repeat;}
.first p{height:160px;width:159px;margin:0;padding:10px;background:#fff;border-left:#BEBDBD 1px solid;border-right:#BEBDBD 1px solid;border-bottom:#BEBDBD 1px solid;}
.first ul{height:160px;width:149px;margin:0;padding:10px 10px 10px 20px;background:#fff;border-left:#BEBDBD 1px solid;border-right:#BEBDBD 1px solid;border-bottom:#BEBDBD 1px solid;}
.second p{height:160px;width:159px;margin:0;padding:10px;background:#fff;border-left:#BEBDBD 1px solid;border-right:#BEBDBD 1px solid;border-bottom:#BEBDBD 1px solid;}
.third p{height:160px;width:159px;margin:0;padding:10px;background:#fff;border-left:#BEBDBD 1px solid;border-right:#BEBDBD 1px solid;border-bottom:#BEBDBD 1px solid;}
.first a{color:#A92530;font-size:11px;}
.second a{color:#A92530;font-size:11px;}
.third a{color:#A92530;font-size:11px;}

/************************Akkordeon***************************/
.ce_accordion{padding:0;margin:0 0 4px 0;font:normal normal normal 11px/1.5 Verdana;color:#545353;border:#cfcfcf 1px solid;background:#f9f9f9;}
.toggler{padding:1px 0 1px 5px;margin:0;font-size:11px;font-weight:bold;background:#D7E2EC;}
.toggler:hover { cursor:pointer; background:#bfbfbf;color:#fff; }
.accordion {padding:10px 5px 0 5px;}
.accordion td{padding:0 5px 0 0;font-size:11px;vertical-align: top;text-align:left;}
.accordion ul{padding:0 0 0 25px;}
.accordion img{margin:0 0 10px 10px;float:left;border:#EDD6AF 1px solid;}
a{color:#A92530;font-weight:bold;text-decoration:none;}

/************************Kontaktformular***************************/
.kontaktformular{padding:5px 0 0 5px;font-family:arial;font-size:11px;}
.kontaktformular input, textarea{float:right;padding:0 0 3px 5px;margin:0 0 0 10px;width:190px;color:#666;border:#cecece 1px solid;font-family:arial;font-size:11px;background:#FBFBFB;}
.submit_container input{width:100px;height:18px;border:0px;font-weight:bold;text-align:center;color:#A92530;}
.kontaktformular td{padding:0 0 5px 0;margin:0;text-align:left;vertical-align:top;}
.ce_form input.error, .ce_form textarea.error {border:1px solid #A92530;}
.ce_form p.error{display:none;}

/************************Google Maps***************************/

.google_karte{margin:0 0 0 4px;width:270px;height:295px;border:#cecece 1px solid;float:left;}
.google_link{margin:0 0 0 4px;color:#666;font-size:12px;text-align:left;text-decoration:none;font-weight:bold;float:left;}

/********* MOD_Nacigation ************/

.mod_customnav a{padding:0 0 0 20px;display:inline;font-size:11px;color:#02494D;text-decoration:none;background: url(../img/seite/background_navtop.jpg) no-repeat;background-position:0 1px;}
.mod_customnav ul{margin:0px;padding:0px;list-style-type:none;}
.mod_customnav li{margin:4px 20px 4px 0px;padding:0 0 0 0px;font-weight:bold;list-style-type:none;display:inline;}
.mod_customnav .level_1 ul{margin:0 15px 0 0;padding:0;font-weight:normal;}
.mod_customnav .level_2 ul{margin:0 15px 0 0;padding:0;font-weight:normal;}
.mod_customnav a:hover{margin:0;padding:0 0 0 20px;color:#000;font-size:11px;background: url(../img/seite/background_navtop.jpg) no-repeat;background-position:0 1px;}
.mod_customnav li.active span{color:#000;display:inline;font-size:11px;padding:0 0 0 20px;text-decoration:none;background: url(../img/seite/background_navtop_aktiv.jpg) no-repeat;background-position:0 1px;}
	
		
.mod_navigation ul {	
	list-style-type:none;
}

.mod_navigation li span, .mod_navigation li a {
	display:block;
	padding:1px 0 5px 20px;
	margin: 0 0 10px 0;
	font:normal normal bold 13px/13px Arial;
	color:#02494D;
	background: url(../img/seite/background_navleft.png) no-repeat;
	background-position:0 1px;
	border-bottom: 1px dotted #02494D;
}

.mod_navigation li.active span, .mod_navigation li.trail a {
	color:#000;
	background: url(../img/seite/background_navleft_aktiv.png) no-repeat;
	background-position:0 1px;
}

.mod_navigation li a {
	text-decoration:none;
}

.mod_navigation ul.level_1 li a:hover {
	color:#000;
	background: url(../img/seite/background_navleft.png) no-repeat;
	background-position:0 1px;
}

.mod_navigation ul.level_1 li a.trail:hover {
	color:#000;
	background: url(../img/seite/background_navleft.png) no-repeat;
	background-position:0 1px;
}

.mod_navigation ul.level_2 li span, .mod_navigation ul.level_2 li a {
	clear: both;
	height:auto;
	padding:0 0 3px 0;
	margin: 0 0 7px 10px;
	font:normal normal bold 13px/13px Arial;
	color:#02494D;
	text-transform:none;
	background:none;
	border-bottom: 1px dotted #02494D;
}

.mod_navigation ul.level_2 li.active span {
	color:#000;
	background:none;
}

.mod_navigation ul.level_2 li a:hover {
	color:#000;
	background:none;
}

.mod_navigation ul.level_2 li a.trail {
  color:#000;
  background:none;
}

.mod_navigation ul.level_2 li a.trail:hover {
	color:#000;
	background:none;
}


div.mod_rss_reader {
  padding:0 0 0 5px;
  xxline-height:12px;
}
div.mod_rss_reader p {
  margin:0;
  padding:0;
  width:auto;
  height:auto;
  border:none;
  background:none;  
}
div.mod_rss_reader p.description {
  padding:0 0 16px 0;
}
div.mod_rss_reader div.rss_default {
  float:left;
  padding:0 0 12px 0;
  width:33%;  
}
div.mod_rss_reader p.link a {
  color:#02494D;  
}
div.mod_rss_reader .first a {
  font-size:12px;
}


/* 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 { 
	text-align: left;
	width: 980px;
	margin: 0 auto;
}

#logo {
	z-index: 5;
	margin:0 auto;
	position:absolute;
	height:65px;
	width:161px;
	top:20px; 
	left:30px;
}

#header {
	z-index: 1;
	clear: both; 
	padding:0 20px 0 0;
	width: 960px;
	height: 370px;
	background: url(../img/seite/background_header.png) no-repeat;
}

	#header_nav {
		z-index: 2;
		position:relative;
		float:left;
		margin:0 8px 0 0;
		padding:0 0 0 380px;
		width: 592px;
		height: 60px;
	}
	
	#header_bilderslider {
		z-index: 3;
		position:relative;
		float:left;
		height:310px;
	}

#container {/* right faux column tab */
	margin:0;
	background: url(../img/seite/background_content.png) repeat-y;
	float: left;
	width: 980px;
}

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

#mainwrapper {
  float:left;
}

#main {
	margin: 0 0 5px 0;
	padding: 0 10px 5px 10px;
	width:565px;
}

#left {
  float:left;
  width: 155px;
  min-height: 285px;
  margin: 0;
  padding: 10px 5px 5px 0;
}

#right {
  float:right;
  width:211px;
  min-height: 285px;
  margin: 0 9px 0 0;
  padding: 0 10px 0 5px;
}

#footer {
	clear: both;
	width: 970px;
	height:26px;
	padding:34px 0 0 10px;
	background: url(../img/seite/background_footer.png) no-repeat;
}

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