/* - - - - - - - - - - - - Layout - - - - - - - - - - - - */


h1,h2,h3{
font-family: Georgia, Times, Helvetica, sans-serif;
margin:0 0 2px 0;
padding:0;
}

h1{
font-size: 1.2em;
}

h2{
font-size: 1.0em;
}

h3{
font-size: 0.9em;
}

img{
	border:none;
	}
	
.clearboth{
	clear: both;
	}
	
.floatleft
{
float: left;
margin: 0px 3px 0px 0px;
background-color: #FFFFFF;
padding: 0px 0px 0px 0px;
}

	
.flLeft {float:left; margin: 10px 10px 0 0; border: solid 1px;}
.flRight {float:right; margin: 10px 0 0 10px; border: solid 1px;}	
.center {
	margin-right: auto;
	margin-left: auto;
	border: solid 1px;
	text-align: center;
}		


dl.meImgLeft { 
	float: left;
	margin: 0 15px 10px 0px;
	padding: 5px;
	border: solid 1px;	
	font-size: 0.75em;
	font-style: italic;
	}
dl.meImgLeft dt { margin-bottom: 1em; }
dl.meImgLeft dd { margin: 0; } /* verhindert das Einr?cken und den Abstand nach oben */

dl.meImgRight { 
	float: right;
	margin: 0 0 10px 7px;
	padding: 5px;
	border: solid 1px;	
	font-size: 0.75em;
	font-style: italic;
	}
dl.meImgRight dt { margin-bottom: 1em; }
dl.meImgRight dd { margin: 0; } /* verhindert das Einr?cken und den Abstand nach oben */

dl.meImgCenter { 
	text-align: center;
    margin-left: auto;
 	margin-right: auto;
	margin-bottom: 10px;
	padding: 5px;
	border: solid 1px;	
	font-size: 0.75em;
	font-style: italic;
	}
dl.meImgCenter dt { margin-bottom: 1em; }
dl.meImgCenter dd { margin: 0; } /* verhindert das Einr?cken und den Abstand nach oben */





html {
   min-height: 100%;
   margin-bottom: 0.1px;
}


/* - -  Bodybereich  - - */

body {
	margin: 0px; /* setzt den Außenrand für alle Browser auf Null */
	padding: 0px;
	min-width: 760px; /* benötigt Mozilla um bei Fenstergrößen < 760px Content links des Fensters zuerreichen */
	text-align: center; /* setzt alle folgenden Container zentriert  */
	background-image: url(../img/main-bg.gif);
	background-repeat: repeat-x;
	background-color:#B1C4D9;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 76%; /* Schriftgrösse gilt in allen folgenden Elementen als Basis */
	color: #2B5179;
	}


/* - -  Basiscontainer  - - */

#basiscontainer {
	width: 760px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../images/hg_basiscontainer.gif);
	background-repeat: repeat-y;
	background-color:#FFFFFF;
	}


/* - -  Kopfbereich - - */

#header {
	width: 760px;
	height: 90px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	text-align: left;
	}
	

/* - - Subnavigationsleiste - - */



#subnav {
	width: 760px;
	text-align: right;
	background-color: #FFCC01;
	background-image: url(../images/hg_subleiste.jpg);
	background-repeat: repeat-y;
	margin: 0;
	padding: 0;
	font-size:0.9em;
	}

/* - - Languageoption - - */


#lang {
	margin:0;
	padding:0 0 0 25px;
	float: left;
	text-align: left;
	}


div#lang img {
	margin: 0px 5px 0 5px;
	}	
	
	
div#lang ul {
	list-style: none;
	right: 0px;
	margin: 0px 0px;
	padding: 5px 0px 2px 0px;
	}

div#lang ul li {
	display: inline; /* - - für horizontal Darstellung der Listenpunkte - - */
	padding: 0px 0px 0px 0px; 
	/* border-left: 1px solid #000066; /* - - Definiert den linken Trennstrich zwischen den Listenpunkten - - */	
	color: #2B5179;}




/* - - Inhalt der Subnavigationsleiste - - */

div#subnav ul {
	list-style: none;
	right: 0px;
	margin: 0px 0px;
	padding: 5px 5px 2px 0px;
	}
	
div#subnav ul li {
	display: inline; /* - - für horizontal Darstellung der Listenpunkte - - */
	padding: 0px 0px 0px 0px; 
	/* border-left: 1px solid #000066; /* - - Definiert den linken Trennstrich zwischen den Listenpunkten - - */	
	color: #2B5179;}

div#subnav ul li.last {
	padding: 5px 5px 5px 0px; 
	/* border-left: 1px solid #000066; /* - - Definiert den linken Trennstrich zwischen den Listenpunkten - - */	
	color: #2B5179;}

div#subnav ul li.first{
	border-left: 0px ; /* - - Löscht den linken Trennstrich vor dem ersten Listenpunkt - - */	
	}

div#subnav a {
	text-decoration: none; /* - - Löscht die Unterstreichung für Links der Subnavipunkte - - */
	color: #2B5179;
	}

div#subnav a:hover {
	text-decoration: none;
	color: #FFFFFF; 
	}
	
div#subnav a.active {
	text-decoration: none;
	color: #FFFFFF; 
	}


/* - - Container umschließt Mainnavi-, Contentbereich - - */

#nav_contentcontainer {
	width: 760px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	position: relative;
	margin-top: 5px;
	margin-bottom: 0px;
	
	}


/* - - linke Mainnavigation - - */

#mainnav {
	background-color: #FFFFFF;
	width: 225px;
	text-align: left;
	float: left;
	position: relative;
	margin: 0px;
	padding: 0px;
	background-image: url(../img/hg_v_navimenu.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
	}


/* - - Inhalt der Mainnavigation - - */

ul#mainnav_buttons {
	/* nur IE/Mac \*//*/
	width: 210px;
	/**/	
	list-style: none; /* - - Löscht die Unterstreichung für Links der Mainnavipunkte - - */
	margin: 65px 0 0 15px;
	padding: 0px;
	background-color: #FFCC01;
	}
		
ul#mainnav_buttons li {
	display: block;
	padding-left: 0px;
	margin: 0px;
	padding: 0px;
	vertical-align: bottom;
	color: #2B5179;	
	}

ul#mainnav_buttons li a { /* - - Attribute der Buttons  - - */
	display: block;
	padding: 5px 0px 5px 5px; /* - - letzten Wert ändern für IE bei Grosserschrift - - */
	/* no IE/Mac \*/
	width: 100%;
	/**/	
	text-decoration: none; /* - - Löscht die Unterstreichung für Links der Mainnavipunkte - - */
	text-align: left;
	/* margin-top: 1px; /* - - Abstand der Listenpunkte zueinander - - */
	/* width: 98%;  - - wird für IE benötigt um HG-Farbe über die gesamte Breite zuerhalten - Problem bei IE5 - - */
	border-bottom: 1px solid #2B5179;
	vertical-align: bottom; /* This fixes the IE5 Win gap! */
	color: #2B5179;
	}	

ul#mainnav_buttons li a:hover { /* - - Aktiviert die Eigenschaften bei Mouseover - - */
	text-decoration: none;
	color: #2B5179;
	background-color: #FFF6CF;
	}

ul#mainnav_buttons li a.active {
	text-decoration: none;
	color: #2B5179;
	background-color: #FFF6CF;
	font-weight: bolder;
	}


/* - - Beginn der Subnavigation von Mainnav - - */

ul#mainnav_buttons ul.subnav {
	/* no IE/Mac \*/
	width: 100%;
	/**/	
	margin: 0px;
	list-style: none;
	padding: 0px;
	border-bottom: 1px solid #2B5179;
	}

ul#mainnav_buttons ul.subnav li {
	border-top: 0 none;
	display: inline;  this gets rid of the gaps */
	border-bottom: 1px solid #2B5179;
	font-size: 0.9em;
	}

ul#mainnav_buttons ul.subnav li a { /* - - Attribute der Buttons für Subnav  - - */
	/* width: 100%; */
	padding-left: 5px;
	margin: 0px;
	color:#2B5179;
	background-color:#FFF6CF;
	border:0;
	
	}
	
ul#mainnav_buttons ul.subnav li a:hover { /* - - Aktiviert die Eigenschaften bei Mouseover - - */
	color: #2B5179;
	background-color:#FFF6CF;
	text-decoration: underline;
	}
	
ul#mainnav_buttons ul.subnav li a.active {
	color: #2B5179;
	background-color:#FFF6CF;
	text-decoration: underline;
	}	
	
ul#mainnav_buttons ul.activesub { /* - - Aktiviert die Eigenschaften bei Mouseover - - */
	color: #FFFFFF;
	background-color: #5C6F90;
	text-decoration: underline;
	}
	

/* - - Beginn der Suchmaske - - */	

#searchcontainer {
	margin: 0px 0 0 15px;
	padding: 25px 5px 15px;
	background-color: #FFCC01;
	color: #2B5179;
	/*border-top: 1px solid #2B5179;*/	
	border-bottom: 1px solid #2B5179;
	height: 60px;
	
	}
	
label.left{
	color: #2B5179;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 1.0em;
	font-weight: bolder;
	}

input.eingabe{
	width:176px;
	margin: 3px 0px 2px 0px;
	border-bottom: 1px solid #2B5179;
	border-left: 1px solid #2B5179;
	border-top: 1px solid #2B5179;
	border-right: 1px solid #2B5179;
	font-size:1.1em;
	}

input.start{
	width: auto;
	margin: 0px;
	padding: 1px;
	border: 1px solid #2B5179;
	color: #2B5179;
	background-color:#FFF6CF;
	text-align: center;
	font-size:0.9em;
	}

input.reset{
	width: auto;
	margin-top: 3px;
	margin-left: 0px;
	padding: 1px;
	border: 1px solid #2B5179;
	color: #2B5179;
	background-color:#FFF6CF;
	text-align: center;
	font-size:0.9em;	
	}

form.search{
	margin: 0px;
	padding: 0px;
	}


/* - - Beginn des Adressbereichs - - */

div#adresse{
	font-size: 10px;
	color: #2B5179;
	background-color:#FFCC01;
	padding: 0px 10px 10px 6px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	}

div#adresse p.absatz{
	color: #2B5179;
	padding: 5px 0px 3px;
	margin: 0px;
	text-align: left;
	}
	
	
/* - - Besucherzähler - - 

div#counter{
	font-size: 10px;
	color: #5C6F90;
	background-color:#003366;
	margin-top: 5px;
	text-align: center;
	padding: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #5C6F90;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #5C6F90;
	margin-bottom: 10px;
	}
*/

/* - - rechter Contentbereich - - */

#content {
	width: 535px;
	margin:0px;
	padding: 0px;
	float: left;
	background-attachment: scroll;
	background-image: url(../images/hg_contentcontainer.gif);
	background-repeat: no-repeat;
	background-position: top;
	background-color: #FFFFFF;
	position: relative;
	}

/* - - Content Mittelspalte - - */

div#wrapper_mittelspalte{
	margin: 0;
	padding: 0;
	width: 370px;
	line-height: 1.4em;
	}

div#mittelspalte, #einspaltig{
	padding: 10px 10px 5px 10px;
	display: block;
	margin: 0px;
	/*border-right: 1px dotted #5c6f90; */
	}
#einspaltig.noborder{
	padding: 0px 60px 20px 20px;
	/* border-top: 0px dotted #000000;
	border-right: 0px dotted #000000;
	border-bottom: 0px dotted #000000;
	border-left: 0px dotted #000000;*/
	}	
	
	
/* Download anbieten */

#einspaltig.noborder .list_content {
	width: 400px;
	color:#2B5179;
	font-size: 0.9em;
	font-weight: bold;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 0px;
	background-color: #FFCC01;
	margin:0px;
    }

#einspaltig.noborder .list_content img{
margin-right: 5px;
}	

#einspaltig.noborder .list_content a:hover{
text-decoration: none;
color: #2B5179;
}	
	
#einspaltig.noborder .list_content3 {
	font-size: 0.85em;
	width: 395px;
	color: #2B5179;
	padding: 2px 0 3px 15px;
	background-color:#FFF6CF;
	margin-bottom: 5px;
	}		
	
	
div#einspaltig a{
	text-decoration: none;
	color: #2B5179;
	}
	
div#einspaltig a:hover{
	text-decoration: underline;
	color: #FFCC01;
	}

ul#sitemap {
	color: #2B5179;
	margin-top: 20px;
    list-style: none;
	font-weight: bold;
	}	

ul#sitemap ul{
	margin: 10px 0 10px 40px;
	padding-left: 30px;
    list-style: none;
	font-weight: bold;
	}	

	
ul#sitemap ul li{	
    list-style: square;
	font-weight: normal;
	line-height: 1.5em;
	}		
	



/* - - Newscontainer - - */


div#wrapper_newscontainer{
	float: right;  
	width: 156px;
	margin: 0px; 
	padding: 0px;
	overflow: hidden;
	}

div#newscontainer{
	padding: 10px 15px 0px 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	margin: 0px;
	float: right;
	display: block;
	font-size: 0.85em;
	text-align: left;
	width: 140px;
	}
	

/* - - Fußzeile - - */

#footer {
	width:760px;
	color: #2B5179;
	background-color: #FFCC01;
	clear: both;
	height: 20px;
	font-size: 0.9em;
	font-weight: normal;
	text-align: left;
	}
	
.footer_auszeichnung{
margin: 0;
padding: 3px 0 2px 2px;
}

.footer_text{
float: left;
margin-right: 15px; 
}	

.footer_text_auszeichnung{
letter-spacing: 2px;
}
	


	
/* - - Roundcorner - - */	


b.rtop, b.rbottom{display:block;background: #FFF}
b.rtop b, b.rbottom b{display:block;height: 1px;
    overflow: hidden; background: #FFCC01}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px; height: 2px}

/* - - news - newscontainer - - */	


div#design {width: 335px; margin:0; padding: 140px 15px 0 185px; background-image:url(../img/headerdesign_project.jpg);
background-repeat:no-repeat;}

div#start {width: 535px; height: 180px; background-image:url(../img/headerdesign_project.jpg);
background-repeat:no-repeat;}

div#design { \width: 100%; w\idth: 335px; } /* - - for IE5 - - */	

div#design b.rtop, b.rbottom{display:block; background: transparent;}


div.news, div.teaser{
	background: #FFF6CF;
	margin-bottom: 20px;
	width: 100%;
	}
	
div.kategorie{
	width: 290px;
	padding: 0px;
	margin:0 15px 0 0;
	text-align: right;
	font-family: Georgia, Times, Helvetica, sans-serif;
	}	
	
div.news h3{
	color: #2B5179;
	font-size: 1.1em;
	font-family: Georgia, Times, Helvetica, sans-serif;
	margin:0 0 5px 0;
	padding: 0 0 3px 5px;
	background: #FFCC01;
	font-weight: bold;
	}
	
div.kategorie h3{
	color: #2B5179;
	font-size: 1.1em;
	font-family: Georgia, Times, Helvetica, sans-serif;
	margin:0;
	padding: 10px 30px 10px 0;
	background: #FFF;
	font-weight: bold;
	background-image: url(../img/hg_kategoriename.jpg);
	background-repeat: repeat-x;	
	}
	

div.news p{
	margin:0px; 
	padding: 3px 2px 3px 4px; 
	font-size: 1.1em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFCC01;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	}
	
div.news a{
color: #2B5179;
text-decoration: none;
}
div.news a:hover {
color: #FFCC01;
}




/* - - teaser - middlecol - - */	


div.teaser h3{
	font-size: 1.1em;
	font-family: Georgia, Times, Helvetica, sans-serif;
	margin:0 0 5px 0;
	padding: 0 0 3px 5px;
	background: #FFCC01;
	color: #2B5179;
	font-weight: bold;
	}
	
div.teaser p{
	margin:0px; 
	padding: 2px 10px 5px 20px; 
	line-height: 1.3em; 
	font-size: 0.9em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFCC01;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	}

div.teaser a{
	text-decoration: none;
	font-weight: bold;
	color: #2B5179;
	}	

	
div.teaser a:hover{
	text-decoration: underline;
	font-weight: bold;
	color: #FFCC01;
	}		
	
div#mittelspalte h2{
	margin:0px;
	padding: 0px 0px 0px 0px;
	line-height: 1.3;
	font-size: 1.3em;
	font-family: Georgia, Times New Roman, Times, serif;
	}


.footerteaser{	
	margin: 0;
	padding: 2px 0 2px 0;
	width: 100%;
	border-top-width: 1px; 
	border-top-style: dotted; 
	border-top-color: #FFCC01; 
	border-bottom-width: 1px; 
	border-bottom-style: dotted; 
	border-bottom-color: #FFCC01;
	text-align: right; 
	text-decoration: none;
	}


.trenner{	
	margin: 0;
	padding:0;
	width: 100%;
	border-top-width: 1px; 
	border-top-style: dotted; 
	border-top-color: #FFCC01; 
	}
	
div#einspaltig .footerteaser a{
padding: 0;
display:inline;
color: #2B5179;
text-decoration: none;
font-size:0.85em;
}

div#einspaltig .footerteaser a:hover{
color: #FFCC01;
}


	
	
/*  Start Forms */
#formwrap {
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
   background-color: #FFF6CF;
   width: 100%;
   }
#form {
   padding: 10px 30px 30px 30px;
   margin: 0px 0px 0px px;
   text-align: left;
   }
/* Rahmenfarbe angeben für Opera */
fieldset {
   border: 1px solid #294F78; 
   padding: 30px;
   margin: 0px;
}
legend {
   border: 0px solid #294F78;
   
}
Label {
   font:11px/20px verdana, arial, helvetica, sans-serif;
   padding:0px;
   margin-left: 0px;
   }
.inpt {
   width: 300px;
   border: 1px solid #294F78;
   color: #666666;
   font-family: Verdana, Arial, Sans-Serif;
   font-size: 11px;
   padding: 1px 1px 1px 3px;
   margin: 0px 0px 0px 0px;
   word-spacing: 0.2em;
}
.txt {
   width: 300px;
   border: 1px solid #294F78;
   color: #666666;
   font-family: Verdana, Arial, Sans-Serif;
   font-size: 11px;
   padding: 1px 1px 1px 3px;
   margin: 0px 0px 0px 0px;
   word-spacing: 0.2em;
}
input.inpt:focus, textarea.txt:focus {
   color: #000;
   font-family: Verdana, Arial, Sans-Serif;
}
.senden {
   width: 120px;
   font-weight: bold;
   font-size: 11px;
   margin: 15px 0px 0px 0px;
   padding: 3px 0px 3px 0px;
   background-color: #eee;
   color: #333;
   text-align: center;
   border: solid 1px #294F78;
   cursor: pointer;
}
label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit] {
   cursor: pointer;
}

.formerror {
	color: red;
}
/*  End Forms */ 

/*  TEXTILE	 */ 
.absatz15{
   margin: 0 0 20px 0;
   padding: 0;
}