/* Standard-CSS für www.netzwerk-in-koepenick.de */

/* Wichtige Farben
dunkelbraun = #875B34
beige =	     #FFFFD2
rot =         #C93C0F
dunkelblau =  #101068
*/

html, body, div, p, h1, h2, h3, ul, ol,
span, a, table, td, form, img, li {
   margin: 0;
   padding: 0;
   font-family: Trebuchet MS, Verdana, sans-serif;
}

html, body{
background-color:#875B34;
font:1em Trebuchet MS, Verdana, sans-serif;
line-height:1.6em;
}

p{
font:0.9em Trebuchet MS, Verdana, sans-serif;
line-height:1.4em; 
}

h1, .contentheading{
font:1.1em Trebuchet MS, Verdana, sans-serif;
line-height:1.4em;
color:#C93C0F;
margin:0 0 8px;
}

h2, .componentheading{
font:bold 1em Trebuchet MS, Verdana, sans-serif;
line-height:1.6em;
margin:0 0 8px;
}

h3{
font:bold 0.9em Trebuchet MS, Verdana, sans-serif;
line-height:1.2em; 
margin:0 0 15px;
}

a{
color:#111068;
text-decoration:none;
}

a:hover{
color:#D55A13;
}

hr{
height:1px;
margin:10px 0;
width:98%;
}

/* Inhalt */
#container{
background-color:#FFFFD2;
margin:auto;
text-align:left;
border:1px outset #875B34;
width:820px;
}

/* obere Navileiste */
.topnav{
position:relative;
top:96px; left:6px;
padding:0;
width:180px;
}

/* obere Bildleiste */
#header{
background:url(../images/header.jpg) center no-repeat;
height:118px;
border-bottom:1px dotted #875B34;
}

/* Navi-Leiste links */
#leftside{
float:left;
padding:30px 0px 0px 15px;
width:190px;
}

/* Inhalt */
#content{
margin:6px 10px 0 180px;
padding:5px;
border-left:1px dotted #875B34;
}

/* Fußzeile */
#footer{
clear:both;
color:#a0a0a0;
font-size:0.8em;
height:26px;
margin-top:20px;
padding:1px;
text-align:right;
width:820px;
}

#footer a{
color:#a0a0a0;
font-weight:400;
}

#footer a:hover{
color:#a0a0a0;
text-decoration:underline;
}

/* Top-Menü */
a.mainlevel-nav {
color:#C93D0E;
font:small-caps bold 0.8em Verdana, sans-serif;
text-decoration:none;
padding-left:8px;
}
a.mainlevel-nav:hover {
color:#6F6F72;
}
a#active_menu {
color:#6F6F72;
}

/* Haupt-Menü */
a.mainlevel {
color:#111068;
font:bold 0.9em;
line-height:1.5em;
text-decoration:none;
padding-left:2px;
}
a.mainlevel:hover {
color:#C93D0E;
}
a#active_menu {
color:#C93D0E;
}

/* Unter-Menü */
a.sublevel {
color:#111068;
font-size:0.9em;
line-height:1.3em;
font-weight:normal;
text-decoration:none;
padding-left:5px;
}
a.sublevel:hover {
color:#C93D0E;
}
a#active_menu {
color:#C93D0E;
}

#content p{
margin:8px 0 0 0px;
}

#content h1{
font:1.1em Trebuchet MS, Verdana, sans-serif;
line-height:1.2em;
margin:0 0 15px;
}

#content h2{
font:bold 0.9em Trebuchet MS, Verdana, sans-serif;
line-height:1.2em;
margin:0 0 15px;
}

/* Bilder */
#content img{
border:0px solid #808080;
margin:5px;
}

/* Bildunterschrift */
.mosimage_caption{
color:#808080;
font:normal 0.9em Verdana, sans-serif;
font-variant:small-caps;
}

/* Tabellen */
table.moduletable{
width:95%;
padding:2px;
text-align:left;
font-size:0.9em;
vertical-align:top;
}

.menublock{
margin-bottom:2px;
}

.pathway{
font-size:0.9em;
line-height:1.3em;
color:#101068;
}

/* Änderungsdatum */
.modifydate{
font-size:0.9em;
color:#808080;
margin-left:20px;
}

/* Zurück-Button */
.back_button, .pagenav{
font:bold 0.8em;
color:#C93C0F;
}

.active{
border:1px solid #fa9035;
padding:1px 1px 1px 9px;
}

.smallcaps{
font-variant:small-caps;
}

.mini{
color:#a0a0a0;
font-size:0.7em;
font-weight:normal;
line-height:1.2em;
margin:20px 0 10px 8px;
}

.small{
font-size:0.8em;
}

.large{
font-size:1.4em;
}

.soft{
color:#808080;
}

.normal{
font-weight:normal;
}

.sharp{
color:#101010;
}

.center{
text-align:center;
}

.hide{
display:none;
}