/*
   ------------------------------------------
    RALF WEBER webdesign | www.ralfweber.biz
   ------------------------------------------
*/


/* ---------------------- BROWSER reseten ---------------------- */

html, body, div, class,
h1, h2, h3, h4, h5, h6,
p, blockquote, address, 
dl, dt, dd, ul, ol, li,
img, form, fieldset{
  margin:0;
  padding:0;
  border:0;
  vertical-align:baseline;
}

table{
  border-collapse:collapse;
  border-spacing:0;
}

caption, th, td{
  font-weight:normal;
  text-align:left;
}

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

a:focus{
  outline:none;
  -moz-outline:none;
}

a:hover, a:active{
  color:#c80000;
}

strong{
  font-weight:bold;
}

em{
  font-style:italic;
}


/* ------------------ HTML Elemente formatieren ----------------- */

html, body{
  height:101%;
  background:#fff;
  font:15px/18px "Trebuchet MS", Trebuchet, Arial, Helvetica, Sans-Serif;
  color:#555;
}

h1{
  position:absolute;
  left:0;
  top:20px;
  color:#fff;
  visibility:hidden;
}

h2{
  margin:0 25px 35px 318px;
  font-size:36px;
  line-height:36px;
  color:#fff;
}

h3{
  margin:0 25px 5px 435px;
  font-size:18px;
  line-height:24px;
  font-weight:normal;
  color:#5a5a5a;
}

h4{
  margin:0 25px 5px 435px;
  font-size:15px;
  line-height:18px;
  font-weight:normal;
}

h5{
  margin:0 25px 0 435px;
  font-size:15px;
  line-height:18px;
  font-weight:bold;
}

h6{
  margin:0 25px 5px 435px;
  font-size:15px;
  line-height:18px;
  font-weight:normal;
}

p{
  margin:0 25px 15px 435px;
}

address{
  margin:0 25px 15px 435px;
  font-style:normal;
}

blockquote p{
  margin:20px 25px 15px 435px;
  font-style:italic;
}

/*
blockquote:before{
  content:"\201E" "\0020";
}

blockquote:after{
  content:"\0020" "\201C";
}
*/

hr{
  height:1px;
  margin:20px 25px 20px 435px;
  background:#fff;
  color:#fff;
  border:0;
}


/* ------------------ DIV Elemente formatieren ------------------ */

#wrapper{
  position:relative;
  width:890px;
  height:500px;
  margin:0 auto;
  background:#fff url(../img/wrapper_background.png) repeat-x 0 0;
}

#header{
  position:relative;
  width:890px;
  height:114px;
}

#logo{
  position:absolute;
  left:7px;
  top:32px;
}

#content{
  position:relative;
  width:890px;
  min-height:550px;
  padding:0 0 15px 0;
  background:transparent url(../img/content_background.png) repeat-y 0 0;
}

#footer{
  position:relative;
  width:890px;
  height:40px;
  background:#fff url(../img/footer_background.png) repeat-x 0 0;
}

#sascha-lamm-foto{ position:absolute; left:0; top:0; }
#photo_index{ position:absolute; left:0; top:75px; }
#photo_beratung{ position:absolute; left:0; top:50px; }
#photo_training{ position:absolute; left:0; top:140px; }
#photo_coaching{ position:absolute; left:0; top:70px; }
#photo_profil{ position:absolute; left:0; top:190px; }
#photo_kunden{ position:absolute; left:0; top:80px; }
#photo_zitate{ position:absolute; left:0; top:210px; }
#photo_kontakt{ position:absolute; left:0; top:85px; }
#photo_impressum{ position:absolute; left:0; top:85px; }

#mehr_01, #mehr_02, #mehr_03, #mehr_04,
#mehr_05, #mehr_06, #mehr_07{
  position:relative;
  top:20px;
  margin:0 0 0 440px;
  padding:1px 6px 1px 4px;
  background:#eee;
  border:1px solid #fff;
  text-decoration:none;
}

#icon_xing{
  margin:40px 10px 0 440px;
}

#icon_twitter{
  margin:0 10px 0 0;
}

#logo_bdvt{
  margin:20px 10px 0 440px;
}


/* ----------------- CLASS Elemente formatieren ----------------- */

.inhalte{
  margin:0 15px 15px 452px;
  list-style:circle;
}

.author{
  padding:0 10px 0 0;
  text-align:right;
}

.logo_referenz{
  margin:0 0 0 440px;
}


/* ------------------- NAVIGATION formatieren ------------------- */

#navigation{
  position:relative;
  width:100%;
  padding:0;
  height:110px;
  text-align:right;
}

#navigation li{
  position:relative;
  padding:0 20px 0 0;
  list-style-type:none;
  display:inline-block;
}

#subnavi_01, #subnavi_02{
  position:absolute;
  background:#fff;
  display:none;
}

#subnavi_01{
  width:100px;
}

#subnavi_02{
  width:100px;
}

#navigation li a{
  height:24px;
  font:16px/24px "Trebuchet MS", Trebuchet, Arial, Helvetica, Sans-Serif;
  text-decoration:none;
  text-indent:4px;
  white-space:nowrap;
  display:block;
}

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

#site_01 #navi_01,
#site_01a #navi_01, #site_01a #navi_01a,
#site_01b #navi_01, #site_01b #navi_01b,
#site_01c #navi_01, #site_01c #navi_01c,
#site_02 #navi_02,
#site_03a #navi_03, #site_03a #navi_03a,
#site_03b #navi_03, #site_03b #navi_03b,
#site_04 #navi_04,
#site_05 #navi_05,
#site_06 #navi_06{
  color:#c80000;
}