* {
  margin: 0;
  padding: 0;
  outline: 0;  
  border: 0;
  text-decoration: none;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 12px;
  line-height: 150%;
  }
  
body {
  background: #EEEEEE url(img/body.jpg) repeat-x 0 0;
  }
  
h1  {
  position: absolute;
  top: -100px;
  }
  
h2 {
  position: relative;
  width: 100%;
  left: -20px;
  color: #A60B16;
  font-weight: bold;
  border-bottom: solid 4px #CCC;
  padding: 0 0 10px 20px;
  margin: 0 0 20px 0;
  }
  
h3 {
  color: #666;
  padding: 0 0 15px 0;
  }
  
p {
  color: #666;
  padding: 0 0 15px 0;
  }
  
p a {
  color: #A60B16;
  }
  
p a:hover {
  color: #111;
  }
  
/* @group SIDEBAR */

div#sidebar {
  position: fixed;
  z-index: 2;
  left: 50%;
  height: 100%;
  width: 100%;
  margin: 0 0 0 240px;
  background: url(img/sidebar.png) repeat-y 0 0;
  }
  
div#sidebar_inner {
  position: absolute;
  top: 0;
  left: 30px;
  height: 100%;
  width: 230px;
  padding: 0 100% 0 0;
  background: #FFF;
  }
  
a#logolink {
  display: block;
  position: relative;
  float: left;
  padding: 30px 0 0 30px;
  }
  
/* @group METANAVI */

ul#metanavi {
  position: relative;
  float: left;
  width: 100%;
  padding: 21px 0 0 0;
  list-style: none;
  }
  
ul#metanavi li {
  position: relative;
  float: left;
  z-index: 2;
  }
  
ul#metanavi li a {
  display: block;
  float: left;
  width: 200px;
  height: 45px;
  color: #666;
  line-height: 43px;
  padding: 0 0 0 30px;
  background: url(img/metanavi_a.png) no-repeat 0 -44px;
  }
  
ul#metanavi li a:hover,
ul#metanavi li a.act {
  color: #FFF;
  background-position: 0 0;
  }
  
ul#metanavi li a.act {
  margin: 0 0 1px 0;
  }
  
ul#metanavi ul#metanavi-sub {
  position: relative;
  margin: -10px 0 1px 0;
  padding: 19px 0 12px 0;
  z-index: 1;
  float: left;
  width: 230px;
  background: #ddd url(img/metanavi-sub.jpg) no-repeat 0 bottom;
  list-style: none;
  }
  
ul#metanavi ul#metanavi-sub li {
  float: left;
  width: 230px;
  height: 24px;
  }
	
ul#metanavi ul#metanavi-sub li a {
	line-height: 24px;
	height: 24px;
	width: 180px;
	padding: 0 0 0 50px;
	font-size: 11px;
	background: url(img/metanavi-sub_bullet.gif) no-repeat 30px 12px;
	}
	
ul#metanavi ul#metanavi-sub li a:hover,
ul#metanavi ul#metanavi-sub li a.act {
	color: #A60B16;
	}

/* @end METANAVI */

/* @group SIDEBAR CONTENT */

div#sidebar_content {
  position: relative;
    float: left;
    width: 200px;
    padding: 30px 0 0 30px;
  }

/* @end SIDEBAR CONTENT */

/* @group CONTACT */

div#contact {
  position: relative;
  float: left;
  width: 200px;;
  }
  
div#contact a.imglink {
  position: relative;
  display: block;
  float: left;
  width: 75px;
  height: 100px;
  }
  
div#contact p {
  position: relative;
  float: right;
  top: -1px;
  width: 115px;
  height: 100px;
  color: #333;
  font-size: 11px;
  line-height: 130%;
  }
  
div#contact p a {
  color: #A50B15;
  font-size: 11px;
  }

/* @end CONTACT */

/* @end SIDEBAR */
  
/* @group PAGE */

div#page {
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 0;
  width: 700px;
  margin: 0 0 0 -500px;
  }

/* @group HEADER */

div#header {
  position: relative;
  z-index: 2;
  float: left;
  width: 680px;
  padding: 0 0 0 20px;
  height: 150px;
  }
  
/* @group LANGNAV */

ul#langnav {
  position: relative;
  float: left;
  top: 30px;
  list-style: none;
  }

ul#langnav li {
  float: left;
  padding: 0 4px 0 0;
  }
  
ul#langnav li a {
  display: block;
  float: left;
  width: 28px;
  height: 21px;
  }
  
ul#langnav li a.de {
  background: #F00 url(img/de.gif) no-repeat 0 0;
  }
  
ul#langnav li a.en {
  background: #F00 url(img/en.gif) no-repeat 0 0;
  }
  
ul#langnav li a.act,
ul#langnav li a:hover {
  background-position: 0 -21px;
  }

/* @end LANGNAV */

/* @group SITENAVI */

ul#sitenavi {
  position: absolute;
  right: 20px;
  top: 32px;
  list-style: none;
  }
  
ul#sitenavi li {
  display: block;
  float: left;
  height: 11px;
  color: #999E9F;
  border-right: solid 1px #999E9F;
  padding: 0 10px 0 0;
  margin: 0 10px 0 0;
  }
  
ul#sitenavi li.last {
  border: none;
  margin: 0;
  padding: 0;
  }
  
ul#sitenavi li a {
  display: block;
  color: #999E9F;
  font-size: 11px;
  margin: -2px 0 0 0;
  }
  
ul#sitenavi li a:hover,
ul#sitenavi li a.act {
  color: #333;
  }

/* @end SITENAVI */

/* @group MAINNAVI */

ul#mainnavi {
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: 0;
  height: 40px;
  width: 100%;
  list-style: none;
  }
  
ul#mainnavi li.level1 {
  position: relative;
  z-index: 1;
  float: left;
  padding: 0 20px 0 0;
  }
  
ul#mainnavi li.level1:hover {
  z-index: 2;
  }

ul#mainnavi li.level1.last {
  padding: 0;
  }
  
ul#mainnavi li.level1 a.level1 {
  display: block;
  height: 40px;
  line-height: 42px;
  width: 200px;
  background: url(img/mainnavi_a.jpg) no-repeat 0 0;
  color: #FFF;
  font-size: 14px;
  padding: 0 0 0 20px;
  }
  
ul#mainnavi li.level1 a.level1:hover,
ul#mainnavi li.level1 a.level1.act,
ul#mainnavi li.level1:hover a.level1 {
  background-position: 0 -40px;
  }

/* 2nd level */
  
ul#mainnavi li.level1 ul.level2,
ul#mainnavi.home li.level1 ul.level2 {
  position: absolute;
  left: 0;
  top: 40px;
  width: 220px;
  background: #840912 url(img/mainnavi_sub.jpg) repeat-x 0 0;
  display: none;
  list-style: none;
  }
  
ul#mainnavi li.level1:hover ul.level2 {
  display: block;
  }
  
ul#mainnavi li.level1 ul.level2 li {
  float: left;
  display: block;
  width: 220px;
  height: 28px;
  }
  
ul#mainnavi li.level1 ul.level2 li a {
  float: left;
  display: block;
  width: 190px;
  height: 28px;
  line-height: 28px;
  padding: 0 10px 0 20px;
  border-top: solid 1px #FFF;
  color: #FFF;
  font-size: 11px;
  background: url(img/mainnavi_sub_a.jpg) repeat-x 0 0;
  }
  
ul#mainnavi li.level1 ul.level2 li a:hover,
ul#mainnavi li.level1 ul.level2 li a.act {
  background-position: 0 -35px;
  }
  
/* 3rd level */
  
ul#mainnavi li.level1 ul.level2 ul.level3 {
  display: block;
  float: left;
  padding: 6px 0;
  background: #717171;
  }

ul#mainnavi li.level1 ul.level2 ul.level3 li {
  height: 20px;
}
  
ul#mainnavi li.level1 ul.level2 ul.level3 li a {
  background: #717171;
  border: none;
  height: 20px;
  line-height: 20px;
  }
  
ul#mainnavi li.level1 ul.level2 ul.level3 li a:hover,
ul#mainnavi li.level1 ul.level2 ul.level3 li a.act {
  color: #A60B16;
  }
  
/* @group HOMENAVI */

ul#homenavi {
  position: absolute;
  z-index: 1;
  top: 150px;
  left: 0;
  height: 220px;
  margin: 0;
  padding: 0;
  list-style: none;
  }

ul#homenavi li {
  float: left;
  width: 220px;
  height: 220px;
  padding: 0 20px 0 0;
  }

ul#homenavi li.last {
  padding: 0;
}
  
ul#homenavi li a {
  position: relative;
  display: block;
  }
  
ul#homenavi li a span {
  position: absolute;
  display: block;
  width: 200px;
  height: 165px;
  color: #444;
  font-size: 11px;
  padding: 15px 0 0 20px;
  }
  
ul#homenavi li a#Training span {
  background: url(img/homenavi_training.jpg) no-repeat 0 0;
  }
ul#homenavi li a#Beratung span {
  background: url(img/homenavi_beratung.jpg) no-repeat 0 0;
  }
ul#homenavi li a#Coaching span {
  background: url(img/homenavi_coaching.jpg) no-repeat 0 0;
  }
  
ul#homenavi li a:hover,
ul#homenavi li a.act,
ul#homenavi li:hover a {
  background-position: 0 -40px;
  }

/* @end HOMENAVI */
  
/* @end MAINNAVI */

/* @end HEADER */

/* @group ORIENTATION */

div#orientation {
  position: relative;
  z-index: 1;
  float: left;
  width: 700px;
  height: 50px;
  }
  
div#orientation p {
  position: relative;
  float: left;
  height: 100%;
  width: auto;
  padding: 0 0 0 20px;
  font-size: 11px;
  line-height: 50px;
  }
  
div#orientation ul {
  position: relative;
  float: left;
  list-style: none;
  }
  
div#orientation ul li {
  float: left;
  color: #666;
  }
  
div#orientation ul li a {
  line-height: 50px;
  color: #666;
  font-size: 11px;
  }
  
div#orientation ul li a:hover,
div#orientation ul li a.act {
  text-decoration: underline;
  }

/* @end ORIENTATION */

/* @group MAIN */

div#main {
  position: relative;
  z-index: 1;
  float: left;
  width: 700px;  
  }
  
div#infobox {
  position: relative;
  float: left;
  width: 195px;
  height: 220px;
  padding: 0 5px 0 20px;
  background: url(img/infobox.jpg) repeat-x 0 0;
  overflow: hidden;
  }
  
/* Template nur Content */
body.toid5 div#infobox {
  display: none;
  }

/* Template ohne Infobox */
body.toid7 div#infobox {
  display: none;
  }

div#infobox p {
  font-size: 11px;
  color: #FFF;
  padding: 0 0 10px 0;
  }
  
div#infobox p a {
  font-size: 11px;
  color: #A60B16;
  }

div#infobox h2 {
  border: none;
  padding: 0 0 0 20px;
  margin: 0 0 15px 0;
  line-height: 50px;
  color: #FFF;
  }

/* @group MULTIMEDIA */

div#multimedia {
  position: relative;
  float: left;
  width: 460px;
  height: 220px;
  padding: 0 0 0 20px;
  overflow: hidden;
  }
  
/* Template nur Content */
body.toid5 div#multimedia {
  display: none;
  }
  
/* Template ohne Infobox */
body.toid7 div#multimedia {
  width: 700px;
  }

/* @end MULTIMEDIA */
  
/* @group CONTENT */

div#content {
  position: relative;
  float: left;
  width: 660px;
  padding: 30px 20px;
  }
  
div#content p {
  color: #666;
  padding: 0 0 15px 0;
  }

div#content a {
  color: #A60B16;
  }
  
div#content a:hover {
  color: #111;
  }
  
div#content h2 {
  padding: 0 20px 10px 20px;
  }
  
div#content ul {
  padding: 0 0 15px 0;
  list-style: none;
  }
  
div#content ul li {
  display: block;
  color: #666;
  padding: 0 0 0 15px;
  background: url(img/bulletimg.gif) no-repeat 0 6px;
  }
  
/* @group CONTENT on HOME */

body.uid1 div#multimedia {
  height: 180px;
  }

body.uid1 div#content {
  padding-left: 0;
  padding-right: 0;
  width: 700px;
  }
  
body.uid1 div#content p,
body.uid1 div#content a,
body.uid1 div#content {
  font-size: 11px;
  }

div.termine,
div.news,
div.teilnehmer {
  float: left;
  width: 180px;
  padding: 0 20px;
  }
  
div.termine,
div.news {
  margin: 0 20px 0 0;
  }
  
body.uid1 div#content h2 {
  width: 180px;
  }
  
div#content div.termine div.csc-textpic-text p {
  padding: 7px 0 0 0;
  }

/* @end CONTENT on HOME */

/* @group TRAINERPROFILE */

div.trainerprofil {
  float: left;
  width: 300px;
  padding: 0 30px 15px 0;
}

/* @end TRAINERPROFILE */

/* @end CONTENT */

/* @end RIGHT COL */

/* @end MAIN */

/* @end PAGE */

/* @group LINKS */

div#content a.pfeil-link,
div#infobox a.pfeil-link {
  background: url(img/pfeil-link.gif) no-repeat 0 3px;
  padding: 0 0 0 16px;
  }

div#infobox a.pdf-link,
div#infobox a.zip-link,
div#infobox a.external-link,
div#infobox a.internal-link {
  color: #FFF;
  display: block;
  padding-left: 25px;
  height: 21px;
  line-height: 21px;
  }
  
div#content a.pdf-link,
div#content a.zip-link,
div#content a.external-link,
div#content a.internal-link {
  display: block;
  padding-left: 25px;
  height: 21px;
  line-height: 21px;
  }

div#infobox a.pdf-link:hover,
div#infobox a.zip-link:hover,
div#infobox a.external-link:hover,
div#infobox a.internal-link:hover {
  color: #A60B16;
  }
  
div#infobox a.zip-link,
div#content a.zip-link {
  background: url(img/zip-link.png) no-repeat 0 center;
  }
  
div#infobox a.internal-link,
div#content a.internal-link {
  background: url(img/internal-link.png) no-repeat 0 center;
  }
  
div#infobox a.external-link,
div#content a.external-link {
  background: url(img/external-link.png) no-repeat 0 center;
  }
  
div#infobox a.pdf-link,
div#content a.pdf-link {
  background: url(img/pdf-link.png) no-repeat 0 center;
  }

/* @end LINKS */
