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

/* =Basis
===============================================*/
html {
	height:101% 
} 

* {
	margin: 0;
	padding: 0;
}

body {
	margin: 15px 20px 20px 20px;
	font: 100.01% "Trebuchet MS", Verdana, Arial, sans-serif;
	background-color: #666;
	color: #000;
}
/*=============================================*/


/* =Struktur
===============================================*/
#wrapper {
	background-color: #E7E8E8;
	background-image:url(../layout/wrap.jpg);
	background-repeat:repeat-y;
	color: #000;
	min-height: 100%;
}

#header {
height: 180px;
background-color: #666;
color: #000;
}

#logo {
	position:absolute;
	background-image:url(../layout/logo.jpg);
	background-repeat:no-repeat;
	width:250px;
	height: 170px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

#topgrafik {
	position:relative;
	background-image:url(../layout/head.jpg);
	background-repeat:no-repeat;
	margin-left:260px;
	background-color: #A72C29;
	color: #000;
	height: 170px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

#menue {
	background-image:url(../layout/navi.jpg);
	background-repeat:no-repeat;
	float: left;
	width: 250px;
	padding-bottom: 10px;
	border-top: 1px solid #fff;
}

#content {
	margin-left:260px;
	padding:0px 20px 30px 20px;
}

#content ul{
	margin: 0 0 0 20px;
	list-style-type: none;
	
}
/*=============================================*/


/* =Navigation
===============================================*/
#navi { 
	background-color: transparent;
	width: 214px;
	margin-top: 20px; 
	margin-left: 18px; 
} 

#navi #abstand { 
	border: 1px solid; 
	border-color: #C0C7CF #052A4C #052A4C #C0C7CF; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	padding: 5px 10px; 
} 
	
#navi .spacer { 
	font-size: 1px; 
	margin: 3px 0; 
}	

#schalter a { 
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 0.85em;
	text-align: left; 
	display: block; 
	padding: 2px; 
	text-decoration: none; 
	width: 190px;
	font-weight: bold; 
	margin: 8px 0; 
} 

#schalter a:link { 
	color: #052A4C; 
	background:	transparent;
} 

#schalter a:visited { 
	color: #052A4C; 
	background:	transparent;
} 

#schalter a:hover { 
	color: #fff; 
	background:	transparent;
} 

#schalter a:active { 
	color: #A82C2A; 
	background:	transparent;
} 

#schalter a .pfeil { 
	display: none;
} 

#schalter a:hover .pfeil { 
	display: inline; 
	color: #A82C2A; 
	background:	transparent;
} 

#schalter_in { 
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 0.85em;
	text-align: left; 
	display: block; 
	padding: 2px; 
	text-decoration: none; 
	width: 190px;
	font-weight: bold; 
	margin: 8px 0; 
	color: #fff; 
	background:	transparent;
} 

#schalter_in .pfeil2 {
	color: #052A4C;  
	background:	transparent;
} 

#subnav {
	margin: 0px 0px 0px 261px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 0.7em;
	font-weight: bold; 
	color: #052A4C;
	background:	#E7E8E8; 
	border-top: 1px solid #fff;
	text-align:right;
	padding:8px 20px 6px 0px;
}

#subnav a:link { 
	color: #052A4C; 
	background:	#E7E8E8; 
} 

#subnav a:visited { 
	color: #052A4C; 
	background:	#E7E8E8; 
} 

#subnav a:hover { 
	color: #A82C2A; 
	background:	#E7E8E8; 
} 

#subnav a:active { 
	color: #A82C2A; 
	background:	#E7E8E8; 
} 

.red { 
	color: #A82C2A; 
	background:	#E7E8E8; 
} 

.clear{clear: both;}

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


/* =Galerie
===============================================*/
p.thumbgal {border-top: 5px solid #718191;}
span.imgframe {background: #fff;}
span.tlable {background: #718191;}
.ngap {margin: 0 24px; padding: 0; }
p.thumbgal {width: 170px; height: 170px; float: left; margin: 0 10px 32px 10px; padding: 0; text-align: center;}
span.imgframe {display: block; width: 150px; height: 110px; margin: 5px 0; padding: 15px 10px;}
span.imgframe img {margin: 0; padding: 0;}
span.tlable {display: block; width: 160px; height:  28px; margin-top: 0; padding: 5px; text-align:left; font-size:0.75em; line-height:1.3em; color:#FFF; }
html:first-child>b\ody span.imgframe img {margin-top: 0; margin-left: -3px;}/*Opera Hacks*/

#content span.tlable a{color: #fff; background: transparent; text-decoration: none;}
#content span.tlable a:link, 
#content span.tlable a:visited	{color: #fff; background: transparent; text-decoration: none; border-bottom: 1px solid #780000;}
#content span.tlable a:hover		{color: #fff; background: transparent; text-decoration: none; border:0;}
#content span.tlable a:active		{color: #fff; background: transparent; text-decoration: none; border-bottom: 1px solid #780000;}
/*=============================================*/



/* =Typo
===============================================*/
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	letter-spacing:0.1em;
	font-variant:small-caps;
	color:#A82C2A;
	background-color: #E7E8E8;
	margin: 0 0 10px 10px; 
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	letter-spacing:0.1em;
	color: #052A4C;
	background-color: #E7E8E8;
	margin: 30px 0 5px 10px;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #153206;
	background-color: #E7E8E8;
	margin: 0 0 15px 0;
}

p,li { 
	line-height:1.5em; 
	font-size:0.95em; 
	margin: 2px 10px 10px 10px;
}

/*Grafik rechts*/
div.img_1re{
	float:right; 
	margin-left:8px; 
	margin-bottom:3px;
	text-align:right;
	font-size:0.7em;
}

div.float_re{
	float:right; 
	margin-top:-12px;
	margin-left:8px; 
	padding:0;
}

.red{
	color:#A82C2A;
	background-color: #E7E8E8;
}

.img_border{
	border: 1px solid #052a4c;
	padding:2px;
	background-color: #fff
}

#content a {text-decoration: none; color:#000; background: transparent; font-weight: normal;}
#content a:link {color:#000; background: transparent; border-bottom: 1px solid #A82C2A; font-weight: normal; text-decoration: none;}
#content a:visited {color:#000; background: transparent; border-bottom: 1px solid #A82C2A; font-weight: normal; text-decoration: none;}
#content a:hover {color:#fff; background: #A82C2A; border-bottom: 1px solid #A82C2A; font-weight: normal; text-decoration: none;}
#content a:active {color:#fff; background: #052A4C; border-bottom: 1px solid #052A4C; font-weight: normal; text-decoration: none;}

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


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

.small_font2{
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif; 
	font-size: 0.75em;
}

.form {
font-family: "Trebuchet MS", Verdana, Arial, sans-serif; 
font-size: 0.85em;
line-height:100%;
text-align: left;
}

input, textarea {
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
font-size: 0.85em;
background-color:#fff; 
color: #000; 
line-height:100%;	
border: solid;
border-color: #A82C2A; 
border-width: 1px
}

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

.button {
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
color: #fff;
font-size: 0.85em;
line-height:100%;	
width: 120px;
background-color:#A82C2A;
}

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


/* =Footer
===============================================*/
#footer {
	width:100%;
	padding: 5px 0px 8px 0px;
	background-color:#666;
	color:#A3AAB2;
	font-size: 0.75em;
	text-align:center
}

#footer p{line-height:1.5em; color:#A3AAB2; background-color:#666;}
#footer a {text-decoration: none; color:#A3AAB2; background-color:#666; font-weight: normal;}
#footer a:link {color:#A3AAB2; background-color:#666; border-bottom: 1px solid #A3AAB2; font-weight: normal; text-decoration: none;}
#footer a:visited {color:#A3AAB2; background-color:#666; border-bottom: 1px solid #A3AAB2; font-weight: normal; text-decoration: none;}
#footer a:hover {color:#A3AAB2; background-color:#666; border-bottom: 1px solid #A82C2A; font-weight: normal; text-decoration: none;}
#footer a:active {color:#A3AAB2; background-color:#666; border-bottom: 1px solid #A82C2A; font-weight: normal; text-decoration: none;}
/*=============================================*/