@charset "utf-8";

#container, #menueleiste li a, #menueleiste { behavior: url(iepngfix.htc) }

body {
margin : 0;
padding : 0;
height : 100%;
line-height : 1;
font : 85% "Century Gothic", arial, hevetica, sans-serif;
text-align : center;
color : #212156;
background-color : #100835;
background-image: url(bilder/hg1.png);
background-repeat : repeat-x;
border : 0;
}
#bg4 {
margin : 0;
background-image : url(bilder/hgpunkte.png);
background-repeat: repeat;
background-position : 0 0;
padding : 0;
border : 0;
z-index: 2;
}
#bg2 {
margin : 0;
background-image : url(bilder/hgschleife.png);
background-repeat: no-repeat;
background-position : 0 0;
padding : 0;
border : 0;
z-index: 1;
}
b {
line-height : 1;
}
h1 {
color : #100835;
font : 90% "Century Gothic", arial, hevetica, sans-serif;
padding-top:5px;
padding-bottom:5px;
vertical-align:middle;
text-align:center;
/*margin:auto;*/
z-index:7;
margin-top:0px;
}
h2 a {
text-decoration : none;
}
h3 {
color : #5b5e0e;
font : 106% georgia, times, "times new roman", serif;
font-weight : bold;
margin-top : 0;
}
p {
padding-left : 20px;
padding-right : 20px;
border : 0;
}
#container {
margin : 0 auto 0;
width : 660px;
padding-left : 20px;
padding-right : 20px;
padding-top : 50px;
padding-bottom : 50px;
text-align : left;
background-image : url(bilder/hgtrans75.png);
background-repeat : repeat;
border-left : 1px solid #676767;
border-right : 1px solid #676767;
}
#kopf {
margin : 0 auto;
width : 700px;
height : 242px;
padding : 0;
padding-top : 0;
padding-bottom : 0px;
border : 0px;
background-image:url(bilder/logo_neu060918.png);
background-position: top; 
background-repeat : no-repeat;
z-index:1;
}
#contents {
width : 550px;
margin : auto;
min-height : 400px;
text-align : left;
padding-top : 0;
padding-bottom : 20px;
background-color : #fff;
border : 1px solid #676767;
z-index:2;
}
#bild {
margin:auto;
width:186px;
height:173px;
}
a img {
border : 0;
}
#contents p {
line-height : normal;
}
#menueleiste {
margin: -102px auto 0px;
width : 700px;
padding : 0px 0px 0px 0px;
border-left : 1px solid #676767;
border-right : 1px solid #676767;
border-bottom : 1px solid #676767;
height : 29px;
background-image : url(bilder/menuehg.png);
background-repeat : repeat-x;
background-position : left;
z-index:3;
}
#menueleiste ul {
list-style-type : none;
display:block;

width : 700px;
height : 29px;
line-height : 29px;
z-index:3;
}
#menueleiste li {
display : inline;
padding : 0;
margin : 0;
list-style-type : none;
z-index:3;
}
#menueleiste li a {
height : 29px;
width : 132px;
text-align : center;
float : left;
background-image : url(bilder/menueleiste.png);
background-position : left;
background-repeat : no-repeat;
margin : 0;
padding : 0;
z-index:3;
}
#menueleiste li a:link {
color : #ccc;
text-decoration : none;
z-index:3;
}
#menueleiste li a:visited {
color : #ccc;
text-decoration : none;
z-index:3;
}
#menueleiste li.active a {
background-image : url(bilder/active.png);
background-repeat : no-repeat;
background-position : left;
z-index:3;
}
#menueleiste li a:hover {
background-image : url(bilder/hover.png);
background-repeat : no-repeat;
background-position : left;
z-index:3;
}
div.clear {
clear : both;
font-size : 1px;
line-height : 1px;
overflow : hidden;
visibility : hidden;
width : 0;
height : 0;
}
a.vergracht{ 
position:relative;
z-index:1; 
background-color: #999;
color:#000;
text-decoration:none;
} 

a.vergracht:hover {
z-index:2;
background-color:#F00;
}
a.vergracht span{
display: none; 
background-image:url(bilder/inscapegroup_gross.jpg); 
}
a.vergracht:hover span{ 
display:block; 
position:absolute; 
top:-163px; 
left:210px; 
width:400px;
height:336px; 
border:1px solid #333; 
background-color: #CCC;
color:#000;
text-align: center;
}
a.vergrfuenf{ 
position:relative;
z-index:1; 
background-color: #999;
color:#000;
text-decoration:none;
} 

a.vergrfuenf:hover {
z-index:2;
background-color:#F00;
}
a.vergrfuenf span{
display: none; 
background-image:url(bilder/inscape_gross.jpg); 
}
a.vergrfuenf:hover span{ 
display:block; 
position:absolute; 
top:-163px; 
left:210px; 
width:400px;
height:322px; 
border:1px solid #333; 
background-color: #CCC;
color:#000;
text-align: center;
}
a.vergrsechs{ 
position:relative;
z-index:1; 
background-color: #999;
color:#000;
text-decoration:none;
} 

a.vergrsechs:hover {
z-index:2;
background-color:#F00;
}
a.vergrsechs span{
display: none; 
background-image:url(bilder/patzwald_gross.jpg); 
}
a.vergrsechs:hover span{ 
display:block; 
position:absolute; 
top:-163px; 
left:210px; 
width:400px;
height:334px; 
border:1px solid #333; 
background-color: #CCC;
color:#000;
text-align: center;
}
a.vergrsieben{ 
position:relative;
z-index:1; 
background-color: #999;
color:#000;
text-decoration:none;
} 

a.vergrsieben:hover {
z-index:2;
background-color:#F00;
}
a.vergrsieben span{
display: none; 
background-image:url(bilder/MLGS_gross.jpg); 
}
a.vergrsieben:hover span{ 
display:block; 
position:absolute; 
top:-163px; 
left:210px; 
width:400px;
height:339px; 
border:1px solid #333; 
background-color: #CCC;
color:#000;
text-align: center;
}
a.vergrvier{ 
position:relative;
z-index:1; 
background-color: #999;
color:#000;
text-decoration:none;
} 

a.vergrvier:hover {
z-index:2;
background-color:#F00;
}
a.vergrvier span{
display: none; 
background-image: url(bilder/ecc_gross.jpg); 
}
a.vergrvier:hover span{ 
display:block; 
position:absolute; 
top:-163px; 
left:210px; 
width:400px;
height:322px; 
border:1px solid #333; 
background-color: #CCC;
color:#000;
text-align: center;
}
a.vergrneun{ 
position:relative;
z-index:1; 
background-color: #999;
color:#000;
text-decoration:none;
} 

a.vergrneun:hover {
z-index:2;
background-color:#F00;
}
a.vergrneun span{
display: none; 
background-image:url(bilder/singkreis_gross.jpg); 
}
a.vergrneun:hover span{ 
display:block; 
position:absolute; 
top:-163px; 
left:210px; 
width:400px;
height:331px; 
border:1px solid #333; 
background-color: #CCC;
color:#000;
text-align: center;
}

a.vergrdrei{ 
position:relative;
z-index:1;
background-color: #999;
color:#000;
text-decoration:none;
} 
a.vergrdrei:hover {
z-index:2;
background-color:#F00;
}
a.vergrdrei span{
display: none; 
background-image: url(bilder/pt_jez_gross.jpg); 
}
a.vergrdrei:hover span{ 
display:block; 
position:absolute; 
top:-163px;
left:210px;
width:400px;
height:326px; 
border:1px solid #333; 
background-color: #CCC;
color:#000;
text-align: center;
}
a.vergrzwei{ 
position:relative;
z-index:1;
background-color: #999;
color:#000;
text-decoration:none;
} 
a.vergrzwei:hover {
z-index:2;
background-color:#F00;
}
a.vergrzwei span{
display: none; 
background-image: url(bilder/erlinghagencc_gross.jpg); 
}
a.vergrzwei:hover span{ 
display:block; 
position:absolute; 
top:-163px;
left:210px;
width:400px;
height:326px; 
border:1px solid #333; 
background-color: #CCC;
color:#000;
text-align: center;
}

a.vergreins{ 
position:relative;
z-index:1; 
background-color: #999;
color:#000;
text-decoration:none;
} 

a.vergreins:hover {
z-index:2;
background-color:#F00;
}
a.vergreins span{
display: none; 
background-image: url(bilder/gsv_gross.jpg); 
}
a.vergreins:hover span{ 
display:block; 
position:absolute; 
top:-163px; 
left:210px; 
width:400px;
height:326px; 
border:1px solid #333; 
background-color: #CCC;
color:#000;
text-align: center;
}
#footer {
width : 700px;
margin : auto;
height : 29px;
text-align : center;
vertical-align:middle;
color : #fff;
background-color:#666;
padding:0;
border : 1px solid #676767;
}
#footer a {
text-align : center;
display : inline;
border : 0;
padding: 0px;
}
#bildfooter {
width : 110px;
height : 110px;
position : relative;
margin-bottom : 0px;
margin-left : auto;
margin-right : 20px;
margin-top : -150px;
background-image : url(bilder/footer.png);
background-repeat:no-repeat;
}

