html {
	margin: 0;
	padding: 0;
	overflow-y: scroll;
	}
img {
	border: none;
	max-width: 100%;
	}	
.left {
	float: left;
	padding: 0;
	margin: 0;
	}	
.right {
	float: right;
	padding: 0;
	margin: 0;
	}
/*
a,
a:link,
a:visited {
	text-decoration: none;
	color: #1268a7;
	}
a:hover,
a:focus { color: #00a2c3; }
a:hover, a:active { outline: none; }	
*/
a {
	text-decoration: none;
	color: #1268a7;
	}
a:hover { 
	outline: none;
	color: #00a2c3;
	}
a img { border: 0; }					
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	}
h1 {
	margin: 0 0 10px 0;
	padding: 0;
	color: #1268a7;
	font-weight: normal;
	font-size: 180%;
	}	
h2 {
	clear:both;
	margin: 0 0 10px 0;
	padding: 0;
	color: #1268a7;
	font-weight: normal;
	font-size: 120%;
	}			
p {
	margin: 0 0 10px 0;
	padding: 0;
	line-height: 18px;
	}
#printheader { display: none; }	
	
	
	
	
	
	
	
		



body {
	margin: 0;
	padding: 0;
	color: #666;
	font-family: tahoma,arial,helvetica,sans-serif;
	font-size: small;
	-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
	}
#wrap {
	position: relative;
	width: 896px;
	margin: 0 auto 0 auto;
	padding: 50px 48px 0;
	overflow: hidden;
	background: #fff;
	}
#header {
	float: left;
	margin: 0;
	padding:0;
	width: 200px;
	height: auto;
	overflow: hidden;
	}
#logo {
	float: left;
	height: 100px;
	width: 200px;
	margin: 0;
	padding: 0;
	background: transparent url(../img/logo.png) no-repeat center top;
	text-indent: -999em;
	}
#logo a {
	height: 100px;
	width: 200px;
	margin: 0;
	padding: 0;
	display: block;
	outline: none 0;
	}
#logo:hover { opacity: .85;}		
#navigation {
	float: left;
	margin: 0;
	padding: 0;
	width: 200px;
	height: auto;
	overflow: hidden;
	border-bottom: 1px dashed #E5E5E5;
	}
#navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
#navigation ul li a {
	margin: 0;
	padding: 15px 0 15px 0;
	display: block;
	font-size: 120%;
	border-top: 1px dashed #E5E5E5;
	outline: none 0;
	}
#navigation ul li a.active {
	color: #00a2c3;
	}
#icon_navigation {
	display: none;
	}				
#content {
	float: right;
	margin: 0;
	padding: 0 0 20px 20px;
	width: 652px;
	min-height: 540px;
	}		
.line {
	border-bottom: 1px solid #E5E5E5;
	margin: 0 0 20px 0;
	height: 1px;
	}	
#footer {
	clear:both;
	margin: 0;
	padding: 15px 0 15px 0;
	border-top: 2px solid #E5E5E5;
	overflow: hidden;
	}	
#footer img { opacity: .65;}
#footer img:hover { opacity: 1.0;}	
.container {
	padding: 0;
	margin: 0;
	max-width: 712px;
	overflow: hidden;
	}
.box {
	float: left;
	height: auto;
	margin: 0.14044943820225%; /* 1*/
	margin: 0.70224719101124%;
	/*width: 28.08988764044944%;*/ /* 200*/
	width: 21.76966292134831%; /*155:712*/
	width: 25%; /*178:712*  4 Elemente ohne Rahmen */
	width: 30.89887640449438%; /*220:712    3 Elemente */
	overflow: hidden;
	padding: 0;
	}
	
.box .pic {
	width: 85%;
	border : 1px solid #E5E5E5;
	/*margin: 0 auto 10px auto;*/
	margin: 0 0 10px 0;
	padding: 5px;
	}
.box p,
.box h2 {
	padding: 0 5px 0 5px;
	}
.box .pic:hover,
.content_right .pic:hover { opacity: .85; }							
.contact {
	position: absolute;
	width: 200px;
	top:390px;
	left:48px;
	}
.contact .line,
.contact h1,
.contact h2 {
	display:none;
	}						



.content_left {
	float: left;
	padding: 0 0 20px 0;
	margin-right: 2.80898876404494%; /*20px;*/
	width: 68.82022471910112%; /*490px;*/
	}
.content_right {
	float: right;
	padding: 0;
	margin: 0;
	width: 28.08988764044944%; /*200px;*/
	}
.content_right .pic {
	width: 80%;
	border : 1px solid #E5E5E5;
	margin: 0 auto 10px auto;
	padding: 5px;
	}
	
	
	
	
	
	
	
	
form {
	padding: 20px 0 20px 0;
	margin: 0;
	}
label {
	width: 120px;
	clear: both;
	float: left;
	color: #666;
	padding: 0;
	margin: 0;
	}		
input[type=text],
input[type=password],
textarea {
	width: 270px;
	float: left;
	margin: 0 0 10px 0;
	padding: 5px 5px 5px 5px;
	color: #666;
	border: #D1D1D1 1px solid;
	font-family: tahoma,arial,helvetica,sans-serif;
	font-size: small;
	-webkit-appearance: none;
	border-radius:0;
	}
input[type=text]:hover,
input[type=password]:hover,
textarea:hover {
	box-shadow: 0 0 3px #999;
	color: #666;
	}
input[type=submit] {
	margin: 0 0 10px 120px;
	padding: 5px 5px 5px 5px;
	color: #fff;
	background-color: #1268a7;
	border: none;
	clear: both;
	float: left;
	width: 120px;
	-webkit-appearance: none;
	border-radius:0;
	}
input[type=submit]:hover {
	/* box-shadow: 0 0 3px #999;*/
	background-color: #00a2c3;
	}
.mandatory	{
	font-size: 85%;
	margin: 7px 0 0 50px;
	padding: 0;
	display: block; 
	float: right;
	width: 100px;
	overflow: hidden;
	}
	
	
	
.zit{
    margin: 0 0 20px 0;
    padding: 10px 0 0 0;
    overflow: hidden;
    }	
.zit_start {
    display: block;
    margin: 5px 5px 0 0;
    padding: 0;
    width: 11px;
    height: 11px;
    float: left;
    background: transparent url(../img/arrow_blue.png) no-repeat left top;
    text-indent: -999em;
    }
.zit_end {
    margin: 5px 0 0 7px;
    padding: 0;
    width: 11px;
    height: 11px;
    text-indent: -999em;
    }
.zit_end span {
    display: none;
    }    
p.zit {
  	font-style: italic;
  	font-size: 110%;
  	margin: 0 0px 15px 20px;
  	padding: 0 20px 0 0;
  	line-height: 20px;
	} 
p.by {
  	font-size: 100%;
  	margin: 0 0 10px 0;
  	padding: 0;
	}	   				


















/* TABLET LAYOUT */

@media only screen and (min-width: 768px) and (max-width: 991px) {
	
#wrap {
	/*width: 712px;*/
	width: 712px;
	padding: 20px 28px 0;
	}	
#header,
#content {
	width: 100%;
	}
#logo {
	float: left;
	}	
#navigation {
	width: 460px;
	border-bottom: none;
	float: right;
	}
#navigation ul li a {
	padding: 15px 15px 15px 15px;
	border-top: none;
	float: left;
	/*border-right: 1px dashed #E5E5E5;*/
	}
.contact {
	clear: both;
	position: relative;
	top: 0;
	left:0;
	width: 100%;
	}
.contact .line,
.contact h1,
.contact h2 {
	display:block;
	}	
	
								

} /* CLOSE TABLET LAYOUT */














/* MOBILE LAYOUT (PORTRAIT/320PX) */
@media only screen and (max-width: 767px) {

#wrap {
	width: 320px;
	padding: 10px 0 0 0;
	}	
#header,
#content { 
	width: 100%;
	}		
#logo {
	width: 100%;
	}
#logo a {
	width: 100%;
	}	
#navigation {
	width: 100%;
	border-bottom: 1px solid #E5E5E5;
	text-align: center;
	margin: 0 0 20px 0;
	}	
#navigation ul li a {
	/*padding: 15px 30px 15px 30px;*/
	padding: 15px 5px 15px 5px;
	border-top: none;
	float: left;
	font-size: 110%;
	}	
#icon_navigation {
	display: block;
	clear: both;
	width: 100%;
	/*border-bottom: 1px solid #E5E5E5;*/
	text-align: center;
	margin: 0 0 20px 0;
	background: transparent url(../img/icon_navigation.png) no-repeat center top;
	min-height: 40px;
	cursor: pointer;
	}	
#icon_navigation:hover { opacity: .85;}		
#content p {
	padding: 0 10px 0 10px;
	}
#content p,
#content ul,
#footer p {
	font-size: 116%;
	}		
h1,
h2 {
	padding: 0 10px 0 10px;
	}	
#footer {
	padding: 15px 10px 15px 10px;
	}
.contact {
	clear: both;
	position: relative;
	top: 0;
	left:0;
	width: 100%;
	}
.contact .line,
.contact h1,
.contact h2 {
	display:block;
	}	
.container {
	max-width: 320px;
	}		
.box {
	float: left;
	height: auto;
	margin: 3.125%; /* 10*/
	width: 78.125%; /*250*/
	overflow: hidden;
	padding: 0;
	}
.content_left {
	margin-right: 0;
	width: 100%;
	padding: 0 0 10px 0; 
	}
.content_right {
	padding: 20px 0 20px 0;
	width: 100%; 
	}	
.content_right .pic {
	width: 60%;
	}
form {
	padding: 20px 5px 20px 5px;
	}
label {
	margin: 0 0 5px 0;
	}		
input[type=submit] {
	margin: 0 0 10px 0;
	}
			
	
																
		

}/* CLOSE MOBILE LAYOUT */













/* WIDE MOBILE LAYOUT (LANDSCAPE/480PX) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
#wrap {
	width: 480px;
	padding: 10px 0 0 0;
	}	
#header {
	width: 100%;
	}
#logo {
	/*float: left;
	height: 100px;
	width: 200px;
	margin: 0 0 0 5px;
	padding: 0;*/
	width: 100%;
	}
#logo a {
	width: 100%;
	}	
/*
#navigation {
	width: 270px;
	border-bottom: none;
	float: right;
	padding: 0 0 0 5px;
	}
#navigation ul li a {
	padding: 15px 10px 15px 10px;
	border-top: none;
	float: left;
	}	
*/

#navigation {
	width: 480px;
	border-bottom: 1px solid #E5E5E5;
	text-align: center;
	margin: 0 0 20px 0;
	}
#navigation ul {
	margin: 0 auto;
	width: 100%;
	}		
#navigation ul li a {
	/*padding: 15px 12px 15px 12px;*/
	padding: 15px 20px 15px 20px;
	border-top: none;
	float: left;
	font-size: 120%;
	}
#icon_navigation {	
	display: none;
	}
#content p {
	padding: 0 10px 0 10px;
	}
#content p,
#content ul,
#footer p {
	font-size: 116%;
	}		
h1,
h2 {
	padding: 0 10px 0 10px;
	}	
#footer {
	padding: 15px 10px 15px 10px;
	}
.contact {
	clear: both;
	position: relative;
	top: 0;
	left:0;
	width: 100%;
	}
.contact .line,
.contact h1,
.contact h2 {
	display:block;
	}
.container {
	max-width: 480px;
	}		
.box {
	float: left;
	height: auto;
	min-height: 350px;
	margin: 2.08333333333333%; /* 10*/
	width: 41.66666666666667%; /*200*/
	overflow: hidden;
	padding: 0;
	}	
.content_right .pic {
	width: 50%;
	}	
form {
	padding: 20px 5px 20px 5px;
	}
label {
	margin: 0;
	}	
input[type=submit] {
	margin: 0 0 10px 120px;
	}
							
		
} /* CLOSE WIDE MOBILE LAYOUT */




.parsley-error {
  border: 1px solid red !important;
  color: red;
	}	
form ul {
	list-style: none;
	margin: 0;
	padding: 0;
	color: red;
	clear: both;
	}
form p {
	padding: 0 0 0 120px;
	color: red;
	}












.scrollup {
	width:40px;
	height:40px;			
	text-indent:-9999px;
	/* opacity:0.3;*/
	position:fixed;
	bottom:60px;
	right:30px;
	display:none;			
	background: url(../img/to_top.png) no-repeat;
	z-index: 10;
	outline: 0 none;
	/*box-shadow: 0 0 3px #222;*/
	}

.email>ins:before {content: "@"; text-decoration: none}
.email del {text-decoration: none}
.email>del {display: none}
*:first-child+html .email>del {display:inline}  /* Workaround fuer IE 7 */