@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: 'ziener_eurostileMdEx';
    src: url('fonts/zienereurostilemediumextend-webfont-webfont.eot');
    src: url('fonts/zienereurostilemediumextend-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/zienereurostilemediumextend-webfont-webfont.woff') format('woff'),
         url('fonts/zienereurostilemediumextend-webfont-webfont.ttf') format('truetype'),
         url('fonts/zienereurostilemediumextend-webfont-webfont.svg#ziener_eurostileMdEx') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'ziener_helveticalight';
    src: url('fonts/zienerhelvetica-light-webfont-webfont.eot');
    src: url('fonts/zienerhelvetica-light-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/zienerhelvetica-light-webfont-webfont.woff') format('woff'),
         url('fonts/zienerhelvetica-light-webfont-webfont.ttf') format('truetype'),
         url('fonts/zienerhelvetica-light-webfont-webfont.svg#ziener_helveticalight') format('svg');
    font-weight: normal;
    font-style: normal;

}

body { background-color:#FFF; 
		color:#000;
		font-family:'ziener_helveticalight', Verdana, Geneva, sans-serif!important;
		font-size:14px;}
		
.form_checkbox { width:35px; float:left}

button, 
input, 
select, 
textarea { 
font-family :'ziener_helveticalight', Verdana, Geneva, sans-serif; 
color : #333; }

/*  HEADINGS  ============================================================================= */

h1, h2, h3, h4, h5, h6 {
font-family: 'ziener_eurostileMdEx', Verdana, Geneva, sans-serif;
font-weight : normal;
margin-top: 10px;

letter-spacing: -1px;
}

h1 { 
font-family: 'ziener_eurostileMdEx', Verdana, Geneva, sans-serif;
font-size:30px!important;
text-transform:uppercase;
}


h2 { 
color: #222;
margin-top : .5em;
font-size : 19px!important; /* 40 / 16 */
line-height : 1.2;
margin-bottom: 10px;
}

h3 { 
color: #222;
margin-top : .5em;
font-size : 16px!important; /* 40 / 16 */
line-height : 2.6;
margin-bottom: 10px;
}



/*  TYPOGRAPHY  ============================================================================= */

p, ol, ul, dl, address { 
margin-bottom : 1.5em; 
font-size : 1em; /* 16 / 16 = 1 */ }

p {
hyphens : auto;  }


p.introtext {
font-family :'ziener_helveticalight', Verdana, Geneva, sans-serif; 
font-size : 2.5em; /* 40 / 16 */
color: #333;
line-height: 1.4em;
letter-spacing: -1px;
margin-bottom: 0.5em;
}


p.handwritten {
font-family :'ziener_helveticalight', Verdana, Geneva, sans-serif; 
font-size: 1.375em; /* 24 / 16 */
line-height: 1.8em;
margin-bottom: 0.3em;
color: #666;
}

p.center {
text-align: center;
}


a { color:#dc7f2f;}

a:link { text-decoration:none; color:#000}
a:hover { text-decoration:underline;}

.text { font-size: 15px;}

/*FORMULAR SKALIERUNG */
.elastic-frame {
	position: relative;
	padding-bottom: 28%;
	padding-top: 15px;
	height: 0;
	overflow: hidden;}
	
.elastic-frame iframe {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;}


/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }


/*  GROUPING  */
.group:before,
.group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}

/*  GRID OF THREE  */
.span_3_of_3 {
	width: 100%;
}
.span_2_of_3 {
	width: 66.1%;
}
.span_1_of_3 {
	width: 32.2%;
}

/*  GRID OF TWO   ============================================================================= */


.span_2_of_2 {
	width: 100%;
}

.span_1_of_2 {
	width: 49.2%;
}


.bild-right {float:right; width:55%; margin-top:18px;}


.myButton {
	background-color:#fafbfc;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #a1a1a1;
	display:inline-block;
	cursor:pointer;
	color:#a19ea1;
	font-family:Verdana;
	font-size:13px;
	padding:7px 14px;
	text-decoration:none;
	text-shadow:0px 0px 0px #ebebeb;
	margin-top:10px;
}
.myButton:hover {
	background-color:#E4F0F8;
	text-decoration:none;
	color:#000;
}
.myButton:active {
	position:relative;
	top:1px;
}



/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 745px) {
	.bild-right { display:none;}
	.none { display:none;}
}


@media only screen and (max-width: 480px) {
	.col { 
		margin: 1% 0 1% 0%;
}




@media only screen and (max-width: 480px) {
	.span_3_of_3 {
		width: 100%; 
	}
	.span_2_of_3 {
		width: 100%; 
	}
	.span_1_of_3 {
		width: 100%;
	}
	
	.span_2_of_2 {
		width: 100%; 
	}
	.span_1_of_2 {
		width: 100%; 
	}
}