@charset "utf-8";
	@font-face {
		font-family: "Muli";
		src: url('fonts/Muli.eot');
		src: url("fonts/Muli.woff") format('woff');
	}
	@font-face {
		font-family: "MuliBold";
		src: url('fonts/MuliBold.eot');
		src: url("fonts/MuliBold.woff") format('woff');
	}
	@font-face {
		font-family: "MuliBoldItalic";
		src: url('fonts/MuliBoldItalic.eot');
		src: url("fonts/MuliBoldItalic.woff") format('woff');
	}
	@font-face {
		font-family: "MuliSemiBoldItalic";
		src: url('fonts/MuliSemiBoldItalic.eot');
		src: url("fonts/MuliSemiBoldItalic.woff") format('woff');
	}		
	@font-face {
		font-family: "MuliSemiBold";
		src: url('fonts/MuliSemiBold.eot');
		src: url("fonts/MuliSemiBold.woff") format('woff');
	}		
	
	
	body{
		width:990px;
		font-family: 'MuliSemiBold','Arial','sans-serif'; 
		margin:auto;
	}

header{
	width: 990px;
	margin:auto;
}

section{
	width: 990px;
	margin:auto;
}

nav{
    width: 990px;
    padding-top: 3px;
	/*height:46px;*/
	margin:auto;
}

#searchtoggler{
	color:#69b3e7;
	padding-left:3px;
	font-family: 'MuliSemiBold','Arial','sans-serif';
}

#toggleSearch{
	font-family: 'MuliSemiBold','Arial','sans-serif';
}
footer{
	width:990px;
	margin:auto;
	margin-top:20px;
}

#overlay{
	font-family: Arial, sans-serif;
}

#overlay table * {
	/*font-family: 'MuliSemiBold','Arial','sans-serif';*/
		font-family: Arial, sans-serif;
}

#overlay  table h1 {
	font-size: 16px;
	background-color: none;
	color: black;
}

.ui-page:focus{
	outline:0;
}
	
	#notenlinie{
		width:100%;
	}

	.headercell{
		/*height:115px;*/
		float:left;
	}
	.headercell img{
		height:62px;
		display:block;
	}
	.cell{
		display:block;
	}
	#logo2 {margin-left: 10px;}
	#logo2 img{
		border-left: 1px solid #69b3e7;
		padding-left: 10px;}
	#logo3{
		position: absolute;
		height: 95px;
		margin-left: 650px;
		z-index:100;
	}
	#logo3 img{
		height:93px;
		box-shadow: 3px 3px 3px #ddd;
		border-radius: 50px;
		-webkit-box-shadow: 3px 3px 3px 0px #ddd;
		-moz-box-shadow: 3px 3px 3px 0px #ddd;
		-moz-border-radius: 50px;
		-webkit-border-radius: 50px;
	}
	
	#logo4{
		float:right;
		margin-right: 18px;
	}
	
	#notenlinie{
		position:absolute;
		top: 68px;
		height:40px;
	    width: 990px;
		background-image: url(../style/_logo/notenlinie2.png);
		background-size: auto;
		background-repeat-x: initial;
		background-repeat-y: no-repeat;
		background-repeat: repeat-x;
	}
	
	#notenlinie-neu img{width:990px;}
	
	nav{
		clear:both;
	}
	
	#search_entry, #searchword{
		height: 29px;
		width: 197px;
		margin-left: 21px;
		border: 1px solid #69b3e7;
		padding-left: 3px;
	}
	
	#suche form{
		margin-block-end: 0em;
		
	}
	#search{
		float:left;
		margin-left: 14px;
		display:flex;
	}
	#search2{
		display:flex;
		padding-left: 38px;
		float:left;
	}
	
	#suchlupe, #suchlupe2{
		display:none;
		margin-left:-30px;
		margin-top:3px;
	}
	#ExpSearch{
		float:right;
		margin-right: 30px;		
	}

	#suche a{
		text-decoration:none;
		color:#000;
	}
	#suche a:hover{
		color:#0047bb;	
	}
	#suche a:visited{
		color:#000;
	}
	input[type=text]::-ms-clear {
		display: none;
	}
	.pfeil{
		color:#a91932;
	}	
	.banner{
		float:left;
		width:970px;
		height:230px;	
		padding: 10px;
		margin-top: 6px;
	}
	.ajaxloader{
		padding:15px;
    }
	.item{
		float:left;
		width:310px;
		height:165px;	
		padding: 10px;
	}
	
	
	.item a:visited{
		color:#000;
	}
	.item a .bildText{
		color:#0047bb;
	}
	.item a:hover .bildText{
		color:#000;
	}

	.banner a .bildText{
		color:#0047bb;
	}	
	.banner a:hover .bildText{
		color:#000;
	}		
	
	.bildText{
		position:relative;
		top:-40px;
		height:35px;
		vertical-align:middle;
		float:left;
		width:300px;
		background-color:#f0e6d2;
		font-size:20px;
		padding-left: 10px;
		padding-top:5px;
		filter: alpha(opacity=90);
		filter: progid: DXImageTransform.Microsoft.Alpha(opacity=90);
		-moz-opacity: 0.90;
		opacity: 0.9;
		zoom: 1;
		font-family: 'MuliBold','Arial','sans-serif'; 		
	}
	#bannerBildText{
		width:960px;
	}
	
	#indexTab{
		margin-top:10px;
		background-color:#f0e9d7;
		padding:10px;
		width:100%;
	}
	#indexTab td{
		text-align:justify;		
	}
	#indexTab td a{
		font-size:24px;
		text-decoration:none;
		font-weight:bold;
		color:#000;
	}
	
	/*collections*/
	body > p {
		margin: 0px;
		background-color: #f8f4eb;
		padding-top: 7px;
		padding-left: 10px;
		padding-bottom: 7px;
		font-family: 'Arial';
	}
	body > p > span{
		color:#000;
	}
	
	body > div.ui-page > p {
		margin: 0px;
		background-color: #f8f4eb;
		padding-top: 7px;
		padding-left: 10px;
		padding-bottom: 7px;
		font-family: 'Arial';
	}
	body > div.ui-page > p > span{
		color:#000;
    }
	
	/*
	#indexTab td > a{
	    display: inline-block;
		display: -moz-inline-box;
		*display: inline;
		zoom: 1;
		width: 2.5%;
		text-align: center;
	}*/
	
	.item2col{
		background-color:#f8f4eb;
	/*	margin-top: 58px;
		padding:25px;
		*/
		-webkit-column-count: 2; /* Chrome, Safari, Opera */
		-moz-column-count: 2; /* Firefox */
		column-count: 2;
		-webkit-column-gap: 40px; /* Chrome, Safari, Opera */
		-moz-column-gap: 40px; /* Firefox */
		column-gap: 40px;
	}
	
	.item2col p:first-child{
		margin-top:0px;
	}
	
	.item2col h2{
		font-weight:bold;
	}

	.item1col{
		background-color:#f8f4eb;
		margin-top: 58px;
		/*margin-left: 10px;
		margin-right: 10px;*/
		padding:25px;
	}
	
	.item1col a{
		text-decoration:none;
	}

	body > p > a{
		text-decoration:none;
	}
	
	/*static pages*/
	#seitentitel{
		background-color:#f0e9d7;	
		width: -moz-calc(100% + 25px);
		width: -webkit-calc(100% + 25px);
		width: calc(100% + 25px);
		display:block;
		height:40px;
		margin-left:-25px;
		padding-left:25px;
		margin-top:-25px;
		padding-top:10px;
	}
	
	#seitentitel2{
		background-color: #f0e9d7;
		width: -moz-calc(100% + 25px);
		display: block;
		height: 40px;
		padding-left: 10px;
		padding-top: 10px;
	}
	
	staticWeiterLinkDiv{
		float:right;margin-right: 10px;margin-left: 50px;
	}
	
	#sortmenu{
/*		left: 811px;
		top:243px;
		position: absolute;*/
		top: 14px;
		position: relative;
		float: right;
		right: -16px;
	}
	
	.item2col p a{
		color:#0047bb;
	}

	.item1col p a{
		color:#0047bb;
	}
	
	/*end static pages*/
	
	
	footer{
		width:100%;
		clear:both;
		background-color:#69b3e7;
		color:#fff;
	    clear: both;
	}
	#footerfirst{
		margin-top:17px;
		font-family:"Muli","Arial","sans-serif";
		font-size:12px;

	}	
	.footerDiv{
		background-color:#69b3e7;
		float: left;
		margin-top: 10px;
		width:990px;
		/*margin:auto;*/
		
	}
	.footerDiv2{
		background-color:#69b3e7;
		float: left;
		margin-top: 20px;
		width:990px;
		font-family: Muli, Arial, sans-serif;
		font-size: 14px;
	}	
	
	.footerHead{
		font-size:20px;
		font-weight:bold;
		color:#fff;
	}
	.footer{
		background-color:#69b3e7;
		float:left;
		width:303px;
		height:165px;
		margin:10px;
		color:#fff;
	}
	
	.footer a{
		color:#fff;
		text-decoration:none;
		font-family:"Muli","Arial","sans-serif";
		font-size:12px;
	}
	.footer a:hover{
		color:#0047bb;	
	}	
	
ul {
    list-style: none;
    margin-left: 0;
    padding-left: 1.2em;
    text-indent: -1.2em;
	line-height: 25px;
	margin-top: 4px;
	font-family: "Arial";
	font-size:12px;
}

ul a{
	text-decoration:none;
}

.footerText li:before {
    content: "►";
    display: block;
    float: left;
    width: 1.5em;
		color: #fff;
		font-size:12px;
	}
	
	#cc {
		margin-top: 15px;
	}

/************AUDIO****************/
.audioplayer {
	width: 250px;
	height: 30px;
	/*margin: 25px auto auto auto;
	border: solid;*/
}

.playbutton {
	height: 25px;
	width: 25px;
	border: none;
	float: left;
	outline: none;
}

.play {
	background: url('_logo/play.png');
}

.pause {
	background: url('_logo/pause.png');
}

.play,
.pause {
	background-size: 50% 50%;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #a91932;
	border-radius:13px;
    margin-top: 0.5em;
    margin-right: 5px;
    margin-bottom: 0.5em;
    margin-left: 5px;	
}

.timeline {
	width: 200px;
	height: 20px;
	margin-top: 10px;
	float: left;
	border-radius: 15px;
	background: #f8f4eb;
}

.playhead {
	width: 18px;
	height: 18px;
	border-radius: 50%;
	margin-top: 1px;
	background: #69b3e7;
	cursor: pointer;
}
/*AUDIO-END*/	

/* Jquery mobile*/
.ui-loader{
	display:none;
}	


#content{
	margin-top:70px;
	font-family: 'Arial','sans-serif'; 
}
	
.hilite{
	background-color:yellow;
}
@media only screen and (max-device-width: 768px)
{ 
/*
	@-ms-viewport{
		width: device-width;
	}*/
	
	
	#logo3{
		left:466px;
		margin-left:0px;
	}
	
	#logo3 img{
		height: 79px;
	}
	
	footer, .footerDiv{
		width:640px;
	}
	
	.footerDiv{
		margin:0px;
	}
	
	.footerDiv2{
		width:660px;
	}
	
	footer{
		/*
		margin: 10px;
		width: 300px;
		*/
		margin: 0;
	}
	
	.footerDiv2 .footer{
		padding-left:10px;
	}
	
	#ExpSearch{
		margin-right:8px;
	}

	.banner{
		width:640px;
	}
	
	#bannerBildText{
		width:630px;
	}
	
	#articleOfTheDayLink .oemlBild{
		overflow:hidden;
	}
	
	#notenlinie-neu img{
		width:660px;
	}
	#notenlinie-neu{
		/*position: absolute;
		top: 140px;*/
		width: 100%;
	}
	
	.headercell img{
		height: 50px;
	}
	
	#menuDiv{
		width: 100%;
	}
	
	#search2{
		padding-left: 14px;
	}
	
	body, header, nav, section, #suche{
		width:660px;
	}
	
	#content{
		/*
		margin-top:110px;
		*/
	}
	
	#sortmenu{
		left: 595px;
		top:200px;
		position: absolute;
	}

	#search_entry, #searchword{
		width: 195px;
		margin-bottom: 14px;
	}
	
}	

@media only screen and (max-device-width: 413px)
{ 
	body{
		width:100%;
	}

	@-ms-viewport{
		width: device-width;
	}
	
	header{
/*		width:400px;*/
	width:100%;
	}

	section{
		width:100%;
	}
	
	.footer{
		height:auto;
	}

	#notenlinie-neu{
		position: absolute;
		top: 115px;
		width: 100%;
	}

	#notenlinie-neu img{width:100%;}	
	
	nav{
/*		width:400px;*/
	width:100%;
	}
	
	footer{
		/*width:100%;
		width: -moz-calc(100% - 20px);
		width: -webkit-calc(100% - 20px);
		width: calc(100% - 20px);*/
		    width: calc( 100% - 10px);
    margin-left: 5px;
    margin-right: 5px;
	padding-top: 5px;
	background-color:#fff;		   
	}
	
	.footerDiv2{
		width:100%;
		width: -moz-calc(100% - 8px);
		width: -webkit-calc(100% - 8px);
		width: calc(100% - 8px);			
	    padding-left: 8px;
	}
	
	.footerDiv{
		width:100%;
	}
	
	.item1col{
		margin:0;
	}
	
	#logo1{
		position:absolute;
		top:51px;
	}
	#logo1 img{
		height:53px;
	}

	
	#logo3{
		left:initial;
		right:5px;
		top:1px;
	}
	#logo3 img{
		height:53px;
	}
	
	#logo2{
		position:absolute;
		top: 8px;
		position: absolute;
		z-index: 100;
		left: 0px;		
	}
	#logo2 img{
		height: 31px;
		border-left:0px;
		padding:0;
	}
	
	#logo4{
		position:absolute;
		left:initial;
		right:-10px;
		top:52px;
	}
	#logo4 img{
		height:51px;	
	}
	
	#notenlinie{
		top:108px;
	}
	
	#suche{
		margin-top:160px;
		width:100%;
	}
	
	#cell4{
		margin-top: 5px;
	}
	
	#search{
		margin-left: 16px;
	}
	#search_entry{    
		width: 184px;
		margin-left: 10px;
	}
	#search2{
		padding-left: 15px;
		padding-top: 6px;
	}
	#searchword{
		width: 184px;
	}
	#ExpSearch{
		float: left;
		margin-left: 17px;
		margin-top: 6px;
	}
	
	#menuDiv{
	    text-align: center;
		width:100%;
	}
	
	.menuDivNav{
		margin-left:5px;
		padding-right: 5px;
	}
	
	.medienbeschreibung{
		height:auto;
		width:auto;
	}
	
	/*.footerDiv{
		width:310px;
	}*/
	
	.footer{
		/*width:100%;*/
		width: -moz-calc(100% - 20px);
		width: -webkit-calc(100% - 20px);
		width: calc(100% - 20px);
	}

	.banner, #bannerBildText{
		width:calc(100% - 10px); /*310px;*/
	}
	
	.item{
		padding: 5px;
		width: calc(100% - 10px);
		/*overflow: hidden;*/
		height:auto;
		margin-bottom: -40px;
	}
	
	.item a .bildText{
		width: calc(100% - 10px);
	}
	
	.bildText{
		top: -40px;		 
	}
	
	.item .oemlBild img{
		width: calc(100% - 0px);
	}
	.banner{
		padding: 5px;
	}
	
	.item2col{		
		-webkit-column-count: 1; /* Chrome, Safari, Opera */
		-moz-column-count: 1; /* Firefox */
		column-count: 1;
		-webkit-column-gap: 40px; /* Chrome, Safari, Opera */
		-moz-column-gap: 40px; /* Firefox */
		column-gap: 40px;
	}	
	
	#notenlinie{
		width:100%;
	}
	/*body{
		width:358px;
	}*/

	#sortmenu{
		left: 188px;
		top:260px;
		position: absolute;
	}

	
	.oemlBild{
		width:auto; /*310px;*/
		overflow:hidden;
	}
	#bannerBildText{
		width: calc(100% - 10px); /*302px;*/
		height: 60px;
		top: -65px;
	}
	
}	

/*
@media only screen and (max-device-width: 680px)
{ 

	@-ms-viewport{
		width: device-width;
	}
	
	#logo1{
		position:absolute;
		top:51px;
	}
	#logo1 img{
		height:53px;
	}

	
	#logo3{
		left:245px;
		top:1px;
	}
	#logo3 img{
		height:53px;
	}
	
	#logo2{
		position:absolute;
		top: 8px;
		position: absolute;
		z-index: 100;
		left: 0px;		
	}
	#logo2 img{
		height: 31px;
		border-left:0px;
		padding:0;
	}
	
	#logo4{
		position:absolute;
		left:170px;
		top:50px;
	}
	#logo4 img{
		height:51px;
		
	}
	
	#notenlinie{
		top:108px;
	}
	
	#suche{
		margin-top:160px;
	}
	
	#search{
		margin-left: 16px;
	}
	#search_entry{    
		width: 214px;
		margin-left: 10px;
	}
	#ExpSearch{
		float: left;
		margin-left: 17px;
		margin-top: 6px;
	}
	
	.footerDiv{
		width:646px;
	}

	.banner, #bannerBildText{
		width:670px;
	}
	
	#notenlinie{
		width:670px;
	}
	body{
		width:670px;
	}
	
	.oemlBild{
		width:640px;
		overflow:hidden;
	}
	#bannerBildText{
		width: 632px;
	}
	
}	*/