@charset "utf-8";

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}




/* Basics */

body{  	
	width: 100%; min-height: 100%;
	font-family: 'Ubuntu', Arial,  sans-serif;
	color:#1a5677; font-size: 14px; line-height:20px; letter-spacing:0.4pt; 
    font-weight: normal; font-style: normal; 
	background-color: #a2bcd2;	
	-webkit-font-smoothing: antialiased; 
	/* -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; */
}

h1, h2, h3, h4, h5, h6{ font-family: 'Ubuntu', Arial, sans-serif; color: #1a5677; font-size: 29px; line-height:34px; font-weight: bold; font-style: italic; margin: 0 0 27px 0; letter-spacing: 0.5pt; }
h2 { text-transform: none; font-size: 24px; line-height:32px; margin: 0 0 15px 0; }
a{ text-decoration: none; font-weight: normal; color: #FFF; border:none; outline:none !important; border: none !important;}
a:hover, .active { color:#666; }
a:focus, area, area a , map, map area { outline: none; }
b, strong { font-family: 'Ubuntu', Arial, sans-serif;font-weight: bold;  }
i { font-family: Arial, sans-serif; font-weight: normal;  }
table {	border-collapse: collapse; border-spacing: 0; border: 0; }
td{	vertical-align:top;}
hr{ border:none; border-bottom: 1px solid #000; margin:10px 0 10px 0; padding:0;	}
img, img a{	border:0; }
sup { margin:0;padding:0; line-height:3px; vertical-align: middle; position: relative; top: -5px; font-size: 10px;}
.clearfloat{ clear:both; height:0px; font-size: 1px; line-height: 0px; margin:0px; padding:0px; display:block; }
.clearfix:after { content:"."; display:table; clear:both; visibility: hidden; }
.rollover { cursor: pointer;}
.hidden { display: none;}
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 { -webkit-text-size-adjust:none; } /* iPhone Schriftgrössenanpassung beim Drehen verhindern */
.content ul li { margin: 0 0 0 2px; padding: 0 0 0 0px; }



h1 { text-align: center; }
#form1 { background-color: #a2bcd2; width: 550px ; margin: 0 auto; }
.formrow { overflow: hidden; }
label { float: left; width: 150px; }
input, .selectbox, .textarea{
	border:none; margin: 0 0 10px 0; padding:6px  ;
	font-size: 14px; color: #004367; line-height:22px; 
	border:none; background-color:#FFF;
	height: 18px;	float: left; 	width: 380px;
	 font-family: 'Ubuntu', Arial,  sans-serif; 
}
.selectbox { height: 30px; 	width: 392px;} 
.textarea { height: 70px;}
#form1 .sendbutton{ float: right; color:#FFF; margin: 0 8px 0 0; font-size: 17px; line-height: 17px; height: 34px; border: none; background-color: #004367; width: 200px; cursor: pointer;  }
#form1 .sendbutton:hover{	 background-color: #a8b3b9;  }
#form1 .inputfehler{ background-color: #CD0101; }
#formularFehler, .fehler { display:none; font-weight: bold; color:#CD0101; padding: 10px 10px 10px 0;}
.fehler{ display:block; }
#Zusatz{ display:none; }
.formtext { text-align: right; margin: 0 8px 20px 0; }
.spacer { margin: 20px 0 0 0; }




@media only screen and (max-width: 300px) {	
	h1 { margin-top: 25px; font-size: 22px; line-height:25px; }
	#form1 { width: 100% ; }
	label { clear: float; width: 100%; }
	input, .selectbox, .textarea{ height: 18px;	float: left; width: 100%; margin: 2px 0 5px 0; }
	.selectbox { height: 30px; 	width: 100%;} 
	#form1 .sendbutton{ margin: 0 ; }
	
}