* {
	margin:0px;
	padding:0px;
}

body, html {
	background-color:#063;
	color:#fff;
	font-size:150%;
	font-family:"Sriracha", Helvetica, Arial, serif;
}

#page:before {
    content : "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
	background: url(/uploads/tx_zrwshop/K1024_DSC00004.JPG) no-repeat center center fixed; 
	background-size: cover;    
	width: 100%;
    height: 100%;
    opacity : 0.2;
}

div.clear,
div.rowclearer { 
	clear:both;
	float:none;
	height:0px;
}

a {
    color:#fff;
}

img{
	border:0px;
}

#loading {
	display:none;
	position:fixed;
	z-index:9999;
	top:5px;
	left:5px;
	padding:10px;
	background-color:#fff;
	-webkit-box-shadow: 3px 3px 9px -1px rgba(92,92,92,1);
	-moz-box-shadow: 3px 3px 9px -1px rgba(92,92,92,1);
	box-shadow: 3px 3px 9px -1px rgba(92,92,92,1);
}

fieldset {
	border-width:0px;
}

.bottom_pad {
	height:40px;
}

#page {
	height:100%;
	min-height:100%;
	
	background-repeat:repeat-x;
	background-position:center 0px;	
}

@keyframes loading {
    0%   {top:10px;}
    25%  {top:45px;}
	75%  {top:0px;}
    100% {top:10px;}
}

#page.loading #logo {
	animation-name: loading;
    animation-duration: 0.2s;
	animation-timing-function: ease-in-out;
}

#page.loading,
#page.loading a {
	cursor:wait !important;
}

#page.loading #loading {
	display:block;
}

#main {
	margin-left:5%;
	margin-right:5%;
	min-height:100%;
	position:relative;
}

#header {
	height:96px;
	position:relative;
}

#content {
	clear:both;
}

#logo {
	position:absolute;
	left:25px;
	top:5px;
	font-family:'Shadows Into Light';
	font-size:60px;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);
}

#logo a {
	text-decoration:none;
}

#login {
	position:absolute;
	left:135px;
	top:14px;
}

#login h3,
#login legend {
	display:none;
}

#login span div {
	display:inline;
}

#mobile-buttons,
#haupt-navigation-mobile,
#toursearch-mobile,
#toursearchbar-mobile {
	display:none;
}

#main-content-wrap {
	width: calc(100% - 360px);
	float:left;
}

.full-width #main-content-wrap {
	float:none;
	width:auto;
}

#main-content {
 /*
 background: rgb(221,221,221);
background: linear-gradient(90deg, rgba(221,221,221,1) 0%, rgba(255,255,255,1) 50%, rgba(221,221,221,1) 100%); 
	*/
	background-color:#fff;
	padding:3%;
	color:#525252;
}

#sidebar-wrap {
	width:360px;
	float:right;
	background-color:#096;
}

#footer-wrap {
	background-color:#0c9;		
	width: calc(100% - 360px);
}

#footer {
	padding-top:20px;
	position:relative;
	padding-bottom:20px;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);
}

#footer .copyright {
	position:absolute;
	top:30px;
	right:15px;
	font-size:0.8rem;
}

#footer .designed-by {
	position:absolute;
	top:52px;
	right:15px;
	font-size:0.8rem;
}

#footer .designed-by a {
	color:#fff;
	text-decoration:none;
}

.social {
	background-color:#0C9;
	padding:20px;
	padding-top:10px;
	padding-bottom:10px;	
}

.social a {
	display:inline-block;
	margin-right:15px;
}

#player {
	position:fixed;
	top:0px;
	right:0px;
	right: calc(5%);
	height:171px;
	width:360px;
	background-color:#004f71;
	z-index:10;
	height:171px;
	overflow:hidden;
	transition: height 0.5s ease-in-out;
   -moz-transition: height 0.5s ease-in-out;
   -webkit-transition: height 0.5s ease-in-out;	
   font-size:0.9rem;
}

#player:hover {
	height:210px;
	border-bottom:1px solid #fff;
	transition: height 0.5s ease-in-out;
   -moz-transition: height 0.5s ease-in-out;
   -webkit-transition: height 0.5s ease-in-out;
}

#player.hide div {
	display:none;
}

#player.hide div#player-image {
	display:block;
}

.player-play-all {
	cursor:pointer;
}


#playlist {
	display:none;
	position:fixed;
	top:171px;
	left:5%;
	width:90%;
	background-color:#004f71;
	z-index:11;
	
	-webkit-box-shadow: 0px 4px 9px -1px rgba(92,92,92,1);
	-moz-box-shadow: 0px 4px 9px -1px rgba(92,92,92,1);
	box-shadow: 0px 4px 9px -1px rgba(92,92,92,1);
}

#playlist-scroll {
	max-height:500px;
	overflow-y:auto;
	min-height:300px;
	margin-bottom:15px;
}

#playlist.show {
	display:block;
}

#playlist td.data,
#playlist th.data {
	display:none;
}



#playlist table {
	border-spacing:0px;
	width:100%;
}

#playlist th {
	text-align:left;
	text-transform:uppercase;
	font-size:13px;
	font-weight:normal;
	border-bottom:1px dotted #fff;
	padding-top:15px;
	padding-bottom:10px;
	padding-left:2px;
	padding-right:2px;
}

#playlist td {
	padding-top:5px;
	padding-bottom:5px;
	padding-left:2px;
	padding-right:2px;
	background-color:#096;
	border-bottom:1px solid #004f71;	
}

#playlist .active td {
	background-color:#9b0000;
}

#playlist td.control {
	padding-left:15px;
	width:55px;
}

#playlist td.cart {
	width:110px;
	text-align:right;
	padding-right:15px;	
}

#playlist td.price {
	text-align:right;
	padding-right:5px;
}

#playlist-close-button {
	display:inline-block;
	width:auto;
	padding-top:6px;
	padding-bottom:6px;	
	padding-left:15px;
	padding-right:15px;
	background-color:#0c9;
	cursor:pointer;	
	background-repeat:no-repeat;
	background-position:center center;
	margin-bottom:15px;
	margin-left:15px;
	text-transform:uppercase;
}

.audio-preview {
	display:inline-block;
	width:40px;
	height:40px;
	background-color:#F00;
	cursor:pointer;
}

.playlist-play-button,
.playlist-delete-button,
#player-play-button {
	display:inline-block;
	width:30px;
	height:30px;
	background-color:#0c9;
	cursor:pointer;	
	background-image:url(../Images/btn_pause.png);
	background-repeat:no-repeat;
	background-position:center center;
}

.playlist-delete-button,
.playlist-play-button {
	width:20px;
	height:20px;
	background-size:50%;
	margin-right:4px;
}

.playlist-delete-button {
	background-image:url(../Images/btn_trashcan.png);
}

.playlist-play-button,
#player-play-button.pause {
	background-image:url(../Images/btn_play.png);	
}

.playlist-delete-button:hover,
.playlist-play-button:hover,
.playlist-cart-button:hover,
#playlist-close-button:hover {
	background-color:#096;
}

.playlist-delete-button:focus,
.playlist-play-button:focus,
.playlist-cart-button:focus,
#playlist-close-button:focus {
	background-color:#9b0000;
}


#player-next-button {
	display:inline-block;
	width:30px;
	height:30px;
	background-color:#0c9;
	cursor:pointer;	
	background-image:url(../Images/btn_next.png);
	background-repeat:no-repeat;
	background-position:center center;	
}

#player-prev-button {
	display:inline-block;
	width:30px;
	height:30px;
	background-color:#0c9;
	cursor:pointer;	
	background-image:url(../Images/btn_prev.png);
	background-repeat:no-repeat;
	background-position:center center;	
}

#player-volume-button {
	display:inline-block;
	width:30px;
	height:30px;
	background-color:#0c9;
	cursor:pointer;		
	background-image:url(../Images/btn_volume.png);
	background-repeat:no-repeat;
	background-position:center center;	
}

#player-volume-button.volume70 {
	background-image:url(../Images/btn_volume_middle.png);
}

#player-volume-button.volume40 {
	background-image:url(../Images/btn_volume_low.png);
}

.playlist-cart-button,
#player-cart-button {
	display:inline-block;
	padding-left:10px;
	padding-right:10px;
	padding-top:7px;
	padding-bottom:7px;
	background-color:#0c9;
	cursor:pointer;		
	background-repeat:no-repeat;
	background-position:center center;	
	text-transform:uppercase;
	font-size:11px;
	margin-right:0px !important;
}

.playlist-cart-button {
	padding-left:5px;
	padding-right:5px;
	padding-top:3px;
	padding-bottom:3px;
	font-size:10px;
}

#player-playlist-button {
	position:absolute;
	top:125px;
	right:15px;
	display:block;
	width:30px;
	height:30px;
	background-color:#0c9;
	cursor:pointer;	
	background-repeat:no-repeat;
	background-position:center center;
	background-image:url(../Images/btn_playlist_toggle.png);
	background-size:80%;
}



#player-uid {
	display:none;
}

#player-fulltitle {
	margin-top:62px;
	font-size:12px;
	padding-left:15px;
	padding-right:15px;
	
	cursor:pointer;
}


#player-fullinfo {
	margin-top:2px;
	font-size:11px;
	padding-left:15px;
	padding-right:15px;	
}

#player-control {
	position:absolute;
	top:125px;
	left:15px;
}

#player-control div {
	margin-right:10px;
	vertical-align:top;
}

#player-playlist-button:focus,
#player-playlist-button:hover {
	background-color:#096;
}

#player-playlist-button.open,
#player-playlist-button.open {
	background-color:#9b0000;
}

#player-control div:hover,
#player-control div:focus {
	margin-right:10px;
	background-color:s#096;
}

#player-control div:focus {
	background-color:#9b0000;
}

#player-artist {
	text-transform:uppercase;
}

#player-title {
	padding-left:3px;
	padding-right:5px;
}

#player-version {
	font-size:11px;
}

#player-image {
	position:absolute;
	top:13px;
	left:15px;
	
}

#player-waveform-background {
	position:absolute;
	top:13px;
	left:65px;
	border:1px solid #fff;
	width:280px;
	height:40px;
	background-color:#c7e5f1;
	cursor:pointer;
}

#player-waveform {
	position:absolute;
	top:0px;
	left:0px;
	height:40px;
	width:50%;
	background-color:#0c9;
	opacity:0.5;
	border-right:1px solid #fff;
	cursor:pointer;
}

#player-image img {
	width:40px;
	height:40px;
	border:1px solid #fff;
}

#player-social {
	position:absolute;
	top:172px;
	left:15px;
}

.zrwshop-social a,
#player-social a {
	display:inline-block;
	width:70px;
	background-color:#F00;
	margin-right:10px;
	line-height:normal;
	text-decoration:none;	
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
	font-size:0.8rem;
	vertical-align:top;
	color:#fff !important;
}

.zrwshop-social a:hover,
#player-social a:hover {
	padding-top:3px;
	padding-bottom:2px;
	font-size:1rem;	
}

.zrwshop-social a span,
#player-social a span {
	line-height:normal;	
	font-weight:bold;
}

a#social-facebook,
a#player-facebook {
	background-color:#3b5998;
}

a#social-twitter,
a#player-twitter {
	background-color:#55acee;
}

a#social-reddit,
a#player-reddit {
	background-color:#333;
}

a#social-gplus,
a#player-gplus {
	background-color:#d34836;
}

a#social-whatsapp,
a#player-whatsapp {
	background-color:#5cbe4a;
}

a#social-xing,
a#player-xing {
	background-color:#126567;
}

a#social-mailto,
a#player-mailto {
	background-color:#333;
}


/* Language ---------------------------------------------------------------- */

#language {
	position:absolute;
	top:0px;
	right:0px;
	z-index:10;
	padding-top:3px;
	padding-bottom:8px;
}

#language img {
}

#language li {
	list-style-type:none;
	padding-left:4px;
}

#language ul {
	padding-top:4px;
	padding-bottom:2px;
	background-color:#a21011;
	width:50px;
	border-top:1px solid #cf797b;
	border-left:1px solid #9f0f10;
	border-bottom:1px solid #780b0c;
	border-right:1px solid #a21011;
	background-image:url(/fileadmin/shop/template_modern/pix/white_arrow_down.gif);
	background-repeat:no-repeat;	
	background-position:32px 9px;		
}

#language ul.submenu {
	display:none;
	left:0px;
	position:absolute;
	top:28px;
	background-color:#F8F8F5;
	padding-top:10px;
	padding-bottom:10px;
	border:0px solid #FFFFFF;
	background-image:none;
	padding-top:5px;
	padding-bottom:5px;
	width:68px;
	background-image:none;
	background-image:url(/fileadmin/shop/template_modern/pix/white_arrow_down.gif);
	background-repeat:no-repeat;		
}

#language ul.submenu li {
	background-image:url(/fileadmin/shop/template_modern/pix/arrow_link_small_mainnav.gif);
	background-repeat:no-repeat;	
	background-position:5px 5px;
	padding-bottom:5px;	
	margin-left:5px;
}

#language:hover ul.submenu {
	display:block;
}

#language:hover ul.submenu,
#language.over ul.submenu {
	display:block;
}

#language ul.submenu li a {
	display:block;
	text-decoration:none;	
}

#language ul.submenu li img {
	margin-left:26px;
	margin-top:5px;
}

/* Footer ------------------------------------------------------------ */

#footer-navigation {
	padding-left:20px;
}

#footer-navigation li {
	list-style-type:none;
	float:left;	
	padding-bottom:10px;
	padding-right:20px;
}

#footer-navigation a {
	text-decoration:none;
	padding-left:0px;
	padding-right:0px;
	font-size:1rem;
	text-transform:uppercase;
}

#footer-navigation li a:hover {
}

#footer-navigation li.active a {
}

#footer-navigation li ul {
	margin-top:5px;
}

#footer-navigation li li {
	padding-bottom:0px;	
	float:none;
	margin-right:0px;
}

#footer-navigation li li a {
	display:block;
	text-decoration:none;
	color:#49a6ce;
	font-size:12px;
	text-transform:uppercase;
	font-weight:normal;
	padding-top:3px;
	padding-bottom:3px;
}

#footer-navigation li li a:hover {
}

#footer-navigation li li.active a {
}

/* ------------------------------- */

#kategorie-navigation {
	padding:15px;
	border-top:1px solid #fff;
	margin-top: 30px;
	padding-top: 30px;	
}

#kategorie-navigation ul {
	margin-left:20px;
}

#kategorie-navigation li {
}

#kategorie-navigation a {
	text-decoration:none;
	text-transform:uppercase;
	font-size:0.8rem;	
}

#kategorie-navigation li a:hover {
}

#kategorie-navigation li.active a {
}

#kategorie-navigation li ul {
	margin-top:5px;
}

#kategorie-navigation li li {
}

#kategorie-navigation li li a {
}

#kategorie-navigation li li a:hover {
}

#kategorie-navigation li li.active a {
}


/* ------------------------------- */


#back-to-top {
	position:fixed;
	bottom:0px;
	right:0px;
	font-size:13px;
	color:#fff;
	text-transform:uppercase;
	background-color:#0c9;
	padding:10px;
	padding-left:15px;
	padding-right:15px;
	cursor:pointer;
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	
}

#back-to-top span {
	display:block;
	background-image:url("../Images/arrow_top.png");
	background-repeat:no-repeat;
	background-position:right 3px;	
	padding-right:30px;	
}



.roar-body
{
	position:				absolute;
	font:					12px/14px "Lucida Grande", Arial, Helvetica, Verdana, sans-serif;
	color:					#000;
	text-align:				left;
	z-index:				999;
}

.roar
{
	position:				absolute;
	width:					300px;
	cursor:					pointer;
}
.roar-bg
{
	position:				absolute;
	z-index:				1000;
	width:					100%;
	height:					100%;
	left:					0;
	top:					0;
	background-color:		#fff;
	-moz-border-radius:		10px;
	-webkit-border-radius:	5px;
	-webkit-box-shadow:		0 0 5px rgba(0, 0, 0, 0.5);
}
.roar-body-ugly .roar
{
	background-color:		#333;
}
.roar-body-ugly .roar-bg
{
	display:				none;
}
.roar h3
{
	position:				relative;
	padding:				15px 10px 0;
	margin:					0;
	border:					0;
	font-size:				13px;
	color:					#000;
	z-index:				1002;
}
.roar p
{
	position:				relative;
	padding:				10px 10px 15px;
	margin:					0;
	font-size:				12px;
	color:					#000;
	z-index:				1002;
}