@charset "utf-8";
/* CSS Document */


@font-face {
  font-family: 'Droid Sans';
  font-style: normal;
  font-weight: 400;
  src: url('font/droidsans-webfont.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('font/droidsans-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('font/droidsans-webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('font/droidsans-webfont.woff') format('woff'), /* Modern Browsers */
       url('font/droidsans-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
       url('font/droidsans-webfont.svg#AdventPro') format('svg'); /* Legacy iOS */
}


@font-face {
  font-family: 'Droid Sans';
  font-style: normal;
  font-weight: 700;
  src: url('font/droidsans-bold-webfont.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('font/droidsans-bold-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('font/droidsans-bold-webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('font/droidsans-bold-webfont.woff') format('woff'), /* Modern Browsers */
       url('font/droidsans-bold-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
       url('font/droidsans-bold-webfont.svg#AdventPro') format('svg'); /* Legacy iOS */
}





body { 
  background: #EEF1F3 url(bilder/back.jpg) repeat-y;
  margin: 0;
  padding: 0;
  font-size:100.1%;
  font: 'Droid Sans', Arial, Helvetica, sans-serif;
  color: #000;
  text-align:center;
}
#container{
  position:relative;
  left:50%;
  margin-left:-495px;
  width: 990px;
  float:left;
}
#kopf{
  float:left;
  height:70px;
  width:100%;
}
.logo { 
  float:left;
  margin:20px 0 0 28px;
}
.werkstatt { 
  float:right;
  margin:34px 35px 0 0;
}
.stop{ 
 clear:both;
}


#bildelement{
  float:left;
  height:300px;
  width:100%;
}
#contentframe{
  float:left;
  width:770px;
  margin:10px 0 0px 0;
  padding: 0 0 20px 0;
}
#navi{
  float:left;
  background: url(bilder/back_navi.jpg) repeat-x #EEF1F3;
  height:25px;
  width:770px;
  margin:0px 0 3px 0;
  border-right: 1px solid #CBCED3;
}
#content{
  float:left;
  background: #fff url(bilder/back_verlauf.jpg) repeat-x bottom;
  width:770px;
  margin: 0;
  padding: 0 0 10px 0;
  border-bottom: 1px solid #CBCED3;
  border-right: 1px solid #CBCED3;
}
#kontakt{
  float:left;
  background: #fff url(bilder/back_verlauf.jpg) repeat-x bottom;
  width:179px;
  height:205px;
  margin:10px 0 0 20px;
  padding: 0 0 0 20px;
  border-bottom: 1px solid #CBCED3;
  border-right: 1px solid #CBCED3;
}
#impressum{
  float:left;
  width:200px;
  margin:12px 0 0 20px;
  color: #666;
  font-size:9px;
  font-family: 'Droid Sans';
  text-align:left;
}
#impressum a, #impressum a:link, #impressum a:visited, #impressum a:hover, #impressum a:active{
  color: #666;
  font-size:9px;
  font-family: 'Droid Sans';
  text-align:left;
  text-decoration:underline;
  font-weight:normal;
}

.links { float:left; }
.linksMargRe15 { float:left; margin: 0 15px 10px 0;}
.rechts { float:right;}


/********************* T Y P O *********************/

h1 {
  margin: 25px 0px 6px 0px;
  text-align:left;
  color: #666;
  text-transform:uppercase;
  font-size:16px;
  font-weight: bold;
  font-family: 'Droid Sans';
}
h2 {
  margin: 20px 0px 6px 0px;
  text-align:left;
  color: #666;
  font-size: 13px;
  font-weight: bold;
  font-family: 'Droid Sans';
}
.ohneMargOben{
  margin: 0px 0px 6px 0px;
}
p {
  margin: 0px 0px 6px 0px;
  text-align:left;
  color: #000;
  font-size:12px;
  line-height:16px;
  font-family: 'Droid Sans';
}
p.einleitung {
  margin: 0px 0px 3px 0px;
  text-align:left;
  color: #036;
  font-size:12px;
  line-height:16px;
  font-weight: bold;
  font-family: 'Droid Sans';
}
a, a:link, a:visited {
  text-align:left;
  color: #036;
  font-size:12px;
  text-decoration:none;
  font-weight: bold;
  font-family: 'Droid Sans';
}
a:hover, a:active {
  color: #00AEDF;
}

a.neutral, a:link.neutral, a:visited.neutral, a:hover.neutral, a:active.neutral{
  text-align:left;
  color: #000;
  font-size:12px;
  text-decoration:none;
  font-weight: normal;
  font-family: 'Droid Sans';
}

.anmerkung{
  font-size:9px;
  font-family: 'Droid Sans';
  text-align:left;
}
.anmerkung a, .anmerkung a:link, .anmerkung a:visited, .anmerkung a:hover, .anmerkung a:active{
  color: #666;
  font-size:9px;
  font-family: 'Droid Sans';
  text-align:left;
  text-decoration:underline;
  font-weight:normal;
}


/**********************************/

.obenMargin{
  margin:20px 0 6px 0;
}


.eineSpalte{
  float:left;
  width:700px;
  margin:10px 0 0 35px;
}
.zweiSpalten{
  float:left;
  width:330px;
  margin:10px 0 0 35px;
}
.zweiSpaltenOhne{
  float:left;
  width:330px;
  margin:0px 0 0 35px;
}
.linieSenkrecht{
  float:left;
  width:1px;
  margin:40px 0 0 10px;
  background: #666;
  height: 230px;
}

input, textarea {
  width:250px;
  float:left;
  /*margin:0px 0 0 35px;*/
}
input#checkbox{
  width:40px;
  float:right;
  /*margin:0px 0 0 35px;*/
}
input#senden{
  width:120px;
  float:left;
  /*margin:0px 0 0 35px;*/
}

/********************* N A V I *********************/

#navi ul{
	margin:0;
	padding:0;
	list-style: none;
}
#navi ul li{
    display: block;
	padding:0;
	float:left;
	margin:0;
}
#navi ul li a, #navi ul li a:link, #navi ul li a:visited{
   margin: 0;
   border-right: 1px solid #CBCED3;
   color: #4C4C4C;
   font-weight:bold;
   text-decoration: none;
  /* padding:5px 25px 5px 25px;   */
   padding:0px 25px 0px 25px; 
   font-family: 'Droid Sans';
   font-size:12px;
   line-height:25px;
   text-decoration:none;
   display: block;
}
#navi ul li a:hover, #navi ul li a:active, #navi ul li a.aktiv{
	color: #fff;
	background:#666 url(bilder/back_navi_on.jpg) repeat-x;
}