/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/


html, body, div, span, object, iframe,
xh1, xh2, xh3, h4, h5, h6, xp, 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;
}
header {
	background: #000;
}
nav {
	background: #000;
}
nav ul {
	list-style:none;
	display: block; 
	width: 100%;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
a:link, a:visited, a:active {
	color:#333;
	font-weight: normal;
	text-decoration: underline;
}
a:hover {
	color:#333;
	text-decoration: none;
}	

/* change colours to suit your needs */
ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

/* change colours to suit your needs */
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 #cccccc;
	margin:1em 0;
	padding:0;
}

input, select {
	vertical-align:middle;
}

/* ##### reset END ############################################################ */


@font-face{ 
	font-family: 'OpenSans';
	src: url('/fonts/OpenSans-Regular-webfont.eot');
	src: url('/fonts/OpenSans-Regular-webfont.eot?iefix') format('eot'),
		url('/fonts/OpenSans-Regular-webfont.woff') format('woff'),
		url('/fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
		url('/fonts/OpenSans-Regular-webfont.svg#webfont') format('svg');
}
@font-face{ 
	font-family: 'TimesSans';
	src: url('/fonts/TimesSansSerif.eot');
	src: url('/fonts/TimesSansSerif.eot?iefix') format('eot'),
		url('/fonts/TimesSansSerif.woff') format('woff'),
		url('/fonts/TimesSansSerif.ttf') format('truetype'),
		url('/fonts/TimesSansSerif.svg#webfont') format('svg');
}

html {
	background: #797682 url('/bilder/extras/higru_main.jpg') top repeat-x;
	color: #333;
	background-attachment:fixed;
}

body { 
	font-family: 'OpenSans', Helvetica, Arial, Sans-Serif;
	width: 100%;
	max-width: 1198px; /* px, weil responsiveslides sonst bei jedem Wechsel um 1 px zappelt */
	margin: 0px auto 0px auto;
	line-height: 1.4em;
	-webkit-hyphens:none;
	-moz-hyphens:none;
	-ms-hyphens:none;
	hyphens:none;
	background: #fff;
	color: #333;
	font-weight: normal;
}


.nav-item a span {display:none;}
.nav-item li span, .nav-item li a {padding:0}


dfn, .weg, table caption, #navi h2,
.sr {
	position:absolute;
	left:-9000px;
	top:auto;
	/*	overflow:hidden; weil sonst das jQuery Untermenu sofort wieder zugeht */
	display:inline;
	width:0;
	height:0;
	font-size: 0; /* h2 in der Navi */
}

h1, b, span, form, a {
	-webkit-hyphens:none;
	-moz-hyphens:none;
	-ms-hyphens:none;
	hyphens:none;
}

h1 {
	font-family: 'TimesSans', 'OpenSans', Helvetica, Arial, Sans-Serif;
	letter-spacing: -3px;
	color: #ff9e0d;
	font-size: 1.8em;
	line-height:1.2em;
	letter-spacing: 1px;
	font-weight: normal;
}

h2 {
	font-family: 'TimesSans', 'OpenSans', Helvetica, Arial, Sans-Serif;
	font-size: 1.4em;
	letter-spacing: 1px;
	line-height: 1.35em;
	margin: .6em 0;
}

#inhalt {
	color: #333;
	padding: 0 0 0 0;
}

#navi {
	display:block; 
	margin-bottom: -2em; /* siehe #skip padding und $(window).scroll(function () */
	font-size: .85em; /* wenn JavaScript aus ist, koentte man andernfalls durch JavaScript ueberschreiben */
}

#navi, #hamburger {
	width: 100%;
}

#hamburger {
	display:none;
	position:absolute;
	top:3px;
	width: 97%;
}

a.group {
	float:left;
	outline:none;
}

.group img {
	margin: .7em .5em 0 0;
	border-radius: 1em;
}  

a:focus.group img, a:hover.group img {
	-webkit-box-shadow: 2px 2px 10px #000000; /* webkit browser*/ 
	-moz-box-shadow: 2px 2px 10px #000000; /* firefox */ 
	box-shadow: 2px 2px 10px #000000;
}


.bildhinweis, .hinweis {font-family: 'OpenSans', sans-serif;font-size:.8em; margin: .5em 0 0 0;clear:both;}

.sterne {white-space: nowrap; }
.sterne img {vertical-align: 25%;}

/* http://www.kick-image.at/weblog/09-02-2009/css-problem-listen-neben-element-floaten */
.inside {
	overflow:auto; padding-left:18px;
	min-width: 7em;
}


/* Definition Skiplink */
a.skiplink,
a:hover.skiplink,
a:visited.skiplink {
	position: absolute;
	overflow: hidden;
	top: auto;
	left: -1000px;
	color:#fff;
	font-size: 1.1em;
	background: #666;
	text-decoration: none;
	padding: .5em;
	z-index:20;
}

a:focus.skiplink,
a:active.skiplink {
	position: absolute;
	top: 0; 
	left: 0;
}

a#skip {
	text-decoration:none;
	color: #666;
	outline:none;
	cursor: default;
	display:block; padding-top: 2.2em; /* wg. fixed Menu: damit bleibt der Fokus im Saf iOS auf dem Sprungziel?, und Sprungziel verschwindet nicht im IE8 */
}


/* Ende Skiplink */


/* ##### responsive slides #### */

.rslides {
	position: relative;
	list-style: none;
	overflow: hidden;
	/* width: 100%; das macht alles kaputt */
	padding: 0;
	margin: 0;
}

.rslides li {
	/* -webkit-backface-visibility: hidden; */
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0;
}

.rslides li:first-child {
	position: relative;
	display: block;
	float: left;
}

.rslides img {
	display: block;
	/*  height: auto;
	float: left; */
	width: 100.01%; /* gegen das Springen um 1px bei Bildwechsel */
	/* border-top-left-radius: 1em;*/
	/* border-top-right-radius: 1em;*/
}



.f-nav{ z-index: 9; position: fixed; top: 0; border-top: 10px solid #FAFAFA; max-width: 1198px !important;} /* this make our menu fixed top, border-top color to match body bg-color */

/* mega menu list */
.nav-menu {
	display: block; 
	background-color:#fff;color:#f0f;
	position: relative;
	list-style: none;
	z-index: 15;
	font-size: 1.2em;
	line-height: 1.5em;
	padding-left: 2em;
	font-weight: bold;
}

.nav-menu a {color:white; text-decoration:none; outline:none;}

.nav-menu a:hover:before,
.nav-menu a:focus:before {
	background-color:#ad988b;
	/* content: "\0000BB";*/
	margin-left: -.8em;
	display:inline-block;
	width: .8em;
	/* font-size: 1.3em\9;  Hurra! ein IE8 Hack */
	line-height: .7em; /* der IE braucht das, weil er sonst zappelt */
}

/* a top level navigation item in the mega menu */
.nav-item {
	display: inline-block;
	min-width: 12%\9;
	color:white; background-color:#ad988b;

}

.has_sub {
	min-width: 10em\9;
	color: #a2867a !important;
	font-weight: bold !important;
	background: #f8f7f3 !important;
	border: 0 !important;
} /* IE 8: Breite beibehalten, wenn f-nav greift */

/*.has_sub:after {content: url(img/hamburger_w.gif);}*/


/* first descendant link within a top level navigation item */
/*.nav-item > a, noscript li { */
.nav-item a, noscript li, .current, .current.sub-nav {
	position: relative;
	display: inline-block;
	padding: 10px 15px 10px 20px;

}


.current {color:#e8e8e8;}
.current:before {
	content: "? ";
	margin-left: -1.1em;
	/*    display:inline-block; */
	width: .8em;
	/* font-size: 1.3em\9;  Hurra! ein IE8 Hack */
	line-height: 1.5; /* der IE braucht das, weil er sonst zappelt */
}

.sub-nav .current {margin-bottom: .3em; margin-left:0;}
.sub-nav .current:before {margin-left: .3em;}


/* focus/open states of first descendant link within a top level 
navigation item */
.nav-item > a:focus,
.nav-item > a:hover,
.nav-item > a.open {
	background-color: #555;
}

/* open state of first descendant link within a top level 
navigation item */
.nav-item > a.open {
	background-color: #ad988b; width: 85%;
	z-index: 1;
	margin: 0 0 -1px 0; /* son Scheiss fuern IE */    

}

/* sub-navigation panel */
.sub-nav {
	position: absolute; /* das fuer mobile weg */
	display: none;
	padding: 10px 20px 10px 20px;
	background-color: #ad988b;
	opacity: 0.9;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	/* min-width: 20em; z. B. um mehrspaltiges Submenu zu erzwingen */

}

ul.sub-nav-group {
	min-width: 12em; /* der IE8 braucht das */ 
}

/* sub-navigation panel open state */
.sub-nav.open {
	display: block;
}

.sub-nav.open li a {
	padding: 1px 20px 10px 20px;
}

/* list of items within sub-navigation panel */
.sub-nav ul {
	display: inline-block;
	vertical-align: top;
}

/* list item within sub-navigation panel */
.sub-nav li {
	display: block;

}

.sub-nav-left {border-right: 1px solid }


.servicenavi {
	text-align: right; padding-right: 2em; font-size: .8em;
	height: 4em;
	color: #fff;
}

.servicenavi a:link, .servicenavi a:visited, .servicenavi a:active {
	text-decoration: none;
	font-weight: normal;
	color: #fff;
}

.servicenavi a:hover {
	text-decoration: underline;
	font-weight: normal;
	color: #ff9e0d;
}

footer {
	color:#fff;
	height: 10em;
	font-size: .8em;
	padding: 1em 1em .5em .5em;
	text-align:right;
	background: #000;
	border-top:1px solid #ff9e0d;
}

footer a:link, footer a:visited, footer a:active {
	font-weight: normal;
	color: #fff; 
	text-decoration: none;
}	
footer a:hover {
	font-weight: normal;
	color: #fff; 
	text-decoration: underline;
}	
.fussprint {
	display: none;
	visibility: hidden;
}

/* den Skiplink zum Player verstecken, auch vor SR: */
.ywp-position-offscreen {display:none !important;}


/* Pill style */
#scrollUp {
	bottom: 1em;
	color: #fff;
	text-decoration: none;
	font-size: 1.5em;
	line-height:.8em;
	outline:none;
	opacity: 0.6;
	right: 20px;
	border: 0px solid #222;
	/*border-radius: 1em;*/
	background-color: #ff9e0d;
	padding: 3px;
	height: 1em;
	/* width:1em; */
}


#scrollUp:hover { /* kein focus, weil sonst dieser Stil permanent? */
	background-color: #ff9e0d;
	/*border: 3px solid #fff;*/
	color: #94735c;
}


@media only screen and (max-width: 1024px) {
	body {width:96%; max-width: 58em;}
	.f-nav{ width:96% !important; max-width: 72.5em !important;} /* max-width: 58 / 0.8 */
	/*	#navi {font-size:80%;} */
	.nav-item a, noscript li, .current, .current.sub-nav {padding: 10px 10px 10px 15px;}
	.nav-expanded {display:block;}
}
@media only screen and (max-width: 768px) {
	.bildrechtsgross {float: none !important;}
}

@media only screen and (max-width: 735px) {
	.sub-nav-left {border-right: 0; }
	.nav-expanded {display:block;}
}

@media only screen and (max-width: 735px) {
	#content {width: 100%; }
	.nav-expanded {display:block;}
}


@media only screen and (max-width: 600px) {
	body {padding-top: 0; margin:3em auto 1em auto;}

	f-nav{position: static; border-top: 0; width: 100% !important;} /* fixed menu auch wenn nicht mob */
	#inhaltblanko {margin:0 !important;}
	#inhalt {margin:0 !important; background: #fff;}
	#menu_hinweis {display:block !important;}

	h1 {font-size: 1.3em; font-family: 'OpenSans', Helvetica, Arial, Sans-Serif;}
	h2 {font-size: 1.2em; font-family: 'OpenSans', Helvetica, Arial, Sans-Serif;}
	#content label {margin: 0 10px 0 0; width:6em !important; text-align: left !important;}

	#klapp_hide, #klapp_show dfn, #klapp_hide dfn {display:none;}
	#hamburger {display:block; text-align:right; margin-right: 5px; width:50%;right:0; }
	#hamburger img {margin-right: .4em;}
	#hamburger span {font-size: .55em; margin-top: -35px; margin-right: 9px; display:block;}

	#navi {display:none;font-size: .9em; background:#666; margin-bottom:1em;}
	#klapp_show {display:block;}



	.nav-item {
		display: block; width: 99%;
		/* border-bottom: 1px solid; */
		border-bottom: 1px solid #fff;

	}

	.sub-nav {
		position: static; width:94%;
		opacity: 1;

	}



	.sub-nav li  {
		font-size: 1em;
		padding: 4px 0 4px 6%;
		width: 100%;
		/* border-top:1px solid #888; */
	}
	.sub-nav-group, .sub-nav-group li, .sub-nav-group li a {
		display: block !important;
		width: 97%; /* damit die ganze Breite tapbar ist */

	}

	.nav-item > a.open {
		width: 94%;
		/* border-bottom: 1px solid #aaa; */
		background-color: #666;
	}

	.nav-item > a, .sub-nav {
		padding: .5em 0 .5em 6%;
	}

	.sub-nav.open li a {
		padding: 0 20px 0 20px;
	}



	.nav-item > a:focus,
	.nav-item > a:hover,
	.nav-item > a.open {
		background-color: transparent;
		width: 95%;
	}
	.nav-menu {padding-left:0;}
	.nav-menu a {display:block;}

	.nav-menu a:hover:before,
	.nav-menu a:focus:before {
		/*	margin-left: -.65em;
		width: .65em;
		line-height: 1.2em; 
		margin-left: -.8em;
		width: .8em; das macht die Navi fuer VO kaputt */
		display:none;


	}
	.nav-item a span {
		position:absolute;
		left:-9000px;
		overflow:hidden;
		display:inline;
		width:0;
		height:0;
	}

	.sub-nav-left {border-right: none }
	.current {width: 90%; margin-left: 0;}
	.current:before {content:"";line-height: .7em; margin-left:.3em;}	    
	.current:after {content: " ?";}
	.sub-nav .current {margin: -.2em;}
	#navi .hinweis {
		color:white;
		background-color: #666;
		padding: .1em 1em 1em;
	}

	a#skip {
		padding-top: 0; }

	.skiplink {display:none;}

	.nav-expanded {display:block;}
}

@media only screen and (max-width: 480px) {
	#navi {display:none;font-size: 1em; background:#666; margin-bottom:1em; background: #f00;}
	#content {
		width:100%;
		margin-right:0;
		margin-bottom:2%;
	}
	#content img {
		width:100%;
	}
	#content label {margin: 0 10px 0 0; width:6em !important; text-align: left !important;}
	#sidebar {
		width:100%;
		height:200px;
		margin-right:0;
		margin-bottom:2%;
	}
	h1 {
		font-size: 1em;
		font-weight: bold,
	}

	.bildrechts {float: none !important;}
	.bildlinks {float: none !important;}

	.contentbild {
		width: 100%;
		margin-left: 1em !important;
		margin-right: 0px !important;
		border-top: 2px solid #ff9e0d;
		border-bottom: 3px solid #ff9e0d;
		float: none !important;
	}

}