/*index.html*/

.baground{
background-image:url(../images/wasserzeichen1.gif);
background-repeat:no-repeat;
}

/*index.php*/
#container {
width:790px;
height:auto;
margin : 0px auto;
text-align:left;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#menu{
float:left;
border-top:1px solid #AC804F;
border-left:1px solid #AC804F;
width:588px;
height:70px;
background-color:#AC804F;
z-index:1;
}
#menustat{
float:left;
width:578px;
height:17px;
padding-left:10px;
background:#BD946B;
border-top:1px solid #D5BA9C;
z-index:2;

}
#menukopf{
float:left;
width:587px;
height:52px;
z-index:1;
}
.meustattext{
color:#93403C;
font-size:9px;
text-decoration: none;
}
.meustattext a:link,.meustattext a:visited,.meustattext a:active{
color:#93403C;
text-decoration: none;
}
.meustattext a:hover{
text-decoration:underline;
color:black;
}
.meustattext1{
color:black;
font-size:0.9em;
text-decoration: none;
}
.meustattext1 a:link,.meustattext1 a:visited,.meustattext1 a:active{
color:black;
text-decoration: none;
}
.meustattext1 a:hover{
text-decoration:underline;
}

#menuteil1,#menuteil2,#menuteil3,#menuteil4,#menuteil5,#menuteil6{
	float:left;
	position:relative;
	height:15px;
	top:10px;
	left:0px;
	background-image: url(../images/menu/recht1.gif);
	background-repeat: no-repeat;
	z-index:1;
}
/*#menuteil1:link, #menuteil2:link, #menuteil3:link, #menuteil4:link, #menuteil5:link, #menuteil6:link, #menuteil1:visited, #menuteil2:visited, #menuteil3:visited, #menuteil4:visited, #menuteil5:visited, #menuteil6:visited{
background-image:url(../images/menu/recht2.gif);
	background-repeat: no-repeat;
}*/
#menuteil1:hover, #menuteil2:hover, #menuteil3:hover, #menuteil4:hover, #menuteil5:hover, #menuteil6:hover, #menuteil1:focus, #menuteil2:focus, #menuteil3:focus, #menuteil4:focus, #menuteil5:focus, #menuteil6:focus{
	background-image:url(../images/menu/recht2.gif);
	background-repeat: no-repeat;
	z-index:1;
}
#menuteil1{left:10px;width:65px;}
#menuteil2{left:10px;width:116px;}
#menuteil3{left:10px;width:65px;}
#menuteil4{left:10px;width:100px;}
#menuteil5{left:10px;width:136px;}
#menuteil6{left:10px;width:70px;}

#menuauf1,#menuauf2,#menuauf3,#menuauf4,#menuauf5,#menuauf6{
	position:absolute;
	left:0px;
	top:15px;
	padding-left:20px;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:20px;
	font-size:11px;
	color: black;
	text-decoration: none;
	filter:alpha(opacity=85);
	-moz-opacity:0.7;
	opacity:0.7;
	background:#BD946B;
	visibility:hidden;
	z-index:1;
	border: 1px solid #E4D3C0;
}
#menuauf2{width:100px;}
#menuauf3{width:215px;}
#menuauf4{width:115px;}
#menuauf5{width:150px;}

.menutext2{font-size: 0.9em;font-style: bold;white-space: nowrap;}
.menutext2 a:link, .menutext2 a:visited, .menutext2 a:active{color:black;text-decoration:none;}
.menutext2 a:hover{color:white;text-decoration:none;}

/*.menurecht:link, .menurecht:visited, .menurecht:hover, .menurecht:focus{*/
.menutext{
position:relative;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-style: normal;
color:#FFFFFF;	
width:auto;
top:0px;
left:20px;
}
.menutext a:link, .menutext a:visited, .meutext a:hover, .menutext a:active{
color:#FFFFFF;
text-decoration:none;
}
#topcontainer1, #topcontainer2{
float:left;
border-top:1px solid #AC804F;
border-left:1px solid #E7D8C7;
border-bottom:1px solid #E7D8C7;
height:70px;
z-index:500;
}
#topcontainer1{
width:99px;
background-color:#D5BA9C;

}
#topcontainer2{
	width:99px;
	background-color:#EDE7DE;
	background-image: url(../images/sidepic/wappen.gif);
	background-repeat: no-repeat;
	background-position: center;
	border-right:1px solid #AC804F;	
}
#piccontainer{
	float:left;
	width:588px;
	height:70px;
	background-color:#F5F6F1;
	background-repeat: no-repeat;
	border-left:1px solid #AC804F;
	z-index:200;
	
}
#piccontainer1, #piccontainer2{
float:left;
width:99px;
height:70px;
border-left:1px solid #E7D8C7;

}
#piccontainer1{
background-color:#B6B0A4;
}
#piccontainer2{
border-right:1px solid #AC804F;	
background-color:#ADA193;
}
#rechteck1, #rechteck2, #rechteck3, #rechteck4, #rechteck5{
float:left;
position:relative;
top:40px;
width:20px;
height:20px;
filter:alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;
background:#AC804F;
}
#rechteck1{
left:10px;
}
#rechteck2{
left:20px;
}
#rechteck3{
left:30px;
}
#rechteck4{
left:40px;
}
#rechteck5{
left:50px;
}
#rechteck6, #rechteck7, #rechteck8, #rechteck9, #rechteck10{
	position:absolute;
	top:40px;
	width:20px;
	height:20px;
	filter:alpha(opacity=70);

-moz-opacity:0.7;
	opacity:0.7;
	background:#B68D61;
	background-color: #C4A37D;

}
#rechteck6{
left:10px;
}
#rechteck7{
left:40px;
}
#rechteck8{
left:70px;
}
#rechteck9{
left:100px;
}
#rechteck10{
left:130px;
}

#contentcontainer{
	float:left;	
	width:788px;
	height:auto;
	background-color:#FFFFFF;
	border-right:1px solid #AC804F;	
	border-left:1px solid #AC804F;	
	margin : 0px auto;
	text-align:left;
}

#contencontainer1{
float:left;
width:100px;
/*padding:5px;*/
}
#contencontainer2{
float:left;
width:332px;
padding:5px;
}
#contencontainerteam{
float:left;
width:332px;
padding:5px;
}
#contencontainer3{
float:left;
width:332px;
padding:5px;
}
#contencontainer4{
float:left;
width:664px;
padding:5px;
}
#contencontainer5{
float:left;
width:670px;
padding-left:5px;
padding-right:5px;
padding-bottom:5px;
}


/* Schrift */
.textcontent {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-style: normal;
	color: #000000;
}
.textfooter {
padding-top:0.2em;
padding-bottom:0.2em;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color:#FFFFFF;	
}
h1{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.0em;
color: #AC804F;
}
h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
color: #AC804F;
}
h3
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
}
.brown {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-style: normal;
	color: #AC804F;}
.brownbig {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	color: #AC804F;
	font-weight: bold;
}

.brownbig a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    font-style: normal;
}
.link {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    font-style: normal;
}
.link:hover {
    text-decoration:underline;
}

.black{
color:#000000;}


/*kontakt container*/

#kontaktmai{
position: absolute;
left:30px;
top:0px;
height:250px;
width:400px;
}
.kontaktfields {
	background-color: #C6A682;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #000000;
	font-size: small;
	color: #FFFFFF;
	font-weight: bold;
}
.buttons {
	background-color: #D5BA9C;
	border: 1px solid #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #000000;
}

/**/
#footerleft{
float:left;
width:100px;
height:auto;
border-left:1px solid #AC804F;
border-bottom:1px solid #AC804F;
background-color:#EDE7DE; 
}
#footermiddle{
float:left;
width:98px;
height:auto;
border-bottom:1px solid #AC804F;
background-color:#D5BA9C; 
}
#footerright{
float:left;
width:590px;
height:auto;
border-bottom:1px solid #AC804F;
border-right:1px solid #AC804F;	
background-color:#AC804F;
text-align:right;
}
#kontakt1{
padding-top:5px;
float:left;
width:93px;

}
#kontakt3{
padding-top:5px;
float:left;
width:93px;

}
#kontakt11{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
color: #000000;
background-image:url(../images/higruver8.gif);
padding:5px;
border:1px solid #D5BA9C;
background-color:#EDE7DE;
float:left;
width:500px;
}
#kontakt2{
padding-top:5px;
float:left;
width:93px;

}
#kontakt21{
background-image:url(../images/higruver8.gif);
padding:5px;
border:1px solid #D5BA9C;
float:left;
width:500px;
background-color:#EDE7DE;
}
.kontakt{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
color: #000000;
float:left;
width:75px;
}
#platz,#platz2{
float:left;
width:600px;
height:15px;
}
#platz1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #000000;
	background-repeat:repeat;
	background-image: url(../images/higruver8.gif);
	border:1px solid #D5BA9C;
	float:left;
	width:500px;
	background-color:#EDE7DE;
	padding: 5px;
}

#druck1{
float:left;
width:98px;
height:52px;
}
#druck2{
float:left;
width:99px;
height:16px;

background:#DBC5AC;
border-top:1px solid #E7D8C7;
border-left:none;
border-bottom:none;
boder-right:none;
z-index:25;
}
a.info1,a.info2{
 position:relative; /*this is the key*/
 z-index:24; 
 text-decoration:none;
 z-index:25;
 }

a.info1:hover,a.info2:hover{z-index:24; background-color:#ff0}

a.info1 span, a.info2 span{display: none}

a.info1:hover span, a.info2:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
	float:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	height: 16px;
	width:99px;
	top:55px;
	left:-20px;
	color: white;
	font-size:12px;
	text-decoration: none;
	filter:alpha(opacity=85);
	-moz-opacity:0.8;
	opacity:0.8;
	background:#BD946B;
	border-bottom:1px solid white;
	border-top:1px solid white;
	text-align: center;
	z-index:25;
	}
	a.info2:hover span{
	left:0px;
	}
	.sitemap{
	list-style-type:none;
	padding:5px;
	border:1px solid #E7D8C7;
	background-image:url(../images/higruver8.gif);
	display:block;
	white-space:nowrap;
	}
	a.sitemap hover{
	background-image:url(../images/higruver8.gif);}
	.teamdiv{float:left;
	margin:1px;
	}
	.picgalleriediv{float:left;
	height:120px;
	margin:1px;
	background-color: #D5BA9C;
	border:1px solid #AC804F;
	
	}
	#gallerie{
	width: auto;
}
#gallerieseitendiv{
text-align:center;

}
.tooltip,.tooltip *{display:block} /*added by javascript*/

.tooltip{ width: 200px; color:#000;
    font:lighter 11px/1.3 Arial,sans-serif;
    text-decoration:none;text-align:center}

.tooltip span.top{padding: 30px 8px 0;
    background: url(bt.gif) no-repeat top}

.tooltip b.bottom{padding:3px 8px 15px;color: #548912;
    background: url(bt.gif) no-repeat bottom}