/* ------------------------------
   kossak.css 
   
   blau: #009ee0
   grau: #64686b
   ------------------------------ */

* {
  margin:0;
  padding:0;
}

html {
  /* overflow:scroll; /* devhelp */
}

html,body {
  height:100%;
}

body {
  background:#64686b;
  color:#3a3c3e;
  text-align:center;
  font-family:Verdana,Arial,sans-serif;	
  font-size:13px; 
  line-height:16px;
}

:focus {
  outline:none;
}

.clear {
  clear:both;
}

img.right{float:right;}


h1 {
  font-size:21px;
  font-weight:bold;
  padding-bottom:14px;
  color:#009ee0;
}

h2 {
  font-size:15px;
  font-weight:bold;
}

h3 {
  font-size:13px;
  font-weight:bold;
}


ul.punkte,
ul.links,
ul.linksXL {
  list-style-type:none;
}


ul.punkte li {
  background:url(../images/dotto.jpg) no-repeat 0 1px;
  padding-left:13px;
  padding-bottom:10px;
}


ul.links li,
ul.linksXL li {
  display:block;
  width:220px;
  float:left;
  height:30px;
}

ul.links li {
  width:220px;
}

ul.linksXL li {
  width:330px;
}


a.web {
  color:#009ee0;
  text-decoration:none;
  font-weight:bold;
}

a.web:link {
  color:#009ee0;
}

a.web:visited {
  color:#009ee0;
}

a.web:hover {
  color:#64686b;
}

a.web:active {
  color:#64686b;
}


a.download {
  color:#009ee0;
  font-size:11px;
   text-decoration:none;
   font-weight:bold;
}

a.download:link {
  color:#009ee0;
}

a.download:visited {
  color:#009ee0;
}

a.download:hover {
  color:#64686b;
}

a.download:active {
  color:#64686b;
}



#distance { 
  float:left;
  width:100%;
  height:50%;
  margin-bottom:-335px;
  background:none;
  /* background:#ffdddd; /* bgtest */
}


#container {
  clear:left;
  margin:0 auto;
  position:relative;
  text-align:left;
  height:667px;
  width:1022px;
  border:3px solid #009ee0;
  overflow:hidden;
  background:url(../images/hg.gif) no-repeat;
  /* background:#dddddd; /* bgtest */
}


#header {
  height:110px;
  /* background:#eeeeff; /* bgtest */
}


#main {
  height:557px;
  /* background:#ffffee; /* bgtest */
}


#logobox {
  float:left;
  width:262px;
  height:100%;
  
  /* background:#ffffaa; /* bgtest */
}


#imagebox {
  float:left;
  width:760px;
  overflow:hidden;
  height:100%;
  /* background:#ffaa66; /* bgtest */
}


#navibox {
  position:relative;
  float:left;
  width:262px;
  height:100%;
   
  
  /* background:#66aaff; /* bgtest */
}


#contentbox {
  position:relative;
  float:left;
  width:760px;
  height:100%;
  
  /* background:#ccffcc; /* bgtest */
}


#boundingbox {
  margin-left:20px;
  margin-top:180px;
  width:720px;
  /* background:#eeeeee; /* bgtest */
}

#startgrafik {
  position:relative;
  float:right;
  margin: 180px 0 0px 0px;
}

#profilbild {
  position:relative;
  float:right;
  margin:36px 0 15px 12px;
}


.p5 {padding-bottom:5px;}
.p14 {padding-bottom:14px;}
.p15 {padding-bottom:15px;}
.p17 {padding-bottom:17px;}
.p20 {padding-bottom:20px;}
.p30 {padding-bottom:30px;}
.p35 {padding-bottom:35px;}

.f12 {font-size:12px;}


.blue {
  color:#009ee0;
}


#navi {
  margin-top:40px;
  margin-left:65px;
  list-style:none;
}

#navi li {
  display:block;
  width:250px;
  height:30px;
  margin-left:-75px;
}

.vacant,
.select { 
  display:block;
  width:100%;
  height:21px; 
  background-repeat:no-repeat;
}
  
.vacant {
  background-position:right 0;
}

.select,
.vacant:hover { 
  background-position:right -21px;
}

.vacant span,
.select span {
  display:none;
}


#m_start {
  background-image: url("../images/m_start.gif");
}

#m_messung {
  background-image: url("../images/m_messung.gif");
}

#m_management {
  background-image: url("../images/m_management.gif");
}

#m_entwicklung {
  background-image: url("../images/m_entwicklung.gif");
}

#m_training {
  background-image: url("../images/m_training.gif");
}

#m_profil {
  background-image: url("../images/m_profil.gif");
}

#m_kontakt {
  background-image: url("../images/m_kontakt.gif");
}

#m_impressum {
  background-image: url("../images/m_impressum.gif");
}