/*
Theme Name: silbermond.de
Description: 
Author: Individole
Author URI: http://www.individole.de
Version: 1.0
Tags: 

License:
License URI:

General comments (optional).
*/

/* COLORS

brown: #521f1e

*/


@font-face {
	font-family: 'neutra';
	src: url('_fonts/NeutraText-Book.eot?') format('eot'),
		 url('_fonts/NeutraText-Book.woff') format('woff'),
		 url('_fonts/NeutraText-Book.ttf') format('truetype'),
		 url('_fonts/NeutraText-Book.svg') format('svg');
	font-weight: normal;
	font-style: normal; 
}


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

html {
	width: 100%;
	height: 100%;

}

body{
	width: 100%;
	height: 100%;
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
	/* background-color: #8e8f86; */
	background-color: #ffffff;
}

body,
td,
tr,
table,
p,
span,
div,
input,
textarea,
select,
option,
ol,
ul,
li {
	font-family: 'neutra', "Tebuchet MS", "Arial", sans-serif;
	font-size: 22px;
	line-height: 1.05em;
	letter-spacing: 1.0px;
	color: #521f1e;
}

::selection {
	background: #ffffff;
	color: orange;
	text-shadow: none;
}

a:link,
a:visited {
	color: #521f1e;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

p a:link,
p a:visited {
	/* text-decoration: underline; */
}

a.softlink:link,
a.softlink:visited {
	color: #ffffff;
	text-decoration: none;
}

a.softlink:hover {
	color: #cccccc;
	text-decoration: none;
}

ol a:link,
ol a:visited,
ol a:hover,
p a:link,
p a:visited,
p a:hover {
	/* text-decoration: none; */
}

a img {
	border: none;
}

h1 {
	font-weight: normal;
	font-size: 40px;
	line-height: 1.2em;
	letter-spacing: 3.0px;
	padding: 0px 0px 10px 0px;
	text-transform: uppercase;
	/* color: #60c5eb; */
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	word-break: break-word;
}

h2 {
	font-weight: bold;
	font-size: 28px;
	line-height: 1.2em;
	letter-spacing: 2.0px;
	padding: 0px 0px 10px 0px;
	text-transform: uppercase;
	/* color: #60c5eb; */
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	word-break: break-word;
}

h3 {
	font-weight: bold;
	font-size: 16px;
	line-height: 1.1em;
	text-decoration: underline;
	text-transform: uppercase;
	/* color: #60c5eb; */
	padding: 8px 0px 7px 0px;
}

h4,
.h4_base,
.h4_light {
	font-weight: normal;
	font-size: 12px;
	line-height: 1.2em;
	/* color: #60c5eb; */
	padding: 10px 0px 10px 0px;
}

h5,
.h5_base,
.h5_light {
	font-weight: normal;
	font-size: 12px;
	line-height: 1.2em;
	/* color: #60c5eb; */
	color: #000000;
	padding: 10px 0px 10px 0px;
}

.h1_light,
.h2_light,
.h3_light,
.h4_light,
.h5_light {
	color: #999999;
}


p {
	margin: 0px 0px 10px 0px;
	
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	word-break: break-word;
}


#background {
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #f0efcc;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: -1;
}

#content_container {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 10;
	
}

#content_all {
	margin: 0px auto;
	height: 100%;
}


#content {
	margin: 0px auto;
	height: 100%;
}

.content_inner,
.content_default {
	margin: 0 auto;
	
	/* background: blue; */
}

.box_columns {
	box-sizing: content-box;
}

.col {
	float: left;
	white-space: normal;
}

.col_first { padding-left: 0px; }
.col_last { padding-right: 0px; }

.col_1 		{ width: 8.333333%; }
.col_2 		{ width: 16.666666%; }
.col_2_5 	{ width: 20%; }
.col_3 		{ width: 25%; }
.col_4 		{ width: 33.333333%; }
.col_5 		{ width: 41.666666%; }
.col_6 		{ width: 50%; }
.col_7 		{ width: 58.333333%; }
.col_8 		{ width: 66.666666%; }
.col_9 		{ width: 75%; }
.col_10 	{ width: 83.333333%; }
.col_11 	{ width: 91.666666%; }
.col_12 	{ width: 100%; }

.module_column {
	/* font-size: 0px; */
	/* line-height: 0px; */
	min-height: 1px;
	/* background: #f7f7f7; */
	
	/* background: pink; */
}

.quad_box {
	width: 100%; 
	height: 0px; 
	padding-bottom: 89.3%; 
	
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.quad_box_digipak {
	border: 10px solid #ffffff;
}


.box_digipak_left {
	width: 314px;
}

.box_digipak_right {
	width: 488px;
}

.box_digipak_text .box_digipak_text_text p {
	font-size: 0.9em;
}

.box_digipak_text .box_digipak_text_text span {
	font-size: 1.0em;
}

.box_digipak_text .text {
	
}

.box_digipak_text table {
	width: 100%;
	height: 100%;
}

#start_logo_image {
	margin: 0 auto;
	margin-bottom: 25px;
	width: 211px;
	height: 97px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(_images/silbermond-alles-auf-anfang-typo.png);
}

#start_box_bottom {
	border-top: 1px solid #ad716c;
	margin-top: 20px;
	padding-top: 20px;
}

.start_text_buy_now {
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 15px;
	font-size: 0.65em;
	line-height: 1.0em;
	color: #000000;
}

table.table_start_buy {
	width: 100%;
}

table.table_start_buy img {
	width: 93px;
}

#menu {
	top: 20px;
	right: 20px;
	z-index: 20;
}

#menu_inner div {
	padding-left: 22px;
}

#menu_inner * {
	font-size: 16px;
}

.slide {
	width: 100%;
	height: 100%;
	display: none;
}

.slide.slide_touch {
	display: block;
}

.slide.slide_auto.slide_touch {
	height: auto;
}

#slide_1 {
	display: block;
}

#slide_2 {
	
}

.slide .content {
	position: fixed;
	top: 0px;
	left: 0px;
}

.slide .content.content_touch {
	position: relative;
	top: "";
	left: "";
	height: 100%;
}

table.table_slide {
	width: 100%;
	height: 100%;
	max-width: 100%;
	vertical-align: middle;
}

table.table_slide td {
	width: 100%;
	height: 100%;
	vertical-align: middle;
}

table.table_slide_top,
table.table_slide_top td {
	vertical-align: top;
}

/*#image {
	margin-top: 15px;
	width: 828px;
	height: 413px;
	border: 10px solid #ffffff;
}*/

/*#image_inner {
	position: relative;
	width: 808px;
	height: 0px;
	padding-bottom: 56.25%;
}*/

/*#video_inner iframe {
	position: absolute;
	top: 0px;
	left: 0px;
}*/

.titel_subtitle {
	font-size: 0.8em;
}

.titel_subsubtitle {
    font-size: 0.6em;
}

.arrow {
	position: absolute;
	left: 50%;
	width: 52px;
	height: 26px;
	margin-left: -26px;
	background: transparent;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.arrow_up {
	top: 15px;
	background-image: url(/images/arrow_up.png);
}

.arrow_down {
	bottom: 15px;
	background-image: url(/images/arrow_down.png);
}

#logo {
	width: 100%;
	max-width: 787px;
	margin: 0 auto;
}

#logo img {
	box-sizing: border-box;
	width: 100%;
	height: auto;
	padding: 0px 12px 0px 12px;
}

.tracklist {
	width: 48%;
}

.tracklist_1 {
	float: left;
}

.tracklist_2 {
	float: right;
}

.track {
	padding: 5px 5px 2px 5px;
	background: transparent;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.track_number,
.track_title {
	font-size: 0.7em;
	line-height: 1.0em;
}

.track_number {
	float: left;
}

.track_title {
	padding-left: 30px;
}

.track_title_sub {
	font-size: 0.8em;
}

.track_line {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 50%;
	height: 1px;
	
	background: #dfc6bd;
}



.track:hover,
.track_selected {
	background: #521f1e;
	cursor: pointer;
}

.track:hover div,
.track:hover span,
.track_selected div,
.track_selected span {
	color: #ffffff;
	
}

.track:hover .track_title,
.track_selected .track_title {
	/* padding-left: 40px; */
}

a.track_share:link,
a.track_share:visited,
a.track_share:hover {
	display: none;
	position: absolute;
	top: 0px;
	right: 0px;
	padding: 4px 5px 4px 5px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 0.45em;
	line-height: 1.0em;
	color: #ffffff;
	text-transform: uppercase;
	text-decoration: none;
	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	
	background: #506cb4;
	background: -moz-linear-gradient(top,  #506cb4 0%, #40599b 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#506cb4), color-stop(100%,#40599b));
	background: -webkit-linear-gradient(top,  #506cb4 0%,#40599b 100%);
	background: -o-linear-gradient(top,  #506cb4 0%,#40599b 100%);
	background: -ms-linear-gradient(top,  #506cb4 0%,#40599b 100%);
	background: linear-gradient(to bottom,  #506cb4 0%,#40599b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#506cb4', endColorstr='#40599b',GradientType=0 );

}

.track:hover a.track_share,
.track_selected a.track_share {
	display: block;
}

.home_icons {
	margin: 18px auto;
}

.home_icons .icon {
	display: inline-block;
	width: 31px;
	height: 31px;
	margin: 0px 4px 0px 4px;
	background-color: transparent;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.home_icons .icon_facebook {
	background-image: url(_images/icon-facebook.png);
}

.home_icons .icon_twitter {
	background-image: url(_images/icon-twitter.png);
}

.home_icons .icon_instagram {
	background-image: url(_images/icon-instagram.png);
}

.home_icons .icon_shop {
	background-image: url(_images/icon-shop.png);
}

.home_icons .icon_youtube {
	background-image: url(_images/icon-youtube.png);
}

.home_nl_text {
	margin-top: 20px;
}

.star,
.star_small {
	display: inline-block;
	width: 39px;
	height: 36px;
	background-color: transparent;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(_images/star.png);
}

.star_small {
	width: 22px;
	height: 20px;
	background-image: url(_images/star_small.png);
}

.nl_form {
	width: 290px;
	margin: 0 auto;
	padding: 5px 0px 15px 0px;
}

.nl_form input[type=text] {
	border: none;
	background: none;
	border-bottom: 1px solid #521f1e;
	margin-bottom: 8px;
	padding: 5px 0px 5px 0px;
	text-align: center;
	font-size: 14px;
	
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

::-webkit-input-placeholder { /* WebKit browsers */
	color:    #824a47;
	
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color:    #824a47;
	opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	color:    #824a47;
	opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
	color:    #824a47;
}

.nl_input_1 {
	width: 100%;
}

.nl_input_2,
.nl_input_3 {
	width: 45%;
}

.nl_form input[type=submit] {
	border: none;
	background: none;
	padding: 5px 0px 5px 0px;
	text-align: center;
	font-size: 16px;
	text-transform: uppercase;
	
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.button {
	display: inline-block;
	margin: 0px 5px 5px 5px;
	background: #ffffff;
	color: #49bedd;
	padding: 7px 10px 7px 10px;
	font-size: 13px;
	line-height: 1.0em;
}

.button:hover,
.button_selected {
	background: #49bedd;
	color: #ffffff;
}

.button_selected:hover {
	background: #ffffff;
	color: #49bedd;
}

.line {
	height: 1px;
	font-size: 0px;
	line-height: 0px;
	background: #cccccc;
}

.module_box {
	background: #f5f5f5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 12px;
}

input.text {
	border: none;
	background: #222222;
	width: 100%;
	outline: none;
	padding: 3px 8px 3px 8px;
	
	border-top: 1px solid #111111;
	border-right: 1px solid #555555;
	border-bottom: 1px solid #555555;
	border-left: 1px solid #111111;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.select {
	width: 100%;
}




.table_sharing td {
	padding: 0px 5px 0px 5px;
}

.sharing_option {
	margin: 0px 8px 0px 0px;	
}







#footer {
	margin: 0 auto;
}

#footer_inner {
	padding: 50px 24px 200px 24px;
}

#footer * {
	color: #a7a7a7;
	font-size: 12px;
	line-height: 1.0em;
	text-transform: uppercase;
}

#footer div {
	margin-left: 24px;
}

#footer a:link,
#footer a:visited,
#footer a:hover {
	color: #a7a7a7;
	text-decoration: none;
}

#footer a:hover {
	color: #49bedd;
}




.admin_info {
	font-size: 11px;
	line-height: 1.2em;
	font-style: italic;
	color: red;
}

.shadow {
	-webkit-box-shadow: 0px 0px 5px #1a1a1a;
	-moz-box-shadow: 0px 0px 5px #1a1a1a;
	box-shadow: 0px 0px 5px #1a1a1a;
}


ol, 
ul {
	margin: 0px 0px 12px 20px;
	list-style-position: outside;
	list-style-image: url(_images/list-style.png);
	
	/* background: red; */
}

li {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 2px 0px;
	
	/* background: blue; */
}

ol ol, 
ul ul,
ol ul, 
ul ol {
	padding: 0px 0px 8px 0px;
	margin: 0px 0px 0px 0px;
	list-style-position: outside;
	list-style-image: url(_images/list-style-image-dash.png);
	
	/* background: red; */
}

ol ol li, 
ul ul li,
ol ul li, 
ul ol li  {
	padding: 0px 0px 4px 4px;
	margin: 0px 0px 0px 0px;
	
	/* background: blue; */
}

.color_red,
.color_red * { 
	color: #e30613; 
}

a.color_red:link,
a.color_red:visited,
.color_red a:link,
.color_red a:visited,
.color_red * a:link,
.color_red * a:visited {
	color: #e30613;
}

a.color_red:hover,
.color_red a:hover,
.color_red * a:hover {
	color: #000000;
}

.headline_size_xs 	{ font-size: 10px; line-height:1.1em; }
.headline_size_s 	{ font-size: 12px; line-height:1.1em; }
.headline_size_m 	{ font-size: 14px; line-height:1.1em; }
.headline_size_l 	{ font-size: 24px; line-height:1.1em; }
.headline_size_xl 	{ font-size: 26px; line-height:1.1em; }
.headline_size_xxl 	{ font-size: 46px; line-height:1.1em; }


.small_font,
.small_font * {
	font-size: 14px;
	line-height: 1.3em;
}

.div_center {
	margin: 0 auto;
}

.box {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.image_left {
	float: left;
	margin: 3px 20px 5px 0px;
	font-size: 0px;
	line-height: 0px;
}

.image_right {
	float: right;
	margin: 3px 0px 5px 20px;
	font-size: 0px;
	line-height: 0px;
}

.mobile_only 				{ display: none; }
.desktop_only 				{ display: block; }
.h_100			{ height: 100%; }
.img_100 		{ width: 100%; }
.img_max 		{ max-width: 100%; }
.hover_underline:hover { text-decoration: underline; }
.centered		{ text-align: center; }
.block 			{ display: block; }
.right			{ float:right; }
.left 			{ float: left; }
.relative 		{ position: relative; }
.absolute 		{ position: absolute; }
.fixed 			{ position: fixed; }
.null 			{ line-height: 0px; }
.clearer 		{ clear: both; }
.center 		{ text-align: center; }
.hand 			{ cursor: pointer; }
.last 			{ margin-right: 0px !important; }
.uppercase, .uppercase * { text-transform: uppercase; }
.lowercase, .lowercase * { text-transform: lowercase; }
.capitalize, .capitalize * { text-transform: capitalize; }
.hidden 		{ display: none; }
.no_overflow 	{ overflow: hidden; }
sup 			{ font-size: 65%; line-height: 1.0em; }
.clearfix 		{ zoom: 1; }
.no_data		{ color: #70c921; text-transform: uppercase; font-style: normal; font-weight: bold; font-family: Arial, sans-serif; }
.circle {
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}

.opacity_1 {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
	filter: alpha(opacity=10);
	-moz-opacity: 0.1;
	-khtml-opacity: 0.1;
	opacity: 0.1;
}

.opacity_2 {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity=20);
	-moz-opacity: 0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
}

.opacity_3 {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	-moz-opacity: 0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
}

.opacity_4 {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
	-khtml-opacity: 0.4;
	opacity: 0.4;
}

.opacity_5 {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

.opacity_6 {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}

.opacity_7 {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}

.opacity_8 {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.opacity_9 {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}

.clearfix::before,
.clearfix::after {
  display: table;
  content: "";
}

.clearfix::after {
  clear: both;
}

table.dBug_array * {
	font-family: "Arial", sans-serif !important;
	letter-spacing: 0px;
	word-break: normal;
}

.embed-container {
	width: 100%;
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px; /* IE6 workaround*/
	height: 0;
	overflow: hidden;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}