*{margin:0;padding:0}
body{font-family:'Open Sans';font-size:12px)}
.page{width:100%;padding:15px 0 0 0;box-sizing:border-box}
table {width: 100%;border-spacing:0;text-align:left;margin-bottom:15px}
table td{padding:0 5px;vertical-align:top}
table img{margin:0}
img{max-width:100%}
a{color:#015b28}
a img{margin:0}
hr{clear:left;height:0;border:0;background-color:transparent;margin-bottom:15px}
label{cursor:pointer;margin:10px 0 3px;display:block}
textarea{width:100%;height:100px;padding:5px;border:1px solid #C8C8C8;background:#fafafa url(images/img04.gif) repeat-x;box-sizing:border-box}
input[type=text],input[type=submit]{display:inline-block;width:100%;max-width:100%;padding:5px;border:1px solid #C8C8C8;background:#fafafa url(/images/img04.png) repeat-x;box-sizing:border-box}
input[type=text].fieldEmptyError,textarea.fieldEmptyError{border:1px solid #C8C8C8;background:#fbfbc6}
input[type=submit]{font-weight:700}
input:focus,textarea:focus,select:focus{background:#cfc7cf}
#pageHeaderOutline{width:60%;margin:0 auto 10px auto;min-width:1024px;padding:0 15px;box-sizing:border-box}
#pageHeader{display:inline-block;width:100%}
#pageLogo{float:left;display:inline-block;background:url(/images/logo.png) no-repeat;width:450px;height:94px}
#pageNavigation{float:right;margin:60px 0 0 10px;font-size:18px;}
#pageNavigation > ul{float:left;display:inline-block;z-index:2}
#pageNavigation > ul > li{list-style:none;float:left;margin-right:10px;padding:6px 8px}
#pageNavigation > ul > li:last-child{margin:0}
#pageNavigation > ul > li.selected a,#pageNavigation > ul > li.selected a:hover{text-decoration:none;color:#015b28}
#pageNavigation > ul > li:hover{}
#pageNavigation > ul > li > a{text-decoration:none;color:#000}
#pageNavigation > ul > li > a:hover{text-decoration:underline}
#headerPicture{height:450px;background:url(/images/headerPicture.png) repeat-x center center}
#pageID2 #headerPicture{background:url(/images/headerPicture2.png) repeat-x center center}
#pageID3 #headerPicture{background:url(/images/headerPicture3.png) repeat-x center center}
#pageID2 .pageContent a {font-size:24px}

#arminiusIcon{display:inline-block;position:fixed;right:-10px;top:250px;width:50px;height:50px;border-radius:25px;cursor:pointer;border:2px solid #747474;background:url(/images/arminiusIcon48.png) no-repeat center center #005b29}
#arminiusIcon > span{display:inline-block;position:relative;top:30px;left:30px;width:100px;margin:0 auto;font-size:14px;font-weight:700;text-align:center;color:#fff;visibility:hidden}



.pageContent{clear:both;width:60%;margin:10px auto 0 auto;min-width:1024px;padding:0;box-sizing:border-box;display:table}

.pageContent p{margin-bottom:15px;font-size:13px}
.pageContent ul, .pageContent ol{margin:0 0 20px 20px}

.pageContent .pageContentOutlineContentBoxes{display: flex;flex-wrap: wrap;justify-content: center;margin-bottom:15px}
.pageContent .pageContentBox{float:left;max-width:30%;min-width:300px;margin:0 10px;padding:0px;text-align:justify}
.pageContent .pageContentBox p:nth-child(3n+4) {text-align:justify}
.pageContentBox h3{font-size:24px;text-align:center;margin-bottom:10px}
.pageContentBox a{text-decoration:none}
.pageContentBox a:hover{text-decoration:underline}

.pageContentBox img {margin:0 auto;display: block;border-radius:10px;width:100%}

#serviceBox1{float:left;width:49%;margin-right:1%}
#serviceBox1 input[type="checkbox"], #serviceBox2 input[type="checkbox"] {float:left}
#serviceBox1 label p, #serviceBox2 label p{position:relative;top:-5px;left:5px;padding:0}
#serviceBox2{float:left;width:49%}
.smallfont {font-size:0.9em;color:#ccc}

.productPricturesBox{display:inline-block}
.pictureBoxBit{float:left;text-align:center;margin:5px;padding:5px}
.pictureBoxBit span{font-size:12px;font-style:italic}




#leftFrameContent{float:left;width:70%}
#leftFrameContent .contentBox{padding:0 10px 0 0;text-align:justify}
#rightFrameContent{width:29%;float:right}
#rightFrameContent .contentBox{padding:0 0 0 10px;border-left: 1px solid #ccc}
#rightFrameContent .contentBox h2 {color:#726a5f;border-bottom:2px outset #13879d;margin-top:25px}
#rightFrameContent .contentBox h2:nth-child(1){margin-top:0}


#pageID1 #youAreHere, #pageID1 #youAreHereOutline {display:none}
#pageCopyright{clear:left;font-size:12px;text-align:center;color:#a09e9e;background:#222222;padding:15px 0}
#pageCopyright a{color:#a09e9e;text-decoration:none;font-weight:700}

h1{font-size:26px;margin-bottom:14px}
h2{font-size:18px;margin-bottom:14px}
span.zitat{font-size:26px;margin-bottom:14px}
.pageContent{clear:both}

#contactForm p{width:100%}
.information{border-radius:10px;background:#93b3db;width:100%;border:1px solid #345092;color:#345092;font-weight:700;margin:10px 0}
.information h1{color:#345092}
.error{border-radius:10px;background:#ffeaea;width:100%;border:1px solid #ae0411;color:#ae0411;font-weight:700;margin:10px 0}
.error p,.information p{padding:10px;display:inline-block;margin:0}
.captcha{float:left;margin-right:5px}
#captcha{width:100px}


@media only screen and (max-width: 1640px) {
  #pageHeaderOutline,
  #pageFooterInlineBox,
  .pageContent{width:70%}
}

@media only screen and (max-width: 1450px) {
  #pageHeaderOutline,
  #pageFooterInlineBox,
  .pageContent{width:80%}
}

@media only screen and (max-width: 1260px) {
  #pageHeaderOutline,
  #pageFooterInlineBox,
  .pageContent{width:95%}
}

@media only screen and (max-width: 1070px) {
	#pageHeaderOutline{text-align:center}
	#pageLogo{float:none}
	#pageNavigation{width:100%;float:none;display:inline-block;margin:0}
  #pageNavigation > ul{float:none;margin:0 auto}
  #pageNavigation > ul > li{margin-bottom:5px}
  
  /*
  #customerReviewsInlineBox{width:98%;min-width:98%}
  .customerReviewsInlineContentBox{float:left;width:100%;min-width:100%;padding:15px;margin-bottom:5px}
  .customerReviewsInlineContentBox:nth-child(2),.customerReviewsInlineContentBox:nth-child(4){display:none}
  .customerReviewsInlineContentBox:nth-child(5){margin-bottom:0}
  */
 
  #headerPictureInlineBox{width:100%;margin:0;min-width:100%;padding:0}
 
	#pageFooterInlineBox{width:100%;min-width:100%}
	.pageFooterInlineContentBox{float:left;width:100%;min-width:100%;padding:0 15px;margin-bottom:15px}
	.pageFooterInlineContentBox:nth-child(1){padding-left:15px}
	.pageFooterInlineContentBox:nth-child(5){padding-right:15px;margin-bottom:0}
	.pageFooterInlineContentBox:nth-child(2),.pageFooterInlineContentBox:nth-child(4){display;none}
}

@media only screen and (max-width: 950px) {
	#pageHeaderOutline,
  .pageContent{min-width:0}
  
  
  #leftFrameContent{width:100%}
	#rightFrameContent{clear:left;width:100%;float:left}
	
	.pageContent .pageContentBox{clear:left;width:95%;min-width:95%;margin-bottom:15px}
}


@media only screen and (max-width: 500px) {
	#pageHeaderOutline{text-align:left;padding:0}
	#pageLogo{background:url(/images/logo_small.png) no-repeat;width:300px;height:63px}
	#pageHeaderOutline,
  .pageContent{width:100%;padding:0 5px 5px 5px}
	#pageNavigation > ul > li{clear:left}
	img.pictureNotMobile{display:none}
	
	#serviceBox1{width:100%;margin-right:0}
  #serviceBox2{clear:left;width:100%}
  
  
  
}