

/* ----------------- Hauptformat --------------------------------------------------------------|
----------------------------------------------------------------------------------------------*/								

body   {
		margin: 0px;
		font-family: Arial, Tahoma, Sans-Serif; 
		color: #292929; 
		font-size: small;
		background-color: #ffffff;
		height: 100%;
		min-height: 100%;
		background-image:url('../bilder/seite/bg.jpg');
		background-repeat: repeat-x;
		}

/* ----------------- Container ---------------------------------------------------------------|
----------------------------------------------------------------------------------------------*/								


#top{
clear:both;
margin: auto auto;
width: 980px;
text-align:left;
padding:5px;
color: #BAC1C9;
}

#logo{
clear:both;
margin: auto auto;
width: 990px;
text-align:left;
margin-top: 20px;
}

#navigation{
z-index: 101;
position: absolute;
left: 50%;
margin-left: -78px;
top: 35px;
width: 500px;
padding: 15px;
}

#inhalt{
clear:both;
margin: auto auto;
width: 1000px;
margin-top: 20px;
}

#inhalt-links{
clear:both;
float:left;
width: 540px;
padding:10px;
line-height: 140%;
margin-right: 80px;
}

#inhalt-rechts{
float:left;
width: 250px;
padding:10px;
line-height: 140%;
}

#bottom{
z-index: 101;
position: fixed;
left: 0;
bottom: 0px;
width: 100%;
background-image:url('../bilder/seite/bottom.jpg');
background-repeat: repeat-x;
background-position: 0 100%;
color: #BAC1C9;
background-color: #2B3034;
text-align: center;
}

.artikelbox{
float:left;
clear:both;
padding: 20px;
border: 1px solid #ddd;
border-right: 2px solid #b1b1b1;
border-bottom: 2px solid #b1b1b1;
background-color: #fff;
width: 520px;
margin-bottom: 10px;
}

.artikelbox:hover{
border: 1px solid #888;
border-right: 2px solid #283848;
border-bottom: 2px solid #283848;
}

.artikelbox_blau{
float:left;
clear:both;
padding: 20px;
border: 1px solid #C7D3E0;
border-right: 2px solid #A8BACE;
border-bottom: 2px solid #A8BACE;
background-color: #E9EEF3;
width: 490px;
margin-bottom: 10px;
margin-right: 30px;
}

.artikelbox_blau:hover{
border: 1px solid #888;
border-right: 2px solid #283848;
border-bottom: 2px solid #283848;
}

.artikelbox_weiss_klein{
float:left;
clear:both;
padding: 20px;
padding-top: 10px;
padding-bottom: 10px;
border: 1px solid #F37138;
border-right: 2px solid #F37138;
border-bottom: 2px solid #F37138;
background-color: #ffffff;
width: 490px;
height: 102px;
margin-bottom: 10px;
margin-right: 30px;
background-image:url('../bilder/seite/box-eastek.png');
background-repeat: no-repeat;
}

.artikelbox_grau{
float:left;
clear:both;
padding: 20px;
border: 1px solid #e1e1e1;
border-right: 2px solid #d4d4d4;
border-bottom: 2px solid #d4d4d4;
background-color: #fff;
width: 490px;
margin-bottom: 10px;
margin-right: 30px;
background-image:url('../bilder/seite/box.jpg');
background-repeat: repeat-x;
background-position: 0 100%;
}

.artikelbox_grau:hover{
border: 1px solid #888;
border-right: 2px solid #283848;
border-bottom: 2px solid #283848;
}

.artikelbox_unten{
font-size: 85%;
float:left;
clear:both;
padding: 5px;
border: 1px solid #fff;
background-color: #fff;
width: 550px;
margin-bottom: 10px;
margin-top: 25px;
text-align:right;
}

.hr{
clear:both;
padding:10px;
border-bottom: 1px solid #BFC6D0;
margin-bottom: 15px;
}


/* ----------------- Hyperlinks ---------------------------------------------------------------|
----------------------------------------------------------------------------------------------*/								

a, a:visited    		{
color:#292929; 
text-decoration: none;
}
a:hover, a:active 		{
color:#292929; 
text-decoration: none; 
}

a.text, a.text:visited  {
color: #283848;
text-decoration: underline;
}

a.text:hover, a.text:active 		{
text-decoration: none; 
color: #283848; 
background-color: #FFFFDE;
}

a.text_ext, a.text_ext:visited  {
color: #283848;
text-decoration: underline;
background-image:url('../bilder/seite/externer_link.gif');
background-repeat: no-repeat;
background-position: 0  45%;
padding-left: 12px;
}

a.text_ext:hover, a.text_ext:active 		{
text-decoration: none; 
color: #283848; 
background-color: #FFFFDE;
}

a.text2, a.text2:visited  {
color: #919191;
text-decoration: none;
padding: 2px;
}

a.text2:hover, a.text2:active 		{
text-decoration: none; 
color: #283848; 
background-color: #EFF5FC;
}


/* ----------------- Grafiken ---------------------------------------------------------------|
----------------------------------------------------------------------------------------------*/								

img {
	border: 0px;
	margin: 0px;
	padding: 0px;
	}

img.galerie{
border: 1px solid #e7e7e7;
padding: 2px;
background-color: #ffffff;
}

/* Ueberschriften
----------------------------------------------- */

h1 {
color:						#000;
font-size:					130%;
margin: 0;
margin-bottom: 5px;
padding: 0;
font-weight:				normal;
}

h1.toph1 {
color:						#fff;
font-size:					100%;
margin: 0;
padding: 0;
padding-right: 5px;
font-weight:				normal;
display:inline;
}

h2 {
color:						#F37138;
font-size:					110%;
margin: 0;
padding: 0;
font-weight:				normal;
}

h3 {
color:						#303030;
font-size:					110%;
margin: 0;
padding: 0;
font-weight:				normal;
margin-bottom: 3px;
}

h4 {
	color:						#26425a;
	font-weight:				bold;
	font-size:					16px;
	margin: 0;
	padding: 0;
}

h5 {
	font-size:					14px;
	text-transform:				uppercase;
	margin: 0;
	padding: 0;
}


span.formular {font-size: 95%; clear:both; font-weight: bold; margin: 3px; width: 100px; display: block; float: left;}
span.ueber {font-weight: bold; font-size: 110%; display: block;}
span.grautext {color: #747474;}
span.news-klein {color: #878787; padding: 2px; background-color: #fff; font-weight: bold; font-size: 85%;}
span.hilfe {color: #FF8040; cursor:help; border-bottom: 1px dotted #c4c4c4;}
span.navigator-aktuell {
			color: #CD0406;
			display: block; 
			font-weight: bold; 
			padding: 12px;
			padding-left: 15px;
			padding-right: 25px;
			float:left;
			}


/* Sonstiges
----------------------------------------------- */
p{margin: 0px; padding: 0px;}
label{cursor:pointer;}

ul{padding: 0; margin: 0;}
li{padding: 2px; margin: 0;}
ul.stil {
color: #FF8040;
margin-left: 0px;
margin-top: 3px;
list-style-type: square;
list-style-position:inside;
padding: 0px;
}
ul.stil_klein {
font-size: 85%;
color: #292929;
margin: 10px;
list-style-type: square;
list-style-position:inside;
padding: 5px;
background-color: #ffffff;
border: 1px solid #e7e7e7;
}


input, form, textarea {margin: 0px; padding: 0px; font-family:  Arial, Tahoma, Sans-Serif; font-size: 95%;}
