@charset "utf-8";

/* Mobile Layout: 480px and below. */

p {
padding-right:20px;
	}
#banner {
display:block;
height: 600px;
	}

#wrapper {
background-image: none;
background-repeat: repeat-y;
position:relative;
max-width:1400px;
margin:0 auto;
height:100%;
line-height: 1.3;
/*font-family: 'Open Sans Condensed', sans-serif;*/
font-family: 'Roboto Condensed', sans-serif;
padding-bottom: 0;
	}

  
#content {
font-size:1.5em;
	}

#content .abstand {
display:none;
}

#info {
position: relative;
height: auto;
width: auto;

}
	
#infoMobil {
display:block;
	}

#infoDesk, #infoTablet, #banner {
display:none;
	}
	
#telButtons {

background-color: #fff;
padding: 10px 6px 15px 6px;	
width: auto;
margin-top: 0;
z-index: 50;

	}


	
	
	
#wrapperRight {
padding-left:0;
	}
#content nav {
text-align: inherit;
background-color: transparent;
display: block;
margin: -10px 0 0 0;
position: relative;
clear: both;
float: none;
font-size: 1.2em;
}

#wrapperRightContent {
background-color:#E0F4FF; 
min-height:0;
}
article {
margin: 0 0 30px 0;
min-height: 260px;

}

article img {
margin: 0 40px 0 0;
width: 150px;
display: block;
float: left;
}	

#Formular table {
width: 100%;
}

#Formular th {
padding-right:5px;
width: 170px;
}


@media only screen and (min-width: 768px) {
body {
font-size:2em;
	}
#wrapper {
background-image: none;
background-repeat: repeat-y;
position:relative;
max-width:1400px;
margin:0 auto;
line-height: 1.3;
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: inherit;
padding-bottom: 0;
	}

#content {
font-size:1.5em;
	}

#info {
position: relative;
height: auto;
width: auto;

}

#infoTablet {
display:block;
	}

#infoDesk, #infoMobil {
display:none;
	}
#banner img {
display:none;

	}
#banner {
display:block;
height: 600px;
	}
	
#telButtons {
background-color: #fff;
z-index: 50;
position: relative;
	}
	
		
	
#wrapperRight {
padding-left:0;
	}	
	

#content nav {
text-align: inherit;
background-color: transparent;
display: block;
float: right;
margin: -70px 0 20px 0;
position: relative;
clear: none;
font-size: 1.3em;
}

#content .abstand {
display:none;
}

#wrapperRightContent {
background-color:#E0F4FF; 
min-height:900px;
}
article {
margin: 0 0 30px 0;
min-height: 260px;
}

article img {
margin: 0 40px 0 0;
    width: 50%;
    display: block;
    float: none;
}	
#Formular table {
width: 100%;	
}

#Formular th {
padding-right:5px;
width: 200px;
}

#button {
display: none;
}

}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 1224px) {
body {
font-size:1em;
background-image: url(../img/bg_01.gif);
	}
#wrapper {
background-image: url(../img/WrapperBG.png);
background-repeat: repeat-y;
position:relative;
max-width:1400px;
margin:0 auto;
line-height: 1.3;
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: inherit;
padding-bottom: 20px;
	}

#content {
font-size:1em;
	}
	
#info {
position:absolute;
height:800px;
width:380px;"
	}
	
#infoDesk {
display:block;
	}

#infoMobil, #infoTablet {
display:none;
	}
#banner, #banner img {
display:block;
	}
#banner {
height: 350px ;
	}	

#wrapperRight {
padding-left:300px;
	}	
#content nav {
text-align: inherit;
background-color: transparent;
display: block;
float: right;
margin: -40px 0 0 0;
position: relative;
clear: none;
font-size: 1em;
}

#content .abstand {
display:block;
}

#telButtons {

background-color: #fff;
padding: 10px 6px 15px 6px;	
width: auto;
margin-top: 0;
z-index: 50;

	}

#wrapperRightContent {
background-color:#E0F4FF; 
min-height:900px;
}
article {
margin: 0 0 30px 0;
min-height: 260px;

}


article img {
margin: 0 40px 0 0;
width: 150px;
display: block;
float: left;
}	

#Formular table {
width: 50%;	
}

#Formular th {
padding-right:5px;
width: 130px;
}


}