/*************************
all styles by outline4.ch 

gelb color: #fefe78;


************************/

/* General Semantic Tags
----------------------------------------------------------------------------------------------------*/
header, section, nav, article, footer, video, audio {display: block; position: relative; }
nav h1 {display: none;}

/* Reset by outline4
-------------------------------------------------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,header,section,nav,footer,article,img,video,audio {margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0; /* table-layout:fixed; */ }
td, th { vertical-align: top; padding-right: 20px; /* padding-bottom: 7px; */ }
td:last-child, th:last-child {padding-right: 0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,b,strong,th,var {font-style:normal; font-weight:normal;}
ul li {list-style: disc;}
ol li {list-style: decimal;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
p,dl,hr,ol,ul,pre,table,fieldset,video,audio { margin-bottom: 10px; font-weight: normal;}
q:before,q:after { content:''; }
abbr,acronym {border:0;}
pre {white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -o-pre-wrap;}
*|*:-moz-any-link:focus {outline: none !important;}
iframe{border:none;}

/* Set to 100%
-------------------------------------------------------------------------------------------------- */
html, body {
	height: 100%;
}

/* !Fonts
-------------------------------------------------------------------------------------------------- */
@font-face { font-family: 'Title'; src: url('/css/fonts/title.eot'); src: url('/css/fonts/title.eot?#iefix') format('embedded-opentype'), url('/css/fonts/title.woff') format('woff'), url('/css/fonts/title.ttf') format('truetype'), url('/css/fonts/title.svg#Title') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Regular'; src: url('/css/fonts/light.eot'); src: url('/css/fonts/light.eot?#iefix') format('embedded-opentype'), url('/css/fonts/light.woff') format('woff'), url('/css/fonts/light.ttf') format('truetype'), url('/css/fonts/light.svg#Regular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Bold'; src: url('/css/fonts/regular.eot'); src: url('/css/fonts/regular.eot?#iefix') format('embedded-opentype'), url('/css/fonts/regular.woff') format('woff'), url('/css/fonts/regular.ttf') format('truetype'), url('/css/fonts/regular.svg#Bold') format('svg'); font-weight: normal; font-style: normal; }

/* !Make IE behave like a normal browser */
canvas { -ms-touch-action: double-tap-zoom; }


/* !Body
----------------------------------------------------------------------------------------------------*/
body { 	font: 15px/20px 'Regular', sans-serif; color: #000; letter-spacing: 0.01em;
		-webkit-text-size-adjust:none; /* -webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; font-smoothing:antialiased; */
		background: #fff;}

.alias { -webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; font-smoothing:antialiased; }

/* !Headings & Formatting
----------------------------------------------------------------------------------------------------*/
h1, h2, h3, h4 {  
	font-family: 'Title', serif; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: 0; 
	color: #333; }

h1 + h2 { margin-top: 11px; }
h2 + h3 { margin-top: 10px; }

h1 {  font-size: 18px; line-height: 22px; margin-bottom: 11px; }
h2 {  font-size: 16px; line-height: 20px; }
h3 {  font-size: 15px; line-height: 20px; }

.static_format ul li { margin-left: 15px; }

/* could be a good idea
p + h2, ul + h2, table + h2 {margin-top: 15px;}
p + h3, ul + h3, table + h3 {margin-top: 15px;}
p + h4, ul + h4, table + h4 {margin-top: 15px;} */

span.bildlegende { display: block; margin-bottom: 10px;}


/* !Links
----------------------------------------------------------------------------------------------------*/

a, a:visited, .link { color: #000; text-decoration:underline; }
a:hover, a:focus, a:active, .link:hover { color: #000; text-decoration: none; }
a.title { font-size: 16px; line-height: 20px; font-family: 'Title', serif; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: 0; text-transform: uppercase; text-decoration: none;}

/* Image links remove the Magic border below images (another method would be to make images display as block) */
a img, a:hover img {border: none; text-decoration: none; vertical-align: bottom; background: none;}

/* Link icons */ 
a.download_icon {padding-left: 23px; background: url(/css/images/icons/download.png) no-repeat 0 50% transparent; height: 19px; }
a:hover.download_icon { text-decoration: none; }

/* Automatic Link Icons a[href$=jpg], a[href$=jpeg], a[href$=jpe], a[href$=png], a[href$=gif] { text-decoration: none; border: 0 none; vertical-align: bottom; background: none;} */


/* Inline Formats
----------------------------------------------------------------------------------------------------*/
i, em { font-style: italic; font-variant: normal; font-weight: normal; }
b, strong { font-family: 'Bold', sans-serif; font-style: normal; font-variant: normal; font-weight: normal; }

hr { border: 0; margin-left: 0px; color: #fff; background-color: #fff; height: 1px; }


/* Layout divs
----------------------------------------------------------------------------------------------------*/
.centerer { position: relative; width: 960px; margin: 0 auto; /* height: 100%; */  }
#wrapper { position: relative; float: left; width: 100%; background: #fff;}


	/* !Header 
	------------------------------------------------------------------------------------------------------*/
	#header { position: relative; float: left; width: 100%; height: 200px; }

		#navigation_wrapper { position: absolute; top:125px; left: 50%; width: 930px; margin-left: -465px; height: 75px; }
		#home #navigation_wrapper, #navigation_wrapper.short.fixed { height: 35px; }
		#navigation_wrapper.fixed { position: fixed; top:0; left: 50%; width: 930px; margin-left: -465px; background: url(/images/layout/trans-white.png) repeat 0 0 transparent; z-index: 20; height: 75px;}
		#navigation_wrapper.fixed #main_nav {border-top: none;}
				
		#main_nav { position: absolute; padding-top: 3px; width: 930px; left: 50%; margin-left: -465px; top: 0; text-align: center; border-top: 1px solid #000; }
			#main_nav ul { list-style: none; margin-bottom: 0; }
			#main_nav li { display: inline-block; padding-left: 10px; padding-right: 10px; }
				#main_nav li.first { padding-left: 0; }
				#main_nav li.last { padding-right: 0; }
				#main_nav li a { color: #000; font-size: 22px; line-height: 26px; font-family: 'Title', serif; font-style: normal; font-variant: normal; font-weight: normal; text-transform: uppercase; text-decoration: none; }
				#main_nav li a:hover, #main_nav li.here a, #main_nav li.parent-here a { text-decoration: none; }
			
		#sub_nav { 	position: absolute; width: 960px; left: 50%; margin-left: -480px; top: 30px; text-align: center; border-top: 1px solid #000;
					padding-top: 10px; 
			}
			#sub_nav ul { list-style: none; }
			#sub_nav li { display: inline-block; padding-left: 10px; padding-right: 10px; }
				#sub_nav li.first { padding-left: 0; }
				#sub_nav li.last { padding-right: 10px; }
				#sub_nav li a { display: inline-block; font-size: 18px; line-height: 20px; color: #000; font-family: 'Regular', sans-serif; font-style: normal; font-variant: normal; font-weight: normal; text-transform: uppercase; text-decoration: none;  }
				#sub_nav li a:hover, #sub_nav li.active a, #sub_nav li.parent-active a { text-decoration: none; }
		
		#nav_line { position: absolute; top: 39px; left: -960px; width: 960px; height: 1px; border-top: 1px solid #000; }
		
		#logo { position: absolute; right: 15px; top: 37px; }				


	/* !Content
	------------------------------------------------------------------------------------------------------*/
	#content_container { position: relative; float: left; width: 100%; margin-top: 40px; margin-bottom: 40px; }
		#content_container.no_sub { margin-top: 0px; }
		#content_left { position: relative; float: left; width: 175px; }
			.no_content_left { margin-left: 175px; }
			.no_content_left_big { margin-left: 145px; }
		
		#big_content_middle { position: relative; float: left; width: 670px; }
			.big_listing_container { position: relative; float: left; width: 275px; margin-left: 30px; margin-right: 30px; margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid #000; }
				.big_listing_container h1 { text-transform: uppercase; }
				
		#content_middle { position: relative; float: left; width: 610px; }
			.inner_container { position: relative; float: left; width: 100%; margin-bottom: 20px; }
				.inner_left { position: relative; float: left; width: 275px; margin-right: 30px; }
				.inner_right { position: relative; float: left; width: 275px; margin-left: 30px; }
				
						
		#content_right { position: relative; float: left; width: 145px; padding-left: 20px; }
		#sticker { width: 145px; }
			.no_content_right { margin-right: 175px; }
			.no_content_right_big { margin-right: 145px; }

		.back_image {margin-top: 20px;}
		.back_link { text-decoration: none; font-size: 18px; line-height: 24px;}
		.desc_block { margin-bottom: 20px; }

	/* !News (big_content_middle)
	------------------------------------------------------------------------------------------------------*/
		.news_date { font-size: 11px; background: #fefe78; padding: 0 2px; }

	/* !Home (big_content_middle)
	------------------------------------------------------------------------------------------------------*/
		#home_designer { width: 930px; margin-left: -130px;}
		.home_designer a, .home_designer { /* font-size: 38px; line-height: 45px; */ font-size: 18px; line-height: 24px; font-family: 'Title', serif; text-decoration: none;  }
		.home_designer a:hover { text-decoration: underline; }
		
		#bubble { display: table; position: absolute; top: 220px; left: -160px; width: 185px; height: 185px; overflow: hidden; background: url(/images/layout/bubble.png) no-repeat 0 0 transparent;
			font-family: 'Title', serif; font-size: 17px; line-height: 20px; text-align: center; z-index: 10; }
			
			#bubble p { display: table-cell; vertical-align: middle; margin-bottom: 0!important; }
				#bubble p a { text-decoration: none; }
				#bubble p a:hover { text-decoration: underline; }
				
	/* !Formats
	------------------------------------------------------------------------------------------------------*/
	.aside_format h1, .aside_format h2, .listing_format h1 { font-family: 'Regular', sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 15px; line-height: 20px; text-transform: uppercase; margin-bottom: 0; }
	.listing_format p, .listing_format h1 { margin-bottom: 0px; line-height: 18px; }
	.listing_format p { margin-bottom: 3px; }
	.listing_format a { text-decoration: none; }
	
	.static_format h1, .h1 { font-size: 22px; line-height: 26px; text-transform: uppercase; text-align: left; border-bottom: 1px solid #000; margin-bottom: 20px; }
	.static_format h2, .h2 { font-size: 15px; line-height: 20px; text-transform: uppercase; font-family: 'Regular', sans-serif; font-style: normal; font-variant: normal; font-weight: normal; }
	.static_format p { margin-bottom: 20px; }
	
	.static_format iframe { margin-bottom: 20px; }
	
	.news_format h1 { margin-bottom: 11px; }
	.news_format p { margin-bottom: 10px; }
	
	
	/* forms
	---------------------------------------------------------------------------------------------*/
	#edit_form { float: left; width: 100%; }
	.registration_left { position: relative; float: left; width: 47%; margin-right: 3%; margin-bottom: 20px; }
	.registration_right { position: relative; float: left; width: 47%; margin-left: 3%; margin-bottom: 20px; }
	.registration_full { position: relative; float: left; width: 100%;  margin-bottom: 20px; }
	
	/* .registration_left li, .registration_right li { list-style-type: none; } */
	
	.registration_group { float: left; width: 100%; margin-bottom: 60px;}
	
	.control-group { margin-bottom: 10px; }
		.control-label { display: inline-block; width: 30%; margin-right: 3%; vertical-align: top; }
		.control-label-radio { display: block; width: 100%; }
		.controls { display: inline-block; width: 65%; vertical-align: top; }
			.control-input {width: 95%;}
			.control-textarea {width: 96%; height: 40px; }
	
	textarea, input { font: 14px/20px 'Regular', sans-serif; color: #000; letter-spacing: 0.01em; }
	.input_home { border: none; text-align: center; border-top: 1px solid #000; padding-top: 5px; padding-bottom: 2px; }
	.input_home:focus { background: #fefe78; }

	#suchanfrage_form label { display: block; text-transform: uppercase; width: 100%; }
	.input_text { border: none; text-align: left; border-bottom: 1px solid #000; padding-top: 5px; padding-bottom: 2px; width: 275px; height: 21px; }
		.input_text:focus { background: #fefe78; }	
	.input_textarea { border: none; text-align: left; border-bottom: 1px solid #000; padding-top: 5px; padding-bottom: 2px; width: 275px; height: 90px; }
		.input_textarea:focus { background: #fefe78; }
	
	/* footer
	---------------------------------------------------------------------------------------------*/
	#footer { position: relative; float: left; width: 100%; border-top : 1px solid #000; padding-top: 20px; margin-top: 20px; text-align: center; }
		#footer_left { position: relative; float: left; width: 220px; margin-right: 20px; }
		#footer_right { position: relative; float: left; width: 700px; }
			.footer_social { position: relative; float: left; width: 49%; margin-left: 1%;}
				a.facebook_icon { display: inline-block; width: 29px; height: 29px; text-indent: -999px; line-height: 29px; margin-right: 6px; background: url(/images/layout/facebook-icon.png) no-repeat 0 0 transparent; }
				a.blog_icon { display: inline-block; width: 50px; height: 28px; text-indent: -999px; line-height: 29px; margin-right: 10px; background: url(/images/layout/blog-icon.png) no-repeat 0 0 transparent; }
		
		ul.footer_nav li { list-style-type: none; }
		ul.footer_nav li.here a { text-decoration: underline; }

	/* !General formatting
	---------------------------------------------------------------------------------------------*/
				
	.rounded {-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; /* future proofing */ -khtml-border-radius: 8px; /* for old Konqueror browsers */}
	.shadows { box-shadow: inset 1px 1px 6px white, 4px 6px 6px #999; }
	.drop_shadow { box-shadow: 5px 3px 5px black; }
	.inner_shadow { box-shadow:  inset 5px 3px 5px white; }
	.box_rotate {
	  -webkit-transform: rotate(-8.5deg);  /* Chrome, Safari 3.1+ */
	     -moz-transform: rotate(-8.5deg);  /* Firefox 3.5-15 */
	      -ms-transform: rotate(-8.5deg);  /* IE 9 */
	       -o-transform: rotate(-8.5deg);  /* Opera 10.50-12.00 */
	          transform: rotate(-8.5deg);  /* Firefox 16+, IE 10+, Opera 12.10+ */
	}
		
	/* pagination
	---------------------------------------------------------------------------------------------*/						
	.pagination {margin-bottom: 20px; /* border-bottom: 1px dotted #dcdcdc;  */}
		.pagination a, .pagination strong { padding: 6px; text-decoration: none; }	
		.pagination strong { text-decoration: none; }
		


/* !Specials
----------------------------------------------------------------------------------------------------*/
.no_border, a.no_border, a.no_border:hover {border: none; background: none; padding: 0;}
.no_margin, .nomargin {margin-bottom: 0px;}
.no_margin_btm {margin-bottom: 0px;}
.no_margin_top {margin-top: 0px!important;}

.img_link, a.img_link, a.img_link:hover { /* display: inline-block; */ border: none; background: none; padding: 0;}
.img_legend {  font-size:12px;  }

.margin_btm {margin-bottom: 20px;}
.margin_top {margin-top: 20px;}

p.gray {color: #878787;}

.big_margin_btm {margin-bottom: 30px;}
.big_margin_top {margin-top: 30px;}

.small_margin_top {margin-top: 7px;}
.small_margin_btm {margin-bottom: 7px;}

.small, .last_edited {font-size: 80%; color: #7c7c7c}
.last_edited.hidden {display: none;}

.uppercase, .uppercase a, a .uppercase a {text-transform: uppercase;}

.alert { color: #db001b; font-family: 'Bold', sans-serif; font-style: normal; font-variant: normal; font-weight: normal; }

.legend, .legend a { font-size: 12px; }

.hide-text, .hide-text a { display: inline-block; text-indent: 110%; white-space: nowrap; overflow: hidden;}
.hide-text a {cursor: pointer;}

.border {border-bottom: 1px solid #333;}
.center {text-align: center;}
.ident {padding-left: 11px;}
.no_wrap {white-space: nowrap;}


/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

/* !Admin Elements
----------------------------------------------------------------------------------------------------*/
a.modalbox_edit, a.admin_link, .admin_stuff { color : #fff!important; background: #999; font-size: 80%; padding: 0 3px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; /* future proofing */ -khtml-border-radius: 5px; /* for old Konqueror browsers */ text-decoration: none;}
a:hover.modalbox_edit, a:hover.admin_link { color : #fff; background: #999; text-decoration: none;}

#admin_box {
	position: absolute;
	top: 5px;
	left: 50%; width: 930px; margin-left: -465px;
	background: transparent; z-index: 100; 
}

#toggler {position: fixed; top: 6px; right: 0; padding: 5px 10px; z-index: 101; color: #000; }

.logged_in {background: url(/css/images/stripe-gray.png) repeat 0 0 transparent; }
.logged_in_gray {background: url(/css/images/stripe-gray.png) repeat 0 0 transparent; }
.logged_in_black {background: url(/css/images/stripe-dark.png) repeat 0 0 transparent; }

.admin_background {background: #b21f17; }

.admin_white, .admin_white a {color: white!important; }
.admin_white {padding: 5px;}

/* !Test
----------------------------------------------------------------------------------------------------*/
#test_wrapper {padding: 20px;}
	.test_section { padding-bottom: 20px; margin-bottom: 40px; border-bottom: 1px solid black; }