/* Style Sheet */

html { padding: 0; margin: 0; height: 100%; }
body { color: #000; background: #CDE6F4; font-family: Verdana, Arial, Helvetica; font-size: 12px; margin: 0; padding: 0; height: 100.1%; }

div#seite     { text-align: left; width: 900px; margin: auto; padding: 0; border: none; height: auto; min-height: 100.1%; background: url(../bilder/hintergrund.png) }
div#seitebuch { text-align: left; width: 900px; margin: auto; padding: 0; border: none;}

* html div#seite { height: 100%; }

div#inhaltsbereich { float: right; width: 720px; margin: 0; padding: 10px 0 0 0; background-color:#ffffff; height: 100.1%;}
div#menuespalte    { float: left;  width: 180px; margin: 0; padding: 20px 0 0 0; background-color:#0086CD; height: 100.1%;}
div#textspalte     { float: left;  width: 700px; margin: 0; padding: 40px 20px 0 20px; font-size: 12px; line-height: 150%; }
div#infospalte     { float: left;  width: 255px; margin: 0; padding: 0; font-size: 12px; line-height: 150%;}
div#zusatzinfo { width: 204px; margin: 0px 14px 20px 17px; padding: 10px; font-size: 11px; line-height: 150%; background: #e3e6ee; }

div#abschluss { clear: both; width: 900px; height: 40px; margin: 0; padding: 0; }

div#kopf  { top: 10px; height: 120px; width: 900px; margin: 0; padding: 0;  background: white url(../bilder/kopf.jpg) no-repeat 180px 0px; }
div#menue { width: 255px; margin:0; padding: 40px 0 90px 0; }


div#fuss { width: 900px; height: 25px; line-height: 25px; margin: -25px auto 0 auto; padding: 0; font-size: 11px; text-align: left;}

div.menue1 { margin: 0 0 0 10px; padding: 0; font-size:12px; width:160px; background-color:#CDE6F4; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#0086CD;  }
div.menue1 a { display: block; margin: 0; padding: 4px 0px 2px 15px; text-decoration: none; color: #112471; font-weight: normal; }	
div.menue1 a:hover { text-decoration: underline; }
div.menue1 a.active { color: #112471; font-weight: bold; background: url('http://www.eanok.de/fileadmin/templates/basis/bul1.gif') no-repeat 50px 5px; }
div.menue1 a.selected:hover { text-decoration: underline; }

div.menue2 { margin: 0 0 0 10px; padding: 0; font-size:11px; width:160px; background-color:#85C4E4; line-height: 16px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#0086CD; }
div.menue2 a { display: block; margin: 0; padding: 2px 0 2px 25px; text-decoration: none; color: #112471; font-weight: normal; }	
div.menue2 a:hover { text-decoration: underline; }
div.menue2 a.active { color: #112471; font-weight: bold;  }
div.menue2 a.selected:hover { text-decoration: underline; }

img.logo { margin: 0; padding: 0; border: none; }

p.copyright { float: left; width: 255px; font-size: 11px; margin: 0; padding: 0 0 0 480px; color: #112471; font-weight: normal; text-align: center; }
p.fussmenue { float: left; width: 255px; font-size: 11px; margin: 0; padding: 0; text-align: center; }
p.fussmenue a { text-decoration:none; color: #112471; font-weight: normal; }
p.fussmenue a:hover { text-decoration:underline; color: #112471; }

h1 { font-size: 15px; color: #778; margin: 0; padding: 5px 0 5px 0; font-weight: bold; }
h2 { font-size: 15px; color: #778; margin: 0; padding: 5px 0 5px 0; font-weight: bold; }
h3 { font-size: 15px; color: #778; margin: 0; padding: 5px 0 5px 0; font-weight: bold; }
h4 { font-size: 15px; color: #778; margin: 0; padding: 5px 0 5px 0; font-weight: bold; }