﻿html, body { height:100%; }

body, h1 {
margin:0px;
font-family:Verdana;
}

body {
background-color:none;
background-image:url('../images/teich.jpg');
background-position:bottom;
background-repeat:repeat-x;
}


table { font-size:15px; }

h1 { 
margin-top:100px;
margin-bottom:15px;
font-size:20px;
font-weight:bold;
color:red;
text-align:center;
 }

#splashpanel { 
text-align:left;
position:relative;
border:none;
background-image:none;
background-repeat:no-repeat;
width:1000px;
height:600px;
} 

#splashpanel #enter { 
position:relative;
top:10px;
left:100px;
width:750px;
height:300px;
}

#splashpanel #adressfeld { 
position:relative;
top:10px;
left:290px;
width:600px;
height:200px;
text-align:center;
font-size:18px;
}
#pagearea {
width:1000px;
vertical-align:top;
border: 1px solid black;
border-top:none;
border-bottom:none;
height:100%;
background-color:#ffffff;
}


#header { 
background-image:url('../images/header_bg.jpg');
height:100px;
width:1000px;
/*border-bottom:1px solid black;*/
font-size:1px;
}

#navi {
position:relative; 
background-color:#c6c5ca;
height:30px;
/*border-bottom:1px solid black;*/
z-index:10;
}

#navi a { 
display:block;
float:left;
height:30px;
line-height:30px;
width:142px;
text-align:center;
/*border:solid black;
border-width:0px 1px 0px 0px;*/
color:#000000;
text-decoration:none;
font-size:16px;
font-family:Verdana;
font-weight:bold;
}

#navi a:hover {
background-color:grey;
color:#ffffff;
}

#sub_gal {
display:none;
position:absolute;
background-color:#c5c6ca;
left:425px;
top:30px;
filter:alpha(opacity=90);
-moz-opacity:.90;
opacity:.90;
}

#sub_gal a {
float:none;
/*border-width:0px 1px 1px 1px;*/
font-size:13px;
height:25px;
line-height:25px;
width:142px;
text-align:center;
}

#content {
padding:0px 15px;
}

#content p { font-size:15px;line-height:20px; }
#content p.highlight { font-style:italic;color:red;font-weight:bold; }
#content p a {color:red;text-decoration:underline; }
#content p a:hover {text-decoration:none; }
#content p.firmtitle { text-align:center; font-weight:bold; color:red;font-size:16px; }
#impress { 
color:#c08c72;
text-decoration:none;
font-size:18px;
font-style:italic;
font-weight:bold; 
position:absolute;
bottom:25px;
right:50px;
}

#impress:hover { color:#391300; }
#impress div { 
position:absolute;
height:270px;
width:300px;
background-image:url('../images/impressum.png');
top:-300px;
right:30px;
display:none;
filter:alpha(opacity=50);
-moz-opacity:.50;
opacity:.50;
}

#pagetitle {
float:left;
margin-right:20px;
}