/*INCLUDE HEIMATVEREIN*/

body		{ 
	background-image: url(bilder_hp/hintergrund.jpg); 
	font-family: Verdana, Arial; font-size:80%;
	color: #003300; 
	text-align:center;
	margin:0;
	padding:0;
	
}

		
/* Rahmen f�r gesamte Seite */
#frame {
		width:62em;
		margin-right:auto;
		margin-left:auto;
		margin-bottom:1ex;
		padding:0;
		text-align:left;

		border-left: 5pt groove #DAB59C; 
		border-right: 5pt ridge #DAB59C; 
		border-top: 5pt groove #DAB59C; 
		border-bottom: 5pt groove #800000; 
		background-color: #ECD8AF;
}
		

.ganzoben	{ 
/*	background-image: url(bilder_hp/kopf.png);
	height: 98px; */
}

.willkommen { 
	background-image: url(bilder_hp/hintergrund02.jpg);
	height: 80px;
}

.haupt { 
	line-height: 120%; 
	padding-left: 1ex;
	padding-right: 1ex;
	padding-top: 10px; 
	text-align: left;
	overflow: hidden;
}

/* haelt Abstand, so dass das Fenster auch im IE eine minimale Hoehe hat */
#placeholder {
	float:right; 
	width:1px; 
	height:425px; 
}

	

.logo {
		width: 12em;
		margin-top: 1ex; 
		margin-left: 1ex;
		margin-right: 2ex; 
		margin-bottom: 2ex;
		float:left;
		vertical-align: top;
}

.date	{ 
		padding:1ex;
		text-align: right; 
		font-style: italic; 
		font-size: 90%; 
		font-variant:small-caps;
		clear: both;
		background-image: url(bilder_hp/hintergrund02.jpg);
}	
		
.abschluss	{
		text-align: center; 
		font-size: 90%; 
		padding:1ex;
}
.ort	{
		text-align: right; 
		font-size: 90%; 
		padding:1ex;
}


td { padding-bottom: 20px; padding-top: 20px; vertical-align: top; }		

h1, h2, h3 {	color: maroon; margin: 0;}

h1 		{ letter-spacing: 1pt; text-align: center; 
		 font-size: 150%; padding-top: 30px; }
		
h2		{ font-size: 120%;}

h3		{ font-size: 110%;}	

.navigation { height: 70px;
 }		

.navigation a {
	font-family: Verdana, Arial; 
	}
		
.navi{	color: maroon;
		width: 7em;	height: 30px; }
		
		
a.akt{	border-bottom:3px; border-left: 3px; border-color: green; border-top: 0; border-right:0;
		background-color: white;}
	
	
img.kopf { float: left; height: 100px;}  
	
img.li { float:left;
	margin-left:20px; margin-bottom:10px; margin-top:3px;
	width:250px;	}
	
img.re{ float:right;
	margin-left:20px; margin-bottom:10px; margin-top:3px;
	width:100px;} */
	


a {	color:black; text-decoration:underline; font-weight:bold;}
 
a:before { content: url(bilder_hp/exlink.gif)" " ;}

.navigation a:before { content: "" ;}
	
a:link {	color: maroon; text-decoration:underline; }

a:visited{ color: maroon; text-decoration:none; }
	
a:hover{ color: maroon; text-decoration:underline; }		

a:active{ color:#0068A0; text-decoration:none; }


	

	
	
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.ddoverlap{
border-bottom: 1px solid #FFFF99;
}

.ddoverlap ul{
padding: 0;
margin: 0;
font: bold 100% default;
list-style-type: none;
}

.ddoverlap li{
display: inline;
margin: 0;
}

.ddoverlap li a{
padding: 3px 7px;
text-decoration: none;
padding-right: 20px; /*extra right padding to account for curved right edge of tab image*/
color: #FFFF99;
background: transparent url(bilder_hp/righttabdefault.gif) 100% 1px no-repeat; /*give illusion of shifting 1px down vertically*/
border-left: 2px solid #FFFF99; 
position: relative;
display: block;
float: left;
margin-left: -7px; /*shift tabs 20px to the left so they overlap*/
left: 10px;
}

.ddoverlap li a:visited{
color: yellow;
}

.ddoverlap li a:hover{
text-decoration: underline;
}

.ddoverlap li.selected a{ /*selected tab style*/
color: maroon;
z-index: 100; /*higher z-index so selected tab is topmost*/
top: 1px; /*Shift tab 1px down so the border beneath it is covered*/
background: transparent url(bilder_hp/righttabselected.gif) 100% 0 no-repeat;
}
.ddoverlap li.selected a:visited{ /*selected tab style*/
	color: maroon;
}

.ddoverlap li.selected a:hover{
text-decoration: none;
}


.lupe {
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in; 	
}