/* 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:#fff url(../img/body_background.gif) repeat-x 0 0;
}

body{
  height:100.1%;
  min-height:520px;
  background:#fff url(../img/body_background.gif) repeat-x 0 0;
  font:12px/19px Lucida, "Lucida Sans", Arial, Sans-Serif;
  color:#555;
}

a, a:visited{
  font:12px/19px Lucida, "Lucida Sans", Arial, Sans-Serif;
  color:#555;
  text-decoration:underline;
}

a:hover, a:focus{
  color:#fd9300;
}

h1{
  text-indent:-9999px;
  color:#fff;
}

h2{
  position:relative;
  left:285px;
  top:25px;
  width:480px;
  height:40px;
  margin:0 0 10px 0;
  background:transparent url(../img/h2_background.gif) no-repeat 0 0;
  text-indent:-9999px;
}

#site_01 h2{ background:transparent url(../img/h2_background.gif) no-repeat 0 0;  }
#site_02 h2{ background:transparent url(../img/h2_background.gif) no-repeat 0 -40px;  }
#site_03 h2{ background:transparent url(../img/h2_background.gif) no-repeat 0 -80px;  }
#site_04 h2{ background:transparent url(../img/h2_background.gif) no-repeat 0 -120px; }
#site_05 h2{ background:transparent url(../img/h2_background.gif) no-repeat 0 -160px; }
#site_06 h2{ background:transparent url(../img/h2_background.gif) no-repeat 0 -200px; }
#site_07 h2{ background:transparent url(../img/h2_background.gif) no-repeat 0 -240px; }
#site_08 h2{ background:transparent url(../img/h2_background.gif) no-repeat 0 -280px; }
#site_09 h2{ background:transparent url(../img/h2_background.gif) no-repeat 0 -320px; }
#site_10 h2{ background:transparent url(../img/h2_background.gif) no-repeat 0 -360px; }
#site_11 h2{ background:transparent url(../img/h2_background.gif) no-repeat 0 -400px; }
#site_12 h2{ background:transparent url(../img/h2_background.gif) no-repeat 0 -440px; }
#site_13 h2{ background:transparent url(../img/h2_background.gif) no-repeat 0 -480px; }
#site_14 h2{ background:transparent url(../img/h2_background.gif) no-repeat 0 -520px; }
#site_15 h2{ background:transparent url(../img/h2_background.gif) no-repeat 0 -560px; }
#site_16 h2{ background:transparent url(../img/h2_background.gif) no-repeat 0 -600px; }
#site_17 h2{ background:transparent url(../img/h2_background.gif) no-repeat 0 -640px; }
#site_18 h2{ background:transparent url(../img/h2_background.gif) no-repeat 0 -680px; }
#site_19 h2{ background:transparent url(../img/h2_background.gif) no-repeat 0 -720px; }

h3{
  position:relative;
  left:285px;
  top:25px;
  width:480px;
  font-size:14px;
  font-weight:bold;
}

p, address{
  position:relative;
  left:285px;
  top:25px;
  width:480px;
  padding:0 0 15px 0;
  font-style:normal;
}

table{
  position:relative;
  left:282px;
  top:25px;
  width:470px;
  display:block;
}

td{
  width:340px;
  padding:0 0 10px 0;
}

blockquote{
  position:relative;
  left:285px;
  top:25px;
  width:480px;
  padding:0 0 20px 0;
  text-align:center;
}

em{
  font-style:italic;
  color:#888;
}

strong{
  font-weight:bold;
}

ol{
  position:relative;
  left:285px;
  top:25px;
  width:370px;
  margin:0 0 20px 0;
}

ol li{
  list-style-type:decimal;
}

hr{
  position:relative;
  left:285px;
  top:25px;
  width:480px;
  height:1px;
  margin:0 0 20px 0;
  background:#ddd;
  color:#ddd;
  border:0;
  clear:both;
}


/* ---------------- Formatierungen DIV Elemente ---------------- */

#header{
  position:relative;
  width:810px;
  height:186px;
  background:transparent url(../img/header_background.gif) no-repeat 0 0;
}

#logo{
  position:absolute;
  right:35px;
  top:60px;
  width:250px;
  height:90px;
}

#content_01{
  position:relative;
  width:810px;
  height:330px;
  background:transparent url(../img/content_01_background.gif) no-repeat 800px 0;
}

#category_image{
  position:absolute;
  left:250px;
  top:0;
  width:550px;
  height:330px;
}

#content_02{
  position:relative;
  width:810px;
  min-height:220px;
  background:transparent url(../img/content_02_background.gif) no-repeat 0 0;
}

#footer{
  position:relative;
  left:250px;
  top:40px;
  width:535px;
  height:80px;
  padding:30px 0 0 15px;
  background:transparent url(../img/footer_background.gif) no-repeat 0 0;
}

#footer img{
  position:relative;
  top:3px;
}

#footer a, #footer a:visited{
  color:#888;
}

#footer a:hover, #footer a:focus{
  color:#fd9300;
}

#archiv{
  color:#086bea;
}

#button_seminar{
  position:relative;
  left:235px;
  top:-15px;
}


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

.liste{
  position:relative;
  left:285px;
  top:25px;
  width:480px;
  margin:0 0 20px 0;
}

.liste li{
  margin:0 0 0 30px;
  list-style-type:circle;
}

.zeitraum{
  width:120px;
}

.betont{
  left:280px;
  color:#086bea;
  width:500px;
}

.coaching_muenchen{
  color:#555554;
}

.icon_pdf{
  position:relative;
  top:3px;
}


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

#navigation{
  width:250px;
  height:328px;
  padding:2px 0 0 0;
  background:transparent url(../img/navigation_background.gif) repeat-y 0 0;
}

#navigation li a, #navigation li a:visited{
  width:250px;
  height:19px;
  background:transparent url(../img/navigation_a_background.gif) no-repeat 0 0;
  font:15px/19px Lucida, "Lucida Sans", Arial, Sans-Serif;
  color:#fff;
  text-decoration:none;
  text-indent:40px;
  display:block;
}

#navigation li ul li a, #navigation li ul li a:visited{
  height:19px;
  background:transparent url(../img/navigation_a_background.gif) no-repeat 0 -20px;
  text-indent:65px;
  display:block;
}

#navigation li a:hover, #navigation li a:focus{
  height:19px;
  background:transparent url(../img/navigation_a_background.gif) no-repeat 0 -42px;
  color:#444;
}

#navigation li ul li a:hover, #navigation li ul li a:focus{
  background:transparent url(../img/navigation_a_background.gif) no-repeat 0 -63px;
  color:#444;
}

#site_01 #navi_01,
#site_02 #navi_02,
#site_03 #navi_03,
#site_04 #navi_04,
#site_08 #navi_08,
#site_09 #navi_09,
#site_10 #navi_10,
#site_13 #navi_13,
#site_14 #navi_14,
#site_15 #navi_15,
#site_16 #navi_16,
#site_17 #navi_17{
  background:transparent url(../img/navigation_a_background.gif) no-repeat 0 -42px;
  color:#444;
}

#site_05 #navi_05,
#site_06 #navi_06,
#site_07 #navi_07,
#site_11 #navi_11,
#site_12 #navi_12{
  background:transparent url(../img/navigation_a_background.gif) no-repeat 0 -63px;
  color:#444;
}


/* ----------------- Formatierungen Newsletter ----------------- */

#newsletter{
  position:absolute;
  left:0;
  top:30px;
  width:215px;
  padding:0 15px 20px 10px;
  background:#fff url(../img/newsletter_background.gif) no-repeat 0 bottom;
  overflow:hidden;
}

#newsletter form{
  margin:0;
  padding:0;
}

.headline{
  margin:0 0 5px 0;
  font-size:15px;
  display:block;
}

#newsletter p{
  left:0;
  top:0;
  margin:0 0 10px 0;
  padding:0;
}

#newsletter label{
  width:72px;
  height:17px;
  float:left;
}

#vorname, #nachname, #empfaenger{
  width:130px;
  height:16px;
  margin:0 0 5px 0;
  padding:2px;
  border:1px solid #ccc;
}

#submit{
  margin:8px 0 0 0;
  clear:both;
}