/*
Title: IAK Boehme
Title URL: http://www.iak-boehme.de
Author: Tobias Rau
Screenlayout
*/

*{
margin:0;
padding:0;
border:0;
}

body{
font-family:"Verdana","Arial",sans-serif;
background-color:lightblue;
margin:0 auto;
text-align:left;
color:black;
text-align:center;
font-size:62.5%;
}

html>body {
font-size:10px;
}

p{
font-size:1em;
line-height:1.5em;
margin-top:1.5em;
margin-bottom:1.5em;
}


h1{
font-size:1.8em;
margin:20px 0px 20px;
}

h2{
font-size:1.6em;
margin:20px 0px 20px;
background-color:lightblue;
}

h3{
font-size:1.4em;
margin:20px 0px 20px;
}

img{
border:0px;
}

a {
color:grey;
text-decoration:underline;
}

a:hover{
color:black;
}

.clear{
clear:both;
}

.bild{
clear:both;
float:right;
}

#wrap{
text-align:left;
width:900px;
margin:0 auto;
margin-top:10px;
margin-bottom:10px;
}

#navigation{
height:57px;
font-size:1.4em;
background-image:url("../images/navi.jpg");
background-repeat:repeat-x;
}

#navigation ul{
padding:0px;
margin:0px;
list-style-type:none;
}

#navigation li, #navigation li.aktiv, #navigation li:hover{
float:left;
}

#navigation li a{
display:block;
text-decoration:none;
font-weight:bold;
margin-left:5px;
padding:20px 8px;
color:white;
}

#navigation .aktiv a, #navigation li a:hover{
background:url("../images/hover.jpg") repeat-x;
}

#banner_klein{
background-image:url("../images/iak_klein.gif");
width:100%;
height:140px;
border-bottom:2px solid blue;
}

#banner_gross{
background-image:url("../images/iak_tag.gif");
width:100%;
height:385px;
border-bottom:2px solid blue;
}

#content{
font-size:1.5em;
width:860px;
padding:20px;
background-color:white;
color:black;
border-bottom:2px solid blue;
}

#content ul{
margin-left:25px;
line-height:1.5em;
}

#content #switcher{
color:grey;
float:right;
}

#content #switcher #s{
font-size:1.2em;
}

#content #switcher #m{
font-size:1.5em;
}

#content #switcher #l{
font-size:1.8em;
}

#content #footer{
clear:both;
color:grey;
margin-top:1.5em;
border-top:1px solid grey;
text-align:center;
}

/*Galerie*/

#galerie{
width:850px;
}

#galerie dl{
margin:0px 0px 20px 5px;
padding:5px;
float:left;
display:block;
width:265px;
}

#galerie dl:hover{
background:lightblue;
}

#galerie dt{
border:1px solid grey;
background-color:white;
border-bottom:1px solid black;
padding:10px;
margin:5px 0;
text-align:center;
}

#galerie dd{
padding:0 5px;
}