@charset "UTF-8";

/***************************
schwarz 252525
hintergrund f3f3f3
****************************/


/**********************************************************************************************************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0; line-height: 20px;}
table { border-collapse:collapse; border-spacing:0; margin-bottom: 20px; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ul { list-style:none; margin-bottom: 20px; }
ol { margin-bottom: 20px; margin-left: 20px;}
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
/**********************************************************************************************************************/


@font-face {
	font-family: 'DIN-MediumRegular';
	src: url('/css/fonts/DINM____.eot');
	src: local('☺'), 
		 url('/css/fonts/DINM____.eot?#iefix') format('embedded-opentype'),
		 url('/css/fonts/DINM____.woff') format('woff'), 
		 url('/css/fonts/DINM____.ttf') format('truetype'), 
		 url('/css/fonts/DINM____.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DIN-LightRegular';
	src: url('/css/fonts/DINL____.eot');
	src: local('☺'), 
		 url('/css/fonts/DINL____.eot?#iefix') format('embedded-opentype'),
		 url('/css/fonts/DINL____.woff') format('woff'), 
		 url('/css/fonts/DINL____.ttf') format('truetype'), 
		 url('/css/fonts/DINL____.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}



body { background: #f3f3f3; font-size: 14px; color: #252525; font-style: normal; font-family: 'DIN-LightRegular', sans-serif; }
a, a:visited { color: #29a4ae; text-decoration: none; }
a:hover { color: red; }

p, iframe { margin-bottom: 20px;}

h1, h2, h3, h4 {font-family: 'DIN-MediumRegular', sans-serif; /* text-shadow: #252525 0px 1px; */ line-height: 20px; margin-bottom: 20px; color: #252525; text-transform: uppercase;}

h1 { font-size: 20px; }

h2 {font-size: 18px; }
h2 a, h2 a:visited { }

h3 { font-size: 14px; }

h4 { font-size: 14px; margin-bottom: 0em; } /* wie h3 aber kein margin bottom */

hr { border : 0; height : 0px;  margin : 20px 0; visibility: hidden;} /* background: url(/images/layout/hr.png) 0 0 no-repeat; */
i, em {font-size: 14px; color: #333; font-weight: normal; color: #000; font-style: italic;}
b {font-weight:normal; color:#252525; text-shadow: #fff 0px 1px;}

.white h2, .white h3, .white h4, .white p, .white a, .white a:visited, .white table td, .white strong, .white h1 {color: #f8f8f8;}
.white h4 {text-transform: none;}
.white a, .white a:visited {color: #29a4ae!important;}
.white a:hover {color: red!important;}


#wrapper  {position: relative; float: left; width: 1000px;   }

	#header {position: relative; float: left; width: 100%; height: 60px; }
	
	#intro {position: relative; float: left; width: 100%; height: 680px; margin-bottom: 20px;}
		#navigation {position: fixed; top: 60px; left: 0; width: 110px; padding-left: 20px; z-index: 99;}
			ul#nav {float: left;}

		#latest_news {position: absolute; top:0; left: 150px; width: 560px; height: 560px; overflow: hidden;}
			.news_cover {position: absolute; top: 0; left: -280px; width: 240px; height: 520px; padding: 20px; background: #252525; overflow: auto; opacity:.80; filter: alpha(opacity=80); -moz-opacity: 0.80;}
			
		#latest_events {position: absolute; top:0; left: 730px; width: 230px; height: 230px; overflow: auto; background: #252525; padding: 20px;}
			.latest_event_item { }
			
		#latest_disc {position: absolute; top:290px; left: 730px; width: 270px; height: 270px; overflow: hidden;}
			.disc_cover {position: absolute; top: 270px; left: 0; width: 230px; padding: 20px; height: 270px; background: #252525; opacity:.80; filter: alpha(opacity=80); -moz-opacity: 0.80;}

		#top_news_container {position: absolute; top: 580px; left: 150px; width: 580px;}
			.top_news { position: relative; float: left; margin-right: 20px; width: 173px; height: 100px; overflow: hidden; }
				.top_news_cover {position: absolute; top: 100px; left: 0; width: 133px; height: 100px; padding: 5px 20px; background: #252525; color: white; font-size: 0.8em; opacity:.80; filter: alpha(opacity=80); -moz-opacity: 0.80;}
		
		#social_container {position: absolute; top: 580px; left: 730px; width: 270px; height: 100px;}
		
		
		/* shop */

		.shop_container {position: relative; width: 850px; float: left; margin-bottom: 20px;}
			.products_container {position: relative; float: left; width: 810px;}
				.products_thumb { position: relative; float: left; margin-right: 20px; width: 197px; overflow: hidden; margin-bottom: 20px; }
				.products_thumb p {margin: 0;}
				.no_margin_right { margin-right: 0;}

		#cartbox {position: relative; float: left; width: 810px; background: #252525; padding: 20px 20px 0 20px; margin-bottom: 20px;}
			
		.shop_style p {margin-bottom: 0;}
		.price {font-size: 20px; line-height: 25px;}		
		.cartbox {padding-top: 20px;}
		.checkout_table {width: 850px;}
		
		.checkout_table thead th { padding: 5px; color: #f8f8f8; background: #252525; margin-bottom: 15px;}
		.checkout_table tr.product td { padding-top: 15px;}
		.checkout_table td.first {padding-top: 15px;}
		
		.checkout_table td {vertical-align: top;}

		
		#content_container td {padding-right: 10px;}
		
		#content_container td:last-child {padding-right: 0px;}
		#checkout_container {width: 850px; }
		
	#content_container {position: relative; float: left; padding-left: 150px; }
		.content_left { position: relative; width: 560px; float: left; padding-right: 20px; margin-bottom: 20px; }
			.margin_bottom { margin-bottom: 20px;}
			.no_margin_bottom { margin-bottom: 0px;}
		.content_right { position: relative; width: 270px; float: left; margin-bottom: 20px; }
			.content_title {position: relative; width: 230px; padding: 20px; background: #252525; margin-bottom: 20px;}
			.content_more {position: relative; width: 230px; border-bottom: 2px solid #252525; margin-bottom: 20px; /* font-size: 0.8em; */ width: 100%;}
		.line {width: 100%; height: 8px; margin-bottom: 20px; background: #252525;}
	
#footer_container {position: fixed; left: 0px; bottom: 0px; height: 25px; padding: 5px 20px 0 20px; width: 100%; background: #f8f8f8; border-top: 2px solid #252525;}


/*****************
	Navigation  
******************/

/* Sub Navigation */

#navigation ul {position: relative; display: block; clear: both;}
#navigation ul li { position: relative; float: left; width: 100%; list-style-type: none; text-transform: uppercase; }

#navigation ul li a, #navigation ul li a:visited {font-family: 'DIN-MediumRegular', sans-serif; display: block; padding: 4px 15px; color: #252525; }
#navigation ul li a:hover, #navigation ul li.here a {  color: #f8f8f8; background: #252525;}

/* WYGWAM STUFF */

.media_left { margin: 0 20px 20px 0;}
.media_right {float: right;}



/* Social Icons
----------------------------------------------------------------------------------------------------*/

	ul#social_nav { position: relative; float: left; list-style: none outside none; width:100%; margin-bottom: 0px; }
	ul#social_nav li { position: relative; float: left; margin-right: 10px;}
	
	/* facebook */
	ul#social_nav li a.facebook, ul#social_nav li a:visited.facebook { display: block; width: 30px; height: 60px; background: transparent url(/css/images/social/facebook.png) no-repeat 0 0; text-indent: -9999px; }
	ul#social_nav li a:hover.facebook, ul#social_nav li.here a.facebook { background: transparent url(/css/images/social/facebook-over.png) no-repeat 0 0; }
	/* myspace */
	ul#social_nav li a.myspace, ul#social_nav li a:visited.myspace { display: block; width: 30px; height: 60px; background: transparent url(/css/images/social/myspace.png) no-repeat 0 0; text-indent: -9999px; }
	ul#social_nav li a:hover.myspace, ul#social_nav li.here a.myspace { background: transparent url(/css/images/social/myspace-over.png) no-repeat 0 0; }
	/* rss */
	ul#social_nav li a.rss, ul#social_nav li a:visited.rss { display: block; width: 30px; height: 60px; background: transparent url(/css/images/social/rss.png) no-repeat 0 0; text-indent: -9999px; }
	ul#social_nav li a:hover.rss, ul#social_nav li.here a.rss { background: transparent url(/css/images/social/rss-over.png) no-repeat 0 0; }
	/* twitter */
	ul#social_nav li a.twitter, ul#social_nav li a:visited.twitter { display: block; width: 30px; height: 60px; background: transparent url(/css/images/social/twitter.png) no-repeat 0 0; text-indent: -9999px; }
	ul#social_nav li a:hover.twitter, ul#social_nav li.here a.twitter { background: transparent url(/css/images/social/twitter-over.png) no-repeat 0 0; }
	/* soundcloud */
	ul#social_nav li a.soundcloud, ul#social_nav li a:visited.soundcloud { display: block; width: 30px; height: 60px; background: transparent url(/css/images/social/soundcloud.png) no-repeat 0 0; text-indent: -9999px; }
	ul#social_nav li a:hover.soundcloud, ul#social_nav li.here a.soundcloud { background: transparent url(/css/images/social/soundcloud-over.png) no-repeat 0 0; }

	
	/* Pagination */
	.article_pagination {position: relative; float: left; width: 100%; margin-bottom: 20px;}
		.article_pagination a {border: 1px solid #252525; background: #252525; color: #f7f7f7; font-weight: normal; margin: 0 2px; padding: 2px 5px;}
		.article_pagination a:hover, .article_pagination a.active {border: 1px solid #29a4ae; background: #29a4ae; color: #f7f7f7; font-weight: normal; margin: 0 2px; padding: 2px 5px;}
		.pagination_deactivated	{opacity: 0.3;}



/* New
----------------------------------------------------------------------------------------------------*/
#new_content_container { text-align: center;  }
	.entry_image { float: left; padding: 10px; }

/* Specials */

.nomargin {margin-bottom: 0;}


.small {color: #666; font-size: 0.8em; }
.small a {color:#666; background: none; padding: 0;}
.small a:hover {color:#252525; }

.highlighted, 
a.highlighted {  background:#ea690b!important; color: #fff!important; padding: 0px 4px!important; -moz-border-radius: 2px 2px 2px 2px!important; -webkit-border-top-left-radius: 2px!important; -webkit-border-top-right-radius: 2px!important; -webkit-border-bottom-right-radius: 2px!important; -webkit-border-bottom-left-radius: 2px!important;}
a:hover.highlighted {  background:none!important; color: #333!important; }

.shadow { box-shadow: 2px 2px 2px #ccc; -moz-box-shadow: 2px 2px 2px #ccc; -webkit-box-shadow: 2px 2px 2px #ccc; }
.frame {margin: 0px; margin-bottom: 7px; padding: 4px; border: 1px solid #e5e5e5; background: #fff;}

.ACHTUNG {background: red; padding: 1em; color: #fff;}

.clear {clear: both;}

/* comments */

.comment_input {width: 270px;}
.comment_textarea {width: 270px; height: 270px;}
.comment_entry {border-bottom: 2px solid #252525; margin-bottom: 20px;}


/* logged stuff */

#performance_indicator {position: fixed; top: 0px; right: 0px; width: 140px; text-align: right; padding: 0 10px; background: black; color: white; font-size: 0.8em; z-index: 999;}

.toggler {display: block; margin-bottom: 1em;}
.toggler_inline {display: inline;}

.toggler_c_inline {display: inline;}

#edit_home {position: fixed; top: 0; left: 20px; z-index: 5; padding: 10px; background: #f8f8f8; border: 2px solid #252525; border-top: none;}
	#edit_home li {list-style: none; float: left; padding-right: 20px;}