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



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

html, body, div, h1, h2, h3, p, a, ul, li, img, blockquote, address{
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  outline:0;
  vertical-align:baseline;
}


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

body{
  font:0.85em/1.3em Arial, Helvetica, "Trebuchet MS", sans-serif;
  background:#ebeef5 url(../img/body_background.gif) repeat-x 0 0;
}

h1{
  position:absolute;
  color:#fff;
  display:none;
}

h2{
  font:1.55em Arial, Helvetica, "Trebuchet MS", sans-serif;
  color:#4048b4;
  margin:0 0 1em 0;
}

h3{
  position:relative;
  top:0.5em;
  font:bold 1em Arial, Helvetica, "Trebuchet MS", sans-serif;
  color:#444;
}

p{
  color:#444;
  padding:0 0 10px 0;
}

a, a:visited{
  color:#4048b4;
}

a:focus, a:hover{
  color:#4048b4;
}

blockquote{
  font-size:110%;
  font-style:italic;
  color:#e9ac01;
  text-align:center;
  margin:0 50px 2em 50px;
}

address{
  font-style:normal;
  margin:0 0 2em 0;
}

strong{
  font-weight:bold;
}

em{
  font-style:normal;
  font-weight:normal;
}


/* --------------- Formatierungen Inhaltsbereich ---------------- */

#cm_wrapper{
  position:relative;
  width:790px;
  margin:0 auto;
}

#cm_branding{
  position:relative;
  width:790px;
  height:210px;
  background:transparent url(../img/header_background.jpg) no-repeat 0 0;
}

#cm_logo{
  position:relative;
  left:38px;
  top:8px;
}

#cm_content{
  width:510px;
  margin:0 0 70px 0;
  float:right;
}

.cm_liste{
  color:#444;
  list-style-type:circle;
  margin:10px 0 5px 30px;
}

.cm_foto_rechts{
  margin:5px 3px 0 10px;
  border:1px solid #b7c6d2;
  display:inline;
  float:right;
}


/* ----------------- Formatierungen Navigation ------------------ */

#cm_navigation{
  position:relative;
  width:242px;
  height:500px;
  background:transparent;
  list-style-type:none;
  float:left;
  z-index:10;
}

#cm_navigation li{
  position:relative;
  width:242px;
  height:26px;
  background:transparent url(../img/navigation_background.gif) 0 0 no-repeat;
  float:left;
  display:block;
}

#cm_navigation li a{
  width:242px;
  height:26px;
  font:normal 13px/24px Arial, Helvetica, Sans-Serif;
  text-decoration:none;
  text-indent:28px;
  display:block;
}

#cm_navigation li a:focus, #cm_navigation li a:hover{
  color:#333;
  background:transparent url(../img/navigation_background.gif) 0 -52px no-repeat;
}

#cm_navigation li ul{
  position:absolute;
  top:0;
  left:242px;
  width:230px;
  display:none;
  z-index:20;
}

#cm_navigation li:hover ul{
  display:block;
}

#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,
#site_10 #navi_10,
#site_11 #navi_11,
#site_12 #navi_12,
#site_13 #navi_13{
  background:transparent url(../img/navigation_background.gif) 0 -26px no-repeat;
}


/* ----------------- Formatierungen Fussbereich ------------------ */

#cm_footer{
  width:100%;
  height:60px;
  font:12px Arial, Helvetica, Sans-Serif;
  background:#8f9ba4 url(../img/footer_background.gif) repeat-x 0 0;
  clear:both;
}

#cm_impressum{
  position:relative;
  left:50%;
  top:20px;
  width:750px;
  color:#eee;
  margin-left:-385px;
}

#cm_impressum img{
  position:relative;
  top:4px;
}

#cm_impressum a, #cm_impressum a:visited{
  color:#eee;
}

#cm_impressum a:focus, #cm_impressum a:hover{
  color:#444;
}