/*
html5doctor.com Reset Stylesheet v1.4.1
Author: Richard Clark - http://richclarkdesign.com
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, 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, meter, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
list-style: none;
outline:0;
font-size:100%;
font-weight: normal;
vertical-align:baseline;
/*background:transparent;*/
-webkit-appearance: none;
}
body {
line-height:1;
}
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary {
display:block;
}
nav ul {
list-style:none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}
meter {
-webkit-appearance:
}
a {
margin:0;
padding:0;
border:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
ins {
background-color:#ff9;
color:#000;
text-decoration:none;
}
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 #000;
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;
}
/* Global
------------------------------ */
body {
font: 62.5%/1.4 helvetica, arial, sans-serif;
padding: 2em 1em;
}
#logo {
float: left;
margin: 0 0 0.7em;
}
#logo img{
height: auto!important;
}
p {
font-size: 1.8em;
line-height: 1.4;
margin: 0 .3em 1em;
}
.content {
clear: both;
}
/* Navigation
------------------------------ */
.nav-primary {
clear: left;
margin: 0 0 2em;
}
.nav-primary h3 {
position: absolute;
left: -999em;
}
.nav-primary ul {
border: none; /*1px solid #e6e6e6;*/
}
.nav-primary li {
font-size: 1.8em;
border-bottom: 1px solid #eee;
background: url(../images/navigation/bg-navcomplete.png) repeat-x 0px -216px transparent;
}
.nav-primary li:last-child {
border-bottom: 0;
}
.nav-primary a {
display: block;
padding: .5em .8em;
text-decoration: none;
color: #333;
}
.nav-primary a:hover {
background-color: #f8f8f8;
}
.nav-primary .nav-current {
font-weight: bold;
}
/* drop down menu formatting when all menu items won't fit in a single line */
.nav-menu .nav-primary {
margin: 0 0 1.5em;
position: relative;
overflow: hidden;
}
.nav-menu .nav-primary a {
padding-right: 3em;
}
.nav-menu .nav-primary h3 {
position: absolute;
top: 0;
left: auto;
right: 0;
display: block;
width: 4em;
height: 4.5em;
background: url(../images/navigation/icons_inverted.png) no-repeat scroll -205px -2px transparent;
text-indent: -999em;
cursor: pointer;
}
.nav-menu .nav-primary.expanded h3 {
background-position: -169px 0px;
}
.nav-menu .nav-primary li {
clear: left;
display: none;
padding-left: 5px;
font-size: 1.1em!important;
font-weight: bold!important;
}
.nav-menu .nav-primary.expanded li,
.nav-menu .nav-primary li.nav-current {
display: list-item;
background: none #fff;
}
.nav-menu .nav-primary li.nav-current {
border-bottom-width: 0;
}
.nav-menu .nav-primary.expanded li.nav-current {
border-bottom-width: 1px;
}
#hintswrap{
left: 220px;
position: absolute;
top: 5px;
}
.inprints{
display:block!important;
}
.inprints > div {
float: left;
margin-left: 12px;
cursor:pointer;
}
.hinticon{
visibility:visible;
}
/* Hintergrund und Positionierung Header */
.headerwrapper{
max-width:840px;
margin: 0 auto;
padding-top: 11px;
position:relative;
}
.innerheaderwrap{
background:url(../images/pattern-header.png) repeat top left transparent;
width:100%;
height:100%;
}
.outerheaderwrap{
	background: rgb(223,223,223); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZGZkZmRmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2JjYmNiYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(-45deg,  rgba(223,223,223,1) 0%, rgba(255,255,255,1) 50%, rgba(188,188,188,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(223,223,223,1)), color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(188,188,188,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  rgba(223,223,223,1) 0%,rgba(255,255,255,1) 50%,rgba(188,188,188,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  rgba(223,223,223,1) 0%,rgba(255,255,255,1) 50%,rgba(188,188,188,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  rgba(223,223,223,1) 0%,rgba(255,255,255,1) 50%,rgba(188,188,188,1) 100%); /* IE10+ */
	background: linear-gradient(135deg,  rgba(223,223,223,1) 0%,rgba(255,255,255,1) 50%,rgba(188,188,188,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfdfdf', endColorstr='#bcbcbc',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
	height: 100%;
    width: 100%;
}
#headerwrap{
	position:absolute;
	top:0px;
	left:0px;
	height:95px;
	width:100%;
	/*box-shadow: 0px 4px 4px #333;*/
	-moz-box-shadow: 0px 4px 4px #333;
	-webkit-box-shadow: 0px 4px 4px #333;
	box-shadow: 0px 4px 4px #333;
	filter:progid:DXImageTransform.Microsoft.Shadow(strength=3,color=#666666,direction=135);
	z-index:100;
}
#navnull{display:none;border-bottom:0px;}
/*.nav-primary ul li{width:46px;}*/
/* Media queries
------------------------------ */
@media screen and (max-width: 931px) {
#headerwrap{height:110px;}
.headerwrapper {max-width:540px;}
.nav-primary {max-width:200px;}
#navnull{display:block;}
}
@media screen and (min-width: 931px) {
#headerwrap{height:110px;}
.nav-primary {
float: left;
clear: none;
margin-left:20px;
}
.navtext{
display:none;
}
.nav-primary,
.nav-primary ul {
float: left;
}
.nav-primary ul {
float: left;
}
.nav-primary li {
float: left;
font-size: 1.5em;
border-bottom: 0;
}
/* Jahreszahlen */
.year1,.year2,.year3,.year4,.year5,.year6,.year7,.year8 {
width:46px;
height:54px;
display: inline-block;
cursor:pointer;
z-index:11;
}
.firstnavitem{
background-position:0px -108px!important;
}
.lastnavitem{
background-position:0px -324px!important;
}
.year1{
background: url(../images/navigation/1956.png) repeat-x 46px 0px transparent;	
}
.year2{
background: url(../images/navigation/1960.png) repeat-x 46px 0px transparent;	
}
.year3{
background: url(../images/navigation/1970.png) repeat-x 46px 0px transparent;	
}
.year4{
background: url(../images/navigation/1980.png) repeat-x 46px 0px transparent;	
}
.year5{
background: url(../images/navigation/1990.png) repeat-x 46px 0px transparent;	
}
.year6{
background: url(../images/navigation/2000.png) repeat-x 46px 0px transparent;	
}
.year7{
background: url(../images/navigation/2010.png) repeat-x 46px 0px transparent;
}
.year8{
background: url(../images/navigation/2017.png) repeat-x 46px 0px transparent;
}
.current, .nav-primary ul li span:hover{
background-position:2px 0;	
}
#hintswrap{
position: relative;
float:right;
left:0px;
top:0px;
padding-top: 5px;
}
}
@media screen and (max-width: 532px) {
#headerwrap{
height:110px;
}
.headerwrapper {max-width:378px;}
#hintswrap {
    width: 142px;
}
.nav-menu .nav-primary h3 {
    background-position: -205px -2px;
}
.nav-primary li {
   	font-size: 1.1em!important;
    font-weight: bold!important;
}
.navtext{
display:block;
}
}
@media screen and (max-width: 378px) {
#headerwrap{
height:110px;
}
.headerwrapper {
max-width:196px;
float: left;
margin-left: 10px;
}
#logo{
margin:0 0 0 0.5em;
}
.hinticon.hintactive{
visibility:hidden;
display:none;
}
#hintswrap {
width:92px;
left: 210px;
}
.hintpause.hinticon{
visibility:visible!important;
display:block!important;
}
.hinticon{
visibility:invisible!important;
display:none!important;	
}
.hintactive{
visibility:visible!important;
display:block!important;
}
.nav-menu .nav-primary h3 {
	background-position: -205px 0px;
}
.nav-primary li {
   	font-size: 1.1em!important;
    font-weight: bold!important;
}
}
/* Hints Sektion */
.hintsound,.hintperson,.hintvideo,.hintread,.hintpause{
width:46px;
display:inline-block;
height:46px;
float: left;
}
.hintsound{
background: url(../images/hints/hints_small.png) no-repeat scroll 0px 0px transparent;	
}
.hintperson{
background: url(../images/hints/hints_small.png) no-repeat scroll -45px 0px transparent;	
}
.hintvideo{
background: url(../images/hints/hints_small.png) no-repeat scroll -135px 0px transparent;	
}
.hintread{
background: url(../images/hints/hints_small.png) no-repeat scroll -90px 0px transparent;	
}
.hintpause{
background: url(../images/hints/hints_small.png) no-repeat scroll -180px 0px transparent;	
}
.hintsound.hintactive{
background: url(../images/hints/hints_small.png) no-repeat scroll 0px -47px transparent;
}
.hintperson.hintactive{
background: url(../images/hints/hints_small.png) no-repeat scroll -45px -47px transparent;
}
.hintvideo.hintactive{
background: url(../images/hints/hints_small.png) no-repeat scroll -135px -47px transparent;
}
.hintread.hintactive{
background: url(../images/hints/hints_small.png) no-repeat scroll -90px -47px transparent;
}
.hintpause.hintactive{
background: url("../images/hints/hints_small_play.png") no-repeat scroll 0px 0px transparent;
}
.hintpause.hinticon.play{
background: url("../images/hints/hints_small_play.png") no-repeat scroll 0px 0px transparent;
}
.hintpause.hinticon.play:hover{
background: url("../images/hints/hints_small_play.png") no-repeat scroll -46px 0px transparent;
}
.hintpause.hinticon.pause{
background: url("../images/hints/hints_small_play.png") no-repeat scroll 0px -46px transparent;
}
.hintpause.hinticon.pause:hover{
background: url("../images/hints/hints_small_play.png") no-repeat scroll -46px -46px transparent;
}
/* ursprünglichen Play/Pause Button ausschalten */
.zuperSlider > .playPause{display:none!important; z-index:1000;}
/* original Hintssection */
/* Hints Sektion 
.hintsound,.hintperson,.hintvideo,.hintread{
width:76px;
display:inline-block;
height:76px;
}
.hintsound{
background: url(../images/hints/hints.png) no-repeat scroll 0px 0px transparent;	
}
.hintperson{
background: url(../images/hints/hints.png) no-repeat scroll -76px 0px transparent;	
}
.hintvideo{
background: url(../images/hints/hints.png) no-repeat scroll -228px 0px transparent;	
}
.hintread{
background: url(../images/hints/hints.png) no-repeat scroll -152px 0px transparent;	
}
.hintsound.hintactive{
background: url(../images/hints/hints.png) no-repeat scroll 0px -76px transparent;
}
.hintperson.hintactive{
background: url(../images/hints/hints.png) no-repeat scroll -76px -76px transparent;
}
.hintvideo.hintactive{
background: url(../images/hints/hints.png) no-repeat scroll -228px -76px transparent;
}
.hintread.hintactive{
background: url(../images/hints/hints.png) no-repeat scroll -152px -76px transparent;
}
*/
.clickable{
	text-decoration: none;
	color: #000000;
}