@charset "utf-8";
/* CSS Document */
/* fuer Screens > 880 px*/

body {
	margin: 0;
	padding: 0;
	overflow: -moz-scrollbars-vertical;
	font-size: 17px;
	background-color: #fff;
	font-family: Arial, sans-serif;
	color: #008acf;
	-webkit-hyphens: auto;
 	-moz-hyphens: auto;
 	-ms-hyphens: auto;
 	hyphens: auto;
}

#bigbox {
	position: absolute;
	width: 840px;
	left: 50%;
	margin-left: -420px;
}

#header {
	width: 840px;
	height: 90px;
}

#header img {
	padding-left:29px;	
}

#bluebox {
	width: 545px;
	height: 463px;
	-webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
	-o-border-radius: 10px;
    border-radius: 10px;
	background-color:#008acf;
	padding:3px;
	float:left;
	margin-right:20px;
}
#whitebox_fixed {
	width: 545px;
	-webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
	-o-border-radius: 10px;
    border-radius: 10px;
	background-color:#FFF;
	border: 3px;
	border:solid;
	border-color:#008acf;
	float:left;
	margin-right:20px;
}
#imp_spalte1, #testimoni_spalte1{
	width:150px;
	float:left;
	padding:25px 12px 0px 24px;
}
#imp_spalte2{
	width:326px;
	padding:25px 10px 25px 10px;
	margin-right:12px;
	float:right;
	color:#FFF;
	background-color:#008acf;
	text-align:justify;
}
#testimoni_spalte2{
	width:326px;
	min-height:368px;
	padding:69px 10px 25px 10px;
	margin-right:12px;
	float:right;
	color:#FFF;
	background-color:#008acf;
	text-align:justify;
}
#subnav_testimoni{
	font-size:12px;
	line-height: 18px;
	padding-top:44px;
}
.testi_aktiv {
	color:#88c2e6;
}

#navi {
	line-height:20px;
	width: 269px;
	float: right;
	padding-top: 25px;
	margin-bottom:20px;
}
#naviunten {
	line-height:20px;
	width: 814px;
	background: url(../images/icon_kontakt.png) no-repeat 571px 95px;
	padding-left: 610px; 
}
#navi ul {
	padding:0;
	margin:0;
	list-style:none;
}
#navi li {
	padding:0;
	margin:0;
}
#footer {
	clear:both;
}
.roundall {
	border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
}

a {
	color:#008acf;
	text-decoration:none;
}
a:hover {
	color:#006799;
	text-decoration:underline;
}
a.testimonial {
	background: url(../images/icon_testimonials.png) no-repeat center left; 
	padding-left:36px;
}
a.impressum {
	background: url(../images/icon_impressum.png) no-repeat center left; 
	padding-left:36px;
}
img {
	border: 0;
}


/* Small Screens (kleiner als 880px) */
@media only screen
and (max-width : 880px) {
body {
	margin: 0px 10px;
	padding: 0px;
	overflow-x:hidden;
	font-size: 16px;
	background-color: #fff;
	font-family: Arial, sans-serif;
	color: #008acf;
}

#bigbox {
	position: relative;
	width: 80%;
	left: 0%;
	margin-left: 0px;
}

#header {
	width: 97%;
	height: 97%;
}

#header img {
	padding-left:5px;	
}

#bluebox {
	width: 100%;
	height: 100%;
	-webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
	-o-border-radius: 10px;
    border-radius: 10px;
	background-color:#008acf;
	padding:3px 3px 0px 3px;
}

#bluebox img {
	max-width: 100%;
	height: auto;
}

#whitebox_fixed {
	width: 100%;
	-webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
	-o-border-radius: 10px;
    border-radius: 10px;
	background-color:#FFF;
	border: 3px;
	border:solid;
	border-color:#008acf;
	float:left;
}
#imp_spalte1, #testimoni_spalte1{
	width:25%;
	float:left;
	padding:25px 0px 0px 5px;
}
#imp_spalte2{
	width:60%;
	padding:25px 10px 25px 10px;
	margin-right:0px;
	float:right;
	color:#FFF;
	background-color:#008acf;
}
#testimoni_spalte2{
	width:60%;
	min-height:368px;
	padding:69px 10px 25px 10px;
	margin-right: 0px;
	float:right;
	color:#FFF;
	background-color:#008acf;
}
#subnav_testimoni{
	font-size:14px;
	line-height: 16px;
	padding-top:44px;
}
#subnav_testimoni a {
	display:block;
}
.testi_aktiv {
	display:block;
}
#navi {
	line-height:20px;
	width: 100%;
	padding-top: 10px;
	margin-bottom: 10px;
}
#navi ul {
	padding:0;
	margin:0;
}
#navi li {
	display:inline;
	padding:0 16px 0 0px;
	margin:0;
}
#naviunten {
	clear:both;
	line-height:20px;
	width: 100%;
	background: url(../images/icon_kontakt.png) no-repeat 0px 20px;
	padding-left: 36px;
	padding-top: 10px;
}	
}

/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 480px) {
/* Styles */
body {
	margin: 0px 5px;
	padding: 0px;
	overflow-x:hidden;
	font-size: 14px;
	background-color: #fff;
	font-family: Arial, sans-serif;
	color: #008acf;
}

#bigbox {
	position: relative;
	width: 97%;
	left: 0%;
	margin-left: 0px;
}

#header {
	width: 97%;
	height: 97%;
}

#header img {
	padding-left:5px;	
}

#bluebox {
	width: 100%;
	height: 100%;
	-webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
	-o-border-radius: 10px;
    border-radius: 10px;
	background-color:#008acf;
	padding:3px 3px 0px 3px;
}

#bluebox img {
	max-width: 100%;
	height: auto;
}

#whitebox_fixed {
	width: 100%;
	-webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
	-o-border-radius: 10px;
    border-radius: 10px;
	background-color:#FFF;
	border: 3px;
	border:solid;
	border-color:#008acf;
	float:left;
}
#imp_spalte1, #testimoni_spalte1{
	width:25%;
	float:left;
	padding:25px 0px 0px 5px;
}
#imp_spalte2{
	width:60%;
	padding:25px 5px 25px 5px;
	margin-right:0px;
	float:right;
	color:#FFF;
	background-color:#008acf;
}
#testimoni_spalte2{
	width:60%;
	min-height:368px;
	padding:69px 5px 25px 5px;
	margin-right: 0px;
	float:right;
	color:#FFF;
	background-color:#008acf;
}
#subnav_testimoni{
	font-size:12px;
	line-height: 14px;
	padding-top:44px;
}
#subnav_testimoni a {
	display:block;
}
.testi_aktiv {
	display:block;
}
#navi {
	line-height:20px;
	width: 100%;
	padding-top: 10px;
	margin-bottom: 10px;
}
#navi ul {
	padding:0;
	margin:0;
}
#navi li {
	display:inline;
	padding:0 16px 0 0px;
	margin:0;
}
#naviunten {
	clear:both;
	line-height:20px;
	width: 100%;
	background: url(../images/icon_kontakt.png) no-repeat 0px 20px;
	padding-left: 36px;
	padding-top: 10px;
}
}