﻿* { 	margin:0; padding:0; }

body{
	min-height: 100%;
 	margin: 5px 0 auto; 
    text-align: center;
	font: normal normal 101% Arial, Helvetica, sans-serif;
	background: rgb(255,255,255) url(../img/stripe_bg.png) repeat;
	background-position: top left;
	margin-bottom: 5px;
    color: #333;
}

a {	color: #333;text-decoration: none;  }
a:hover {color: #4bacc6; text-decoration: none; }

#page {
	width: 1004px;
 	padding: 0px 7px 20px 7px;
	background: url(../img/shade2.png);
	background-position:top center;
	background-repeat:repeat-y;
	margin: 0 auto;
	text-align: center;
	background-color: transparent;
}

#topshader {
	width: 1018px;
	background: url(../img/shade.png) no-repeat;
	background-position:top center;
	margin: 0 auto;
	height: 50px;
}

#bottomshader {
	width: 1018px;
	background: url(../img/shade3.png) no-repeat;
	background-position:bottom center;
	margin: 0 auto;
	height: 40px;
}

#header {
	padding: 100px 0 0 50px;
	background: url(../img/header.png) no-repeat;
	font: normal normal .7em Arial, Helvetica, sans-serif;
	text-align: left;
	margin-left:18px;
	width: 920px;
	height:77px;
	float: left;
	line-height: 115%;
	}
	

#header-bar {
	float: right;
	height: 25px;
	padding-right: 33px;
	padding-top:-30px;

}
#header-bar a.last {
	border: none;
}

#header-bar a:hover,#header a.last:hover  {
	color: #4bacc6;
 }

#header-bar a, #header-bar a.last, #header-bar a.last:hover {
	color: #333;
	font-size: 8pt;
	padding: 0 4px 0 3px;
	text-decoration: none;
}

#header-bar a.last, #header-bar a.last:hover {
 	border-right: none; 
}

#navigation {
	width:260px;
	text-align: left;
	float:left;
	padding: 0 10px 0 0px;
}
#right {
	width:175px;
	float:left;
	text-align: left;
	margin-top: -20px;
	padding-left: 20px;
   	background-color: white;
 }
#twit {
	width:175px;
	float:left;
	text-align: left;
	margin-top: 40px;
	padding-left: 20px;
   	background-color: white;
 }
 
#content{
	text-align: justify;
	font-size: 0.8em;
	min-height: 400px;
	height: auto !important;
	height: 500px;
	padding:  0 0 35px 0;
	float: left;
	width: 498px;
	margin-top: 20px;
	background-color: white;
}
#content p, #content ul {
	line-height: 140%;
	padding-top: 10px;
	padding-right: 35px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#uebersicht {
	text-align: center;
	padding-top: 30px;
}
#content p.mitte { text-align: center;}
#content ul {
	padding: 10px 75px 10px 0px;
}
#content ul li {
	list-style-type: none;
        background: url(../images/list.jpg) no-repeat 0 7px;
        padding-left: 13px;
}
#content h1, #content h3, #right h2 {
	color: #74af3a;
	text-decoration: none;
	font: normal bold 1.25em Arial, Helvetica,  sans-serif;
	padding: 18px 80px 8px 0px;
	text-align: left;
}
#content h2{
	color: #333;
	text-decoration: none;
	font: normal bold 1.05em Arial, Helvetica,  sans-serif;
	padding: 0px 0px 0px 0px;
}


#content h1.start {
	padding: 11px 75px 11px 0px;
}
#content h2, #right h2  {
	font: normal bold 1em Arial, Helvetica, sans-serif;
	padding: 25px 0 10px 0px;
}
#right h2  {
	font: normal bold .9em Arial, Helvetica, sans-serif;
	padding: 0; margin-bottom: -5px;
}
#content h3 {
	font: normal bold .9em Arial, Helvetica, sans-serif;
	padding: 20px 0 10px 0px;
	color: 	#2d450b;
}

.floatleft { float: left; margin: 0 0 10px 10px; }
#content p.float { height: 200px;  }

#right h3 {
	text-transform: uppercase; text-align: left;
	padding-left: 9px;
	color: #4BACC6;
	font: normal bold .7em Arial, Helvetica,  sans-serif;
}
#right p{
margin: 27px 0 5px 0;
color: #333;
font-size: 0.75em;
text-align: left;
}
.news {
	margin: 3px 0 5px 0;
	width: 173px;
}
#right .news p, #right p.ohneRahmen{
margin: 0;
padding:6px 5px 5px 10px;
font-size: 0.7em;
text-align: left;
border: 1px dotted #B4B8BA;
background-color: white;
color: #333;
}
#right p.ohneRahmen{
	border: none;
	padding-left: 0;
}
.news a {
	color: #000;
	text-decoration:none;
}

.news a:hover {
	color: #4bacc6;
	text-decoration:none;
}
#right p.ohneRahmen a {
	color: #B4B8BA;
}

#content p.refbox_i, #content p.refbox_p {
	padding: 0px 20px 15px 20px;
   	border: 1px dashed #74af3a;
	margin: 5px 0 15px 0;
 	overflow: hidden; /* Der Trick zum Umschließen von floats */
	width: 431px; /* IE6 benötigt feste Breite */
}
#content p.refbox_p {
        border: 1px dashed #F69119;
}
#content p.refbox_i img, #content p.refbox_p img {
	float: left; 
        padding: 20px 0px 0px 0px;
	margin-right: 20px;
	margin-bottom: 4px;
}
img.ref{
	margin-right: 25px;
        float: left;
}

/* -----------------Menü--------------------- */


/* Schiebe-Menü--------------------- */

#ver {
			list-style:none;
			padding:0px 0px 0px 40px; /* Abstand nach oben & zur linken Seite*/
			margin:0px 0px 0px 0px;
		}
		
			#ver li {
				padding:4px;	/* Abstand zwischen Menüelementen*/
			}
		
			#ver li a {
				display:block;
				height:16px;s
				text-indent:-999em;
			}			
			#ver a.home {
				width:53px; 
				background:url(../img/home.png) no-repeat 0 0;	
			}

			#ver a.leistungen {
				width:109px; 
				background:url(../img/leistungen.png) no-repeat 0 0;	
			}

			#ver a.konditionen {
				width:120px; 
				background:url(../img/konditionen.png) no-repeat 0 0;	
			}
			
			#ver a.referenzen {
				width:115px; 
				background:url(../img/referenzen.png) no-repeat 0 0;	
			}

			#ver a.team {
				width:87px; 
				background:url(../img/team.png) no-repeat 0 0;	
			}
			
			#ver a.contact {
				width:83px; 
				background:url(../img/contact.png) no-repeat 0 0;	
			}
			
			
		.clear {
			clear:both;	
		}	
/* Schiebe-Menü--------------------- */

#navigation {
	margin-top:40px;
}


#navigation ul {
	margin: 10px 20px 0px 12px; 
}
#navigation ul.second {
	margin: -13px 0 10px 0; height: auto;
	border-bottom: 1px solid #4BACC6;
	text-align: right;
	background-color: #e8f5f8;
	padding: 0 0 7px 0;
}
#navigation p {
	font: normal normal 0.65em Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 10px 7px 10px 20px;
}
#navigation ul li {
	list-style: none;
}
#navigation img {
	margin: 90px 27px 25px 0;
	padding-left:12px;
}
#navigation ul li a, #navigation ul li a:link,
#navigation ul li a:hover, #navigation ul li a.current,
#navigation ul li a.current:link ,#navigation ul li a.current:hover,
#navigation ul li.open a, #navigation ul li.open a:link,
#navigation ul li.open a:hover, #navigation ul li.open a.current,
#navigation ul li.open a.current:link ,#navigation ul li.open a.current:hover, 
#navigation ul li.noSubNav a.current,
#navigation ul li.noSubNav a.current:link ,#navigation ul li.noSubNav a.current:hover  {
	display: block;
	color: #737373;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	text-decoration: none;
	font: normal normal 0.7em Verdana, Geneva, Arial, Helvetica, sans-serif;
	
}
#navigation ul li.open a, #navigation ul li.open a:link,
#navigation ul li.open a:hover, #navigation ul li.open a.current,
#navigation ul li.open a.current:link ,#navigation ul li.open a.current:hover   {
	padding: 7px 0px 15px 44px;
	font-weight: bold;
	color: #000;
}
#navigation ul li a:hover, #navigation ul li a.current,
#navigation ul li a.current:link ,#navigation ul li a.current:hover  {
	font-weight: bold;
	color: #000;
}
#navigation ul li a.current,
#navigation ul li a.current:link ,#navigation ul li a.current:hover  {
	border-top: 1px solid #4BACC6;
	background-color: #e8f5f8;
	padding-top: 7px;
	margin-top: -5px;
}
#navigation ul li.noSubNav a.current,
#navigation ul li.noSubNav a.current:link ,#navigation ul li.noSubNav a.current:hover  {
	border-top: 1px solid #4BACC6;
	border-bottom: 1px solid #4BACC6;
	background-color: #e8f5f8;
	padding: 7px 0px 7px 44px;
	margin-top: 7px;
	margin-bottom: 7px;
	font-weight: bold;
}
ul.second li {
	margin-right: 28px;
}
#navigation ul.second li a,              #navigation ul.second li a:link,
#navigation ul.second li a.current,
#navigation ul.second li a.current:link ,#navigation ul.second li a.current:hover  {
	display: block;
	color: #000;
	text-transform: none;
	letter-spacing: 0.05em;
	text-decoration: none;
	font: normal normal 0.7em Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 5px 0 0 20px;
    margin: 0;
}

#navigation ul.second li a:hover{
	display: block;
	color: #4bacc6;
	text-transform: none;
	letter-spacing: 0.05em;
	text-decoration: none;
	font: normal normal 0.7em Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 5px 0 0 20px;
    margin: 0;

}
#navigation ul.second li a:hover,        #navigation ul.second li a.current,
#navigation ul.second li a.current:link, #navigation ul.second li a.current:hover  {
	font-weight: bold;
	background: none;
	border: 0;
}

#footer {
	clear: left;
	background: url(../img/footer.png) no-repeat top left;
	text-align: left;
	height: 10px;
	width: 507px;
	padding: 10px 0 0px 0;
	margin: 0 0 0 260px;
	}
#footer p {
	padding-top:5px;
	font-size: 0.6em;
	text-align: center;
	color: #B4B8BA;
}


textarea {
	width: 225px;
	border: 1px solid #8E8A89;
}
.row {
   padding: 4px 1px;
   display: block;
  clear:right;
}
.row br { /* Ausblenden der <br>s für ungestylte Ansicht */
   display: none; }

.row span {  padding: 4px 0; width: 130px; float: left; }

/* - - - - Newsletter An- und Abmeldung - - - - */

.newsMeldung {
	margin: 1px 0 1px 0;
        padding: 1px 0 2px 1px;
	width: 243px;
	height : 16px;
	border: 1px solid #B4B8BA;
	background-color: #fff;
}
#status, #status1 {margin:1px 7px 0 0; float:left;}
.statusBereich {float:left; margin-top:10px;}
.statusBereich label{
	margin: 0 108px 0 0;
}
.los1 {
	height:23px;
	width:50px;
	font-weight:bold;
	color: #333333;
	background: #74AF3A;
}
.marginNews {margin-top:25px;}

.los2{
	font-size:0.8em;
	padding: 1px 0;
	width:50px;
	font-weight:bold;
	color: #333333;
	background:#74AF3A;
}
#mod_kdr_user {
	background-color:#FFFFFF;
	border:1px solid #B4B8BA;
	color:#8E8A89;
	height:18px;
	margin:0 0 1px 8px;  
	padding:0 0 0 1px;
	width:160px; }


#content ul.sitemap {
	margin: 20px 20px 0 0px; 
	font-size: 1.1em;
}
#content .sitemap ul.second {
	margin: -13px 0 10px 0; 
	height: auto;
	border-bottom: 1px solid #E2E4E5;
	text-align: right;
	background-color: #F6F7F7;
	padding: 0 0 7px 0;
}

#content ul.sitemap li, #content ul.sitemap ul li {
	list-style: none;
	background-image: none !important;
	padding: 0;
}

.sitemap .sitemap_level1, .sitemap .sitemap_level1Current  {
	display: block;
	color: #B4B8BA;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	text-decoration: none;
	font: normal normal 0.75em Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 0 0 8px 20px;
}
.sitemap .sitemap_level1Current {
	border-top: 1px solid #E2E4E5;
	background-color: #F6F7F7;
	padding-top: 7px;
	margin-top: 0px;
}
.sitemap a.sitemap_level1:hover, .sitemap a.sitemap_level1Current:hover   {
	font-weight: bold;
}
ul.second li {
	margin-right: 28px;
}
.sitemap .sitemap_level2    {
	color: #2d450b;
	text-transform: none;
	text-decoration: none;
	font: normal normal 0.8em Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 5px 0 0 20px;
}
.sitemap .sitemap_level2:hover    {
	font-weight: bold;

}




#cont_form{
	float:left;
	width:300px;
	font-size:11px;
	line-height: 2.1;
}

#cont_form textarea{
	float:none;
	width:270px;
	margin-left:8px;
	font: normal normal 101% Arial, Helvetica, sans-serif;
	font-size:11px;
}	

#cont_form input{
	margin-left:8px;
	float:none;
}

#cont_form input:focus,#cont_form textarea:focus,#calc input:focus{
	background-color:#E8F5F8;}
			
#cont_form label{
	display:block;
	width:120px;
	margin-left:8px;
	float:left;}

#prices{
	float:left;
	width:180px;	
	font-size:11px;
	padding: 5px 5px 9px 12px;
}

#prices_words{
	text-align:right;
	float:left;
	width:90px;	
	font-size:11px;
	padding: 7px 0px 11px 0px;	
}

#prices_words_price{
	text-align:right;
	float:left;
	width:70px;	
	font-size:11px;
	padding: 7px 0px 11px 0px;	
}

#calc, #price_calc{
	float:left;
	width:160px;	
	font-size:11px;
	padding: 5px 5px 9px 12px;
}

#calc fieldset{
	float:left;
	width:160px;	
	font-size:11px;
	padding: 5px 5px 9px 12px;
}

#calc legend{
	color:#4bacc6;
	font-weight:bold;
	padding-left:2px;
	padding-right:2px;
}

#prices legend, #cont_infos legend, #cont_form legend{
	color:#4bacc6;
	font-weight:bold;
	margin-left:11px;
	padding-left:2px;
	padding-right:2px;
}


input#totalprice	{
	color:#000000;
	text-align:right;
}
			
#cont_infos{
	float:left;
	width:160px;	
	font-size:11px;
	padding: 5px 5px 5px 12px;
}

#cont_infos_bez{
	float:left;
	width:160px;	
	font-size:11px;
	padding: 5px 5px 5px 12px;
}

#cont_infos_nr{
	float:left;
	width:160px;	
	font-size:11px;
	padding: 5px 5px 5px 5px;
}
