/* 
Farben
grün -> #038985
blau hell -> #3861a6
blau dunkel -> #2c4877
 */
 
html	{overflow-y: scroll;}

body	{
margin: 0;
padding: 0;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
background: url(../images/bodybg2.gif) center top repeat-x #acccff;
}

#wrapper	{
margin: 0 auto;
width: 1000px;
height: auto;
}

#top	{
margin: 0 auto;
float: left;
width: 500px;
height: 400px;
}

#page	{
margin: 0 auto;
float: right;
width: 500px;
height: 400px;
}

/*
#page	{
position: absolute;
top: 0px;
left: 50%;
margin-left: -500px;
width: 1000px;
height: 300px;
z-index: 1000;
}
*/

#logo	{
margin: 0 auto;
float: left;
width: 100%;
height: 100px;
cursor: pointer;
background: url(../images/logo.png) no-repeat #ffffff;
}

#shortnav	{
margin: 0 auto;
float: right;
text-align: right;
width: 100%;
color: #2c4877;
line-height: 30px;
border-bottom: 1px dotted #2c4877;
}

#shortnav div.breadcrumb	{
float: left;
}

#header	{
float: left;
margin: 0 auto;
width: 100%;
height: 250px;
}

#zeigean{
	float: left;
	cursor: pointer;
	margin-top: 216px;
	width: 80px;
	height: 34px;
	z-index: 500;
	background-image: url(../images/show.jpg);
	background-position: top left;
	background-repeat: no-repeat;
		}


#teaser	{
margin: 0 auto;
float: left;
width: 1000px;
height: auto;
}

#teaser1	{
float: left;
margin: 5px 5px 0 auto;
padding: 10px;
width: 310px;
height: 180px;
text-align: left;
background-color: #038985;
}

#teaser2	{
float: left;
margin: 5px 5px 0 auto;
padding: 10px;
width: 310px;
height: 180px;
text-align: left;
background-color: #3861a6;
}

#teaser3	{
float: left;
margin: 5px auto 0 auto;
padding: 10px;
width: 310px;
height: 180px;
text-align: left;
background-color: #2c4877;
}

#teaser1 h2, #teaser2 h2, #teaser3 h2	{
color: #FFFFFF;
text-transform: uppercase;
font-size: 17px;
font-weight: normal;
}

#teaser1 p, #teaser2 p, #teaser3 p	{
color: #FFFFFF;
font-size: 11pt;
}

a.teaserbtn1,
a.teaserbtn2,
a.teaserbtn3	{
width : 85px;
height: 30px;
display: block;
	}

a:link.teaserbtn1,
a:visited.teaserbtn1	{
background: url(../images/teaserbtn1.jpg);	
	}

a:focus.teaserbtn1,
a:hover.teaserbtn1	{
background: url(../images/teaserbtn1_hov.jpg);	
	}

a:link.teaserbtn2,
a:visited.teaserbtn2	{
background: url(../images/teaserbtn2.jpg);	
	}

a:focus.teaserbtn2,
a:hover.teaserbtn2	{
background: url(../images/teaserbtn2_hov.jpg);	
	}

a:link.teaserbtn3,
a:visited.teaserbtn3	{
background: url(../images/teaserbtn3.jpg);	
	}

a:focus.teaserbtn3,
a:hover.teaserbtn3	{
background: url(../images/teaserbtn3_hov.jpg);	
	}

#content	{
float: left;
margin: 10px auto;
padding: 10px 0;
width: 1000px;
height: auto;
text-align: left;
}

#content h1	{
font-size: 16pt;
color: #3861a6;
font-weight: normal;
}

#content p	{
font-size: 10pt;
color: #555555;
line-height: 12pt;
}

#leftside	{
float: left;
margin: 0 10px 10px 0px;
width: 260px;
height: auto;
}

#text	{
float: left;
margin-left: 20px;
margin-right: 20px;
width: 690px;
}

img, img a, a img	{border: none; outline: none; text-decoration: none;}
.dblau	{color: #2c4877}
.gruen	{color: #038985}

h1, h2, h3, h4, h5, h6	{color: #038985; font-weight: normal}
h1		{font-size: 16pt}
h2		{font-size: 14pt}
h3		{font-size: 12pt}
h4		{font-size: 10pt}
h5		{font-size:   9pt}
h6		{font-size:   8pt}


.headmarker	{
padding: 5px 0px; 
text-indent: 10px;
background-color: #3861a6; 
width: 100%; 
margin: 0px; 
color: #FFFFFF;
-webkit-box-shadow: 3px 3px 10px 0px #6f86a3;
-moz-box-shadow: 3px 3px 10px 0px #6f86a3;
box-shadow: 3px 3px 10px 0px #6f86a3;
behavior: url(PIE.htc);
}
#headmarker	{
padding: 5px 0px; background-color: #3861a6; width: 100%; margin: 0px; color: #FFFFFF;
}
#headmarker2	{
padding: 5px 0px; background-color: #3861a6; width: 100%; margin: 0px; color: #FFFFFF;
}
#headmarker3	{
padding: 5px 0px; background-color: #3861a6; width: 100%; margin: 0px; color: #FFFFFF;
}

#content ul li	{
font-size: 10pt;
color: #555555;
list-style-type: square;
}

#content li	{
margin-left: -20px;
padding-left: 0px;
line-height: 11pt;
margin-top: 10px;
margin-bottom: 10px;
}

table td	{font-size: 10pt; color: #555555}

#content a, #content a:link	, #content a:visited	{color: #555555; text-decoration: underline}
#content a:focus, #content a:hover					{color: #038985; text-decoration: underline}
#content a:active									{color: #2c4877; text-decoration: underline}


#shortnav a, #shortnav a:link, #shortnav a:visited,
div.breadcrumb a, div.breadcrumb a:link, div.breadcrumb a:visited		{
font-size: 8pt;
color: #2c4877;
text-decoration: none;
}

#shortnav a:focus, #shortnav a:hover,
div.breadcrumb a:focus, div.breadcrumb a:hover 	{
color: #038985;
text-decoration: none;
}

#content img.shadow		{
margin: 10px auto;
width: 250px;
float: left;
-webkit-box-shadow: 3px 3px 10px 0px #6f86a3;
-moz-box-shadow: 3px 3px 10px 0px #6f86a3;
box-shadow: 3px 3px 10px 0px #6f86a3;
behavior: url(PIE.htc);
} 

.shadow		{
-webkit-box-shadow: 3px 3px 10px 0px #6f86a3;
-moz-box-shadow: 3px 3px 10px 0px #6f86a3;
box-shadow: 3px 3px 10px 0px #6f86a3;
behavior: url(PIE.htc);
}

div#tooltip  {
	display:none;
	position:absolute;
	min-width:100px;
	padding:5px;
	font-size: 9pt;
	background: url(../images/alphaweiss80.png) repeat;
	z-index:999;
}

/* --- Formular Style --- */
label	{font-size: 10pt}