html {height: 101%}

body
{
margin: 0;
padding: 0;
font: 80% verdana, arial, helvetica, sans-serif;
text-align: center;
color: #003366;
background-color: #c4ccd7;
}

a:link 
{
color: #003366; text-decoration:underline;
}

a:visited 
{
color: #003366; text-decoration:underline;
}

a:hover 
{
color: #003366; text-decoration:overline;
}

a:active 
{
color: #003366; text-decoration:underline;
}


#container
{
margin: 1em auto;
width: 910px;
text-align: left;
color: #003366;
background-color: #8ea0ae;

}
	
#header
{
height: 141px;
background-image: url('design/header.jpg');
}

#suche
{
float:right;
padding-right: 15px;
padding-top: 120px;
}

	
#contents	
{
float: right;
margin: 5px 15px 25px 5px;
padding:0.2em 0.2em 0.2em 0.2em;
width: 680px;
text-align: left;
color: #003366;
background-color: #ffffff;
}

#breadcrumb
{
font-size:85%; padding-left: 10px; padding-top: 5px; padding-bottom: 5px; margin: 0; border-top: 1px solid #003366; border-left: 1px solid #003366; border-right: 1px solid #003366;
background-color: #eff2f7;
}


#inhalt {
padding-right: 10px; padding-left: 10px; padding-bottom: 10px; padding-top: 10px; color: #003366; background-color: #eff2f7;
border-left: #003366 1px solid; border-right: #003366 1px solid; border-bottom: #003366 1px solid; border-top: #003366 1px solid;
}

#inhalt1
{
clear: both; padding-top: 5px;
height: 220px;
}

#inhalt2
{
clear: both; padding-top: 5px;
}

#inhalt3
{
clear: both; padding-top: 5px;
height: 175px;
}


.tabelnormal
{
 margin: auto; text-align: center; border: 0px;
}


.tabwebring
{
margin:auto; text-align: center; background-color: #323a43;
}

.zellwebring
{
background-color: #eff2f7;
}

.tabelstyl
{
 margin: auto; text-align: center; border: 1px dashed #2e4456; color: #003366; background-color: #8ea0ae;
}

.zellstyl
{
border: 2px solid #2e4456; color: #003366; background-color: #eff2f7;
}

h1
{
font: 100% verdana, arial, helvetica, sans-serif;
color: #003366;
font-weight: bold;
margin-top: 0;
margin-bottom: 5px;
}

h2
{
font: 100% verdana, arial, helvetica, sans-serif;
color: #003366;
font-weight: bold;
margin-top: 0;
margin-bottom: 5px;
}

h3
{
font: 100% verdana, arial, helvetica, sans-serif;
color: #003366;
font-weight: bold;
margin-top: 0;
margin-bottom: 5px;
}

h4
{
font: 100% verdana, arial, helvetica, sans-serif;
color: #003366;
font-weight: bold;
margin-top: 0;
margin-bottom: 5px;
}

h5
{
font: 100% verdana, arial, helvetica, sans-serif;
color: #003366;
font-weight: bold;
margin-top: 0;
margin-bottom: 5px;
}

h6
{
font: 100% verdana, arial, helvetica, sans-serif;
color: #003366;
font-weight: bold;
margin-top: 0;
margin-bottom: 5px;
}
 
.kltext
{
color: #003366; background-color: #eff2f7; font-weight: normal; font:75% verdana, arial, helvetica, sans-serif;
}


.smalltext
{
color: #003366; background-color: #eff2f7; font-weight: normal; font:75% verdana, arial, helvetica, sans-serif;
}

.untmenue
{
}


#untermenue ul
{
margin-left: 0;
margin-bottom: 20px;
margin-top: 0;
padding-top: 10px;
padding-left: 0;
padding-bottom: 0;
white-space: nowrap;
}

#untermenue li
{
display:inline;
}


#untermenue a
{
color:#003366;
padding: 1px 7px 1px 7px;
text-decoration: none;
background-color: #e6ebf2;
border-top: 1px solid #44647d;
border-bottom: 1px solid #44647d;
border-right: 1px solid #44647d;
border-left: 4px solid #8f9fae;
text-align: center;
}

#untermenue a:hover
{
color: #003366;
background-color: #c4ccd7;
border-top: 1px solid #44647d;
border-bottom: 1px solid #44647d;
border-right: 1px solid #44647d;
border-left: 4px solid #44647d;
text-align: right;
}

#untermenue a:visited
{
color: #003366;
}

#untermenue a:active
{
color: #003366;
}

#bildleft 
{
padding-right: 10px; padding-left: 0px; float: left; padding-bottom: 0px; padding-top: 3px;
}

.trenner 
{
font-weight: bold; font-family: verdana, arial, helvetica, sans-serif; 
margin-bottom: 10px; border-bottom: #446d8b 1px dashed;
}

.linkeseite {
float: left; border-bottom: #446d8b 1px dashed;
}
	
.teillinks {
padding-right: 10px; padding-left: 5px; padding-bottom: 5px; padding-top: 5px;
}

.teilrechts
{
padding-right: 10px; padding-left: 10px; padding-bottom: 5px; padding-top: 5px; margin-left:115px; border-left: #446d8b 1px solid;
margin-bottom: 5px; border-bottom: #446d8b 1px dashed; 
}

.teilrech2
{
padding-right: 10px; padding-left: 10px; padding-bottom: 5px; padding-top: 5px; margin-left:160px; border-left: #446d8b 1px solid;
margin-bottom: 5px; border-bottom: #446d8b 1px dashed; 
}


.teilrech3
{
padding-right: 10px; padding-left: 10px; padding-bottom: 5px; padding-top: 5px; margin-left:230px; border-left: #446d8b 1px solid;
margin-bottom: 5px; border-bottom: #446d8b 1px dashed; 
}


.brahm {
padding-right: 3px; padding-left: 3px; padding-bottom: 3px; padding-top: 3px; border: 1px solid #003366; background-color: #ffffff;
}

.brahm1 {
padding-right: 3px; padding-left: 3px; padding-bottom: 3px; padding-top: 3px; border: 1px solid #003366; background-color: #ffffff;
}

	
#menu
{

float: left; 
width: 180px;
color: #003366;
background-color: #8ea0ae;
}


#menue 
{ 
width: 180px; margin: 0px 0px 5px 15px;
} 


#rahmen
{ 
border: 1px solid; border-color: #ffffff #eee0c7 #ffffff #eee0c7; color: #003366; background: #f8f2e6; 
}

#button a 
{ 
display: block; padding: 2px; text-decoration: none; background-color: #44647d; color: #ffffff; border: 1px solid #d2d9e3; width: 150px; text-align: left; margin: 3px 0; 
} 

#button a:link 
{ 
color: #ffffff; 
background-color: #44647d;
} 

#button a:visited 
{ 
color: #ffffff; 
background-color: #44647d;
} 

#button a:hover 
{ 
border: 1px solid; border-color: #d2d9e3 #003366 #003366 #d2d9e3; background-color: #eff2f7; color: #003366; 
} 

#button a:active 
{ 
background-color: #44647d; color: #ffffff; 
} 

#button a .pfeile 
{ display: none; 
} 

#button a:hover .pfeile 
{ 
display: inline; color: #2e4456; background-color: #eff2f7;
} 

#button a:active .pfeile 
{ 
display: inline; color: #2e4456; background-color: #44647d;
} 


#menue .space1 
{ font-size: 1px; margin: 3px 0; 
}

.spaceoben 
{ font-size: 1px; padding-top: 6px;
}


fieldset {width: 400px;
margin: 1.5em auto 1.5em auto;
display: block;
border: #003366 1px solid;
background: #eff2f7;
clear: both;
}
			
* html fieldset {padding: 5px;}
			
legend {background: #c4ccd7;
padding: 4px;
border: 1px solid #003366;
border-right-width: 2px;
border-bottom-width: 2px;
margin-bottom: 4px;
font-weight: bold;
}

label {margin: 5px;} 


.kontaktdaten label {display: block;
width: 5em;
float: left;
}
					   
.nachricht label {display: block;
 width: 5em;
float: left;
}
					   
textarea {margin: 3px 0;
border: #003366 1px dotted;
background: #ffffff;
padding: 3px 3px;
color:#003366;
} 

textarea:active, textarea:focus, textarea:hover { background: #c4ccd7;}

input {
border: #003366 1px dotted;
background: #ffffff;
color:#003366;
} 


input:active, input:focus, input:hover { background: #c4ccd7;}
				  
.vorschaubuttons {text-align: center;} 

.spacein {
margin: 3px 0;
padding: 3px 3px;
}

.extern	
{background-image:url('design/extlink.gif');
background-repeat: no-repeat;
background-position: right;
margin: 0;
white-space: nowrap; padding-left:0px; padding-right:15px; padding-top:0; padding-bottom:0
}

.extern:hover	
{background-image:url('design/extlink2.gif');
background-repeat: no-repeat;
background-position: right;
margin: 0;
white-space: nowrap; padding-left:0px; padding-right:15px; padding-top:0; padding-bottom:0
}
	
#footer	
{
clear: both;
height: 26px;
BACKGROUND-IMAGE: url('design/footer.jpg');
}