@media only screen and (max-width: 1050px) {
//div {border: 1px solid #0000cc;}
#headerMiddle {width: 96%; }
#page {width: 96%; padding: 0 !important;}
#header {width: 96%; padding: 0 2%;}	
#illustration {height: auto;}
#sliderTop {width: 96%; margin: 0 auto; position: relative;}
//.nivo-caption {width: 300px !important; height: 203px !important; background-size: 75% 75% !important; }    
//.nivo-caption p {font-family: \'Roboto Slab\', serif; font-size: 36px; font-weight: 300; line-height: 150%; color:#ffffff; margin: 110px 0 0 90px; text-align: left;}

#content {padding: 0; margin: 20px 0 0 0 ;}	
#contentRight .teaser_img .row .teaser_img img.img {max-width: 100%; height: auto;}
	
#footer {width: 96%; margin: 20px 0 0 0; padding: 10px 2%; position: relative !important;}
#footer .adresse {width: 42%; margin: 0 5% 0 0;}
#footer .contact {width: 50%; margin: 0;}

#logos {width: 96%; padding: 10px 2% 0 2%;}


}

@media only screen and (max-width: 1000px) {
//div {border: 1px solid #00cc00;}
#headerMiddle {height: 60px; margin: -40px auto 0 auto;}
#illustration {margin: -20px 0 0 0; padding: 20px 0 0 0;}
#servicenavigation {margin: 0 0 0 50px;}
#servicenavigation li a {color: #5D5D5C;}

#contentRight .competentia img {max-width: 209px; width: 80%; height: auto; margin: 15px 0 15px 10%;}

}

@media only screen and (max-width: 900px) {
//div {border: 1px solid #cc0000;}
//#footer .adresse {width: 48%; margin: 0;}

.nivo-caption {width: 340px !important; height: 230px !important; background-size: 80% 80%!important;}
.nivo-caption p {font-size: 26px !important; margin: 130px 0 0 125px !important;}

}

@media only screen and (max-width: 800px) {
//div {border: 1px solid #0000cc;}
#menu {width: 100%;}
//#footer .adresse {width: 23%; margin: 0 2% 0 0;}
}

@media only screen and (max-width: 767px) {
//div {border: 1px solid #0000cc;}
html {font-size: 115% !important;}
select {z-index: 1000; position: fixed; font-size: 115% !important; color: #535362; border: 1px solid #666666; width:96%; margin: 5px 0 5px 2%; padding-left:1%;}
mobile {z-index: 999; width: 100%; position: fixed; float: left; height: 40px; background-color: #009092;}

#content ul,#content ol {margin: 10px 0 0 0;}

#contentBreit {width: 60%; float: left;}
#contentRight {width: 35%; float: right;}

.pifa-form input[type=\"text\"],textarea {width: 100%;}
.button_red input {margin: 10px 20px 0 0;}
	
h1 {font-size: 20px; font-size: 1.25rem;}

#menu, #servicenavigation, #navigation_header, #header, #breadcrumb {display:none !important;}
#illustration {padding: 0;}

//#bottom {height: 450px;}
	

#bottom {float: left; width: 100%; position: relative; height: auto; padding: 30px 0 30px 0;}
#bottombottom {float: left; height: auto;}

}

@media only screen and (max-width: 720px) {
//div {border: 1px solid #cc0000;}

}

@media only screen and (max-width: 640px) {
//div {border: 1px solid #00cc00;}
html {font-size: 130% !important;}
.nivo-caption {width: 244px !important; height: 164px !important; background-size: 72% 72%!important;}
.nivo-caption p {font-size: 18px !important; margin: 100px 0 0 100px !important;}

h1 {font-size: 16px; font-size: 1rem;}

	
#footer .adresse {width: 96%; margin: 0;}
#footer .contact {width: 96%; margin: 30px 0 0 0;}
	
}

@media only screen and (max-width: 580px) {
//div {border: 1px solid #cc0000;}

#contentBreit {width: 100%; float: left;}
#contentRight {width: 100%; float: left;}

}

@media only screen and (max-width: 560px) {
//div {border: 1px solid #00cc00;}
#page {padding: 0;}
#footer {position: relative;}
}

@media only screen and (max-width: 480px) {
//div {border: 1px solid #0000cc;}
#logo {width: 96%;}
#logo img {width: 80%; height: auto;}

}

@media only screen and (max-width: 360px) {
//div {border: 1px solid #cc0000;}

}

@media only screen and (max-width: 240px) {
//div {border: 1px solid #00cc00;}

}