/* ==== CSS-Datei made by friebel.it - Internetdienstleistungen & eBusiness (www.friebel.it) ==== */

/* =Basis
===============================================*/
html, body {min-height: 100%; padding-bottom: 1px;}/*erzwingt im FF vertikalen Scrollbalken*/

body{
background-color: #5B5C61;
color: #666;
text-align: center;/*fuer IE_quirks*/
}

body, p, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, td, textarea, input{
	font: 100.01% Arial, Helvetica, sans-serif;
	}

* {
	margin: 0; 
	padding: 0; 
	border: 0; 
	font-size: 1em; 
	font-weight: normal;
	}

/*=============================================*/


/* =Struktur
===============================================*/
#header, #contentcontainer {
	background: #fff url(top.gif) top left repeat-x;
	color: #666;
	text-align: left; /*Aufheben von IE_quirks im BODY*/
	}

#header{
	height: 90px;
	}

#kopfzeile { 
	width: 750px;	
	position: absolute; 
	left: 50%;	
	margin-left: -375px; 
	}

#logo { 
	background: url(logo.gif) no-repeat;
	position: absolute; 
	top: 18px; left:10px; 
	width: 167px; height: 98px; 
	z-index: 2;
	}

#banner{
	position: absolute;
	background: url(kopf.jpg) no-repeat;
	top: 140px;
	height: 71px;
	width: 750px;	
	left: 50%;	
	margin-left: -375px;
	}

#contentcontainer{
	position: absolute;
	background:#3D3E42;
	color: #666;
	top: 201px;
	height: auto;
	width: 750px;	
	left: 50%;	
	margin-left: -375px; 
	}

#yourhere{
	height: auto;
	margin: 15px 0 0 20px; /*o,r,u,l*/
	}

#yourhere h1{
	background:#3D3E42;
	color: #d7cdb9;
	font: normal 0.7em Arial,Tahoma,sans-serif; 
	}

	
#contentfield{
	background:#fff;
	color: #666;
	border-top: 3px solid #c1b59c;
	margin: 10px 0px 0px 0px; /*o,r,u,l*/
	}

#content{
	background:#fff;
	color: #666;
	margin: 20px 20px 0 20px; /*o,r,u,l*/
	padding-bottom:20px
	}

/*=============================================*/


/* =Typo
===============================================*/

h1 {font-size: 1.5em;  font-weight: normal; color: #A82C2A; background:#fff; margin-top:0.5em; margin-bottom:0.5em}
h2 {font-size: 1.3em;  font-weight: normal; margin-top:0.5em; margin-bottom:0.5em}
h3 {font-size: 1.15em; font-weight: bold; margin-top:0.5em; margin-bottom:0.5em  }
h4 {font-size: 1em;    font-weight: bold; margin-top:0.5em; margin-bottom:0.5em}
h5 {font-size: .95em;  font-weight: bold; margin-top:0.5em; margin-bottom:0.5em  }
h6 {font-size: .95em;  font-weight: bold;  color: #676767; background:#fff; margin-top:0.5em; margin-bottom:0.5em}

p{margin-bottom:0.5em}
ul{margin-left:2em; margin-top:0.5em; margin-bottom:0.5em}
a         {color: #666; background:#fff; text-decoration: underline;}
a:link    {color: #666; background:#fff; text-decoration: underline;}
a:visited {color: #666; background:#fff; text-decoration: underline;}
a:active  {color: #A82C2A; background:#fff; text-decoration: none;}
a:hover   {color: #A82C2A; background:#fff; text-decoration: none;}

ul {list-style-image: url(images/li.gif);}

textarea, input {
	background: #fff;
	color: #666;
	}

/*=============================================*/


/* =Navigation
===============================================*/
.nav_bg:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
	
.nav_bg {
	display: inline-table;
	}
	
* html .nav_bg { height: 1%; } .nav_bg { display: block; } /* vor IE-mac verbergen*/


#menue {
	background: url(bg_nav.gif) #fff 0 100% repeat-x; z-index:10
	}
	
#menue_a { 
	width: 750px; 
	margin: 0 auto; 
	float: right;
	}
	
#menue_n { 
	width: 750px; 
	margin: 0 auto; 
	padding: 0 25px 0 0; 
	list-style: none; 
	}
	
#menue_n li { 
	display: block; 
	padding: 0 0 3px; 
	background: url(menu_arrow.gif) 50% -500% no-repeat; 
	position: relative; 
	float: right;
	}
	
#menue_n li.start a { 
	border-left: none; 
	}
	
#menue_n li:hover, #menue_n li.over { 
	background-position: 50% 100%; 
	}
	
#menue_n li a { 
	float: left; 
	display: block; 
	padding: 0.8em 10px 0.7em; 
	border-left: 0.1em solid #ccc; 
	border-bottom: 0.27em solid #fff; 
	font-size: 0.7em; 
	color: #70540f; 
	font-weight: bold; 
	text-decoration: none;
	}
	 
#menue_n li:hover a, #menue_n li.over a, #menue_n li a:hover, #menue_n li a:focus, #menue_n li a:active { 
	color: #000; 
	border-bottom: 3px solid #FF0000; 
	}/*Nav-Line*/
	
/*=============================================*/

/* =Formular
===============================================*/
.formtable {
	padding:2px;
	margin-left:20px
	}

.small_font2{
	font-size: 0.75em;
}

.form {
font-size: 0.85em;
line-height:100%;
text-align: left;
}

input, textarea {
font-size: 0.85em;
line-height:100%;	
border: solid;
border-color: #A82C2A; 
border-width: 1px
}

.radio {
border: 0px;
color: #A82C2A;
background-color: #fff
}

.button {
color: #fff;
font-size: 0.85em;
line-height:100%;	
width: 120px;
background-color:#A82C2A;
}

/*=============================================*/


/* =Galerie
===============================================*/
p.thumbgal {border-top: 3px solid #ECE3D1;}
span.imgframe {background: #fff;}
span.tlable {background: #ECE3D1;}
.ngap {margin: 0 24px; padding: 0; }
p.thumbgal {width: 270px; height: 270px; float: left; margin: 0 25px 32px 10px; padding: 0; text-align: center;}
span.imgframe {display: block; width: 250px; height: 150px; margin: 5px 0; padding: 15px 10px;}
span.imgframe img {margin: 0; padding: 0;}
span.tlable {display: block; width: 260px; height:  60px; margin-top: 0; padding: 5px; text-align:left; font-size:0.75em; line-height:1.3em; color:#3D3E42; }
html:first-child>b\ody span.imgframe img {margin-top: 0; margin-left: -3px;}
#galerie{margin-top:20px}
#galerie a         {color: #3D3E42; background:#ECE3D1; text-decoration: underline;}
#galerie a:link    {color: #3D3E42; background:#ECE3D1; text-decoration: underline;}
#galerie a:visited {color: #3D3E42; background:#ECE3D1; text-decoration: underline;}
#galerie a:active  {color: #A82C2A; background:#ECE3D1; text-decoration: none;}
#galerie a:hover   {color: #A82C2A; background:#ECE3D1; text-decoration: none;}
/*=============================================*/


/* =Bilderrahmen 200 x 250px
===============================================*//*o,r,u,l*/
span.imgframe2 {background: #fff;}
span.tlable2 {border: 1px solid #828282; background: #F7F7F7; color: #666}
p.thumbframe {width: 200px; height: 300px; float: right; margin: 0 10px 0 10px; text-align: left;}
span.imgframe2 {display: block; width: 200px; height: 255px;}
span.imgframe2 img {margin: 0; padding: 0;}
span.tlable2 {display: block; width: 200px; height:1em; text-align:right; padding: 5px 0 5px 0; font-size:0.75em; line-height:1.3em;}
html:first-child>b\ody span.imgframe2 img {margin-top: 0; margin-left: -3px;}
/*=============================================*/


/* =Footer
===============================================*/
#footer{
	background: #27272B url(bg_footer.gif) top left repeat-x; 
	color: #d7cdb9;
	height: auto;
	}
	
#footer p{
	font: normal 0.7em Arial,Tahoma,sans-serif; color: #d7cdb9;
	text-align: center;
	line-height:140%;
	padding-top: 10px;
	padding-bottom: 15px;
	font-size: 0.7em; 
	font-weight: normal;
	}

#footer a	{
	color: #d7cdb9;
  background-color: transparent;
	font-weight: normal;
	text-decoration:underline;
	}
	
#footer a:hover, a:active	{
	color: #FFF;
	text-decoration: none;
	}

/*=============================================*/

/* --- ( Xtraklassen ) ---------------------------------------------------------------- */

.bold 				{font-weight:bold}
.marker_jahreszahl  {background:#fff; color:#83B830; font-weight:bold; font-size: 95%; padding: 1px;}
.marker_gruen     {background:#fff; color:#83B830; font-size: 110%; padding: 1px;}
.marker         	{background:#d00; color:#fff;}
.markerschwarz  	{background:#000; color:#fff;}
.markergelb     	{background:#ff0; color:#000;}
.line           	{border-bottom: 1px solid #d00;}
.greyline       	{border-bottom: 1px solid #828282;}
.box            	{margin:1em; padding: 0.7em; border: 1px solid #828282; background: #F7F7F7; color: #666;}
.fehlermeldung  	{background:#fff; color:#A82C2A; font-weight:bold; font-size: 0.75em; padding: 1px;}
.marker_red       {font-size: 1.5em;  font-weight: normal; color: #A82C2A; background:#fff; margin-top:0.5em; margin-bottom:0.5em}