/* 

########################################################################################################
########################################################################################################

Einteilung des CSS-Aufbaus

1. Standards
2. Layout
3. Navigation
4. Content
5. Links 

########################################################################################################
######################################################################################################*/

   
/* 1. Standards */

html, body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, span, a, table, td, form, img, li, input, form, object, textarea{
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 10px;
	color: #1c2951;
	text-decoration: none;
	list-style-type: none;
}

html, body {min-height: 100%; height: 100%; margin: 0;}

body {background: repeat-x top center url(../images/hg.jpg) #c6d7f2;}

h1 {font-size: 21px; margin-bottom: 50px; font-weight: normal; color: #1c2951; font-family: Georgia, "Times New Roman", Times, serif;}
h1.small {font-size: 18px; margin-bottom: 10px; font-weight: normal; color: #ffffff; font-family: Georgia, "Times New Roman", Times, serif;}
h2 {font-size: 14px; font-weight: bold; margin-bottom: 20px; color: #1c2951;}
h3 {font-size: 14px; font-weight: bold; margin-bottom: 5px; color: #1c2951;}
h4 {font-size: 12px; font-weight: bold; margin-bottom: 5px; color: #5568a3;}

hr {margin: 0 0 20px 0; color: #bac2e6; height: 1px; border-top: solid 1px #bac2e6; border-bottom: transparent; clear: both;}

.floatende {clear: both;}
strong{color: #5568a3;}
.border-rechts {padding: 1px; background: #FFFFFF; border: 4px solid #979696; margin: 0 0 10px 20px; float: right; clear: both;}
.border-left {padding: 4px; background: #FFFFFF; border: 1px solid #d1c5a4; margin: 0 11px 11px 0; float: left;}
.border-ohne {border: 1px solid #d1c5a4; padding: 3px; background: #ffffff; clear: both;}

.border-geschichte, .border-geschichte_ {padding: 4px; background: #FFFFFF; border: 1px solid #d1c5a4; margin: 0 20px 50px 0; float: left; clear: both;}
.border-geschichte_ {margin: 0 20px 50px 0;}
.route {margin: 0 0 0 10px; border: 1px solid #d1c5a4; float: right; padding: 3px; background: #ffffff;}
.border-symbole {padding: 4px; background: #FFFFFF; border: 1px solid #d1c5a4; margin: 0px 30px 11px 0; float: left;}

/*######################################################################################################
######################################################################################################*/


/* 2. Layout */

#Aussenhuelle {
	width: 955px;
	min-height: 100%;
	margin: 0 auto;
	background: url(../images/hg_.jpg) repeat-y;
	position: relative;
	overflow: hidden;
}
*html #Aussenhuelle {height: 100%; overflow: visible;}

#Inlay {
	width: 955px;
	min-height: 750px;
	background: url(../images/hg_aussenhuelle_bild.jpg) no-repeat top;
	position: relative;
}
*html #Inlay {height: 750px;}

#Header {
	width: 955px;
	height: 393px;
	position: relative;
}

#Content {
	width: 722px;
	margin: 0 0 0 123px;
	padding: 0;
	position: relative;
}

#rechte-Seite {
	width: 172px;
	float: right;
	margin: 103px 35px 0 0; 
	position: relative;
	display: inline;
}

.linke-Seite {
	width: 450px;
	float: left;
	position: relative;
}

.linke-Seite-small1, .linke-Seite-small1_, .linke-Seite-small3_  {
	width: 210px;
	padding-right: 20px;
	float: left;
	position: relative;
	background: url(../images/hg_smaller.gif) repeat-y right;
}

.linke-Seite-small2, .linke-Seite-small2_ {
	width: 210px;
	padding-right: 20px;
	float: left;
	position: relative;
}

.linke-Seite-small1_ {
	width: 160px;
	padding-right: 30px;
}

.linke-Seite-small3_  {
	width: 100px;
	padding-right: 30px;
}

.linke-Seite-small2_  {
	width: 130px;
	padding-right: 0px;
}

.normale-Seite {
	width: 722px;
	float: left;
	position: relative;
}

#Adressangaben {
	position: absolute;
	top: 58px;
	margin-left: 531px;
	width: 370px;
}

#flasher {
	width: 230px;
	height: 50px;
	margin: -50px 0 20px 20px;
	float: right;
	position: relative;
	display: block;
}
*html #flasher {margin: 0 0 0px 20px;}
*+html #flasher {margin: 0 0 0px 20px;}

#breite {
	width: 500px;
	display: block;
}
*html #breite {width: 300px;}
*+html #breite {width: 300px;}


#breite2 {
	width: 400px;
	display: block;
	margin: 345px 0px 200px 300px;
	top: 1066px;

}
*html #breite2 {width: 400px; margin: 345px 0px 200px 300px;
	}
*+html #breite2 {width: 400px; margin: 345px 0px 200px 300px;
	}

/*######################################################################################################
######################################################################################################*/


/* 3. Navigation */

#Aussenhuelle #Header ul#Standart {
	margin-left: 531px;
	top: 0;
	width: 334px;
	height: 46px;
	position: absolute;
}

#Aussenhuelle #Header ul#Standart li {
	position: relative;
	float: left;
}

#Aussenhuelle #Header ul#Standart li a {
	display: block;
	height: 19px;
	padding: 27px 0 0 0;
	font-family: Verdana, Tahoma, Arial;
	font-size: 10px;
	color: #cdd2e5;
	text-align: center;
	text-decoration: none;
	background: url(../images/trans.gif);
}

#Aussenhuelle #Header ul#Standart li a.s1 {width: 107px;}
#Aussenhuelle #Header ul#Standart li a.s2 {width: 106px;}
#Aussenhuelle #Header ul#Standart li a.s3 {width: 121px;}

#Aussenhuelle #Header ul#Standart li a:hover {color: #ffffff; background: no-repeat center top;}
#Aussenhuelle #Header ul#Standart li a.s1:hover {background: url(../images/home.gif) no-repeat;}
#Aussenhuelle #Header ul#Standart li a.s2:hover {background: url(../images/kontakt.gif) no-repeat;}
#Aussenhuelle #Header ul#Standart li a.s3:hover {background: url(../images/impressum.gif) no-repeat;}

ul#Navi {
	margin-left: 95px;
	top: 139px;
	width: 172px;
	height: 180px;
	position: absolute;
}

ul#Navi  li {
	position: relative;
	float: left;
}

ul#Navi li a {
	display: block;
	height: 22px;
	width: 137px;
	padding: 8px 35px 0 0;
	font-family: Verdana, Tahoma, Arial;
	font-size: 11px;
	font-weight: bold;
	color: #3e549a;
	text-align: right;
	text-decoration: none;
	background: url(../images/trans.gif);
}

ul#Navi li a:hover {color: #528ecc; background: url(../images/aktiv.gif) no-repeat right top;}


/*AUFKLAPP*/

ul#Navi li#nummer1 ul {
	display: none;
 	list-style: none;
}

ul#Navi li#nummer1 ul li {
	display: block;
	margin: 0;
	padding: 0;
	position: relative;
	float: none;
}

ul#Navi li ul a {
	width:90px;
	border: 1px solid #ffffff;
	font-size: 11px !important;
	padding: 5px 0px 0px 0px !important;
	display: block;
	color: #3e549a;
	text-align: center;
	position: absolute;
	left: 170px;
	background: #a1accc;
}

ul#Navi li#nummer1 ul {
	top: 3px;
	left: 0px;
	position: absolute;
	background: #FF0000;
}

ul#Navi li ul a:hover {
	color:#ffffff;
	background: #a1accc;
}

ul#navi li#nummer1:hover ul {display: block;}

ul#navi li#nummer1 ul li {float: none; position: relative; display: inline; clear: both;}

/*######################################################################################################
######################################################################################################*/


/* 4. Content */

#Aussenhuelle #Inlay #Content p {
	margin: 0 0 10px 0;
	line-height: 15px;
}

#Aussenhuelle #Inlay #Content ul {margin: 0 0 20px 20px;}
*html #Aussenhuelle #Inlay #Content ul {margin: 0 0 20px 15px;}
#Aussenhuelle #Inlay #Content ul.h4rer {margin: 0 0 0 0; clear: both;}
#Aussenhuelle #Inlay #Content ul.small, #Aussenhuelle #Inlay #Content ul.small1, #Aussenhuelle #Inlay #Content ul.small3 {width: 215px; float: left;}

#Aussenhuelle #Inlay #Content ul li {
	margin: 0 0 5px 0;
	padding: 3px 0 0 20px;
	line-height: 15px;
	background: url(../images/anstrich_.gif) no-repeat left top;
	position: relative;
}

#Aussenhuelle #Inlay #Content ul.small1 li {
	padding: 5px 0 0 30px;
	line-height: 20px;
	background: url(../images/anstrich.gif) no-repeat left top;
	position: relative;
}

#Aussenhuelle #Inlay #Content ul.small3 li {
	padding: 5px 0 0 0;
	line-height: 20px;
	list-style-type: circle !important;
	background: none;
	position: relative;
	font-size: 13px;
}

#Adressangaben p.a1, #Adressangaben p.a2, #Adressangaben p.a3, #Adressangaben p.a4 {
	margin: 0 0 5px 0;
	width: 150px;
	font-size: 9px;
	color: #676767;
}

.right {float: right; width: 200px;}
.left {float: left; width: auto;}

/*######################################################################################################
######################################################################################################*/


/* 5. Links */

a:hover,
#Aussenhuelle #Content p a:hover,
#Aussenhuelle #Content p a.escape:hover,
#Aussenhuelle #Content p a.escape:hover span span {text-decoration: none;}

a:link,
#Aussenhuelle #Content p a,
#Aussenhuelle #Content p a.escape,
#Aussenhuelle #Content p a.escape span span {
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 10px;
	color: #27386e;
	text-decoration: underline;
}

a.pdf {background: url(../images/pdf.gif) no-repeat left; padding: 20px 0 18px 60px; height: 30px; width: 100px; text-decoration: none !important;}
a.pdf:hover {text-decoration: underline !important;}

#Aussenhuelle #Content a.nachoben {float: right; display: block; height: 20px; width: 100px; text-align: right; color: #27386e; text-decoration: none; font-size: 10px;}
#Aussenhuelle #Content a.nachoben:hover {color: #5e5d5d;}

/*######################################################################################################
######################################################################################################*/