* { 	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;
}

#fb-root{
	width:230px;
	height: 50px;
	text-align: right;
	float:right;
	margin-top:10px;
}

#fb {
	width: 200px;
	height: 50px;
	text-align: right;
	float:right;
	padding-right:30px;
}


/*JQUERY BILDERSWAP  preload classes*/

#mygalone ul li {
padding-left: 0px;
}

.svw {width: 50px; height: 20px; background: #fff;}
.svw ul {position: relative; left: -999em;}

/*core classes*/
.stripViewer { 
position: relative;
overflow: hidden; 
border: 0px solid #000;  
margin: 0 0 1px 0;
margin-left:0px;
padding: 0 !important;
}
.stripViewer ul { /* this is your UL of images */
margin: 0;
padding: 0;
position: relative;
left: 0;
top: 0;
width: 1%;
list-style-type: none;
}
.stripViewer ul li { 
float:left;
}
.stripTransmitter {
overflow: auto;
width: 1%;
}
.stripTransmitter ul {
margin: 0;
margin-left:0px;
padding: 0 0 0 0 !important;
position: relative;
list-style-type: none;
}
.stripTransmitter ul li{
width: 20px;
float:left;
margin: 0px 1px 1px 0px;
padding: 0 0 0 0 !important;
}
.stripTransmitter a{
font: bold 10px Verdana, Arial;
text-align: center;
line-height: 22px;
background: #3d3e3e;
color: #dadada;
text-decoration: none;
display: block;
}
.stripTransmitter a:hover, a.current{
background: #dadada;
color: #3d3e3e;
}

/*tooltips formatting*/
.tooltip
{
padding: 0.5em;
background: #fff;
color: #000;
border: 5px solid #dedede;
}

/*nice button*/
.a_demo_four {
	background-color:#3bb3e0;
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#fff;
	position:relative;
	padding:10px 20px;
	padding-right:50px;
	background-image: linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -o-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(44,160,202)),
	color-stop(1, rgb(62,184,229))
	);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
}

.a_demo_four:active {
	top:3px;
	background-image: linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -o-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(62,184,229)),
	color-stop(1, rgb(44,160,202))
	);
	-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
}

.a_demo_four::before {
	background-color:#2591b4;
	background-image:url(../img/right_arrow.png);
	background-repeat:no-repeat;
	background-position:center center;
	content:"";
	width:20px;
	height:20px;
	position:absolute;
	right:15px;
	top:50%;
	margin-top:-9px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
	-moz-box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
	-o-box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
	box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
}

.a_demo_four:active::before {
	top:50%;
	margin-top:-12px;
	-webkit-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
	-moz-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
	-o-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
	box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
}

.a_demo_four:hover {
	color:#fff;
}