/* author: sandra budde - www.media-crossways.com */

html, body { 
background-color: #ccc; 
font-family: Verdana, sans-serif; 
}

#bgimg { 
border: solid 3px #fff; 
width: 58em; 
height: 44em; 
margin-left: auto; 
margin-right: auto; 
margin-top: 1.5em; 
}

#logo { 
position: static; 
background: transparent; 
margin-left: 0.5em; 
margin-top: 0.5em; 
}

.b1 { 
background: transparent url("_MG_734628.jpg") top left no-repeat; 
}

.b2 { 
background: transparent url("_MG_732407.jpg") top left no-repeat; 
}

.b3 { 
background: transparent url("_MG_731910.jpg") top left no-repeat; 
}

.b4 { 
background: transparent url("_MG_731013.jpg") top left no-repeat; 
}

.b5 { 
background: transparent url("_MG_734317.jpg") top left no-repeat; 
}

.b6 { 
background: transparent url("_MG_735502.jpg") top left no-repeat; 
}


/* navigation */

#navi { 
position: static; 
width: 7em;  
margin: 1em 0.5em 1em 1em; 
background-color: #ccc; 
border: solid 1px #000; 
filter: Alpha(Opacity=80);
-moz-opacity:.8;
opacity:.8; 
}

ul { 
list-style-type: none; 
margin: 1.5em 0em 2em 0em; 
padding: 0em; 
}

li a { 
display: block; 
text-decoration: none; 
font-size: 0.85em; 
color: #fff; 
padding: 0.4em 0.4em 0.2em 0.4em; 
}

a.mainmenu:link, a.mainmenu:visited { 
background-color: #bb0000; 
border-top: solid 1px #bb0000; 
border-bottom: solid 1px #bb0000; 
}

a.mainmenu:hover, a.mainmenu:active, a.mainmenu:focus { 
background-color: #bb4444; 
border-top: solid 1px #fff; 
border-bottom: solid 1px #fff; 
}

a.mainmenu_current:link, a.mainmenu_current:visited, a.mainmenu_current:hover, a.mainmenu_current:active, a.mainmenu_current:focus { 
background-color: #bb4444; 
border-top: solid 1px #fff; 
border-bottom: solid 1px #fff; 
}

/* content */

#paper { 
position: static; 
margin: -12em 0.5em 0em 10em; 
border: solid 1px #ddd; 
padding: 0em; 
width: 46em; 
background: #fff;  
filter: Alpha(Opacity=85);
-moz-opacity:.85;
opacity:.85; 
}

#seiten { 
margin: 0em; 
width: 44em; 
height: 27em; 
padding: 0.5em 1em 1em 1em; 
background: transparent; 
color: #444; 
overflow: auto; 
}

#contact { 
float: right; 
margin: 5em 0.5em 0.5em 2em; 
width: 10em; 
height: auto; 
border: dotted 1px #777; 
padding: 0.2em; 
}

h1 { 
border-bottom: solid 2px #ccc; 
font-size: 1.1em; 
color: #484C86; 
text-align: center; 
width: 26em; 
padding: 0.6em; 
margin-top: 1em; 
}

h2 { 
font-size: 0.9em; 
color: #484C86; 
text-align: left; 
width: 32em; 
padding: 0.2em; 
margin-top: 1em; 
}

h4 { 
border-bottom: solid 2px #eee; 
font-size: 1em; 
color: #444; 
text-align: center; 
}

p { 
font-size: 0.8em; 
text-align: left; 
}

.zettel { 
font-size: 0.85em; 
text-align: center; 
color: #484C86; 
padding: 0em 0.2em 0em 0.2em; 
}

a.content:link, a.content:visited, a.content:hover, a.content:active, a.content:focus  { 
color: #bb0000; 
text-decoration: none; 
}

a.extern:link, a.extern:visited, a.extern:hover, a.extern:active, a.extern:focus  { 
color: #484C86; 
text-decoration: none; 
}

.elementleft { 
float: left; 
margin: 0 1em 0.8em 0; 
}

.elementright { 
float: right; 
margin: 0em 0em 0.8em 1em ; 
}

.quelle {
font-style: italic; 
}