@charset "utf-8";

/* 

MasteringWorks Design & Programming by:

A-Tone Media David Dissel

=====================================|
STANDART-FARBEN IM DOKUMENT:	|
=====================================|
Hintergrundfarbe:		#d7dda2	|
							|
Navigation-Text:		#2b2b2b		|
							|
Textfarbe:				#535353	|
							|	
Text-hover:				#000	|
							|
Roundes-Boxes:			#e5e5e5	|
							|
--------------------------------------------------------'
*/

@import url(reset.css);


/*
---------------------------\
  	 HAUPT-KOMPONENTEN      \
	===================     /
---------------------------/
*/

html, body, #wrapper {
	height: 100%;
}

html, body {
	background: url(frontend/images/bg_kachel.gif);
}

body > #wrapper {
	height: auto;
    min-height: 100%;
}

#wrapper {
	background: url(frontend/images/bg_navigation.gif) repeat-x;
}

#container_left {
	float: left;
	width: 239px;
}

#container_right {
	float: left;
	width: 700px;
}
#navigation_top {
	height: 88px;
}

.navigation_button a {
	float: left;
	display: block;
	width: 168px;
	height: 74px;
	overflow: hidden;
	text-indent: -1000px;
	background: url(frontend/images/navigation_buttons.gif) no-repeat;
}

#navigation_products a 	{	background-position: 0 0;}
#navigation_dealers a	{	background-position: -168px 0;}
#navigation_studios a	{	background-position: -336px 0;}
#navigation_services a 	{	background-position: -504px 0;}
#navigation_services_content a 	{	background-position: -504px 0;}

#navigation_products a:hover, .active_products #navigation_products a  	{	background-position: 0 -74px;}
#navigation_dealers a:hover, .active_dealers #navigation_dealers a		{	background-position: -168px -74px;}
#navigation_studios a:hover, .active_studios #navigation_studios a		{	background-position: -336px -74px;}
#navigation_services  a:hover, .active_services #navigation_services  a	{	background-position: -504px -74px;}
#navigation_services_content  a:hover, .active_services_content #navigation_services_content  a	{	background-position: -504px -74px;}


#logo {
	float: left;
	width: 239px;
	height: 121px;
	background: url(frontend/images/masteringworks_logo.gif) no-repeat;
}

.logo_link {
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -475px;
	display: block;
	width: 225px;
	height: 107px;
	text-indent: -1000px;
	overflow: hidden;
}

#content {
	width: 960px;
	margin: 0 auto;
	padding-bottom: 130px;
	clear:both;
}

#footer {
	position: relative;
/*	margin-top: -124px;
	height: 124px;*/
	margin-top: -130px;
	height: 130px;
	clear:both;
	background: url(frontend/images/bg_footer.gif) repeat-x;
}

#footer_content {
	width: 924px;
	margin: 0 auto;
	padding: 9px 0 0 0;
}

.spacer {
	clear: both;
	height: 12px;
}

/*
------------------\
  	 CLEAR-FIX     \
	===========    /
------------------/
*/

.clearfix:after, .overview:after  {
    content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-block;}

/* IE on Mac START */
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/* IE on Mac END */

/* ########### SUBNAVIGATION ############ */

#subnavigation {
	width: 200px;
	position: relative;
	top: 4px;
	left: 4px;
	list-style: none;
}

#subnavigation li a {
	display: block;
	background: url(frontend/images/list_dot.gif) no-repeat left 7px;
	padding: 0 0 6px 6px;
}


.subnavigation_products a {			color: #535353; }
.subnavigation_products a:hover {	color: #891e15; }
.subnavigation_products .subnavigation_aktiv a {	color: #891e15; }

.subnavigation_dealers a {			color: #535353; }
.subnavigation_dealers a:hover {		color: #965b01; }
.subnavigation_dealers .subnavigation_aktiv a  {	color: #965b01;	}

.subnavigation_studios a {			color: #535353; }
.subnavigation_studios a:hover {		color: #958c0a; }
.subnavigation_studios .subnavigation_aktiv a  {	color: #958c0a;	}

.subnavigation_services a {			color: #535353; }
.subnavigation_services a:hover {	color: #4f801f; }
.subnavigation_services .subnavigation_aktiv a  {	color: #4f801f;	}

.subnavigation_services_content a {			color: #535353; }
.subnavigation_services_content a:hover {	color: #4f801f; }
.subnavigation_services_content .subnavigation_aktiv a  {	color: #4f801f;	}

/*
----------------------------\
  	 SCHRIFTFORMATIERUNG     \
	=====================    /
----------------------------/
*/

p {
	margin: 7px 0 0 0;
	padding: 0;
}

body, html {
	font: 11px/16px Verdana, Helvetica, Arial, sans serif;
	color: #535353;
}

a, a.link, a.active, a.alink, a.vlink {
	text-decoration: none;
	color: #777;
}

a:hover {
	color: #000;
}

#footer_content strong {
	font: bold 12px/22px Verdana, Helvetica, Arial, sans serif;
}

#footer_content {
	font: 10px/16px Verdana, Helvetica, Arial, sans serif;
}

#footer_content a {
	color: #535353;
}

#footer_content a:hover {
	color: #000;
}

#subnavigation {
	font: bold 11px Verdana, Helvetica, Arial, sans serif;
}

h3 {
	font: bold 12px Verdana, Helvetica, Arial, sans serif;
	margin: 0px 0 4px 4px;
	text-transform: capitalize;
}

.headline {
	display: block;
	font: bold 12px Verdana, Helvetica, Arial, sans serif;
	margin: 0 0 8px 0;
}

/*
######## PRODUKTE - MAIN ############
*/

.produkte_body {
	float: left;
	width: 200px;
	padding: 0px 35px 10px 10px;
}

/*
######## USERS ############
*/

.users {
	padding: 12px;
}

.users ul {
	display: block;
	float: left;
	width: 280px;
	padding-right: 20px;
	list-style: none;
}

.users ul  li{
	list-style: none;
	padding: 2px 0;
}


.users:after {
	content: ".";
	display: block;
	height: 12px;
	clear: both;
	visibility: hidden;
}

/*
######## IMPRESSUM ############
*/

.impressum_h1 {
	display: block;
	font: bold 14px Verdana, Helvetica, Arial, sans serif;
	margin: 0px 0 4px 10px;
}

.impressum_h2 {
	display: block;
	font: bold 11px Verdana, Helvetica, Arial, sans serif;
	margin: 0px 0 1px 0;
}

.impressum_body {
	float: left;
	width: 290px;
	padding: 0px 35px 10px 10px;
}

/*
######## HEADLINE UNTERSTRICHE ############
*/

.hu_left, .hu_right {
	float: left;
	width: 5px;
	height: 7px;
}

.head_underline_left .hu_middle {
	float: left;
	height: 7px;
	width: 194px;
}

.head_underline_right .hu_middle {
	float: left;
	height: 7px;
	width: 665px;
}

.head_underline_right_news .hu_middle {
	float: left;
	height: 7px;
	width: 402px;
}

.head_underline_right_events .hu_middle {
	float: left;
	height: 7px;
	width: 215px;
}

.head_underline_left:after, .head_underline_right:after, .head_underline_right_news:after , .head_underline_right_events:after   {
    content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#hu_products .hu_left	{	background: url(frontend/images/hu_sprite_left.png) no-repeat 0 0; }
#hu_dealers .hu_left 	{	background: url(frontend/images/hu_sprite_left.png) no-repeat 0 -7px; }
#hu_studios .hu_left		{	background: url(frontend/images/hu_sprite_left.png) no-repeat 0 -14px; }
#hu_services  .hu_left	{	background: url(frontend/images/hu_sprite_left.png) no-repeat 0 -21px; }
#hu_services_content  .hu_left	{	background: url(frontend/images/hu_sprite_left.png) no-repeat 0 -21px; }

#hu_imprint  .hu_left,
#hu_kontakt  .hu_left,
#hu_contact .hu_left,
#hu_home  .hu_left,
#hu_press  .hu_left,
#hu_presse  .hu_left,
#hu_users .hu_left,
#hu_stories .hu_left,
#hu_prices .hu_left,
#hu_preise .hu_left
{	background: url(frontend/images/hu_sprite_left.png) no-repeat 0 -28px; }

#hu_products .hu_right	{	background: url(frontend/images/hu_sprite_right.png) no-repeat 0 0; }
#hu_dealers .hu_right	{	background: url(frontend/images/hu_sprite_right.png) no-repeat 0 -7px; }
#hu_studios .hu_right	{	background: url(frontend/images/hu_sprite_right.png) no-repeat 0 -14px; }
#hu_services  .hu_right	{	background: url(frontend/images/hu_sprite_right.png) no-repeat 0 -21px; }
#hu_services_content  .hu_right	{	background: url(frontend/images/hu_sprite_right.png) no-repeat 0 -21px; }

#hu_imprint  .hu_right,
#hu_kontakt  .hu_right,
#hu_contact .hu_right,
#hu_home  .hu_right,
#hu_press  .hu_right,
#hu_presse  .hu_right,
#hu_users  .hu_right,
#hu_stories .hu_right,
#hu_prices .hu_right,
#hu_preise .hu_right
{	background: url(frontend/images/hu_sprite_right.png) no-repeat 0 -28px; }

#hu_products .hu_middle	{	background: url(frontend/images/hu_sprite_middle.png) repeat-x 0 0;}
#hu_dealers .hu_middle 	{	background: url(frontend/images/hu_sprite_middle.png) repeat-x 0 -7px; }
#hu_studios .hu_middle	{	background: url(frontend/images/hu_sprite_middle.png) repeat-x 0 -14px; }
#hu_services  .hu_middle	{	background: url(frontend/images/hu_sprite_middle.png) repeat-x 0 -21px; }
#hu_services_content  .hu_middle	{	background: url(frontend/images/hu_sprite_middle.png) repeat-x 0 -21px; }

#hu_imprint  .hu_middle,
#hu_kontakt  .hu_middle,
#hu_contact .hu_middle,
#hu_home  .hu_middle,
#hu_press  .hu_middle,
#hu_presse  .hu_middle,
#hu_users  .hu_middle,
#hu_stories  .hu_middle,
#hu_prices  .hu_middle,
#hu_preise .hu_middle
{	background: url(frontend/images/hu_sprite_middle.png) repeat-x 0 -28px; }


/* ########### BREADCRUMBS ############ */

#breadcrumbs {
	font: bold 12px Verdana, Helvetica, Arial, sans serif;
	margin: 0px 0 4px 4px;
	text-transform: capitalize;
	color: #535353;
}

#breadcrumbs a {	color: #535353; } 

/*####################*/
/*		 OVERVIEW		*/
/*####################*/

.overview_top {
	height: 5px;
	width: 675px;
	background: url(frontend/images/products_overview_top.gif) no-repeat;
}

.overview {
	width: 675px;
	background: #d7d7d7 url(frontend/images/products_overview_bottom.gif) no-repeat bottom center;
	padding: 10px 0px 18px 0px;
}

.overview_image {
	width: 255px;
	float: left;
	margin: 4px 0 0 18px;
}

.overview_image img {
	border: 1px solid #969696;
}

.overview_image .brands {
	padding: 6px 0 0 0;
}
.overview_image .brands img {
	border: 0;
}

.overview_body {
	float: left;
	width: 360px;
	padding: 0 0 0 20px;
	font: 11px/17px Verdana, Helvetica, Arial, sans-serif;
}
.overview_body_videos {
	float: left;
	width: 630px;
	padding: 0 0 0 20px;
	font: 11px/17px Verdana, Helvetica, Arial, sans-serif;
}
.overview_body_videos img{
	float:left;
	margin-right:12px;
	margin-bottom:2px;
}
.overview_body_videos object{
	float:left;
	margin-right:12px;
	margin-bottom:3px;
}

.overview_headline {
	display: block;
	color: #535353;
	margin:0 0 7px 0;
	font: bold 15px Verdana, Helvetica, Arial, sans-serif;
}

.overview_readmore {
	display: block;
	margin:14px 0 0 0;
	font: bold 11px Verdana, Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	color: #960f0f;
}

.overview_readmore:hover {
	color: #e53223;
}

/*#################*/
/*		 DETAILS		  */
/*#################*/

#details_images, #details_body {
	padding: 0 0 24px 0;
}

.details_image{
	float: left;
	width: 330px;
}

.products_detail_text {
	font: 11px Verdana, Helvetica, Arial, sans-serif;
	color: #4d4d4d;
}

.products_detail_headline {
	margin: 10px 0px 4px 0px;
	font: bold 13px Verdana, Helvetica, Arial, sans-serif;
}

.details_headline {
	display: block;
	color: #535353;
	margin:0 0 7px 0;
	font: bold 15px Verdana, Helvetica, Arial, sans-serif;
}

#details_body ul, #details_body ol {
	padding: 4px 0 4px 28px;
}

#details_body ul li, #details_body ol li {
	padding: 3px 0;
}

.details_text{
	float: left;
	width: 290px;
}


#details_text_left{
	margin-right: 40px;
}


/*####################*/
/*		 ROUND BOXES		*/
/*####################*/

.box_rounded {
	display: block;
	margin-left: 7px;
}

#container_left .box_rounded {
	display: block;
	margin-left: 5px;
}

.box_rounded_news {
	display: block;
	margin-left: 7px;
	margin-right: 7px;
}

.box_rounded_events  {
	display: block;
	margin-left: 7px;
}

.box_rounded:after, .box_rounded_news:after, .box_rounded_events:after {
	content: ".";
	display: block;
	height: 12px;
	clear: both;
	visibility: hidden;
}

#container_left .box_rounded_content  { width: 207px; }
#container_right .box_rounded .box_rounded_content  { width: 675px }
#container_right .box_rounded_news .box_rounded_content  { width: 412px }
#container_right .box_rounded_events .box_rounded_content  { width: 225px }

#container_left .TM, #container_left .BM {
	float: left;
	width: 207px;
	height: 9px;
	background: #e5e5e5;
}

#container_right .TM, #container_right .box_rounded .BM {
	float: left;
	width: 675px;
	height: 9px;
	background: #e5e5e5;
}

#container_right .box_rounded_news .TM, #container_right .box_rounded_news .BM {
	width: 412px;
	float: left;
	height: 9px;
	background: #e5e5e5;
}

#container_right .box_rounded_events .TM, #container_right .box_rounded_events .BM {
	width: 225px;
	float: left;
	height: 9px;
	background: #e5e5e5;
}

.TL, .TR, .BL, .BR {
	float: left;
	width: 9px;
	height: 9px;
	background: url(frontend/images/box_rounded.png) no-repeat;
}

.TL { background-position: 0 0; }
.TR { background-position: -9px 0; }
.BL { background-position: 0 -9px; }
.BR { background-position: -9px -9px; }

.box_rounded_content {
	clear: both;
	padding: 7px 9px;
	background: #e5e5e5;
	-moz-border-radius:8px; /* Firefox */
	-webkit-border-radius:8px; /* Safari, Chrome */
	-khtml-border-radius:8px; /* Konqueror */
	border-radius:8px; /* CSS3 */
}

/* IE 6 HACKS START */
* html #container_right .box_rounded {
	background: #e5e5e5;
	width: 670px;
	margin-bottom: 12px;
}

* html .TL, * html .TR, * html .TM, * html .BL, * html .BM, * html .BR  { display: none }
/* IE 6 HACKS  END */




/* ----------------- PRESSE BEREICH --------------------*/

#listing {
	width: 660px;
	padding: 20px 0 10px;
}

#listing a {
	display: block;
	clear: both;
	padding: 4px 0 0 0;
	text-align: right;
}

#listing a img {
	float: left;
	padding-right: 4px;
}

#listing a strong {
	float: left;
	display: block;
	width: 380px;
	text-align: left;
}

#listing a em {
	float: left;
	display: block;
	width: 100px;
	text-align: right;
}

#listing span {
	clear: both;
}


/* PREISE */

#pricetable h3 {
	display: block;
	padding: 20px 0 8px;
}

#pricetable tr td {
	width: 115px;
	padding: 0 20px 0 10px;
}

#pricetable tr td {
	text-align: right;
}

.umrechnung {
	text-align: left;
}

#pricetable tr td.umrechnung1, #pricetable tr td.mwst1 {
	text-align: left;
	width: 200px;
}

#pricetable tr td.headline {
	text-align: left;
	width: 200px;
}



/* ######## BOXHOME ########## */


.box_rounded_boxhome {
	clear: both;
	-moz-border-radius:8px; /* Firefox */
	-webkit-border-radius:8px; /* Safari, Chrome */
	-khtml-border-radius:8px; /* Konqueror */
	border-radius:8px; /* CSS3 */    
	margin: 0 0 12px 5px;
	overflow: hidden;
	width: 225px;
}

.box_rounded_boxhome a {
	display: block;
	
}

.box_rounded_boxhome.dangerousmusic a 	{ height: 80px; background: url(frontend/images/logo_dangerous_music_bh.jpg) 0 0 no-repeat; }
.box_rounded_boxhome.sterlingmodular a 	{ height: 75px; background: url(frontend/images/logo_sterling_modular_bh.jpg) 0 0 no-repeat; }
.box_rounded_boxhome.anamod a 				{ height: 60px; background: url(frontend/images/logo_anamod_bh.jpg) 0 0 no-repeat; }
.box_rounded_boxhome.rogerschult a 		{ height: 69px; background: url(frontend/images/logo_roger_schult_bh.jpg) 0 0 no-repeat; }
.box_rounded_boxhome.rockruepel a 			{ height: 50px; background: url(frontend/images/logo_rockruepel_bh.jpg) 0 0 no-repeat; }




.box_rounded_boxhome.dangerousmusic a:hover 	{ background-position: -225px 0; }
.box_rounded_boxhome.sterlingmodular a:hover 		{ background-position: -225px 0; }
.box_rounded_boxhome.anamod a:hover 				{ background-position: -225px 0; }
.box_rounded_boxhome.rogerschult a:hover 			{ background-position: -225px 0; }
.box_rounded_boxhome.rockruepel a:hover 			{ background-position: -225px 0; }




/* ######## PUREMIX BEREICH ########## */


.box_rounded_content.puremix {
	clear: both;
	padding: 7px 9px;
	background: #e5e5e5;
	-moz-border-radius:8px; /* Firefox */
	-webkit-border-radius:8px; /* Safari, Chrome */
	-khtml-border-radius:8px; /* Konqueror */
	border-radius:8px; /* CSS3 */
	background: #fff url(frontend/images/box_heads/content_head_puremix.jpg) no-repeat;
}

.box_rounded_puremix {
	height: 80px;
	-moz-border-radius:8px; /* Firefox */
	-webkit-border-radius:8px; /* Safari, Chrome */
	-khtml-border-radius:8px; /* Konqueror */
	border-radius:8px; /* CSS3 */
	margin: 0 0 12px 6px;
	overflow: hidden;
}

.box_rounded_puremix a {
	display: block;
	width: 244px;
	height: 80px;
	overflow: hidden;
	text-indent: -1000px;
	background:#e5e5e5 url(frontend/images/puremix_box_spirte.jpg) 0 0 no-repeat;
}

.box_rounded_puremix a:hover {
	background-position: 0px -80px
}

#puremix_text {
    float: left;
    margin-right: 30px;
    width: 400px;
}

#puremix_formular {
	float: left;
	width: 232px;
	background: #457eb5;
	-moz-border-radius:8px; /* Firefox */
	-webkit-border-radius:8px; /* Safari, Chrome */
	-khtml-border-radius:8px; /* Konqueror */
	border-radius:8px; /* CSS3 */
    padding: 11px 0 16px;
	color:#fff;
}


#puremix_formular input {
	-moz-border-radius:4px; /* Firefox */
	-webkit-border-radius:4px; /* Safari, Chrome */
	-khtml-border-radius:4px; /* Konqueror */
	border-radius:4px; /* CSS3 */
	border: 0;
	padding: 4px 2px;
}

#puremix_formular input.submitbtn {
	-moz-border-radius:8px; /* Firefox */
	-webkit-border-radius:8px; /* Safari, Chrome */
	-khtml-border-radius:8px; /* Konqueror */
	border-radius:8px; /* CSS3 */
	width: 130px;
	background:#dedede;
}

#puremix_formular input.submitbtn:hover {
	color:#417aab;
}