/* ==================================
Leichsenring
Datei: bildschrim.css
Datum: 4.7.2008

Aufbau:	1. Kalibrierung
		2. Allgemeine Styles
		3. Styles für Layoutbereiche
		4. Sonstige Styles
		========================== */

/* ==================================
	1. Kalibrierung
	============================== */
	
* { padding: 0; margin:0;}
h1, h2, h3, h4, h5, h6, p, ul, ol, table { margin-bottom: 1em;}
ol ul { margin-bottom: 0;}
li { margin-left: 2em;}

/* ==================================
	2. Allgemeine Styles
	============================== */
	
html { height: 101%;}
body {
background-color: #F1F1F1;
background-image: url(../img/tex_01.gif);
color: #1E1E1F;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: small;
}
h1 { font-size: 150%;}
h2 { font-size: 130%;}
h3 { font-size: 110%;}
h4 { font-size: 100%;}
h5, h6 { font-size: 110%;}

address {
text-indent: -8000px;
font-size: 10%;
}


/* ==============
	Hyperlinks */
	
a {
text-decoration: none;
outline: none;
}
a:link { color: #FFAE00;}
a:visited { color: #FFAE00;}
a:hover,
a:focus { color: #FFAE00;}
a:active { color: #000;}

/* ===================
	Klassen und IDs */
	
.skiplink {
position: absolute;
top: -8000px;
left: -8000px;
width: 0;
height: 0;
overflow: hidden;
display: inline;
}

img.floatRight {
background-color: #FFF;
float: right;
margin-left: 25px;
margin-bottom: 15px;
padding: 3px;
border: 1px solid #DDD;
border-right-color: #AAA;
border-bottom-color: #AAA;
}
img.floatLeft {
background-color: #FFF;
float: left;
margin-right: 25px;
margin-bottom: 15px;
padding: 3px;
border: 1px solid #DDD;
border-right-color: #AAA;
border-bottom-color: #AAA;
}
.clear { clear: both;}
.toplink { text-align: right; font-size: 85%; /*background: url(../img/totop.gif) no-repeat center right;*/ border-top: #FFAE00 1px solid;}
	#content .toplink a { border-bottom: none; padding-right: 16px;}

/* ==================================
	3. Styles für Layoutbereiche
	============================== */

#wrapperAUSSEN {
background-color: #FFF;
margin: 0 auto;
border: 1px solid #46484A;
width: 910px;
}
#wrapper {
background: #FFF url(../img/tex_wrapper.gif) repeat-y;
color: #414141;
width: 890px;
margin: 10px auto;
}

#top {
background-color: white;
background-image: url(../img/header_address.gif);
background-repeat: no-repeat;
height: 89px;
}
	#top address {
	display: none;
	}

#navibox { 
background-color: transparent;
float: left;
width: 212px;
border-top: #FFF solid 1px;
}
#navi { 
font-size: 85%;
}
	#navi ul {
	margin: 0;
	padding: 0;
	}
	#navi li { 
	list-style-type: none;
	margin: 0;
	font-weight: bold;
	float: left;
	width: 212px;
	}
	#navi li li { font-weight: normal; }
	#navi li li li { font-weight: normal;}
	#navi li a:link,
	#navi li a:visited { 
	display: block;
	text-decoration: none;
	background-color: #B2B2B2;
	color: #44474A;
	padding: 1px 20px 2px 20px;
	border-bottom: #FFF solid 1px;
	}
	#navi li li a:link,
	#navi li li a:visited { 
	background-color: #D1D1D1;
	color: #44474A;
	padding-left: 20px;
	}
	#navi li li li a:link,
	#navi li li li a:visited { 
	background-color: #E3E3E3;
	color: #44474A;
	padding-left: 33px;
	}
	#navi li a:hover, #navi li li a:hover, #navi li li li a:hover,
	#navi li a:focus, #navi li li a:focus, #navi li li li a:focus,
	#navi li a:active, #navi li li a:active, #navi li li li a:active {
	background-color: #FFAE00;
	color: #FFF;
	}
	#navi li ul { display: none;}
	#navi li.active ul li ul { display: none;}
	#navi li.active ul,
	#navi li.active ul li.active ul { display: block;}
	#navi li.active a.activeFirst:link, #navi li.active a.activeFirst:visited { color: #FFF;}
	#navi li.active a.activeFirst:hover, #navi li.active a.activeFirst:focus, #navi li.active a.activeFirst:active { color: #FFF;}
	#navi li.active a.active:link, #navi li.active a.active:visited { color: #C89533;}
	#navi li.active a.active:hover, #navi li.active a.active:focus, #navi li.active a.active:active { color: #FFF;}
	
	#navi li ul li.active ul li a:link, 
	#navi li ul li.active ul li a:visited { background-image: url(../img/nav_pfeil.gif); background-position: 11px 1px; background-repeat: no-repeat;}
	

#info { clear: both; text-align: center; background-image: url(../img/tex_03.gif); border-bottom: #FFF solid 1px;}
	#info p { text-indent: -8000px; text-align: left; display: block; height: 67px; background-image: url(../img/wirvertreiben.gif); background-position: center; background-repeat: no-repeat;}


#content { 
float: right;
width: 678px;
}
* html #content { width: 672px;} /* Korrektur für den IE 6 (6px weniger) */

	#content a { border-bottom: 1px dotted #FACF73;}
	#content a:hover,
	#content a:focus { border-bottom-color: #FFF;}
	#content ul li { list-style-type: square;}

	#logo { 
	background-color: #FFF;
	background-image: url(../img/header_logo.gif);
	height: 97px;
	width: 678px;
	position: relative;
	}
		#logo #klickpfad { 
		position: absolute;
		top: 52px;
		left: 20px;
		background-color: transparent;
		color: #5F5750;
		font-size: 85%;
		line-height: 100%;
		}
		#logo #klickpfad span { 
		color: #FFAE00;
		font-size: 150%;
		display: block;
		font-weight: bold;
		line-height: 120%;
		}

	#textbereich { 
	background-color: white;
	margin: 20px;
	}
	#textbereich h1,
	#textbereich h2,
	#textbereich h3, 
	#textbereich h4 { 
	border-bottom: #FFAE00 solid 1px;
	color: #666;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding-bottom: 2px;
	}
	#textbereich h5, 
	#textbereich h6 { 
	font-family: Arial, Helvetica, Verdana, sans-serif;
	}
	#textbereich h1.ohneLinie,
	#textbereich h2.ohneLinie,
	#textbereich h3.ohneLinie, 
	#textbereich h4.ohneLinie { 
	border-bottom: 0;
	}
	#textbereich ul li { 
	list-style-image: url(../img/list.gif);
	margin-top: 2px;
	}



#footer {
clear: both; /* Hiermit ist sichergestellt, dass der Fussbereich immer unter der Navi-Spalte bleibt */
background-color: #747677;
background-image: url(../img/footer.gif);
background-repeat: no-repeat;
color: #B9B9B9;
height: 20px;
text-indent: -8000px;
}

/* ==================================
	4. Sonstige Styles
	============================== */
	
/* ===============
	Die Galerie */
* html div.galerie { height: 1%;} /* Für den IE 6 - andere Browser ignorieren diese Anweisung */

div.galerie {
overflow: hidden; /* HIDDEN hat die Eigenschaft, dass ein eingebettetes FLOAT umschlossen wird */
padding: 25px 10px 10px 0;
margin: 0 3px 3px 0;
}
div.galerie img {
float: left;
padding: 4px;
border: 1px solid #DDD;
border-right-color: #AAA;
border-bottom-color: #AAA;
margin-right: 15px;
margin-bottom: 15px;
}

.normal { font-weight: normal;}
.klein { font-size: 85%;}
.auszeichnung { color: #F90;}

/* ==================================
	E N D E
	============================== */