@charset "UTF-8";
/* CSS Document */
@font-face {
    font-family: 'Calibri-Bold';
    src: url('calibrib.eot');
    src: url('calibrib.eot?#iefix') format('embedded-opentype'),
         url('calibrib.woff') format('woff'),
         url('calibrib.ttf') format('truetype'),
         url('calibrib.svg#calibrib') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'EurostileLTStdBold';
    src: url('eurostileltstd-demi-webfont.eot');
    src: url('eurostileltstd-demi-webfont.eot?#iefix') format('embedded-opentype'),
         url('eurostileltstd-demi-webfont.woff') format('woff'),
         url('eurostileltstd-demi-webfont.ttf') format('truetype'),
         url('eurostileltstd-demi-webfont.svg#EurostileLTStdBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
	font: 13px/1.5 Verdana, Arial, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0;
	padding: 0;
	color: #101010;
}

/* ~~ Element-/Tag-Selektoren ~~ */
ul, ol, dl { /* Aufgrund von Abweichungen zwischen verschiedenen Browsern empfiehlt es sich, die Auffüllung und den Rand in Listen auf 0 einzustellen. Zu Konsistenzzwecken können Sie die gewünschten Werte entweder hier oder in den enthaltenen Listenelementen (LI, DT, DD) eingeben. Beachten Sie, dass die hier eingegebenen Werte hierarchisch auf die .nav-Liste angewendet werden, sofern Sie keinen spezifischeren Selektor festlegen. */
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
	margin-bottom:10px;
}
h1, h2, h3{
	font-family: 'EurostileLTStdBold';
	color:#68810f;
	font-weight:normal;
}


a img { /* Dieser Selektor entfernt den standardmäßigen blauen Rahmen, der in einigen Browsern um ein Bild angezeigt wird, wenn es von einem Hyperlink umschlossen ist. */
	border: none;
}

/* ~~ Dieser Container mit fester Breite umschließt die anderen div-Tags. ~~ */
.container {
	width: 960px;
	background-color: #FFF;
	margin: 0 auto; /* Der mit der Breite gekoppelte automatische Wert an den Seiten zentriert das Layout. */
}

#navi{
	margin:0 auto;
	width:964px;
	position:fixed;
	top:50px;
	left:50%;
	margin-left:-482px;
	z-index:999;
}

#menu{
	margin-top:53px;
	float:left;
	background:url(../images/navi_bg.png) no-repeat;
	width:556px;
	height:100px;
}

#menu ul{
	list-style:none;
	padding:19px;
	margin:0;
}

#menu li{
	float:left;
	margin:0 15px;
}

#menu a{
	font-family: 'Calibri-Bold';
	font-size:20px;
	color:#8fb11b;
	text-decoration:none;
}

#menu a:hover, #menu a.current{
	color:#ce0309;
}

#logo{
	float:left;
}

/********** START *****************/
#start{
	background: url(../images/bg_start.jpg) no-repeat center top;
	height:860px;
}

#start_center{
	margin:0 auto;
	width:964px;
	padding-top: 280px;
}

#banner1{
	background:url(../images/start_banner_big.png) no-repeat;
	/*height:345px;*/
	height:275px;
	padding: 50px 380px 0 180px;
    width: 410px;
}

#banner1 h1{
	font-size:30px;
}

#banner1 p{
	text-align:justify;
}

#angebot{
	background:url(../images/start_banner_small.png) no-repeat;
	height:175px;
}

#angebot img{
	float:left;
	margin: 6px 20px 0 280px;
}

#angebot h1{
	padding-top:40px;
	margin-bottom:0;
	font-size: 28px;
}

#angebot h2{
	color:#595959;
	font-size: 22px;
	font-weight: normal;
	margin-left:42%;
}

/********** PRODUKTE *****************/

#produkte{
	background: url(../images/bg_produkte.jpg) no-repeat center 80%;
	height: 1850px;
}

#produkt_center{
	margin:0 auto;
	padding-top:280px;
	width:964px;
}

#produkt_center h3{
	font-size:20px;
}

#text_spalte{
	float:left;
	margin-right:20px;
	margin-bottom:50px;
	width:300px;
}

#text_spalte p{
	text-align:justify;
}

#produkt_liste{
	background:url(../images/pic_produkte.png) no-repeat;
	height:1280px;
	position: relative;
	z-index:9;
}

#produkt_liste p{
	position: absolute;
	bottom: -19px;
	left: 40px;
	width: 70%;
}

#produkt_liste a{
	position: absolute;
	bottom:25px;
	right:45px;
	cursor:pointer;
}

/********** SERVICE *****************/

#service{
	background: url(../images/bg_service.jpg) no-repeat center bottom;
	height:990px;
}

#service_center{
	margin:0 auto;
	width:964px;
	padding-top:270px;
}

#service_center h3{
	font-size:20px;
}

#service_box{
	border:solid 1px #ccc;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	background-color: rgba(255, 255, 255, 0.8);
	-moz-box-shadow: 0px 0px 5px #cccccc;
	-webkit-box-shadow: 0px 0px 5px #cccccc;
	box-shadow: 0px 0px 5px #cccccc;
	width:510px;
	padding:15px;
}

#service_box ul{
	padding: 0 0 0 15px;
}

#service_box li{
	color:#ce0309;
	font-size:16px;
	margin-bottom: 10px;
}

#service_box li span{
	color:#101010;
	font-size:13px;
}


/********** UNS *****************/

#uns{
	background: url(../images/bg_uns.jpg) no-repeat center 70%;
	height:1250px;
}

#uns_center{
	margin:0 auto;
	width:960px;
	padding-top:350px;
}

#uns_center h3{
	font-size:20px;
}

#uns_box{
	border:solid 1px #ccc;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	background-color: rgba(255, 255, 255, 0.8);
	-moz-box-shadow: 0px 0px 5px #cccccc;
	-webkit-box-shadow: 0px 0px 5px #cccccc;
	box-shadow: 0px 0px 5px #cccccc;
	width:400px;
	padding:15px;
	float:right;
}


/********** KONTAKT *****************/

#kontakt{
	background-color:#8fb11b;
	/*height:500px;*/
	height:auto;
	padding-bottom:20px;
}

#kontakt_center{
	margin:0 auto;
	width:960px;
	padding-top:50px;
}

#kontakt_lt{
	float:left;
	color:#ffffff;
	font-size:16px;
}

#kontakt_lt a{
	color:#fff;
}

#kontakt_lt a:hover{
	text-decoration:none;
}

#kontakt_rt{
	color:#ffffff;
	float:right;
	width:350px;
}


#formail{
	
}
#formail label{
	display: block;
	margin: 10px 0 0 10px;
	width:33%;
}

input{
	color:#4b4b4b;
	width:60%;
	height:17px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	border:none;
	padding:5px 10px;
	font-size:13px;
}
textarea{
	border: none;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	padding: 8px 10px;
	resize:none;
	width:98%;
	font-size:13px;
	font-family: Verdana, Geneva, sans-serif;
}
textarea:focus, input:focus {
        border: none;
}
select{
	height:30px;
	width:30%;
	padding:5px;
}
#errName, #errEmail, #errSubject, #errText{ font: 12px/22px Helvetica Neue, "Arial", Helvetica, Verdana, sans-serif;
    color: #930;
}
#sendmail{
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	border:1px solid #637b13;
	padding:5px 40px;
	font-size:15px;
	height:auto;
	width:auto;
	color:#566e03;
	background:#d3d5d7;
	float:right;
	margin-top:15px;
	cursor:pointer;
	-moz-box-shadow:inset 0px 1px 4px #fcfcfc;
	-webkit-box-shadow:inset 0px 1px 4px #fcfcfc;
	box-shadow:inset 0px 1px 4px #fcfcfc;
}

#sendmail:hover{
	color:#ce0309;
}

#sendmail:active{
	position:relative;
	top:1px;
}

#response{
	margin:25px 0;
	color: #ce0309;
}

/********** allgemein *****************/

.clearfloat { /* Diese Klasse kann in einem <br />-Tag oder leeren div-Tag als letztes Element nach dem letzten fließenden div-Tag (im #container) platziert werden, wenn #footer entfernt oder aus dem #container herausgenommen wird. */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

.left{
	float:left;
	margin-right:40px;
	margin-bottom:20px;
}

.right{
	float:right;
}


/********** facebook *****************/

.fb_edge_widget_with_comment{
	left:10%;
	bottom:-60px;
}