/* RALF WEBER grafik | design - www.ralfweber.biz */



/* ------------------- Elemente zurücksetzen -------------------- */

html, body, a, h1, h2, h3, p, div, class, ul, li, img, table, tr, td, blockquote, cite, address{
  margin:0;
  padding:0;
  border:0;
  outline:0;
  list-style:none;
  text-decoration:none;
  vertical-align:baseline;
}


/* ---------------- Formatierungen HTML Elemente ---------------- */

html{
  height:100.1%;
  background:#297c36 url(../img/body_background.gif) repeat-x 0 0;
}

body{
  padding:0 0 20px 0;
  background:#297c36 url(../img/body_background.gif) repeat-x 0 0;
  font:13px/17px "Trebuchet MS", Verdana, Arial, Sans-Serif;
  color:#444;
}

a, a:visited{
  color:#156822;
  text-decoration:underline;
}

a:hover, a:focus{
 
}

h1{
  margin:0 0 20px 0;	
  font:22px/22px "Comic Sans MS", "Trebuchet MS", Verdana, Arial, Sans-Serif;
  color:#98d154;
}

h2{
  margin:0 0 5px 0;	
  font:16px/16px "Comic Sans MS", "Trebuchet MS", Verdana, Arial, Sans-Serif;
  color:#444;
}

h3{
  margin:0 0 5px 0;
  font:bold 15px/15px "Comic Sans MS", "Trebuchet MS", Verdana, Arial, Sans-Serif;
  color:#297c36;
}

p{
  margin:0 0 18px 0;
}

strong{
  font-weight:bold;
}

em{
  font-style:italic;
  text-decoration:underline;
}

img{
  margin:0 0 10px 0;
}


/* ---------------- Formatierungen ID Elemente ---------------- */

#wrapper{
  width:760px;
  margin:50px auto 0 auto;
  background:transparent url(../img/wrapper_background.png) repeat-y 0 0;
  /*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/wrapper_background.png", sizingMethod="scale");*/
}

#branding{
  position:relative;
  left:1px;
  top:-20px;
  width:760px;
  height:180px;
  background:transparent url(../img/branding_background.png) no-repeat 0 0;
}

#logo{
  position:absolute;
  top:20px;
  left:20px;
}

#content{
  position:relative;
  width:720px;
  min-height:300px;
  margin:5px 0 0 20px;
  padding:15px 0 0 0;
  background:transparent url(../img/content_background.gif) repeat-y 0 0;
}

#subnavigation{
  position:absolute;
  left:10px;
  width:150px;
  min-height:200px;
  background:transparent;
}

#text{
  position:relative;
  width:515px;
  margin:0 0 0 190px;
  padding:0 0 10px 0;
  background:transparent;
}


/* ---------------- Formatierungen CLASS Elemente ---------------- */

.zivis{
  float:left;
  margin:0 8px 0 3px;
  
}
.clearer{
  clear:both;
}

.portrait{
   padding:5px 0 0 0;
   display:block;
}

.paedteam{
  float:left;
  margin:0 8px 0 3px;
  
}


  




/* ---------------- Formatierungen Hauptnavigation ---------------- */

#navigation{
  position:relative;
  width:710px;
  height:30px;
  margin:0 0 0 20px;
  padding:10px 10px 0 0;
  font:15px/19px Verdana, Arial, Sans-Serif;
  text-align:right;
  background:#be9c59;
  display:block;
}

#navigation li{
  display:inline;
}

#navigation li a, #navigation li a:visited{
  padding:5px 4px;
  background:#be9c59;
  color:#fff;
  text-decoration:none;
}

#navigation li a:hover, #navigation li a:focus{
  text-decoration:underline;
}

#site_01 #navi_01,
#site_02 #navi_02,
#site_03 #navi_03,
#site_04 #navi_04,
#site_05 #navi_05,
#site_06 #navi_06,
#site_07 #navi_07,
#site_08 #navi_08,
#site_09 #navi_09{
  background:#fff;
  border-bottom:7px solid #fff;
  color:#156822;
  text-decoration:none;
}

/* ---------------- Formatierungen Impressum ---------------- */

#imprint{
  position:relative;
  width:780px;
  height:50px;
  background:transparent url(../img/footer_background.jpg) no-repeat 0 0;
}

#imprint a, #imprint a:visited{
  position:absolute;
  top:9px;
  right:50px;
  font:14px/19px Verdana, Arial, Sans-Serif;
  color:#fff;
  text-decoration:none;
}

#imprint a:hover, #imprint a:focus{
  text-decoration:underline;
}