/* 
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 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,
	}
	.contentbild {float: none !important; clear: both;}
	.bildrechts {float: none !important;}
	.bildlinks {float: none !important;}
	
}