html, body {
	margin:0;
	padding:0;
	background-color: #ffffff;
	font-family: 'HelveticaLTStdRoman',Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #595959;
	height: 100%;
	line-height: 22px;
}

a, a:active {
	color: #52A128;
	text-decoration: none;
}

a:hover {
	color: #52A128;
	text-decoration: underline;
}



.logo{
    float: left;
    max-width: 100%;
	height: auto;
	margin-top: 23px;
}

#header {
    width: 1150px;
    height: 130px;
    margin: 0 auto;  
}

.header-title{
    font-family: 'WorstveldSling',Arial, Helvetica, sans-serif;
    float: right;
    margin-top: 45px;
    font-size: 50px;
    color: #006AB4;
}

	
#bild {
position: relative;
width:auto;
max-width:2000px;
z-index: 1;
-webkit-box-shadow: 0px 4px 10px 0px rgba(50, 50, 50, 0.94);
-moz-box-shadow:    0px 4px 10px 0px rgba(50, 50, 50, 0.94);
box-shadow:         0px 4px 10px 0px rgba(50, 50, 50, 0.94);
}

.bild{
width: 100%;
height: auto;
}

/* Suche */

#suche	{
position:absolute;
bottom: 50px;
right: 250px;
width:30%;
height: auto;
border:1px solid #939395;
padding: 30px;
z-index: 99;
background: url('../images/suche.png') repeat;
}

#suche span	{ 
font-weight: normal;
color: #52A128;
font-size: 19px;
}

.suchcontainer	{
position:relative;
font-size:14px;
height:30px;
border:1px solid #52A128;
padding:4px 4px 4px 15px;
background-color: #ffffff;
}

.suchfeld	{
margin-top: 6px;
float: left;
color: #006AB4;
width: 90%;
}

.lupe	{
float: right;
}

/* Ende Suche */

/* Formular Eingabe ohne Rahmen */

input	{
outline: 0;
border: 0px;
}

input:focus	{
outline: 0;
border: 0px;
}

/* Ende Formular Eingabe ohne Rahmen */



img {
border: 0px;
}

#content {
    width: 1150px;
    height: auto;
    min-height: 300px;
    margin: 40px auto;  
}

#main-wrap-index{
    float:right;
    width: 80%;
    height:auto;
    padding: 0px;
    margin-bottom: 40px;
}


#main-wrap{
    float:right;
    width: 70%;
    height:auto;
    padding: 0px;
    margin-bottom: 40px;
}


a.boxes-third {
	font-family:'BebasNeueRegular',Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #939395;
	margin: 0px;
	text-decoration: none;
	background-color:white;
	width:27%;
	height: auto;
	float:left;
	margin:15px 1%;
	border:1px solid #939395;
	text-align:center;
	position:relative;
	padding: 2%;
	cursor: pointer;
	line-height: 28px;
}

a:hover.boxes-third{
	border:1px solid #52A128;
	color: #52A128;
}

#sidebar {
    float:left;
    height: auto;
    width: 20%;
    margin-bottom: 40px;
}

#sidebar ul{
width:100%;
margin: 0px 0px 0px 15px;
padding: 0px;
list-style: square;
color: #006AB4;
}

#sidebar ul li {
    text-align: left;

}

#sidebar ul li a{
    display: block; 
    padding: 3px 0 3px 3px; 
    color: #939395; 
    font-size: 13px;
    text-decoration: none;
}

#sidebar a:hover{
    color: #006AB4;
    text-decoration: none;
}
     
h1{
    font-weight: normal;
    color: #006AB4;
    font-size: 24px;
    margin-top: 0px;
} 

h2{
    font-weight: normal;
    color: #939395;
    font-size: 24px;
    margin-top: 0px;
}

h3{
    font-weight: normal;
    color: #939395;
    font-size: 18px;
    margin-top: 0px;
}



#footer {
    width:100%;
    height: 25px;
    color: #ffffff;
    font-size: 12px;
    background-color: #0E4194;
    border-top: 3px #939395 solid;
    padding-top: 10px;
    clear: both;
    margin-bottom: 80px;
}

#footer ul {
	margin: 0px;
	padding: 0px;
	margin-left: 200px;
}


#footer ul li {
	list-style-type: none;
	display: inline;
	margin: 0px;
	padding: 0px;
	padding-right: 30px;
	width: auto; 
}


#footer a {
    font-weight: normal;
    text-decoration: none;
    color: #ffffff;
    }
    
#footer a:hover {
    font-weight: normal;
    text-decoration: none;
    color: #ffffff;
}

.left{
    float: left;
    padding-left: 50px;
}

.middle{
	float: left;
	padding-left: 20px;
}


.right{
    float: right;
    padding-right: 50px;
}

#mobileMenu
{
position: fixed;
top: 130px;
right: 0px;
width: 100%;
display: none;
text-align: center;
padding: 0px;
margin: 0px;
display: none;
}

#mobileMenu ul
{
padding: 0px;
margin: 0px;
}


#mobileMenu ul li
{
display:block;
background-color: #006AB4;
padding: 12px;
text-align: center;
border-bottom: 1px solid #ffffff;
}

#mobileMenu a
{
text-decoration: none;
font-size: 15px;
text-transform: uppercase;
color: #ffffff;
}

#mobileMenu a:hover
{
text-decoration: none;
font-size: 15px;
text-transform: uppercase;
color: #D5D7D8;
}


.toggleMobile
{
display: none;
}

.tabreiter
{
    width: 100%;
    height: auto;
    margin-top: 30px;
}

.tabinhalt
{
    border: 1px #D7DCDE solid;
    padding: 20px;
    margin-top: 5px;
    background: #F9F9FA;
    min-height: 300px;
    height: auto;
} 
 
.tabreiter ul
{
    margin: 0;
    padding: 0;
    list-style: none;
}

.tabreiter li a
{
    text-decoration: none;
    color: #595959;
    }

 
.tabreiter li.active
{
    border-bottom: 1px #F9F9FA solid;
    background: #F9F9FA;
}

.tabreiter li:first-child
{
    margin-left: 8px;
}

 
.tabreiter li
{
	display: inline;
    width: 100%;
    padding: 7px 11px;
    background: #ffffff;
    border-left: 1px #D7DCDE solid;
    border-right: 1px #D7DCDE solid;
    border-top: 1px #D7DCDE solid;
    border-bottom: 0px #D7DCDE solid;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
 
 
@media (max-width: 1200px) {

#header {
    width: 90%;
}

#content {
    width: 90%;
}

#suche	{
width:50%;
}

}


@media (max-width: 980px) {

.header-title{
    font-size: 40px;
}

.logo{
	margin-top: 10px;
	margin-left: 10px;
}


#mobileMenu {
display: block;
z-index: 99;
width: 100%;
top: 170px;
}



.toggleMobile
{
position: fixed;
top: 10px;
right: 10px;
display: block;
width: 40px;
height: 36px;
cursor: pointer;
z-index: 999;
}

.toggleMobile span.menu1, .toggleMobile span.menu2, .toggleMobile span.menu3
{
display: block;
position: absolute;
width: 40px;
height: 8px;
left: 0;
background: #006AB4;
-webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
}
.toggleMobile span.menu1
{
top: 0;
}
.toggleMobile span.menu2
{
top: 14px;
}
.toggleMobile span.menu3
{
top: 28px;
}
.toggleMobile.active span.menu1
{
top: 14px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);
}
.toggleMobile.active span.menu2
{
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);
}
.toggleMobile.active span.menu3
{
opacity: 0;
-webkit-transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
}

}

@media (max-width: 850px) {

#content {
    width: 100%;
}

.header-title{
    float: left;
    margin-top: 20px;
    margin-left: 10px;
    font-size: 35px;
}

.logo{
	margin-right: 180px;
}

#header {
    height: 170px;
    width: 100%;
}



#suche	{
width:90%;
bottom: 20px;
right: 2%;
}


#main-wrap{
    float: none;
    width: 100%;
    height:auto;
    padding: 0px;
}

#main-wrap-index{
    float: none;
    width: 100%;
    height:auto;
    padding: 0px;
}


h1{
    margin: 0px 25px;
} 

h2{
    margin: 0px 25px 15px;
}

#footer ul {
	margin-left: 50px;
}



#sidebar {
    height:auto;
    margin: 30px 0px;
    width:100%;
}

#sidebar ul{
width:100%;
margin: 0px;
padding: 0px;
}

#sidebar ul li {
    display:block;
    border-bottom: 0px;
    text-align: left;
    background-color: #939395;
    margin: 4px 0px;
	padding: 0px;
}

#sidebar ul li:hover {
    background-color: #0E4194;
    margin-bottom: 4px;
}


#sidebar ul li a{
    background: transparent; 
    display: block; 
    padding: 10px 40px; 
    color: #ffffff; 
    font-size: 16px;
    text-decoration: none;
}

#sidebar ul li a:hover{
    background: transparent; 
    display: block; 
    padding: 10px 40px; 
    color: #ffffff; 
    font-size: 16px;
    text-decoration: none;
}


}



@media (max-width: 600px) {

.tabreiter li
{
    padding: 7px 6px;
}



.tabreiter li:first-child
{
    margin-left: 4px;
}



#content {
    width: 96%;
    padding: 2%;
}


a.boxes-third {
	font-size: 28px;
	width:96%;
	margin: 5px 0;
	padding: 3% 2%;
	line-height: 36px;
}


#bild {
width:100%;
height: 160px;
background: url('../images/header-bg-600.jpg')  transparent no-repeat center center;
}

.bild{
display: none;
}


#header {
    height: 140px;
}

#suche	{
width:92%;
bottom: 5px;
right: 0;
margin: 2%;
padding: 2%;
height: auto;
}

.suchfeld	{
width: 75%;
}



.logo{
	margin-top: 10px;
	max-width: 70%;
}

#footer ul {
	margin: 0px;
	padding: 0px;
}

#footer {
    height: 80px;
    font-size: 16px;
    line-height: 26px;
}

.left{
    float: left;
    padding-left: 10px;
}

.middle{
	float: left;
	padding-left: 10px;
}


.right{
    float: left;
    padding-left: 10px;
}

#suche span	{ 
margin-right: 150px;
}

#mobileMenu
{
top: 140px;
}

h1{
    margin: 0px 25px 15px;
} 



}