/* CSS Document */
* { padding: 0; margin: 0; border:0}
body {
	font-size:101%;
	font-family: 'Conv_MyriadPro-Light', Arial, Verdana, Geneva, sans-serif;
	color:#505050;
	background-color: #004b96;
	overflow-y: scroll;
	}

.topnavAround {
	height: 28px;
	width: 100%;
	background-color: #004b96;
	font-family: 'Conv_MyriadPro-Light';
	font-size: 0.8em;
	color: #fff;
	padding-top:2px
}
#topnav {width: 1000px; margin: 0 auto; text-align:right; border-right: 1px solid #4078b0; overflow:auto; position:relative}
#topnav a, #topnav a:visited { color:#fff; text-decoration:none; display:block; padding:4px 16px; float:right; font-size:1em; border-left: 1px solid #4078b0; letter-spacing:1px; text-transform:uppercase}
#topnav a:hover {text-decoration:underline} 

.white {width:100%; height:auto; overflow:auto; background-color:#fff}

.logo {
	height: auto;
	background-color: #fff;
	width:100%;
	margin: 0 auto;
	 position:relative;
	 text-align:center;
}
.logo img {margin-top:20px}

.contentAround {	
height: auto;
	width: 100%;
	background-color: #e1edf7;
	 position:relative;
	 border-bottom: 1px solid #c9d9e7;
	 border-top: 1px solid #c9d9e7;
}
.boxAround {width: 1000px; margin: 0 auto; overflow:auto; position:relative}

.spaceA {margin:15px 15px 10px 0}
.spaceC {margin:15px 0 10px 0}

.mahnkeAround {	
display: none;
height: auto;
	width: 100%;
	background-color: #f6f6f6;
	 position:relative;
	 border-bottom: 1px solid #d5d5d5;
	 border-top: 1px solid #d5d5d5;
	 text-align:center;
	 padding: 12px 0 12px 0;
	 margin: 15px 0 15px 0
}

.footerAround {	
height: auto;
	width: 100%;
	background-color: #5285b8;
	 position:relative;
	 margin: 15px 0 0 0;
	 border-top: 1px solid #2b65a1
	 
}
#footer {width: 1000px; margin:0 auto; 	font-family: 'Conv_MyriadPro-Light';
	font-size: 0.8em; color:#fff; position:relative; overflow:auto; padding:15px 0;}
	#footer a, #footer a:visited {color:#fff; text-decoration:none}
	#footer a:hover {color:#fff; text-decoration:underline}
.adresse {display:block; float:left; margin-right:12px}
#footer strong {font-family: 'Conv_MyriadPro-Semibold'; font-size:1.1em}


.copyright {	
height: auto;
	width: 1000px; margin:0 auto;
	background-color: #004b96;
	 position:relative;
	 padding:12px 0;
	 font-family: 'Conv_MyriadPro-Light';
	 color:#fff;
	 text-align:right;
	 font-size: 0.8em;
}
a[href^="tel"] {
  text-decoration: none;
  cursor: default;
  color: #fff;
}

/*Formular*/
form {margin-left:165px}
.kontaktContent {width: 1000px; margin: 0 auto; overflow:auto; position:relative; padding:30px 0; font-size:0.9em; color:#333; font-family: 'Conv_MyriadPro-Light';}
h1 {font-family: 'Conv_MyriadPro-Light';
	 font-size: 1.6em;}
h1, p {margin: 0 0 0.5em 0}
label {
	width:6em;
	display:block;
	float:left;
		padding:6px 0 0 0
}
label.error {
	font-weight:normal;
	color:#c50923;
	text-align:left;
}

input {
	border: 1px solid #c5d7e8;
	width:500px;
	height:25px;
	margin:0 0 8px 0;
	color:#333;
	padding:0 4px;
   -moz-box-shadow:    inset 0 0 5px #d9e6f2;
   -webkit-box-shadow: inset 0 0 5px #d9e6f2;
   box-shadow:         inset 0 0 5px #d9e6f2;
}
textarea {
	border: 1px solid #c5d7e8;
	width:500px;
	min-height:250px;
	margin:0 0 8px 0;
	color:#333;
	padding:4px;
	font-family: 'Conv_MyriadPro-Light';
	 font-size: 0.9em;
   -moz-box-shadow:    inset 0 0 5px #d9e6f2;
   -webkit-box-shadow: inset 0 0 5px #d9e6f2;
   box-shadow:         inset 0 0 5px #d9e6f2;
}
.button {
	width:510px;
	height:28px;
	padding:0 0 0 0;
	text-transform:uppercase;
	border: 1px solid #06737f;
	color:#fff;
	background:#18929f;
	cursor:pointer;
	font-size:0.95em;
	   -moz-box-shadow:    inset 0 0 5px #06737f;
   -webkit-box-shadow: inset 0 0 5px #06737f;
   box-shadow:         inset 0 0 5px #06737f;
}

.red {color:#b60821}

a:link, a:visited, a:active {color:#18929f; text-decoration:none}
a:hover {color:#18929f; text-decoration:underline}
.transilvania { display:none; }

@media screen and (max-width:999px) {
	#topnav {width: 99%; }

	
		.boxAround {width: 100%; margin: 0 auto; overflow:auto; position:relative}
	.boxAround img {width: 47%; }
	
.spaceA {margin:2% 2% 1% 2%}
.spaceC {margin:2% 0 1% 0}

#footer {width: 96%;  padding: 2%}
.copyright {	
width: 96%;  padding: 2%
}
.kontaktContent {width: 96%;}
form {margin-left:0}
	}
	
		@media screen and (max-width:820px) {
.logo img {width:100%; margin-top:20px}
}
		@media screen and (max-width:880px) {
			
			label {
	width:100%;
	display:block;
	float:left;
		padding:6px 0 0 0
}
input {
	border: 1px solid #ccc;
	width:97%;
	height:25px;
	margin:0 0 8px 0;
	color:#333;
	padding:6px 4px;
   -moz-box-shadow:    inset 0 0 5px #e4e4e4;
   -webkit-box-shadow: inset 0 0 5px #e4e4e4;
   box-shadow:         inset 0 0 5px #e4e4e4;
}
textarea {
	border: 1px solid #ccc;
	width:97%;
	min-height:250px;
	margin:0 0 6px 0;
	color:#333;
	padding:8px 4px;
	font-family: 'Conv_MyriadPro-Light';
	 font-size: 0.9em;
   -moz-box-shadow:    inset 0 0 5px #e4e4e4;
   -webkit-box-shadow: inset 0 0 5px #e4e4e4;
   box-shadow:         inset 0 0 5px #e4e4e4;
}
.button {
	width:97%;
	height:34px;
	padding:4px 0 ;
	text-transform:uppercase;
	border: 1px solid #b5061f;
	color:#fff;
	background:#c50923;
	cursor:pointer;
	background-image: url(../img/bg_topnav.jpg);
	font-size:0.95em;
	   -moz-box-shadow:    inset 0 0 5px #a30118;
   -webkit-box-shadow: inset 0 0 5px #a30118;
   box-shadow:         inset 0 0 5px #a30118;
}

}

	
	@media screen and (max-width:550px) {
		.topnavAround {
	font-size: 1em;
}
		.logo {width:100%;
	text-align:center;}
	.logo img {width:90%}
	.mahnkeAround {	

	 padding: 10px 0 6px 0;
	 margin: 10px 0 10px 0
}
	.mahnkeAround img {	width:90%}
	#footer {font-size: 1em; }
	#footer strong {font-size: 1.1em }
	.copyright {	
	 font-size: 1em;
}
#footer {width: 90%;  padding: 2% 5%}
.adresse {width:90%; float:left; margin-right:0}

	}

	@media screen and (max-width:480px) {
		.boxAround img {width: 90%; }
	
.spaceA {margin:3% 5% 0 5%}
.spaceC {margin:3% 5% 3% 5%}
		
		}