@charset "utf-8";
body  {
	margin: 85px;
	padding: 0;
	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	background-color: rgb(242,243,237);
	background-image: url(img/welle-oben.gif);
	background-repeat: repeat-x;
}
.thrColFixHdr #container { 
	width: 1000px;
	background: #FFFFFF;
	margin: 0 auto; 
	text-align: left; 
	background: #fff url(img/hg_container.gif);
} 
/* ---------------Navigation: 3 Bereiche--------------------- */
	
/* EDIT LW */	
#navcontainer
{
margin:0;
padding:0;
font-size: 110%;
list-style-type: none;
width:1000px;
height:44px;
background:rgb(242,243,237) url(img/hg_navcontainer.gif) left bottom repeat-x;
}

/* EDIT LW */
#navlist li
{
float:right;
margin: 0;
padding: 0;
width: auto;
display: block;
color: #000;
cursor: default;
font-weight: bold;
border-bottom: none;
border-bottom: none;
background: #eee;
}

/* EDIT LW */
#navlist li a, #navlist li a:link
{
background: rgb(210,209,43);
color: #000;
text-decoration: none;
padding: 12px 20px 6px 20px;
border-bottom: 8px solid rgb(167,181,27);
float:left;
height:18px;
line-height:18px;
}

#navlist li a:hover
{
background: rgb(238,235,157);
color: #000;
text-decoration: none;
padding: 12px 20px 6px 20px;
border-bottom: 8px solid rgb(210,209,43);
}

/* EDIT LW */
/* einige #navlist li zusammengefasst */

#navlist  a#active
{
background: rgb(238,235,157);
color: #000;
text-decoration: none;
padding: 12px 20px 6px 20px;
border-bottom: 8px solid rgb(210,209,43);
}
#language
{
font-size: 80%;
color:#999;
width:300px;
height:20px;
width:300px;
float:left;
}
#language select {
background-color:rgb(231,231,217);
border:none;
width:180px;
color:#666;
}
#language option {
background-color:rgb(244,245,240);
border-bottom:solid 1px rgb(219,219,198);
color:#666;
}

/* ---------------Header--------------------- */
#header {
	background: #DDDDDD;
	padding: 0px;  /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. Wenn im #header anstelle von Text ein Bild eingesetzt wird, sollten Sie die Auffüllung entfernen. */
	margin: 0px;
	height: 330px;
	width:800px;
	float:left; /* EDIT LW */
} 
/* ---------------Untermenü--------------------- */

.thrColFixHdr #umenue { 
width: 180px; 
float: left; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
 /* Die tatsächliche Breite dieses div umfasst in standardgerechten Browsern bzw. im Standardmodus von Internet Explorer außer der Breite auch die Auffüllung und den Rahmen. */}

#umenue ul
{
margin: 0px;
padding: 0px;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
width: 100%;
}

#umenue li
{
margin: 0px;
padding: 0px;
}

#umenue ul li a
{
display: block;
width: 160px;
padding: 9px 0 9px 15px;
background-color:rgb(125,184,216);
font-size: 100%;
border-bottom: 1px solid rgb(142,191,217)
}

#umenue ul li a:link, #umenue ul li a:visited
{
color:#fff;
text-decoration: none;
}

#umenue ul li a:hover
{
background-color:rgb(142,191,217);
color: #000;
}

#umenue ul ul li a
{
display: block;
padding-left:30px;
padding: 4px 0 4px 30px;
width: 150px;
background-color:rgb(142,191,217);
font-size: 90%;
}

#umenue ul ul li a:link, #umenue ul ul li a:visited
{
color: #fff;
text-decoration: none;

}

#umenue ul ul li a:hover
{
background-color: rgb(171,206,224);
color: #333;
}

/* selected states */
#umenue ul li a#current
{
font-weight: bold;
color:#fff;
background-color: rgb(125,184,216);
}

#umenue ul ul li a#subcurrent
{
font-weight: bold;
color:#333;
background-color: rgb(171,206,224);
}

/* ---------------Sidebar rechts--------------------- */

/* EDIT LW */
.thrColFixHdr #sidebar2 {
	float: right;
	width: 200px !important;
	background: rgb(219,219,198);
	padding: 0px;
	overflow:hidden;
}
/* ---------------Generelle Navigation rechts--------------------- */
#gen-nav {
	background-color:rgb(0,123,182);
	padding: 15px 0 15px 0;
}
#gen-nav ul {
line-height:180%;
color: #fff;
width:170px;
padding-left:30px;
margin:0px;
}


/* EDIT LW - neu */
#gen-nav ul li{
line-height:14px;
border:1px solid #007BB6; /* EDIT LW - IE6-Bug */
}
/* EDIT LW */
#gen-nav a {
font-size: 120%;
display:block;
width:168px;
color: #fff;
text-decoration:none;
line-height:180%;
}
#gen-nav a:hover {
background-color:rgb(0,105,178);
display:block;
color:#f5f5f5; /* EDIT LW - ; vergessen */
line-height:180%;
}

/* ---------------News rechts--------------------- */
#news {
	background-color:rgb(219,219,204);
	padding: 15px 10px 15px 20px;
	color:#333;
	font-size:80%
}
#news h1{
	font-size:150%;
	color:rgb(0,105,178);
	margin:0;
	padding:0;
	}
#news h2{
	font-size:110%;
	margin:0;
	padding:0;
	display:inline
	}
#news a{
	color:rgb(14,83,131);
	text-decoration:none;
	}
	
#news a:hover{
	color:#666;
	text-decoration:none;
	}
a.newsnav {
	font-size:120%;
	color:#666;
	font-weight:bold;
	text-decoration:none;
	background:rgb(242,243,237);
	padding:4px;
    margin:1px;
	display:block;
	}
.newsletter {
	color: #007dac;
	font-size:200%;
	font-weight:bold;
	margin-bottom:-16px;
	}
h3.ue_news {
	color: #007dac;
	font-size:120%;
	font-weight:bold;
	margin-bottom:-10px;
	}
.klein {
	color: #808080;
	font-size:80%;
	}	
/* ---------------MainContent--------------------- */


.thrColFixHdr #mainh1 { 
	/*margin: 0 180px;*/
	padding: 0;
	width:620px;
	float:left;
} 

#mainh1 h1 {
font-size:140%;
color:rgb(88,88,90);
background-color: rgb(242,243,237);
line-height:180%;
margin:0;
padding:0 0 0 30px;
width:590px;
float:left;
}

.thrColFixHdr #mainContent { 
	/*margin: 0 200px;*/ /* Der rechte und der linke Rand dieses div-Elements erstellen die beiden äußeren Spalten an den Seitenrändern. Der Spaltenbereich bleibt unabhängig von der Inhaltsmenge der Randleisten-divs immer gleich. Sie können diesen Rand entfernen, falls der Text des #mainContent-div die Randleistenbereiche füllen soll, wenn der Inhalt in den Randleisten endet. */
	padding: 13px 10px 0px 30px; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
	width:580px;
	float:left;
} 
#mainContent h2 {
font-size:115%;
color:rgb(88,88,90);
margin-bottom:0;
padding-bottom:0 ;
}


/* EDIT LW */
#mainContent ul{
/*margin-left:-20px;*/ 
margin-left:0px; 
padding:0px 0px 0px 20px;
}

/* EDIT LW: neu */
#mainContent ul li
{
padding:6px 0px 5px 5px;
margin:0px;
line-height:120%;
}

.ansprechpartner
{
font-size: 120%;
color:rgb(0,123,182);
}

.rot
{
color:#ff0000;
}
/* ---------------Footer--------------------- */
.thrColFixHdr #footer { 
	padding: 5px 20px 20px 20px; /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */
	background:rgb(96,95,88);
	color:#999;
	font-size:85%;
	} 
.thrColFixHdr #footer a {
	color:#ccc;
}
.fltrt { /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
	float: right;
	margin-left: 10px;
}
.fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. */
	float: left;
	margin-right: 10px;
}
.clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
/* ------------Formulare--------------------- */
input#s, input#name, input#email, input#telefon, textarea, #sidebar #searchform #s {border: 1px solid rgb(201,197,195);}

fieldset {
	padding: 0;
	border: none;
	}

#commentform {
	padding: 0;
	}

#commentform input {

	margin: 5px 5px 1px 0;
	padding: 2px;
	}

#commentform textarea {
	width: 70%;
	margin: 5px 0 0 0;	
	padding: 0px;
	}

#commentform #submit {
	margin: 2px 0 0 0;	
	}

.selection {
	width: 15px;
	border: none;
	}
	
/* Edit TR: BEGINN zusätzliche CSS für Formularfelder */
form#commentform input,
form#commentform textarea
{border:1px solid #c9c5c3;} 

form#commentform input.form-error,
form#commentform textarea.form-error
{ border:1px solid red; }

div.form-error   {padding:6px; width:80%; border:2px solid red;}
div.form-success {padding:6px; width:80%; border:2px solid darkgreen;}
/* Edit TR: ENDE */

/* ---------------generell--------------------- */
a {
color:rgb(0,123,182)
}
a:hover{
color:#666
}