﻿@charset "utf-8";

/* Reset * * * * * * * * */
*{
	margin: 0;
	padding: 0;
}

body{
	font-family: 'Poppins', sans-serif;
	color: #464646;
}

.bold{
	font-weight:bold
}
	
.underline{
	text-decoration: underline
}


/* Mail-Button */ 
#mail-btn{ 
	display: block; 
	width: 39px; 
	height: 227px; 
	background: url(../images/Button_gross.png) no-repeat;
	position: fixed;    
	top: 300px; 
	right: 0;
	z-index: 2;
}

#mail-btn:hover{
	background: url(../images/Button_klein.png) no-repeat;
	z-index: 2;
}


/* Layout * * * * * * * * */

.wrapper{
	width:1100px;
	margin: 0 auto;
}

.wrapper_special{
	width:1100px;
	text-align: center;
	margin: 10px auto;
	overflow: hidden;
}


.wrapper_special2{
	width:1100px;
	margin: 20px auto;
	overflow: hidden;
}


#wrapper{
	width:1100px; 
	margin: 0 auto;
}

#wrapper img{
	margin-left: 10px;
}

#header{
	background: #ffffff;
	padding: 20px 0 0 0;
	margin-bottom: 30px;
}

#mainteaser{
	background: #ffffff;
}

#teaser_portrait{
	background: #ffffff;
	padding: 1px 0 50px;
}

#teaser_specials_header{
	background: #ffffff;
	padding: 20px 0 10px;
}

#teaser_specials{
	background: #e9efd5;
	/*padding: 20px;*/
	padding-top: 20px;
	padding-bottom: 20px;
	width:100%;
	display: table;
}


#teaser_kunden{
	padding: 20px 0;
}

#teaser_zitat{
	margin: 30px 0;
	padding: 10px 0;
}

#footer{
	background: #526d10;
	color: #fff;		
	padding: 20px 0 50px; 
	margin-top: 50px;
	width:100%;
	display: table;
}

#footer a:hover{
	color: #fff
}

ul#impressum{
	float: right; 
	margin: 20px 10px 0px 0;
}

ul#impressum li{
	display: inline; 
	margin: 0 0 0 5px; 
	list-style: none; 
}

.home{ 
margin-bottom: 0 !important;
}


/* Spalten * * * * * * * * */

.col_1, .col_1_2, .col_1_3, .col_1_3_1 .col_1_4, .col_1_4_sub, .col_3_4_sub, .col_1_footer1{
	float: left;
	margin: 20px 10px 20px 10px;
}

.col_1{ 
	width:1020px;
	position:relative;
}

.col_1_center{
	width:1100px;
	overflow: hidden;
}

.col_1_kunde{
	width:1100px;
	position:relative;
	text-align-last: center;
}

.col_1_img {
	text-align: right;
	margin-top: 30px;
	margin-right: 10px;
}

.col_1_2{
	width:640px;
	text-align: left;
}

.col_1_2_special{
	width:600px;
	float: right;
	text-align: right;
}

.col_1_2_special2{
	width:600px;
	float: right;
	text-align: right;
	margin-top: 20px;
	padding-right: 30px;
}

.col_1_3{
	width:300px;
}



.col_1_3_special{
	width: 350px;
	float: left;
	padding: 5px;
	margin-bottom:20px;
}

.col_1_3_special2{
	width: 350px;
	float: left;
	padding: 10px;
}

.col_1_3_1{
	width:346px;
	padding: 10px;
	text-align: center;
	float: left;
}

.Name_kunde{
	font-family: 'Poppins', sans-serif;  
	margin: 10px 0 10px 0; 
	color: #526d10;
	font-size: 22px;    
	line-height: 32px;
	font-weight: 700;
	text-align: center;
}


.col_1_4_sub{
	width:230px; 
	margin: 20px 40px 0px 0; 
	float: left;
} 
 
.col_3_4_sub{    
	width: 670px; 
	margin: 0px 10px 50px; 
}

.col_3_4_2_sub{    
	width: 1000px; 
	margin: 0px 10px 50px; 
}

.col_1_footer1{
	width:600px;
}


.col_1_footer2{
	width:250px;
	height: 40px;
	float: right;
	margin-top: 100px;
	text-align: right;	
	margin: 140px 10px 0px 10px;
}

.col_1_footer3{
	width:400px;
	float: right;
	text-align: right;
}

.col_1_footer4{
	width:500px;
	float: right;
	text-align: right;
	margin-top:40px;
	font-size:12px;
	margin-right:10px;
}

.col_1_4_kurse{
	width:200px; 
	margin: 20px 10px 0; 
	float: left;
} 
 
.col_3_4_kurse{    
	width:720px; 
	margin: 20px 10px 0; 
	float: left;
}

.col_3_5_kurse{    
	width:860px; 
	margin: 20px 10px 0; 
	float: left;
}


/* Navigation */ 


ul#navigation{ 
	float: right; 
	margin: -25px 10px 0px 0;
	z-index: 1;
	position: relative;
}


ul#navigation li{
	display: inline; 
	margin: 0 0 0 30px; 
	list-style: none; 
}

ul#navigation li a{
	color: #526d10; 
	text-decoration: none; 
	font-size: 18px; 
	font-family: 'Poppins', sans-serif;
}

ul#navigation li a:hover{     
	color: #95b210; 
}

ul#navigation li a:hover, .active{    
	color: #95b210; 
}

ul#navigation li a:hover, ul#navigation li a.active{
	color: #95b210;
}



/* Drop-Down-Men */

ul#navigation ul{ 
	display:none; 
}

#navigation li:hover ul{ 
	display:block;
	width: 220px;
}

ul#navigation ul{
	position: absolute; 
	top: 25px;
	left: 0;
	background: #fff;
	margin:0;
}

ul#navigation ul li{
	margin: 0px;
}

#navigation ul li a{ 
	display: block;
	text-transform: none; 
	font-size: 14px;
	padding: 10px 35px 10px 15px;
	border-bottom: 1px solid #526d10;
}


ul#navigation li{
	position: relative;
	margin: 0 0 0 15px
}

ul#navigation li a{
	padding: 15px 0 15px 15px;
}


/* Subavigation */

#subnavigation { 
	margin:0;
}

#subnavigation li{
	border-bottom: 1px solid #526d10;
	list-style: none;
}


#subnavigation li a{
	text-transform: uppercase;
	font-size: 16px;color: #526d10;
	display: block;
	padding: 10px 0;
}

#subnavigation li a:hover{
	color: #95b210;
}




/* Typografie */

h1, h2, h3, h4, h5, h6 {    
	font-family: 'Poppins', sans-serif;  
	margin: 0 0 10px 0; 
	color: #526d10;
}



h1{
	text-transform: uppercase;
}


h2{    
	margin-top:30px;
	font-size: 30px;    
	line-height: 34px;
}

 

h3{
	font-size: 22px;    
	line-height: 32px;
}
 

h4{    
	font-size: 20px;    
	line-height: 30px;
}
 

h5{
	font-size: 19px;    
	line-height: 28px;
} 
 

h6{
	font-size: 18px;
	line-height: 26px;
}


blockquote{
	margin: 12px 0 24px 25px;
	font-style: italic; 
	font-family: Georgia, Times, serif; 
	color: #666;
	line-height: 2;
}


blockquote:before { 
content: '„'; 
color: #95b210; 
font-size: 16px;
}


blockquote:after {
	content: '„';
	color: #95b210; 
	font-size: 16px;
}

/* Aufzählung */

ul, ol{ 
margin: 0 0 12px 20px; 
}

ul, li{ 
margin: 0 0 0px 20px; 
}

ul{ 
list-style-type:square;  
}



.button{ 
	background: #95b210; 
	padding: 6px 10px; 
	color: #fff; 
	text-decoration: none;    
	font-size: 16px; 
	border-radius: 2px;	
}

.button2{ 
	background: #95b210; 
	padding: 6px 10px; 
	text-decoration: none;   
	color: #fff;   
	font-size: 16px; 
	border-radius: 2px;
	height:60px;
}

.button3{ 
	background: #4F95DB; 
	padding: 6px 10px; 
	text-decoration: none;   
	color: #fff;   
	font-size: 16px; 
	border-radius: 2px;
	height:60px;
}

.button4{ 
	background: #FBCD2F; 
	padding: 6px 10px; 
	text-decoration: none;   
	color: #fff;   
	font-size: 16px; 
	border-radius: 2px;
	height:60px;
}



.big{ 
	font-size: 19px; 
}

.button:hover{    
	background: #fff;   
	color: #95b210; 
	text-shadow: none;
}



.button2:hover{    
	background: #526d10;   
	color: #fff; 
	text-shadow: none;
}

.button3:hover{    
	background: #8BB9E7;   
	color: #fff; 
	text-shadow: none;
}

.button4:hover{    
	background-color:#FBDA67;   
	color: #fff; 
	text-shadow: none;
}

#button2style {
	width: 350px;
	font-family: poppins;
	font-size: 16px;
	text-decoration: none;   
	border: none;
}

#button3style {
	width: 350px;
	font-family: poppins;
	font-size: 16px;
	text-decoration: none;   
	border: none;
}

#button4style {  
	width: 350px;
	font-family: poppins;
	font-size: 16px;
	text-decoration: none;   
	border: none;
}


a{ 
	color: #95b210;     
	text-decoration: none;
} 

a.footer{ 
	color:#aac468;     
} 
 
a:hover{    
	color: #526d10; 
}

p{
	margin-bottom: 30px;
}

hr{ 
	background-color: #526d10; 
	border: 0; 
	height: 1px;    
	width: 100%;
	float: left;

}

div.hr {	
	background: #526d10;
	width:100%;
	display: table;
	line-height:1px;
	font-size:1px
}

div.hr div {	
	width:1100px;
}


.img-teaser{
    position:absolute;
    top: 300px; 
    left:50px;
    padding: 5px 15px 5px 20px ;
    color: #fff;
    text-transform: uppercase;
    font-size: 35px;
	font-weight: 800;
    line-height: 20px;
}

.img-teaser_zitat{
    position:absolute;
    top: 340px; 
    left:50px;
    padding: 5px 15px 5px 20px ;
    color: #fff;
    font-size: 24px;
    line-height: 23px;
	font-size:20px
}

.teaser_button{
    position:absolute;
    top: 420px; 
    left:50px;
    padding: 5px 15px 5px 20px ;
    color: #fff;
    font-size: 24px;
    line-height: 20px;
}

.alignright{ 
	float: right;    
	margin: 0 0 15px 15px; 
}

/* Formular */
 
label { 
display: block;
cursor: pointer;
font-weight: 300;
margin-bottom: 6px;
}
 
input[type='text'],input[type='checkbox'], input[type='radio'],
textarea, select {
margin-bottom: 24px;
}

input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.5); /* IE */
  -moz-transform: scale(1.5); /* FF */
  -webkit-transform: scale(1.5); /* Safari and Chrome */
  -o-transform: scale(1.5); /* Opera */
}

 
input[type='text'], textarea, select {
width: 400px;
border: 1px solid #999;
padding: 5px;
font: 400 15px/24px 'Poppins';
}

 
textarea {
height: 120px;
}
 
input:hover, textarea:hover {
border: 1px solid #526d10;
}
 
input:focus, textarea:focus {
border: 1px solid #526d10;
background: #fff;
}
 
input[type='submit'], input[type='reset']{
border: 0;
cursor: pointer;
margin-right: 20px;
background: #95b210;
padding: 6px 10px;
color: #fff;
font-size: 18px;
border-radius: 2px;
}
 
input[type='reset']{
background: #ababab;
}
 
input[type='submit']:hover, input[type='reset']:hover{
background: #526d10;
color: #fff;
text-shadow: none;
}

#kontakt{
	margin-top: 30px;
	padding-left: 20px;
}


/* Tabelle */

table, tr, th, td, thead, tbody{
border-collapse: collapse;
}
 
table{
margin: 12px 0 24px;
}
 
thead tr{
background: #95b210;
color: #fff;
}

thead tr th{
text-align:left;
padding-left:5px;
}
 
th{
padding: 3px 0;
}
 
td{
border-top: 4px solid #fff;
padding: 3px 6px;
border-right: 1px solid #fff;
}
 
tbody tr:nth-child(even) {
background-color: #e4e4e4;
}
     
tbody tr:nth-child(odd) {
background-color: #f2f3f3;
}





.alignright{
float: right; 
margin: 5px 0 15px 15px;
}
 
.alignleft{
float: left; 
margin: 5px 15px 15px 0; 
}

img.sym{
	float:left;
	margin-right:10px;
}

div.info{
	border-width:1px; 
	border-style:solid;
	border-color:#e41c07;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:20px;
	margin-top:20px;
	width:96%;
	color:#e41c07;
	background-color:#f2f3f3;
	text-align:center;
}


table.v1{
	margin-top:40px;
	margin-bottom:40px;
}

table.v1 tr{
	background-color:#FFFFFF;
}


table.v1 input[type='text'], table.v1 input[type='checkbox'], table.v1 input[type='radio'],	table.v1 textarea, table.v1 select {
	margin-bottom: 1px;
	border: 1px solid #999;
	font: 400 15px/24px 'Poppins';
}

table.v1 input:hover, table.v1 textarea:hover {
	border: 1px solid #526d10;
}
 
table.v1 input:focus, table.v1 textarea:focus {
	border: 1px solid #526d10;
	background: #fff;
}


table.v2 {
	margin-left:auto; 
	margin-right:auto;
}

input.formCheckOK, textarea.formCheckOK{
	border-color:#CCCCCC;
	background-color:#FFFFFF;
}

input.formCheckError, textarea.formCheckError{
    background-color:#f9edeb;
 	border-color:#E43307;
}

div.box {
	border-style:solid;
	border-color:#b8b7b7;
	border-width:thin;
	background-color:#fbfbfb;
	margin-top:10px;
	margin-bottom:20px;
	margin-left:auto; 
	margin-right:auto;
	padding:10px;
}

div.answer{
	margin-bottom:7px;
	margin-left:20px;
	display:none;
	border:1px;
	border-style:solid;
	border-color:#CCCCCC;
	border-top:0px;
	padding:5px;
	background-color:#fcfbfb
}


