@charset "UTF-8";
html, body, #containermain, #borderr, #borderl, #containercenter, #content { height: 100%; }

body {  font-size:0.9em;
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        color: rgb(10,10,10);
        line-height:1.5em;
     }
     
*  { color: black;}
a { text-decoration: none;  }
a:hover { cursor: pointer; }
h1 { font-size: 1.8em; font-weight:bold; margin-bottom: 25px; margin-top: 10px;}

#containermain { width: 100%; background: url("grafiken/bg.jpg") repeat; }

#containercenter { width:874px; margin: 0px auto 0px auto; position:relative; z-index:0;}
#containercenter{ min-height:750px;}

#borderr, #borderl { width:37px; }
#borderr { background: url("grafiken/borderr.jpg") repeat-y; float:right; }
#borderl { background: url("grafiken/borderl.jpg") repeat-y; float:left; }
#content {position:relative; z-index:5;}
#footer  { background: url("grafiken/borderb.jpg") no-repeat; width: 100%; height: 100px; position:absolute; bottom:0px; left:0px; z-index:5;}

/* Haupt - Navigation / Header */
#header { padding-top: 43px; height:70px; }
#linetopper, #linetopbottom { background-color: rgb(200,172,97); height:2px; margin:5px auto 5px auto; }
#linetopper { width:90%; }
#linetopbottom { width: 80%; }
#logo{ position: absolute; left:347px; top:10px;width:180px; height: 107px; background: url("grafiken/logo.gif") no-repeat;}

#navigation li { height:16px;display:block; width:80px; float:left; background: url("grafiken/icons.jpg") no-repeat;  padding-left:20px; }
#navigation ul { height:16px; }
#navigation ul#left { margin-left:100px; }
#navigation ul#right {float:right; margin-right:80px;}
#navigation li:hover {background-position: 0px -16px; }


#footer p { float:left; margin: 80px 15px 0px 15px; color:#805c4e;}
#footer a { color:#805c4e; }
#footer #valide { float:right; width: 190px; height:31px; margin-top: 65px}
.inline {text-decoration: underline;}

h2 { font-size:1.1em; line-height:1.5em; margin:10px auto;}