/* B A S I C S 
------------------------------------------- */

html {
  height: 100%
  }

body {
  border: 0;
  margin: 0;
  padding: 0;
  text-align: center;
  background: #FFFFFF url("../img/bg.jpg") repeat-x;
  font-size: 100.01%;
  }
  
* html .clearfix { height: 1%; overflow: visible; } /* IE6 Fix */
*+html .clearfix { min-height: 1%; } /* IE7 Fix */
.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }


/* P O S I T I O N
------------------------------------------- */

#container {
  margin: 0 auto;
  text-align: left;
  width: 890px;
  background: url("../img/border.gif") repeat-y;
  }
  
#border_top {
  width: 890px;
  margin: 0;
  background: url("../img/bg_border_top.jpg") no-repeat;  
}  

#center {
  width: 880px;
  margin: 0 5px;
  background: #FFF;
  background: url("../img/bg_header.gif") repeat-x;;
  }

div.left {
  float: left;
  width: 270px;
}  

div.right {
  float: right;
  width: 570px;
}   
  
#logo {
  margin: 10px 0 0 20px;
}

#menu {
  margin: 156px 0 0 20px;
  background-color: #FFF;
  width: 242px;
  border: 1px solid #999;
  } 
  
#header_img {
  width: 526px;
  padding: 15px;
  margin: 30px 0 0 0;
  background: url("../img/bg_header_img.gif") no-repeat;
}

#slogan {
  width: 521px;
  margin: 0;
  padding: 0;
  }
  
#content {
  margin: 50px 0 0 10px;
  width: 510px;
  min-height: 300px;
  }
  
#bottom {
  position: relative;
  margin: 45px auto 0;
  text-align: left;
  width: 890px;
  }

#zitat {
  position: absolute;
  left: 25px;
  bottom: 10px;
  background-color: #FFF;
  width: 242px;
  border: 1px solid #999;
}

#metamenu {
  position: absolute;
  left: 325px;
  bottom: 10px;
  text-align: center;
  background-color: #FFF;
  width: 510px;
  border: 1px solid #999;
  }
  
#border_bottom {
  margin: 0 auto;
  text-align: left;
  width: 890px;
  height: 5px;
  background: url("../img/border_bottom.gif") no-repeat;
  }
  
  
/* S T Y L E S
------------------------------------------- */

p, li, td, h1, h2, h3 {
  font-family: Verdana, Arial, Sans Serif;
  margin:0;
  padding: 0;
  }
  
ol, ul {
  margin: 0;
  padding: 0;
  }
  
#slogan h3 {
  font-weight: normal;
  font-size: 18px;
  color: white;
  text-align: right;
  margin: 2px 0 0 0;
}

#menu li {
  list-style-type: none;
  margin: 15px 5px;
  }
  
#menu ul li a {
  display: block;
  padding-left: 10px;
  color: #FEA040;
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
  }
  
#menu ul li a:hover, #menu ul li.aktiv a {
  background: url("../img/menu_main_active.gif") center left no-repeat;
  }
  
#menu ul li.aktiv ul li {
  margin: 5px;
  }
  
#menu ul li.aktiv ul li a {
  display: block;
  padding-left: 50px;
  margin-bottom: -5px;
  color: #666;
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
  background: none;
  }
  
#menu ul li.aktiv ul li a:hover, #menu ul li.aktiv ul li.aktiv a {
  background: url("../img/menu_sub_active.gif") center left no-repeat;
  }
  
#content h1 {
  color: #FEA040;
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 18px;
  }
  
#content h2 {
  color: #666;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 11px;
  margin-top: 20px;
  }
  
#content td {
	vertical-align: top;
	color: #666;
	font-size: 11px;
	}
  
#content p {
  color: #666;
  font-size: 11px;
  margin-bottom: 11px;
  }

#content a {
  color: #666;
  font-decoration: underlined;
  }

#content a:hover {
  color: #FEA040;
  font-decoration: underlined;
  }

#content ul li {
  list-style-type: none;
  margin: 0px 0px 10px 10px;
  color: #666;
  font-size: 11px;
  }
  
#content ul li a {
  padding-left: 15px;
  background: url("../img/menu_main_active.gif") center left no-repeat;
  }  
  
#zitat p {
  margin: 5px;
  font-size: 10px;
  font-weight: bold;
  color: #666;
  }
  
#zitat p.align-right {
  margin-top: -10px;
  padding: 0 10px 10px 10px;
  font-size: 10px;
  font-weight: bold;
  color: #FEA040;
  text-align: right;
  }
  
#metamenu p {
  color: #666;
  font-size: 10px; 
  font-weight: bold;
  margin: 5px;
  }
  
#metamenu p a {
  color: #666;
  font-size: 10px; 
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
  }
  
#metamenu p a:hover, #metamenu p span.aktiv a {
  color: #FEA040;
  }
  
div.csc-textpic-clear {
	margin-bottom: 10px;
	}
  
  
/* BORDERS
-------------------------------------------------- */

.border_1_img {
  background-color: #FFF;
  padding: 10px;
}

.csc-textpic {
  width: 420px;
  background-color: #FFF;
  padding: 10px;
}

.border_2 {
  background-color: #ACACAC;
  padding: 1px;
}

.border_3 {
  background-color: #BFBFBF;
  padding: 1px;
}

.border_4 {
  background-color: #D9D9D9;
  padding: 1px;
}

.border_5 {
  background-color: #ECECEC;
  padding: 1px;
}

.border_6 {
  float: left;
  background-color: #F9F9F9;
  padding: 1px;
}

/* Formular
--------------------------------------- */

div.mailform_label {
	float: left;
	width: 100px;
	font-family: Verdana, Arial, Sans Serif;
	color: #666;
	font-size: 11px;
	margin: 2px 0;	
	}
div.mailform_field {
	float: left;
	margin: 2px 0;
	}
div.mailform_field input {
	font-family: Verdana, Arial, Sans Serif;
	color: #666;
	font-size: 11px;
	border: 1px solid #FEA040;
	width: 300px;
	}
div.mailform_field textarea {
	font-family: Verdana, Arial, Sans Serif;
	color: #666;
	font-size: 11px;
	border: 1px solid #FEA040;
	width: 300px;
	height: 120px;
	}