/*
 * Cascading Style Sheet
 *
 *
 */

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

/***** resets *****/

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

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

img {
  display:block;
}

img, div { behavior: url(iepngfix.htc); }

/***** html, body & id�s *****/

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

html { 
}

#wrapper { 
  text-align:left;
  width:900px;
  margin:0 auto;
}

#header {	
	width:900px;
	height:260px;
}

	#header_image {	
          position:absolute;
          top:0;
          left:0;
	  width:900px;
	  height:260px;
	}

	#header_logo {
		position:absolute;
		top:30px;
                left:30px;
		height:62px;
		width:262px;
		display:block;
		background: url(../img/logo_kl.png) no-repeat;
                z-index:2;
	}
	
	#nav{

		position:absolute;
                top:234px;
                left:0;
		height:26px;
		width:730px;
                padding:0 0 0 170px;
		background: url(../img/background_nav.png) no-repeat;
                z-index:2;
	}
        * html #nav {
          overflow:hidden;
        }

#container {	
	background:url(../img/background_content.png) repeat-y;	
}

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

#main {	
	margin:0 20px 25px 200px;
	padding:0 0 0 50px;
}

#left {	
	
	padding:21px 5px 0 20px;
	height:300px;
}

#right {
}

#footer {	
	display:block;
	width:956px;
	height:40px;
	margin:5px 0 0 0;
	background:white;
	border:2px solid gray;
}



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

.header_nav li {
  float:left;
}
.header_nav li span, .header_nav li a {
	display:block;
        width:110px;
        height:17px;
	margin:0 3px 5px 0;
	padding:2px 0 0 0;
	font:normal normal bold 13px/13px Arial;
	color:#fff;
	background: #c4c4c4;
	border: #c4c4c4 2px solid;
	text-align:center;
}

.header_nav li.active span, .header_nav li.trail a {
	color:#fff;
	font-weight:bold;
	background: #c4c4c4;
	border: #CD071E 2px solid;
}

.header_nav ul {
	list-style-type:none;
}

.header_nav li a {
	text-decoration:none;
	list-style-type:none;
}

.header_nav ul.level_1 li a:hover {
	color:#CD071E;
	font-weight:bold;
	background: #c4c4c4;
	border: #CD071E 2px solid;
}

.header_nav ul.level_1 li a.trail:hover {
	color:#CD071E;
	font-weight:bold;
	background: #c4c4c4;
	border: #CD071E 2px solid;
}

.left_nav li span, .left_nav li a {
	display:block;
	width:145px;
	margin:0 0 5px 0;
	padding:10px 0 0 0;
	font:normal normal bold 12px/12px Arial;
	color:#fff;
	k	
	text-align:left;
}

.left_nav li.active span, .left_nav li.trail a {
	color:#4d4d4d;
}

.left_nav ul {
	list-style-type:none;
}

.left_nav li a {
	text-decoration:none;
	list-style-type:none;
}

.left_nav ul.level_1 li a:hover {
	color:#4d4d4d;
}

.left_nav ul.level_1 li a.trail:hover {
	color:#4d4d4d;
}

.left_nav ul.level_2 {	
	list-style-type:circle;
}

.left_nav ul.level_2 li span, .left_nav ul.level_2 li a {
	height:auto;
	padding:0 0 0 10px;
	font:normal normal normal 12px/12px Arial;
	color:#fff;
	width:125px;
}

.left_nav ul.level_2 li.active span {
	color:#4d4d4d;
}

.left_nav ul.level_2 li a:hover {
	color:#4d4d4d;
	border:none;
}

.left_nav ul.level_2 li a.trail {
  color:#4d4d4d;
}

.left_nav ul.level_2 li a.trail:hover {
	color:#4d4d4d;
}


/***** tags *****/

h1 {
	padding:30px 50px 10px 0;
	font-size:13px;
	font-weight:bold;
	font-family: MS Reference Sans Serif, Arial;
	font-size:12px;
	color: #4d4d4d;
}

h2 {
	padding:0 50px 5px 0;
	font-size:12px;
	font-weight:bold;	
	font-family: MS Reference Sans Serif, Arial;
	font-size:11px;
	color: #4d4d4d;
}

p {
	padding:0 50px 5px 0;
	font-family: MS Reference Sans Serif, Arial;
	font-size:12px;
	color: #4d4d4d;
}

/*****classes*****/

.ce_text a {
	color:#666;
	text-decoration:none;
	font-weight:bold;
}

.ce_text a:hover {
  color:#999; 
}

.ce_table td{
	padding:0 10px 10px 0;
	margin:10px 0 0 0;
	font-family: MS Reference Sans Serif, Arial;
	font-size:12px;
	color: #4d4d4d;
	text-align:left;
	vertical-align:top;
}

.ce_list ul {
	padding:10px 0 0 20px;
	margin:0px 10px 0 0;
	font-family: MS Reference Sans Serif, Arial;
	font-size:12px;
	color: #4d4d4d;
}

.liste_2 ul {
	padding:2px 0 0 50px;
	margin:0px 10px 0 0;
	font-family: MS Reference Sans Serif, Arial;
	font-size:12px;
	color: #4d4d4d;
	list-style-type:square;
}

.ce_list ol {
	padding:10px 0 0 20px;
	margin:0px 10px 0 0;
	font-family: MS Reference Sans Serif, Arial;
	font-size:12px;
	color: #4d4d4d;
}

.ce_list li {
	padding:0 0 0 5px;
}

/********* kontakt ************/
.kontaktformular{padding:15px 0 10px 0;font-family:MS Reference Sans Serif, Arial;font-size:12px;color:#4d4d4d;}
.kontaktformular input{float:right;padding:0 0 3px 5px;margin:0 0 3px 0;width:345px;height:13px;border:#cecece 1px solid;background:#FBFBFB;color:#4d4d4d;}
.kontaktformular textarea{float:right;padding:0 0 3px 5px;width:345px;border:#cecece 1px solid;background:#FBFBFB;color:#4d4d4d;}
.kontaktformular .col_0{padding:0 10px 0 0;}
.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;}

/********* google ************/
.google_karte{margin:20px 35px 0 0;width:450px;height:250px;border:#cecece 1px solid;float:left;}
.google_link{display:block;clear:both;margin:5px 0 0 0;padding:0 8px 1px 8px;width:434px;color:#000;text-decoration:none;font-size:12px;background:#ECE9D8;border:#cecece 1px solid;}



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