@charset "utf-8";
/* 
Grundgerüst Aufbau
<div id="wrapper">
  <div id="logo"></div>
  <div id="header"></div>
  <div id="topnavi"></div>
  <div id="left"></div>
  <div id="content"></div>
  <div id="right"></div>
</div>

 */
 

/*Body und HTML*/
html 
{
	height: 100.1%;
	margin-bottom: 0px;
}

body
{
	margin:0px;
	text-align:left;
	background-color:#f1f0ee;
	font:11px/15px Verdana, Arial, Helvetica, sans-serif
} /*11px/15px = font-size/line-height*/

/*Defaults*/
fieldset
{
  border:none;
}

/*Grundgerüst*/

#wrapper 
{
	width:836px;
	margin-left: auto;
	margin-right: auto;
	text-align:left
}
#wrapperm 
{
	border-left:4px solid #fff;
	border-right:4px solid #fff;
	border-bottom:4px solid #fff;
	padding:8px;
	padding-top:0px;
}
	
#logo
{
	height:100px;
}

#logo_img
{
	height:75px;
	width:70px;
	float:left;
	padding-top:25px
}
		
#logo_txt
{
	height:60px;
	float:left;
	font-size:14px;
	font-weight:700;
	color:#e58316;
	padding-top:40px
}
	
#header
{
	height:150px;
	background-color:#cfd6dd;
}

#visual
{
	height:150px;
	width:608px;
	float:left;
	border-right:4px solid #f1f0ee
}

#lang
{
	height:150px;
	width:200px;
	float:left
}
		
#topnavi_left, #topnavi_right
{
	height:20px;
	background-color:#677588;
	margin:4px 0;
	margin-bottom:20px;
}
	
#left
{
	width:200px;
	float:left
}


#left div.moduletable
{
	background-color:#e8e3e1;
	color:#333;
}
	
#main
{
	width:612px;
	float:left;
	background-color:#f1f0ee;
}
	
#content
{
	width:388px;
	float:left;
	background-color:#f1f0ee;
	padding: 0 12px;
}

#contentVSV
{
	width:580px;
	float:left;
	background-color:#f1f0ee;
	padding: 0 12px;
}

#right
{
	width:200px;
	float:left;
	
}

#rightText, #leftText
{
	background-color:#E8E3E1;
}
#rightInnerText, #leftInnerText
{
	margin-left:8px;
	margin-right:8px;	
}

#right div.moduletable
{
	background-color:#e8e3e1;
	color:#333;
}
	
#footer
{
	height:30px;
}
	
div.clear{clear:both}

/*Schriften*/

#content a
{
	color:#677588;
	text-decoration:underline;
}

#footer 
{
	color:#9aa6b5
}

/*Überschriften*/

#content h1{font-size:13px;font-weight:700;margin:0 0 10px;color:#677588;}
#content h2{
    font-size:13px;
    display:block;
    margin-top:0px;
    margin-bottom:0px;
    line-height: 20px;
    padding:0px;
    color:#46617D; /* color:#46617d; */
    text-decoration:none;
}
#left h3, #right h3{padding-right: 12px;padding-left: 8px;font-weight: normal;font-size: 11px;padding-bottom: 3px;margin:0px;color: #fff;padding-top: 2px;background-color: #e58316;}

/* Module Table */
.moduletable
{
  padding-bottom:10px;
}
.moduletable div
{
  padding:10px;
}


/* Registration - Form Validation CSS */

label.error 
{ 
float: none;

display:block;
color: #000;
padding: 3px;
background-color:#ff8400;
font-weight:bold;
font-size:10px;
}

/*Menü oben*/
#topnavi_left{
	float:left;
	width: 404px;
}
#topnavi_right{
	float:left;
	width: 404px;
}
#topnavi_left{
	border-right: 4px solid #f1f0ee;
}

#topnavi_left ul, #topnavi_right ul {
	padding-right: 0px;
	padding-left: 0px;
	float: left;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px
}
	
#topnavi_left ul li,#topnavi_right ul li {
	display: inline;
	font-weight: normal
}


#topnavi_left ul li a,#topnavi_right ul li a{
  border-right: #ffffff 0px solid;
  padding-right: 12px;
  background-position: right 5px;
  padding-left: 12px;
  float: left;
  background-image: url(../img/trenner_mainmenu.gif);
  padding-bottom: 2px;
  margin: 0px;
  color: #ffffff;
  padding-top: 3px;
  background-repeat: no-repeat;
  text-decoration: none;
}

#topnavi_left ul li a:hover,#topnavi_right ul li a:hover{
	background-color: #e58316;
}


/*Menü links*/
#left ul {
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	list-style-type: none
}
#left li a {
	padding-right: 12px;
	display: block;
	padding-left: 4px;
	padding-bottom: 3px;
	margin: 0px;
	width: 184px;
	color: #fff;
	padding-top: 2px;
	border-bottom: #f1f0ef 1px solid;
	background-color: #9aa6b5;
	text-decoration: none;
}
#left li ul li a {
	padding-right: 12px;
	display: block;
	padding-left: 8px;
	padding-bottom: 3px;
	margin: 0px;
	width: 180px;
	color: #677588;
	padding-top: 2px;
	border-bottom: #f1f0ef 1px solid;
	background-color: #cfd6dd;
	text-decoration: none;
}
#left .activ {
	background-color: #e58316;
}

#left a:hover {
	background-color: #e58316;
	color:#fff;
}