/*
IE HACKS:

padding:2px;  	--> IE 8, and all browsers
* padding:5px;	--> IE 7 & 6
_ padding:6px;	--> IE 6

If you need something for IE 8 only:

div#youAre {
	padding:2px;	padding:2px;  	--> IE 8, and all browsers
	* padding:5px;	--> IE 7 & 6
	_ padding:6px;	--> IE 6
}

body:last-child div#youAre {
	padding:3px;	-->  all other browser use this one except all IE versions
}

*/

/* Farben

BLAU: 
	EDEFF2 hell
	D0D5DB
	6B94BC
	336699 dunkel

ORANGE:
	#FF9933
	
ROT
	#FF0000;
*/

body{
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
	color:#474747;	
	background-color:#EDEFF2;
}

body,td,th,input,select{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;		
	
}

/*.anchor {
	position:relative;
	top:-180px;
}*/

/*div#outerWrapper {
	height:100%;
	width:100%;	
}

div#innerWrapper {
	height:100%;
	width:100%;
}*/

div#contentOuterWrapper {
	background-image:url(/images/2010/contentBack.jpg);
	background-position:top;
	background-repeat:repeat-x;
	background-attachment:scroll;
}

div#contentInnerWrapper {
	width:1000px;
	margin:auto;
	text-align:left;
	padding-top:0px;	
	background-color:white;	
}

div#headOuterWrapper {
	width:100%;
	top:0;
	height:154px;	
	_height:130px;
	background:url(/images/2010/headerBack.jpg) top repeat-x fixed #CFD5DB;
	border-bottom:1px solid #336699;
}

div#headInnerWrapper {
	width:1000px;
	margin:auto;
	height:100%;
	_height:130px;		
}

div#firstLine {
	height:49px;	
}

div#web20 {
float:left;
display:inline;
margin-top:4px;
margin-left:9px;
line-height:16px;
}
div#web20 img {
	vertical-align:middle;
	position:relative;
	top:-2px;
	*top:0px;
	_top:0px;
}

body:last-child div#web20 img {
	top:0px;
}

div#topMenu {
	text-align:right;
	padding-right:10px;
	padding-top:5px;
}

div#headerBlock{
	background-image:url(/images/2010/headerBlock.jpg);
	height:56px;
}
div#headerBlock img{
	padding:0;
	margin:0;
	border:0;
	float:left;
}
div#logo {
	border-right:1px solid #336699;
	width:221px;
	float:left;
}

#headContainer {
	padding-top:10px;
}

div.headElement {
	width:25%;
	float:left;			
	
}

#ua {
	width:50%;
}

div.headElement img{
	padding-right:10px;
	margin-right:10px;	
	border-right:1px dotted #336699;
	padding-bottom:10px;
}


div#youAre {
	margin:0 auto 10px auto;
	width:1000px;	
	line-height:10px;
	/**margin-top:155px;
	_margin-top:0;*/
}

body:last-child div#youAre {
	line-height:10px;
}

div#youAre a {text-transform:capitalize;}

.floatRight {
	float:right !IMPORTANT;
}

div#clearLeft {height:0px;width:0px;clear:left !important;float:none !important;}
div#clearBoth {clear:both;height:0px;width:0px;}
div#clearRight {height:0px;width:0px;clear:right;}

/* topmenu */
div#topNaviContainer {
	float:left;
}

div#topNaviContainer ul {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
div#topNaviContainer li {
	margin:0;
	float: left;
	display: inline;
	padding:0;
}

div#topNaviContainer li a{
	background-image:none;
	padding:18px 10px 17px;
	line-height:56px;
	border-right:1px solid #336699;
	color:white;
	letter-spacing:0px;
	/*font-family:"Times New Roman", Times, serif;*/
	font-size:16px;
	font-weight:bold;
}
div#topNaviContainer li a:hover{
	background-color:#4B78A6;
	color:white;
	text-decoration:none;
}

div#topNaviContainer li a.menAkt {
	background-color:#244669;	
	color:#FF9933;
}

div#topNaviContainer li a.menAkt:hover {
	background-color:#4C78A7;
	color:white;
}

/* search */
div#searchContainer {
	width:185px;
	float:right;
	background-color:#FFFFFF;
	border:1px solid #336699;
	margin-top:17px;
	margin-left:10px;
}

div#searchContainer input {
	margin-left:2px;
	border:0px;
	width:100%;
	* padding-top:5px !IMPORTANT;
}

/* searchButton */
td.searchButton {
	height:21px;
	*height:22px;
	text-align:right;
	padding:0 !IMPORTANT;
	margin:0 !IMPORTANT;
}
a.searchButton {
	background-color:#FF9933;
	padding:3px 5px !IMPORTANT;
	line-height:21px !IMPORTANT;
	margin:0px !IMPORTANT;
	border-left:1px solid #336699;
	color:white;
	text-transform:uppercase;
	font-weight:bold;
}

a.searchButton:hover{
	background-color:#FF0000;
	text-decoration:none;
	color:white;
}

/*Search Suggest*/

.suggest_link {
	background-color:#FFFFFF;
	padding:1% 1% 1% 1%;
}

.suggest_link_over {
	background-color:#999999;
	padding:1% 1% 1% 1%;
	cursor:pointer;
	color:white;
}

.suggest_alert {
	padding:1% 1% 1% 1%;
	background-color:#FFEAEA;
	display:block;
}
	
.suggest_result_header {
	padding:1% 1% 1% 1%;
	border-top:1px solid #336699;
	border-bottom:1px solid #336699;
	display:block;
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	color:#336699;
	text-transform:uppercase;
	letter-spacing:2px;
	background-color:#E5E5E5;
}

#sRes {
	display:block;
	overflow:auto;
	max-height:600px;
	min-height:10px;
	border:1px solid #336699;
	background-color:#FFFFFF;
}

#search_loader {
	border:1px solid #336699;
	background-color:#FFFFFF;
}

#search_suggest {
	position:relative;
	width:500px;
	max-width:500px;
	z-index:51;
	left:500px;
	top:-58px;	
}

#suggest_corner{
	height:8px;
	border-right:1px solid #336699;
	display:block;
}

.result_suggestions {
	float:left;
	width:33%;
}
.result_suggestions_clearer {
	float:none;	
}

.srt { 
	display:block;
	width:100%;
}
.suggest_result_header span, .srt span {width:48%;display:block;}
.suggest_result_header span.r, .srt span.r {float:right;}
.srt span i {display:none;}
.srt span.hidden {display:none;float:none;}


















div#floatClearer {
	height:1px;
}

div#wrapper {
	background:url(/images/main_back.jpg) repeat-x top;	
}

div#container {
	background:url(/images/top_bg.jpg) no-repeat top;
	text-align:center;
	height:142px;
}

div#center {
	width:980px;
	margin:auto;
	text-align:left;
}

a {
	text-decoration:none;
	color:#336699;
}

a:hover {
	color:#336699;
	text-decoration:underline;
}

a.button, input.button {
	border:#336699 1px solid;
	padding:1px 2px 1px 4px;
	margin:0px;
	background:url(/images/buttonBackBlue.jpg) repeat-x;	
	font-weight:bold;
	letter-spacing:1px;
	color:#EDEFF2;
	text-transform:uppercase;
}

input.button {
	padding:0 0 0 2px;
	cursor:pointer;	
}

a.button:hover, input.button:hover {
	text-decoration:none;
	color:white;
	border:#336699 1px solid;	
}

.wk {
	width:130px;display:block;
}

.wkShipping th {
	background-color:#D0D5DB;
	color:white;
	font-weight:bold;
	font-size:14px;
}
div#contentWrapper {
	padding:5px;
	margin-left:211px;
}

div#content {
_width:99%;
}

input, select {
	border:1px solid #666666;
	margin:2px;
}

select.error, input.error {
	border-color:red;
	background-color:#FFCCCC;
}

/* HEAD */

div#headWrapper {
	height:40px;
}


div#userWrapper {height:90px;}

div#user-area {
	float:right;
	width:603px;
	border-bottom:#BBBBBB solid 1px;
	border-left:#BBBBBB solid 1px;	
}

div#user-area td{font-size:11px;}

div#topElement {
	border-right:#BBBBBB solid 1px;
	float:right;
	padding:4px;	
	background:url(/images/elementBackground.jpg) top repeat-x;
	background-color:#F0F6F6;
}
div#topElement img {padding-right:5px;}
div#topElement a {font-weight:bold;}

div#user-area div.warenkorb{
	width:170px;
}
div#user-area div.merkzettel{
	width:170px;
}
div#user-area div.login{
	width:236px;
}

/* COLORS & STYLES */

.MIDI 			{color:#666633;}
.PACK 			{color:#CCCC00;}
.STYLE 			{color:#006699;}
.PLAYBACK 		{color:#FF9900;}
.PROPLAYBACK 	{color:#990066;}
.PROVPLAYBACK 	{color:#6600CC;}

.BGMIDI 			{background-color:#666633;}
.BGPACK 			{background-color:#CCCC00;}
.BGSTYLE 			{background-color:#006699;}
.BGPLAYBACK 		{background-color:#FF9900;}
.BGPROPLAYBACK 		{background-color:#990066;}
.BGPROVPLAYBACK 	{background-color:#6600CC;}

.upper {text-transform:uppercase;}

.ourTippsWrapper {padding:7px;padding-right:0px;}
img.ourTipps {border:0px;margin-right:7px;}

.light {color:#666666;}
.lighter {color:#999999;font-weight:normal;}

.title {font-weight:bold;letter-spacing:1px;}
.textNew {font-weight:bold;display:inline;padding:0px 5px 0px 5px;border:#990000 solid 0px;color:#FF0000;background-color:#FFFF99;line-height:12px;text-transform:uppercase;}

.groupLabel {
	margin:2px 0px 2px 30px;
	text-align:center;
	width:92px;
	height:15px;
	line-height:14px;	
	float:left;	
	font-weight:bold;
	color:white;
	text-transform:uppercase;
	font-size:10px;
	background-image:url(/images/bgtype.gif);
	letter-spacing:-1px;
}
.groupLabel a {color:white;}
.groupLabel a:hover {color:white;}

.leftListing .B {background-image:url(/images/bgtypeNEW.gif) !IMPORTANT;}

.infoPage {margin:0;}
.infoPage a {color:white;}
.infoPage a:hover {color:white;}

.clarBoth{clear:both;height:1px;}

.loadingContainer {
	background-color:white;
	position:fixed;
	z-index:90;
	width:100%;
	height:100%;
	top:0;
	left:0;
    filter:alpha(opacity=30);
    -moz-opacity: 0.3;
    opacity: 0.3;
	
}
.loadingImgContainer {
	background-color:white;
	z-index:92;
	position:fixed;
	text-align:center;
	top:30%;
	left:50%;
	width:200px;
	border:2px black solid;
}

.loadingImgContainer img{
	padding:20px;
}

/* MENU */

p.leftMenu {
	background-color:#336699;
	padding:3px;
	margin:0px;
	margin-bottom:10px;
	font-weight:bold;
	text-transform:uppercase;
	color:white;
	padding-left:20px;
	font-size:14px;
}


div.topSuche {padding:0px;margin:0px;}
div.topSuche td {padding:0px;
	margin:0px;
	vertical-align:middle;
	*vert
	padding-right:5px;
}
div.topSuche form, div.topSuche input, div.topSuche img, div.topSuche a{margin:0px;}
div.topSuche a{padding-left:0px;}
div.topSuche * {
	*margin:0;
	*padding:0;
	*line-height:12px;
}

div.topSuche input {
	*height:12px;
	*line-height:12px;
	*width:px;
}


tr.pixel1{height:1px;*height:0px;}


div#leftWrapper{
	float:left;
	width:200px;
	margin-right:5px;
	padding:5px;
	border:1px dotted #999999;
	border-top-width:0px;
	border-left-width:0px;
	margin-bottom:10px;
}
/*div#rightWrapper{
	float:right;
	height:200px;
	width:200px;
	overflow:auto;
}*/

/* BOTTOM */
div#bottom{
	text-align:right;
	padding-top:10px;
	padding-bottom:10px;
	clear:both;
	
}
div#footerOuterWrapper{
	height:100px;
	text-align:center;	
	color:black;	
	border-top:1px solid #336699;
	background-image:url(/images/2010/footerBack.jpg);
	background-position:top;
	background-repeat:repeat-x;
	background-attachment:scroll;
}
div#footerInnerWrapper{
	width:1000px;
	margin:auto;
	padding-top:10px;			
}

/* CONTENT */

h1 {
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	text-transform:uppercase;
	letter-spacing:2px;
	border-bottom:1px #6B94BC dotted;
	margin-top:10px;
	margin-bottom:10px;	
}

h2 {
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	letter-spacing:2px;
	margin-top:10px;
	margin-bottom:10px;	
}

.alert {color:red;}

div.hinweis {
	background:#FFFFCC url(/images/2010/a.jpg) 10px 10px no-repeat;
	border:red dotted 1px;
	padding:10px;
	padding-left:49px;
	margin:0px;
	margin-bottom:10px;
	min-height:29px;
}

div.info {
	background:#EDEFF2 url(/images/2010/i.jpg) 10px 10px no-repeat;
	border:#336699 dotted 1px;
	padding:10px;
	padding-left:49px;
	margin:0px;
	margin-bottom:10px;
	min-height:29px;
}

div.info p {
	margin-top:0;
}

div.success {
	background:rgb(250,245,255) url(/images/success.gif) 5px 5px no-repeat;
	border:#CCCCCC solid 1px;
	padding:5px;
	padding-left:55px;
	margin:0px;
	margin-bottom:10px;	
	margin-top:10px;
	min-height:43px;
}

/* Tables */

table.standart {border-collapse:collapse;}
table.standart td{padding:5px;border-right:#CCCCCC 1px dashed;border-bottom:#CCCCCC 1px dashed;}
table.standart td.td-last{border-right:#CCCCCC 0px solid;}
table.standart tr.tr-last td{border-bottom:#CCCCCC 0px solid;}

/* TopLeft */

table.topLeft tr.tr-0 td{
	font-weight:bold;
	border-bottom:#474747 1px solid;
	vertical-align:bottom;
}

table.topLeft td.td-0 {
	font-weight:bold;
	text-align:right;
	border-right:#474747 1px solid;
}


/* Left */

table.left td.td-0 {
	font-weight:bold;
	text-align:right;
	border-right:#474747 1px solid;
}

/* Top */

table.top tr.tr-0 td{
	font-weight:bold;
	border-bottom:#474747 1px solid;
}

/* START */


#textCloud { 
	/*border:#CCCCCC solid 1px;*/
	text-align:justify;
	/*background:url(/images/headerBackground.jpg) top repeat-x #E5E5E5;	*/
}

.cloudSize1 {font-size:18px; color:#00254A;}
.cloudSize2 {font-size:16px; color:#003D79;}
.cloudSize3 {font-size:14px; color:#0057AE;}
.cloudSize4 {font-size:12px; color:#006CD9;}

div#startPayment {
margin-top:10px;
}


div#aktuellesContainer {
	height:20px;	
}

#NewsVertical {
	height:20px;
	display: block;
	overflow: hidden;
	position: relative;
	z-index:50;
}
#TickerVertical {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	}
#TickerVertical li {
	margin: 0px;
	padding:3px 2px 10px 9px;	
	text-align:center;
}

li.actualNews {
	color:red;
}


div#newMidifiles, div#newPlaybacks, div#voting, div#updates, div#topseller, div#welcome{ 
	width:48%;
	* width:47%;
	float:left;
	padding:1%;
}
/*div#topseller{
	float:left;
	padding:1%;
	* width:738px;
}*/

div#inProduction {
	float:left;
}
div#inProduction h1 {margin-left:1%;margin-right:1%;}

div#inProduction .leftListing {height:30px !IMPORTANT;}
div#inProduction .rightListing {height:30px !IMPORTANT;}

div.prod {
	width:375px;
	* width:370px;
	_ width:372px;
	padding:0 0 0 5px;
	float:left;
	margin:0px;
}

div.startNews{
	padding:5px;
}

div.startNews div{
	/*border:#CCCCCC solid 1px;*/
	font-weight:bold;
	padding:0px;
	margin:0px;
	font-size:13px;
	font-family:"Times New Roman", Times, serif;
	letter-spacing:1px;
}

div.startNews span {
	font-size:13px;
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	text-transform:uppercase;
	color:#333333;
	letter-spacing:1px;
}

.leftListing {width:33%;float:left;height:45px;text-align:right;margin-bottom:5px;padding:5px;}
.rightListing {width:61%;padding:5px;margin-bottom:5px;height:45px;float:left;border-left:#999999 dotted 1px; _width:53%; _line-height:15px;}

.leftListing #aktionen img {padding-left:3px;}
#newMidifiles .leftListing #aktionen, #newPlaybacks .leftListing #aktionen {_position:relative; _left:32px;}
#newMidifiles .leftListing span.light, #newPlaybacks .leftListing span.light {_position:relative; _left:32px;}

.rightListing {color:#999999;}
.rightListing span {font-weight:bold;}
.rightListing b {font-size:14px;color:#474747;}

#more {font-weight:normal;font-family:Arial, Helvetica, sans-serif;font-size:12px;text-align:right;letter-spacing:0px;}



/* VOTING */
td.voteGreen{color:#009900; font-weight:bold; width:105px;}
td.voteRed{color:red; font-weight:bold; width:105px;}
td.voteOrange{color:orange; font-weight:bold; width:105px;}



/* --> neu */

.votingBox {}

.votingBox .votingHeader {font-weight:bold;border-bottom:1px solid #999999;background-color:#CCCCCC;}
.votingRow0, .votingRow1, .votingRow2 {width:98%;padding:5px;margin-left:2px;} 

.votingVote {float:left;width:8%;text-align:center;}

.votingRow0 .votingDate {float:left;width:10%;text-align:right;}
.votingRow1 .votingDate {float:left;width:16%;text-align:right;}
.votingRow1 .votingAction, .votingRow2 .votingAction {float:left;width:4%;text-align:right;}

.votingRow0 .votingField {float:left;width:30%;}
.votingRow1 .votingField {float:left;width:24%;}
.votingRow2 .votingField {float:left;width:32%;}

.floatColClearer {
	clear:left !IMPORTANT;
	height:0px !IMPORTANT;
	float:none !IMPORTANT;
	padding:0 !IMPORTANT;
}

/* TOOLTIPS */

.tip { 
	width:300px; background-color:#F3F3F3;
	border:#D0D5DB solid;
	border-width:1px 1px 1px 1px;
	
}
.tip-title		{font-weight:bold; padding:5px; background-color:#D0D5DB;}
.tip-text		{color:#000; padding:5px;}
.tip span {
	display:inline;
	width:auto;
	float:none;
	text-align:left;
	padding:2px;
}

/* WK */

.wkShipping ul {margin:0 0 20px 20px;padding:0;}