@charset "utf-8";
/* CSS Document */

* {margin:0; padding:0;}

body {background-image:url(Pictures/Background.png); font-family:Verdana, Geneva, sans-serif; font-size:13px; overflow:scroll;}

#Stage { height: 100%; width:980px; margin:auto}
#Top { height:97px; width:980px;}
#Koesi { height:97px; width: 410px; float:left;}
#Koesi img { padding-top: 36px;}
#Navi { height:97px; width:540px; float:right;}
#Navi ul li { list-style-type:none; float:left; color:#FFF; padding-top:70px; font-size:16px; padding-left:2px;}
#Navi a { text-decoration:none; color:#FFF;}
#Navi a:hover { color:#418eb2}

/* Banner & Navigation */
#Banner { height:342px; width:980px; background-image:url(Pictures/Banner.png);}
#Vereine {height:140px; width:270px; float:left; margin:80px 0 0 50px;}
#Vereine a { position:absolute; height:140px; width:270px; font-size:0px; background-image:url(Buttons/Vereine.png); z-index:2;}
#Vereine a:hover { position:absolute; height:140px; width:270px; font-size:0px; background-image:url(Buttons/Vereine_Hover.png)}
#Unternehmen {height:160px; width:361px; float:left; margin:138px 0 0 -20px;}
#Unternehmen a { position:absolute; height:160px; width:361px; font-size:0px; background-image:url(Buttons/Klein_und_Mittel.png); z-index:3;}
#Unternehmen a:hover { position:absolute; height:160px; width:361px; font-size:0px; background-image:url(Buttons/Klein_und_Mittel_Hover.png);}
#Privat {height:140px; width:270px; float:left; margin:95px 0 0 -20px; }
#Privat a { position:absolute; height:140px; width:270px; font-size:0px; background-image:url(Buttons/Privatpersonen.png); z-index:1;}
#Privat a:hover { position:absolute; height:140px; width:270px; font-size:0px; background-image:url(Buttons/Privatpersonen_Hover.png);}
/* End Banner & Navigation */

/*Content*/
#Content {width:100%; height:350px;}

/* classen Contentboxen */

.smalltop { height:300px; width: 280px; float: left; background-image:url(Pictures/transparent.png); border:#FFF solid 2px; margin: 28px 0 0 25px; padding:5px; font-size:14px; overflow:auto;}
.smalltop li  {list-style-type:none; padding-left:10px;}
.widthbottom { height:200px; width: 920px; float: left; background-image:url(Pictures/transparent.png); border:#FFF solid 2px; margin: 28px 0 0 25px; padding:5px; font-size:14px;}


/* Headlines */

h1 { padding:10px 10px 10px 10px; color:#418eb2; font-size:15px; font-variant:small-caps;}
h2 { color:#418eb2; border-bottom:2px #418eb2 dotted; font-size:14px;}

/* Links */

.smalltop a { font-size:16px; color:#000; padding: 10px 0 0 10px; text-decoration:none;}
.smalltop a:hover {font-size:16px; color:#000; font-style:italic; padding: 10px 0 0 10px; text-decoration:none;}
#clearfix a { font-size:16px; color:#000; padding: 10px 0 0 10px; text-decoration:none;}
#clearfix a:hover {font-size:16px; color:#000; font-style:italic; padding: 10px 0 0 10px; text-decoration:none;}

input {width: 120px; float: left; padding-top:5px;}
textarea { width:150px; text-align:left; float:left;}
table { color:#FFF;}

#clearfix {height:20px; width:980px;}