﻿@charset "UTF-8";

body{
	
	background: #D8D5D5 url(../gfx/bg_browser.gif) repeat-x;
	margin:0;
	padding:0;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
		
}


#container {
	margin:0 auto;
	width:930px;
	border-top:none;
	padding:0 10px;
	background:#fff;
	font-size:0.85em;
	color:#414141;
	}

/* ======= SEITENKOPF  =============== */

#oben{
	margin:0;
	padding:0;
	background:#fff;
	width:930px;
}

#logo{
	position:relative;
	/*background:red;*/
	margin:0;
	padding:0;
	float:left;
	padding-top:10px;
}
#oben-rechts{
	float:left;
	padding-top:10px;
	padding-left:10px;
}
#image-oben{
	
}
#oben-unten{
	margin-top:10px;
	background: url(../gfx/balken_grau.gif) no-repeat;
	width:699px;
	height:40px;
}
#nebennavi{
	padding:20px 30px 0 300px;
	font-size:0.9em;
}
#nebennavi ul{
	margin:0px 0px 0px 0px;
	padding:0;
	list-style: none;
	
}
#nebennavi li{
	float:left;
}
#nebennavi a{
	text-decoration:none;
	color:#414141;
	margin:0 14px;
}



/* ======= SEITENKOPF ENDE  =============== */

#content-bereich{
	padding-top:10px;
	height:auto;
	/*background:aqua;*/
	width:930px;
	margin-bottom:20px;
	position:relative;
}
*html #content-bereich{
	height:400px;
}
#inh-links{
	width:218px;
	min-height:200px;
	float:left;
	
}

/* ======= NAVIGATION =============== */

.unsichtbar {
	display:none;
}
#inh-links ul{
	margin:0px 0px 0px 0px;
	padding:0;
	list-style: none;
	width:180px;
	font-size:0.85em;
	
}
#inh-links ul li.navi1{
	border-bottom: 1px solid #B4B4B4;
	padding: 23px 0px 11px 8px;
	margin-left:0px;
	background:url(../gfx/navi_rot_1.gif)  no-repeat 0px 23px;
	height:26px;
	width:210px;
}
#inh-links ul li.navi1-act{
	border-bottom: 1px solid #B4B4B4;
	padding: 23px 0px 11px 18px;
	margin-left:0px;
	background:url(../gfx/navi_rot_1on.gif)  no-repeat 0px 25px;
	/*height:26px;*/
	width:200px;
	font-weight:bold;
}
#inh-links ul li.navi2{
	border-bottom: 1px solid #B4B4B4;
	padding: 23px 0px 11px 8px;
	margin-left:0px;
	background:url(../gfx/navi_orange_2.gif)  no-repeat 0px 23px;
	height:26px;
	width:210px;
}
#inh-links ul li.navi2-act{
	border-bottom: 1px solid #B4B4B4;
	padding: 23px 0px 11px 18px;
	margin-left:0px;
	background:url(../gfx/navi_orange_2on.gif)  no-repeat 0px 25px;
	/*height:26px;*/
	width:200px;
}
#inh-links ul li.navi3{
	border-bottom: 1px solid #B4B4B4;
	padding: 23px 0px 11px 8px;
	margin-left:0px;
	background:url(../gfx/navi_gelb_3.gif)  no-repeat 0px 23px;
	height:26px;
	width:210px;
	
}
#inh-links ul li.navi3-act{
	border-bottom: 1px solid #B4B4B4;
	padding: 23px 0px 11px 18px;
	margin-left:0px;
	background:url(../gfx/navi_gelb_3on.gif)  no-repeat 0px 25px;
	/*height:26px;*/
	width:200px;
	
}
#inh-links ul li.navi4{
	border-bottom: 1px solid #B4B4B4;
	padding: 23px 0px 11px 8px;
	margin-left:0px;
	background:url(../gfx/navi_gruen_4.gif)  no-repeat 0px 23px;
	height:26px;
	width:210px;
}
#inh-links ul li.navi4-act{
	border-bottom: 1px solid #B4B4B4;
	padding: 23px 0px 11px 18px;
	margin-left:0px;
	background:url(../gfx/navi_gruen_4on.gif)  no-repeat 0px 25px;
	/*height:26px;*/
	width:200px;
}
#inh-links ul li.navi5{
	border-bottom: 1px solid #B4B4B4;
	padding: 23px 0px 11px 8px;
	margin-left:0px;
	background:url(../gfx/navi_gruen_5.gif)  no-repeat 0px 23px;
	height:26px;
	width:210px;
}
#inh-links ul li.navi5-act{
	border-bottom: 1px solid #B4B4B4;
	padding: 23px 0px 11px 18px;
	margin-left:0px;
	background:url(../gfx/navi_gruen_5on.gif)  no-repeat 0px 25px;
	/*height:26px;*/
	width:200px;
}

#inh-links ul li.navi6{
	border-bottom: 1px solid #B4B4B4;
	padding: 23px 0px 11px 8px;
	margin-left:0px;
	background:url(../gfx/navi_blau_6.gif)  no-repeat 0px 23px;
	height:26px;
	width:210px;
}

#inh-links ul li.navi6-act{
	border-bottom: 1px solid #B4B4B4;
	padding: 23px 0px 11px 18px;
	margin-left:0px;
	background:url(../gfx/navi_blau_6on.gif)  no-repeat 0px 25px;
	/*height:26px;*/
	width:200px;
}
#inh-links ul li.navi7{
	border-bottom: 1px solid #B4B4B4;
	padding: 23px 0px 11px 8px;
	margin-left:0px;
	background:url(../gfx/navi_lila.gif)  no-repeat 0px 23px;
	height:26px;
	width:210px;
}
#inh-links ul li.navi7-act{
	border-bottom: 1px solid #B4B4B4;
	padding: 23px 0px 11px 18px;
	margin-left:0px;
	background:url(../gfx/navi_lila_on.gif)  no-repeat 0px 25px;
	/*height:26px;*/
	width:200px;
}

#inh-links ul li.navi8{
	border-bottom: 1px solid #B4B4B4;
	padding: 23px 0px 11px 8px;
	margin-left:0px;
	background:url(../gfx/navi_grau_7.gif)  no-repeat 0px 23px;
	height:26px;
	width:210px;
}
#inh-links ul li.navi8-act{
	border-bottom: 1px solid #B4B4B4;
	padding: 23px 0px 11px 18px;
	margin-left:0px;
	background:url(../gfx/navi_grau_7on.gif)  no-repeat 0px 25px;
	/*height:26px;*/
	width:200px;
}
#inh-links ul li a{
	color:#505050;
	text-decoration: none;
	padding:0 10px 0 12px;
	display:block;
	text-transform:uppercase;
	
}
#inh-links ul li a:hover{
	font-weight:bold;
	

}

#inh-links ul li.navi1 a.act{
	font-weight:bold;
	padding: 17px 0px 17px 8px;
	margin-left:0px;
	background:url(../gfx/navi_rot1a.gif)  no-repeat 0px 13px;

}
#inh-links ul.ebene2{
	font-size:1.05em !important;
}
#inh-links ul.ebene2 li{
	padding:4px 0;
	margin:0px;
}

#inh-links ul.ebene2 li a{
	font-weight:normal;
	font-size:1.0em !important;
	text-transform:none !important;
	display:block;
	margin-left:16px;
}
#inh-links ul.ebene2 li a:hover{
	font-weight:bold;
	

}
#inh-links ul.ebene2 li.act a{
	font-weight:bold;
	
}

/* ======= NAVIGATION ENDE=============== */

/* ======= CONTENT=============== */
#inh-rechts{
	width:686px;
	float:left;
	padding:2px 0 0 13px;
	position: relative;
	margin-bottom:20px;
	}
.projekt a{
	text-decoration:none;
	color:#FEAF31;color:#C72D2C;
	font-weight:bold;
}

#inh-top{
	width:470px;
	min-height:180px;
	padding:0 0 0 0px;
	margin-top:22px;
	}
*html #inh-top{
	height:140px;
	margin-bottom:40px;
	margin-top:25px;
	}
#inh-top h1{
	font-size:1.1em;
	padding:0px;
	margin:0 0 8px 0;
	color:#4D4D4D;
	text-transform:uppercase;
	}
#inh-top a{
        text-decoration:none;
	color:#FEAF31;color:#C72D2C;
	font-weight:bold;
}

#services {
	position:absolute;
	background:  url(../gfx/serv_bg_trans.png) repeat-y;
	width:224px;
	/*height:210px;*/
	z-index:10;
	top:-10px;
	left:490px;
}

*html #services{
	background:  url(../gfx/serv_bg_trans.gif) repeat-y;
	top:-26px;
	left:492px;
}
#services .aufklapp {
	marginbottom:10px;
}

#services h5{
	height:18px;
	width:164px;
	color:#323232;
	/*background:#C5C5C5;*/
	margin:6px 0 0px 20px;
	font-size: 0.75em;
	padding:4px 0 0 8px;
	cursor:pointer;
	background:url(../gfx/projekte_bg.gif)  no-repeat 0px 0px;
	font-weight:normal;
}
#services h5.unten{
	
	background:url(../gfx/projekte_bg_p_u.gif)  no-repeat 0px 0px;
	margin:6px 0 0px 20px;
}
#services {

}
#services p{
	margin:6px 0 6px 20px;
	font-size: 0.7em;
	padding:6px 10px 0 8px;
}
#serv-head{
	color:#323232;
	text-transform:uppercase;
	padding:6px 0 6px 20px;
	display:none;
}
#services .servlinks {
	height:22px;
	width:164px;
	color:#323232;
	/*background:#C5C5C5;*/
	margin:6px 0 6px 20px;
	font-size: 0.75em;
	background:url(../gfx/projekte_bg.gif)  no-repeat;
}
#services .servlinks a{
	background:url(../gfx/projekte_bg.gif)  no-repeat;
	padding:4px 0 0 8px;
	display:block;
	
}
#serv-unten{
	background:url(../gfx/serv_bg_trans_u.png)  no-repeat;
	width:210px;
	height:6px;
}
*html #serv-unten{
	background:url(../gfx/serv_bg_trans_u.gif)  no-repeat;
	width:210px;
	height:6px;
	margin:0 0 0px 0;
	padding:0;
	z-index:20;
}

#services a{
	text-decoration:none;
	color:#414141;
}
#suche {
	/*position:absolute;*/
	height:22px;
	color:#323232;
	padding:0 0 0 0px;
	margin:0 0 0 20px;
	line-height: 18px;
	z-index:100;
	margin-top:10px;
	}


#suche form{
	margin:0;
	padding:0;
	height:22px;
}

#suche label{
/*	position:relative;*/
	top:0px;
}

#suche input{
	/*border: 1px solid #7C7C7C;*/
	vertical-align:middle;
	margin:0 0 0 0px;
	padding:2 0 2 0px;
	
}
#suche	input#Suchfeld{
	height:20px;
	background: #C5C5C5;
	color:#323232;
	width:129px;
	border:none;
	padding:2px 0 0 8px;
	font-size: 0.75em;
}
#drucken{
	margin-left:20px;
	/*display: none;*/
	position:absolute;
	left:760px;
	top:5px;
}

#inh-rechts-unten{
	width:686px;
	height:10px;
	background:#DADADA;
	
	
}
*html #inh-rechts-unten{
	width:686px;
	height:10px;
	background:#DADADA;
	margin-top:40px;
	position:relative;
	font-size: 0.5em;
}
.inhaltstart{
	width:686px;
 	margin-top:10px;
 	font-size:0.85em;
}
.inhaltstart a{
	color:#FEB94D;color:#C72D2C;
	text-decoration:none;
	font-weight:bold;
}
.inhaltstart h2{
	
 	font-size:1.0em;
 	padding:0px;
 	margin:0 0 0px 0;
 	height:30px;
 	display:block;
}
.inhalt{
	width:686px;
 	border-bottom: 1px solid #979797;
 	margin-top:10px;
 	font-size:0.85em;
 	position:relative;
}
.inhalt a{
	
	color:#FEAF31;color:#C72D2C;
	text-decoration:none;
	font-weight:bold;
}
#web-image{
	width:110px;
	height:110px;
	padding:0 3px 0 0px;
	margin:0;
	
	
}
#image-bg{
	padding:0;
	width:113px;
	height:113px;
	background:url(../gfx/icon_plug_bg.gif)  no-repeat;
	margin:0 10px 14px 0px;
	float:left;
}
#web-teaser{
	float:left;
	width:360px;
	min-height:105px;
	padding:0;
	margin:0;
}

#web-teaser p{
	padding:0 0 0 0;
	margin:0 0 0 0;
}
#web-icons{
	float:left;
	width:180px;width:200px;
	position:absolute;
	top:0;
	right:0;
	
}
/* ======= CONTENT Startseite=============== */

/* Standard: 230 Pixel */
  #col1 { float: left; width: 230px; }
  /* Standard: 230 Pixel */
  #col2 { float:left; width: 230px;}

  /* (de) Standard: Flexible mittlere Spalte */
  #col3 { width:226px;float:left;  }


  #col1_content, #col2_content { position:relative; width:200px; padding:0; margin:0; }
  #col3_content  { position:relative; width:220px; padding:0; margin:0; }

 /* (de) Methode zum Clearen der Float-Umgebungen */
  .clearfloat:after {
    content: ".";
    display: block;
    font-size:0;
    height: 0;
    clear: both;
    visibility: hidden;
  }

/* ======= CONTENT ENDE=============== */
#footer-grau {
	background:url(../gfx/footer_grau.gif)  repeat-x;
	width:930px;
	height:74px;
}

#impressum{
position:relative;
	text-transform:uppercase;
	font-size:0.7em;
	height:30px;
	padding-top:8px;
}

#impressum a{
	text-decoration:none;
	color:#414141;
}
/* =================Suche=============*/

.tx-indexedsearch{
	margin-top:20px;
	

}
.tx-indexedsearch-searchbox fieldset{
	border:0;
	

}
.tx-indexedsearch-description{
	margin:0;
}
.tx-indexedsearch-text-item-mtime,
.tx-indexedsearch-text-item-crdate,
.tx-indexedsearch-text-item-size,
dt.tx-indexedsearch-text-item-path{
	
	display:none;
}

.tx-indexedsearch-searchbox form#tx_indexedsearch fieldset legend{
	display:none;
}
.tx-indexedsearch-browsebox{
	
	margin-bottom:30px;
}
.tx-indexedsearch-search-submit{
	padding-left:92px;
	margin-bottom: 20px;
}
ul.tx-indexedsearch-browsebox{
	list-style:none;
	padding:10px 0 20px 0;
	margin:0;
}
ul.tx-indexedsearch-browsebox li{
	float:left;
	padding-right:14px;
}
/* =================Plugin=============*/
.tx-vcmknlinklist-pi1{
	width:686px;
	border-top: 10px solid #DADADA;
}
.tx-vcmknlinklist-pi1 p{
	line-height: 1.3em;
	
}
/* =================Formular=============*/
.csc-mailform-field label{display:inline-block;width:200px;}
.csc-mailform-field{margin-bottom:8px;}

