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

}

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

/* Start reset html elements */
	html { -webkit-text-size-adjust:none; }
	
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		background: transparent;
	}
	
	address,article,aside,audio,canvas,command,datalist,
	details,embed,figcaption,figure,footer,header,
	hgroup,keygen,mark,meter,nav,ouput,progress,
	section,source,summary,time,video,wbr {
		display:block;
	}
	
	input:focus, textarea:focus, select:focus { 
		outline: none; 
	}
	
	table {
		border-collapse:collapse;
		border-spacing: 0;
		padding:0;
		border:0;
	}
	
	table td, table th {
		padding: 0; 
	}
	
	a:active, label:active { 
		outline: none; 
		ie-dummy: expression(this.hideFocus=true); 
	}
	a:focus, label:focus { 
		-moz-outline-style: none; 
		outline: none; 
		ie-dummy: expression(this.hideFocus=true); 
	}
	
	input[type=checkbox] { 
		border-width:0px 
	}
/* End reset html elements */

/* Start generic elements  */

	* {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		font-family: inherit;
		font-size: inherit;
		color: inherit;
		text-decoration: inherit;
		font-weight: inherit;
		font-style: inherit;
		padding: 0;
		margin: 0;
		background: none;
		border: 0;
		outline: 0;
		line-height: 150%;
	}
	
	b, strong {
		font-weight: bold;
	}
	
	i, em {
		font-style: italic;
	}
	
	u {
		text-decoration: underline;
	}
	
	font["size=1"],
	.small { 
		font-size: 1.2em;
	}
	font["size=4"],
	.big { 
		font-size: 0.8em;
	}

	html {
		overflow-y: scroll; 
		width: 100%;
		height:100%;
	}

	body#frontend {
		position: absolute;
		color:#000; 
		background-color:#7F7F7F;
		height:100%;
		font-family: 'Arial', 'Helvetica', sans-serif;
		font-size: 13px;
		width: 100%;
		min-height: 100%;
		font-weight: normal;
		font-style: normal;
		text-decoration: none;
	}
	
	input, textarea, select {
		border:1px solid #ccc; 
		background-color:#f2f2f2; 
		line-height:120%; 
		margin-top:1px; 
		padding:1px 0px;  
		resize: none; 
		-webkit-border-radius:0px;
	}
	
	input[type=submit], input[type=text], input[type=password], input[type=button],
	textarea{
		-webkit-appearance:none;
	}
	
	input[type=submit] {
		padding:2px 20px;
		cursor:pointer;
	}
	
	.icon-pdf {
		position: relative;
		top: 1px;
		margin-right: 4px;
	}
	
	ul { 
		list-style-type: none;
		list-style-position: outside;
	}
	
	ul li { 
		list-style-type: none; 
		background:url('/images/bullet.gif') no-repeat 0px 7px; 
		padding-left:14px; 
	}
	ol li { 
		padding-left: 5px;
		margin-left: 30px;
	}
	b, strong {
		/*font-weight:normal;
		font-family:'daxbold' !important; */
	}
	i, em {
		/* font-family: 'dax-italicregular' !important;
		font-style:normal; */
	}
	h1 { 
		color:#000099; 
		font-size:28px; 
		width:100%; 
		margin-bottom:30px; 
	}
	
	.clear {
		clear:both;
		height: 1px;
		overflow: hidden;
	}

	/* For modern browsers */
	.clearfix:before,
	.clearfix:after {
		content:"";
		display:table;
	}

	.clearfix:after {
		clear:both;
	}

	/* For IE 6/7 (trigger hasLayout) */
	.clearfix {
		*zoom:1;
	}
/* End generic elements  */

/* Start Freshpage elements (these classes are defined in Freshpage and setable) */
	
	.tbltype-emphheader {
		border-spacing: 1px;
	}
	.tbltype-emphheader tr td {
		background-color: #f8f8f8;
		vertical-align:top !important;
	}
	.tbltype-emphheader tr:first-child td {
		background-color: #e0e0e0;
	}

	.tbltype-fairplan {
		border-spacing: 1px;
	}
	.tbltype-fairplan tr td {
		background-color: #f8f8f8;
		vertical-align:top !important;
	}
	
	.tbltype-contact {
		line-height: 120%;
	}
	.tbltype-contact * {
		line-height: 150%;
	}	
	

	.tbltype-headline {
		border-spacing: 1px;
	}
	.tbltype-headline tr td {
		padding:8px;
		background-color: #f8f8f8;
		border:1px solid #ccc;
		vertical-align:top;
	}
	
	#oContentTable tr td {
		
	}
	#editor b, #editor strong{
		font-weight:bold !important;
		/* font-family: 'DaxComp' !important;  */
	}
	#editor i, #editor em{
		font-style:italic !important;
		/* font-family: 'DaxComp' !important; */
	}
/* End Freshpage elements  */

/* Start - layout styles */

	/* Start - default layout */
	
	
	#wrapper {
		width: 760px;
		height: 760px;
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -380px;
		margin-top: -380px;
		background-color: #fff;
		-moz-box-shadow: 0 0px 10px 0 #444;
		-webkit-box-shadow: 0 0px 10px 0 #444;
		box-shadow: 0 0px 10px 0 #444;
		overflow: hidden;
	}
	
	#wrapper > section {
		padding: 100px 20px 0;
	}
	
	#wrapper > section > section {
		overflow: auto;
		max-height: 600px;
		padding-right: 3px;
	}
	
	#wrapper > section > * {
		float: left;
	}
	
	#wrapper > section > aside {
		width: 300px;
		padding-left: 20px;
	}
	
	/* End - default layout */
	
	/* Start - layout top navigation */
	
	#wrapper > nav {
		width: 100%;
		height: 50px;
		background: #9cc2eb;
		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#9cc2eb), to(#7db3eb));
		background: -webkit-linear-gradient(#9cc2eb, #7db3eb);
		background: -moz-linear-gradient(#9cc2eb, #7db3eb);
		background: -ms-linear-gradient(#9cc2eb, #7db3eb);
		background: -o-linear-gradient(#9cc2eb, #7db3eb);
		background: linear-gradient(#9cc2eb, #7db3eb);
		color: #fff;
		font-size: 20px;
		font-family: 'themixbold' !important;
		white-space: nowrap;
	}
	
	#wrapper nav div {
		width: 120px;
		margin-right: 20px;
		border: 2px solid #FFF;
		border-bottom: 0;
		height: 35px;
		margin-top: 15px;
		display: inline-block;
		text-align: center;
		position: relative;
	}
	
	#wrapper nav div:hover {
		background-color: #8DBDEE;
	}
	
	#wrapper nav a + div {
		margin-left: 40px;
	}
	
	#wrapper nav div a {
		display: inline-block;
		width: 100%;
		height: 33px;
		padding-top: 3px;
	}
	
	#wrapper nav div a.active {
		color: #fda37a;
		position: relative;
		z-index: 1000;
	}

	#wrapper nav .navdec {
		position: absolute;
		left: -2px;
		top: -2px;
	}
	
	#wrapper nav > a > img {
		position: absolute;
	}
	
	/* End - layout top navigation */
	
	/* Start layout left navigation / teaser */
	
	#wrapper > section > aside {
		color: #FD8C59;
	}
	
	#wrapper > section > aside nav a {
		font-size: 15px;
		line-height: 200%;
	}
	
	#wrapper > section > aside nav a.active {
		font-weight: bold;
	}
	
	#wrapper > section > aside nav a.active:before,
	#wrapper > section > aside nav a:hover:before {
		content: '> ';
	}
	
	#wrapper > section > aside .teaser {
		font-family: 'themixbold';
		font-size: 25px;
		margin-top: 170px;
	}
	
	/* End layout left navigation */
	
	/* Start layout metanavigation */
	
	#wrapper > .metanav {
		position: absolute;
		bottom: 2rem;
		left: 40px;
	}
	#wrapper > .metanav a {
		display: block;
		padding-bottom: .5rem;
		color: #b5b5b5;
	}
	#wrapper > .metanav a:hover {
		color: #909090;
	}
	
	/* End layout metanavigation */
	
	/* Start - entrytype standard */
	
	.fpmain a {
		color: #FD8C59;
	}
	
	.fpmain a:hover {
		text-decoration: underline;
	}
	
	/* End - entrytype standard */
	
	/* Start - entrytype galerie */
	
	.gallery a {
		color: #FD8C59;
	}
	.gallery a:hover {
		text-decoration: underline;
	}
	
	/* End - entrytype galerie */

	/* Start - entrytype contactform */
		#contactform label {
			float:left;
			width:80px;
		}
		#contactform input,
		#contactform textarea {
			width:200px;
			margin-bottom:3px;
			background-color: #fff;
		}
		#contactform textarea {
			height:60px;
		}
		#contactform #plz {
			width:70px;
			margin-right:4px;
		}
		#contactform #ort {
			width:126px;
		}
		#contactform input[type=submit] {
			width:200px;
		}
		#contactform #infotext,
		#contactform #errortext {
			display:inline-block;
			margin:5px 0px;
		}
		#contactform #errortext {
			color: #cc0000;
		}
	/* End - entrytype contactform */
	
	/* Start - layout main page */
	
	.main_wrapper {
		font-family: "themixlight";
		text-transform: uppercase;
		text-align: center;
		white-space: nowrap;
	}
	
	.main_wrapper header {
		width: 100%;
		height: 50%;
	}
	
	.main_wrapper footer {
		width: 100%;
		height: 50%;
		position: absolute;
		bottom: 0;
		background: #AECCEB;
		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#AECCEB), to(#6eadeb));
		background: -webkit-linear-gradient(#AECCEB, #6eadeb);
		background: -moz-linear-gradient(#AECCEB, #6eadeb);
		background: -ms-linear-gradient(#AECCEB, #6eadeb);
		background: -o-linear-gradient(#AECCEB, #6eadeb);
		background: linear-gradient(#AECCEB, #6eadeb);
	}
	
	#main_title {
		color: #FD8C59;
		font-size: 84px;
		position: absolute;
		top: 155px;
		left: -20px;
		display: none;
	}
	
	#main_subtitle {
		color: #7DB2EB;
		font-size: 44px;
		position: absolute;
		top: 240px;
		left: 465px;
		display: none;
	}
	
	#main_image {
		position: absolute;
		right: 0;
		top: 30px;
	}
	
	#main_tel {
		font-size: 84px;
		color: #DDEBF9;
		margin-top: 40px;
		margin-left: -300px;
		display: none;
	}
	
	#main_bgtext {
		color: #DDEBF9;
		font-size: 300px;
		position: absolute;
		bottom: 25px;
		opacity: 0;
	}
	
	#main_nav_border {
		width: 100%;
		position: absolute;
		bottom: 15px;
		height: 2px;
		left: -760px;
		background-color: #FFF;
	}
	
	#wrapper.main_wrapper footer nav {
		position: absolute;
		left: 0;
		bottom: 0;
		height: 50px;
		color: #fff;
		text-transform: none;
		font-family: 'themixbold';
	}
	
	#wrapper.main_wrapper footer nav div {
		width: 120px;
		margin-right: 30px;
		border-top: 2px solid #FFF;
		height: 50px;
		font-size: 20px;
		display: none;
		margin-top: 0;
		border-left: 0;
		border-right: 0;
	}
	
	#wrapper.main_wrapper footer nav div:hover {
		background-color: #8DBDEE;
	}
	
	#wrapper.main_wrapper footer nav div:first-child {
		margin-left: 15px;
	}
	
	#wrapper.main_wrapper footer nav div a {
		display: inline-block;
		width: 100%;
		height: 33px;
		padding-top: 5px;
		border-left: 2px solid #fff;
		border-right: 2px solid #fff;
		border-bottom: 2px solid #71aeeb;
	}
	
	#wrapper.main_wrapper footer nav div:hover a {
		border-bottom: 0;
	}
	
	.main_entry_wrapper {
		color: #fff;
		position: absolute;
		left: 50%;
		top: 50%;
		width: 200px;
		text-align: center;
		margin-left: -100px;
		margin-top: 390px;
	}
	
	.main_entry_wrapper a {
		position: relative;
		top: 1px;
	}
	
	.main_entry_wrapper a:hover {
		text-decoration: underline;
	}
	
	.main_metanav_wrapper {
		position: absolute;
		left: 1.5rem;
		top: 1rem;
		text-align: left;
		text-transform: none;
	}
	.main_metanav_wrapper a {
		color: #b5b5b5;
		padding-right: .5rem;
	}
	.main_metanav_wrapper a:hover {
		color: #909090;
	}
	
	/* End - layout main page */
	
	
/* End - layout styles */