﻿* {
	margin: 0px;
	padding: 0px;
}

p
{
	padding:5px 0 5px 0;	
}


html {
	overflow-y: scroll;
	scrolling: yes;
}

body {
	color: #000;
	font-family: verdana, arial, sans-serif;
	text-align:center;
}

td.spacing56
{	
	width:56px;	
}

#aspnetForm
{
	
}

td.spacing28
{	
	width:28px;	
}
td.spacing20
{	
	width:20px;	
}

td.spacing124
{
	width:124px;	
}
td.spacing268
{
	width:268px;	
}


#page {
	width: 972px;	
	margin: 10px auto 0px auto;
	text-align:left;
}

#left {
	float: left;
	width: 324px;
	height: 100%;
}

#content {
	float: left;
	width: 648px;
	min-height: 640px;
	height: auto !important;	
	font-size: 12px;
	line-height: 14px;

}

#LeftTopbox {
	position: absolute;
	width: 324px;
	height: 319px;
	background: #CCC;
	z-index: 100;
	overflow: hidden;
	
}

#ZIPDOWNLOAD
{
	margin-top:20px;
	width:640px;
	min-height:45px;
	height:auto;
	background-color:#fff;
	padding: 15px 0px 0px 15px;	
	text-align:left;
}

#ZIPDOWNLOAD p
{
	padding-top:10px;
}

.clearer {
	clear: both;
	width: 100px;
	height: 0px;
	line-height: 0px;
}



a img {
	border: none;
}

#content h1 {
	font-family: font-family: verdana, arial, sans-serif;
	font-size: 18px;
	line-height: 24px;	
}

#content h2 {
	font-family: font-family: verdana, arial, sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
}

#content p {
	padding:5px 0 5px 0;	
}

#content a {
	color: #000;	
}

.textcontent
{
	padding-left:10px;	
	padding-top:10px;
}


.textcontent h2 {
	margin: 20px 0px 7px 0px;
	font-size: 14px !important;
	line-height: 16px !important;
}

.textcontent h2.firsth2 {
	margin: 0px 0px 7px 0px;
}

.textcontent ol, .textcontent ul {
	margin: 0px 0px 14px 20px;	
}

.textcontent ol li, .textcontent ul li {
	margin: 0px 0px 5px 0px;	
}

/*================ INdex =================*/

.BackgroundShadow
{
 z-index :900; 
 position:fixed; 
 top:0px; 
 left:0px; 
 height:100%; 
 width:100%; 
 background-image: url( '../images/2009/effekt/shadow.png' ); 
 background-repeat:repeat; 
 text-align:center;	
	
}


.divOutput
{
	padding-left:28px;	
}

table.preview 
{	 
	width:160px; height:160px;
	border-style:none;
}

table.preview tr
{		
	border-style:none;
}

table.preview td
{		
	border-style:none;
}




#tblDivFormat
{
 background-color:#fff;
 border: solid 1px #000;	
 
}

#imgThumbnail
{
	border: solid 1px #000;	
	margin:auto;
}

td.thumbnail
{
	vertical-align:middle;
	text-align:center;	
}

.OverviewList
{
	text-align:left;
	margin-top:8px;
	width:648px;
	height:auto;	
	border-collapse:collapse;
	
}

.OverviewList tr
{
	border-top:solid 2px #fff;	
}

td.OverviewListSeparator
{
	width:1px;
	border-right:solid 2px #fff;
	
	
}

td.preview_title
{
	text-align:left;	
}

.button
{	
	width: 150px;
	height: 22px;
	text-align:left;
	padding: 0px 0px 0px 25px;		
	font-family: verdana, arial, sans-serif;
	font-size: 10px;	
	text-decoration: none;
	background: transparent url(../images/2009/Icons/Icons_gif/Ic_weiter02.gif) no-repeat;
	background-position:left;
	border: none;
	cursor: pointer;
	
}

.button_long
{
	float: right;
	width: 200px;
	height: 22px;
	text-align:left;
	padding: 0px 0px 0px 25px;		
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	background: transparent url(../images/2009/Icons/Icons_gif/Ic_weiter02.gif) no-repeat;
	background-position:left;
	border: none;
	cursor: pointer;
	
}



.button_info
{
	float: left;
	width: 22px;
	height: 22px;
	padding: 0px 0px 0px 5px;	
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	background: transparent url(../images/2009/Icons/Icons_gif/Ic_info.gif) no-repeat;
	background-position:left;
	border: none;
	cursor: pointer;
}

.button_download
{
	float: right;
	width: 22px;
	height: 22px;
	padding: 0px 0px 0px 5px;	
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	background: transparent url(../images/2009/Icons/Icons_jpg/Ic_weiter02.jpg) no-repeat;
	background-position:left;
	border: none;
	cursor: pointer;
}

.button_download_zip
{
	float: right;
	width: 22px;
	height: 22px;
	padding: 0px 0px 0px 5px;	
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	background: transparent url(../images/s_zip.gif) no-repeat;
	background-position:left;
	border: none;
	cursor: pointer;
}

.button_auswahl
{
	float: right;
	width: 17px;
	height: 17px;
	padding: 0px 0px 0px 5px;	
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	background: transparent url(../images/2009/Icons/Icons_gif/Ic_wkorb02.gif) no-repeat;
	background-position:left;
	border: none;
	cursor: pointer;
}

.button_remove
{
	float: right;
	width: 17px;
	height: 17px;
	padding: 0px 0px 0px 5px;	
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	background: transparent url(../images/2009/Icons/Icons_gif/s_delete.gif) no-repeat;
	background-position:left;
	border: none;
	cursor: pointer;
}

.button_search
{
	float: left;	
	padding: 0px 0px 0px 0px;	
	width: 22px;
	height: 22px;
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	background: transparent url(../images/2009/Icons/Icons_jpg/Ic_weiter01.jpg) no-repeat;
	background-position:left;
	border: none;
	cursor: pointer;
}

.divProduktTree
{
	height:120px;	
}

.invisibleRow
{
	display:none;	
}

table.Grid_Overview 
{

	margin-left:5px;
	text-align:left;		
}


.GridItem_Overview
{
	text-align:left;	
	height:28px;
}


.GridItem_Overview td
{
	text-align:left;
	padding-top:4px;
	padding-left:28px;
	padding-bottom:4px;
	border-bottom: solid 2px #fff;
	height:28px;
}



th.GridHeader_Overview 
{
	text-align:left;
	padding-top:4px;	
	padding-bottom:4px;
	border-bottom: solid 2px #fff;
	height:48px;
}

.GridHeader_Overview2 th
{
	padding-left:28px;
	text-align:left;
	padding-top:4px;	
	padding-bottom:4px;
	border-bottom: solid 2px #fff;
	border-top: solid 2px #fff;
	height:28px;
}

/*================DOWNLOAD================ */

.button_ZIPdownload
{
	margin-right:15px;
	float: right;
	width: 200px;
	height: 22px;
	text-align:left;
	color:#fff;
	padding: 0px 0px 0px 25px;	
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	background: #00A992 url(../images/2009/Icons/Icons_jpg/Ic_weiter02.jpg) no-repeat;
	background-position:left;
	border: none;
	cursor: pointer;
}

#ZIPDOWNLOAD
{
	width:100%;
	min-height:45px;
	height:auto;
	background-color:#fff;	
	padding: 15px 65px 0px 15px;	
	text-align:left;
}

/*================Warenkorb ================ */

.WarenkorbBack
{
	padding-left:10px;	
}
.button_wk_delete
{
	float: left;
	width: 120px;
	height: 22px;
	text-align:center;
	padding: 0px 0px 0px 0px;		
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	color:#fff;	
	background-color:#00A992;
	border: none;
	cursor: pointer;
}

table.GridItem_WARENKORB
{
	border-collapse:collapse;	
}

.GridItem_WARENKORB td
{
	text-align:left;
	font-family: verdana, arial, sans-serif;		
	font-size: 11px;
	vertical-align:top;
	padding-top:4px;
	padding-left:28px;
	padding-bottom:4px;
	border-top: solid 2px #fff;
	border-bottom: solid 2px #fff;
	height:100px;
}

#SPANPREIS
{
	float: right;
	width: 458px;
	text-align:left;		
	height: 20px;
	padding: 0px 0px 10px 35px;	
	font-family: verdana, arial, sans-serif;
	line-height:25px;
	vertical-align:top;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	background: #fff url(../images/2009/Icons/Icons_jpg/Ic_wkorb01.jpg) no-repeat;
	background-position:left;
	
}

/*================Detail ================ */

.DetailContent
{
	width:100%;		
	height:450px;
	border-top: solid 2px #fff;
}

.MetaTable
{
	width:458px;
	height:auto;	
	float:right;
	border: 0;	
}

.DetailName
{
	font-family: verdana, arial, sans-serif;
	float:left;
	margin-right:25px;
	font-size:large;
	font-weight:bold;	
}

.MetaTable td
{		
	border-bottom: solid 1px #000;
	border-left:0px;
	border-right:0px;
	height:28px;
	padding-bottom:4px;
	line-height:14px;
	font-size:12px;
}

.rowInfoTop
{
	padding-left:10px;
	padding-top:10px;
	width:100%;	
	height:80px;
}

.rowInfoTop_Border
{
	padding-left:10px;
	padding-top:10px;
	width:100%;	
	height:80px;
	border-bottom: solid 2px #fff;
}


.btnDetailWarenkorb
{
	float: right;
	width: 438px;
	text-align:left;
	height: 22px;
	font-weight:bold;
	padding: 0px 0px 0px 24px;	
	font-family: verdana, arial, sans-serif;
	font-size: 10px;	
	text-decoration: none;
	background: #fff url(../images/2009/Icons/Icons_jpg/Ic_weiter02.jpg) no-repeat;
	background-position:left;
	border: none;
	cursor: pointer;
}


.button_back 
{
	float: left;
	width: 100px;
	height: 22px;
	text-align:left;
	padding: 0px 0px 0px 25px;		
	font-family: verdana, arial, sans-serif;
	font-size: 10px;	
	text-decoration: none;
	background: transparent url(../images/2009/Icons/Icons_gif/Ic_zurueck.gif) no-repeat;
	background-position:left;
	border: none;
	cursor: pointer;
}


.button_back_long
{
	float: left;
	width: 200px;
	height: 22px;
	text-align:left;
	padding: 0px 0px 0px 25px;		
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	background: transparent url(../images/2009/Icons/Icons_gif/Ic_zurueck.gif) no-repeat;
	background-position:left;
	border: none;
	cursor: pointer;
}

.button_preview 
{
	float: left;
	width: 100px;
	height: 22px;
	text-align:left;
	padding: 0px 0px 0px 25px;		
	font-family: verdana, arial, sans-serif;
	font-size: 10px;	
	text-decoration: none;
	background: transparent url(../images/2009/Icons/Icons_gif/Ic_lupe01.gif) no-repeat;
	background-position:left;
	border: none;
	cursor: pointer;
}

.button_inhalt 
{
	float: left;
	width: 100px;
	height: 22px;
	text-align:left;
	padding: 0px 0px 0px 25px;		
	font-family: verdana, arial, sans-serif;
	font-size: 10px;	
	text-decoration: none;
	background: transparent url(../images/2009/Icons/Icons_gif/Ic_weiter02.gif) no-repeat;
	background-position:left;
	border: none;
	cursor: pointer;
}

td.underline 
{
	border-bottom:solid 2px #fff;
}
td.IMAGE
{
	vertical-align:top;	
	text-align:left;
	height:150px;
}

IMAGE img
{
	border:solid 1px #000;
	margin:auto;	
}

/*================Login =================*/

.HEADER_Logout
{
	font-weight:bold;
	margin-top:2px;
	font-size:11px;
	cursor: pointer;
}
.HEADER_Logout:hover
{
	font-weight:bold;
	margin-top:2px;
	font-size:11px;
	cursor: pointer;
}

.tblLoginForm 
{
	margin-top:4px;
	width:644px;
	padding: 0px 0px 0px 0px;
	border-top: solid 2px #fff;
	height: 319px;
}

.tblLoginForm td
{
	padding: 5px 0px 0px 5px;
}

.LoginMask td
{
	padding: 5px 0px 0px 0px;
}

.button_weiter 
{
	float: left;
	width: 100px;
	height: 22px;
	padding: 0px 0px 0px 5px;	
	font-family: verdana, arial, sans-serif;
	font-size: 10px;	
	text-decoration: none;
	background: transparent url(../images/2009/Icons/Icons_gif/Ic_weiter02.gif) no-repeat;
	background-position:left;
	border: none;
	cursor: pointer;
}
.button_hife 
{
	float: right;
	text-align:right;
	width: 65px;
	height: 22px;
	padding: 0px 0px 0px 5px;	
	font-family: verdana, arial, sans-serif;
	font-size: 10px;		
	text-decoration: none;
	background: transparent url(../images/2009/Icons/Icons_gif/Ic_weiter02.gif) no-repeat;
	background-position:left;
	border: none;
	cursor: pointer;
}

.button_weiter_longtext
{
	float: left;
	width: 100px;
	height: 22px;
	padding: 0px 0px 0px 26px;	
	font-family: verdana, arial, sans-serif;
	font-size: 10px;	
	text-decoration: none;
	background: transparent url(../images/2009/Icons/Icons_gif/Ic_weiter02.gif) no-repeat;
	background-position:left;
	border: none;
	cursor: pointer;
}

/* ====================================== */
/* =============== HEADER =============== */
/* ====================================== */

#header {
	position: relative;
	height: 99px;
	border-bottom: 1px solid #FFF;
	background-color:#fff;
}

#logo {
	float: left;
	height: 55px;
	width: 213px;
	margin: 15px 0px 0px 0px;
	font-size: 12px;
}

#logo span {
	display: none;
}

#topnavi {
	float: right;
	width: 648px;
}

/*================ SUCHE ================= */
.rowSearchTop
{	
	width: 624px;
	height: 136px;
	padding: 12px 0px 0px 5px;
	overflow: hidden;

}

/* =============== TOPNAVI =============== */

#topnavi ul {
	float: right;
}

#topnavi ul li {
	display: inline;
	float: left;
	margin: 0px 0px 0px 24px;
	list-style-type: none;
}

#topnavi ul li a {
	color: #999;
	font-size: 11px;
	line-height: 14px;
	text-decoration: none;
}

/* =============== PAGINIERUNG =============== */

#header .pagination {		
	width: 339px;	
	height: 22px;
	display: block;
	float: left;
	padding: 3px 0px 0px 0px;
	color: #999;
	font-size: 11px;
	text-align: center;	
}


div.Pager
{
	padding-left:28px;	
	font-size:12px;
	height:22px;
	width:330px;
	float:left;
	color:#999999;
	font-weight:bold;
}

.PAGEINGPART
{	
	display:inline;
	float:left;
	height:20px;		
}

.PAGEINGPART a
{
	float: left;
	margin: 0px 2px 0px 0px;
	color: #999;
	border: none;
	background: none;
	text-decoration:none;
	font-size: 12px;
	font-family: verdana, arial, sans-serif;
	cursor: pointer;
}

a.PAGEINGPART:hover 
{
	color:#00A992;
	font-weight:bold;	
	text-decoration:none;	
}

a.PAGEINGPART_ACTIVE
{
	color:#00A992;
	font-weight:bold;	
	text-decoration:none;	
}


.PAGEINGPART input {
	float: left;
	margin: 0px 2px 0px 0px;
	border: none;
	background: none;
	font-size: 12px;
	font-family: verdana, arial, sans-serif;
	cursor: pointer;
}



.PAGEINGPART a.page_number {
	color: #999;
}

.PAGEINGPART a.page_active {
	color: #00A992;
}

.PAGEINGPART span.page_space {
	display: block;
	float: left;
	margin: 0px 2px 0px 0px;
	color: #999;
	font-size: 12px;
}

.PAGEINGPART .pagination_total {
	display: block;
	float: left;
	margin: 1px 6px 0px 0px;
	color: #999;
	font-size: 12px;	
}



.page_bMusik, #main
{	
	background:#cccccc none repeat scroll 0 0;
}

#content
{
	background:#e4e4e4 none repeat scroll 0 0;
}

#main
{
	min-height:540px;
	height:auto;	
}

/* =============== STUFF =============== */

#stuff {
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 648px;
	height: 22px;
}

* html #stuff {
	width: 363px;
}

#cart {
	float: left;
	width: 140px;
	height: 22px;	
	margin: 0px 0px 0px 0px;
}

#cart #articles {
	display: block;
	float: left;
	width: 164px;
	height: 17px;
	padding: 3px 3px 0px 3px;	
	color: #999;
	font-size: 11px;
	text-align: left;
	border: 2px solid #00A992;
	border-bottom: 0px solid #FFF;
}

#cart #link_cart 	
{
	display: block;
	float: left;
	line-height:22px;
	padding: 5px 7px 0px 0px;	
	width: 20px;
	color: #999;	
	text-decoration: none;	
}

#cart a img {
	display: block;
	float: left;
	cursor: pointer;	
	margin:  -8px 0px 2px 0px;
}

#cart a span {
	display: block;
	float: left;
	margin: 5px 0px 0px 2px;
	cursor: pointer;
}

#bestellung {
	float: left;
	width: 144px;
	height: 22px;
	padding: 0px 0px 0px 5px;
}

* html #bestellung {
	width: 218px;
	margin-bottom: -2px;
}

#topbestellung {
	display: block;
	margin: 0px 0px 2px 0px;
	text-align: right;
}

#topbestellung a {
	color: #999;
	font-size: 11px;
	line-height: 14px;
	text-decoration: none;
	text-decoration: none;
}



#bestellung #submit_bestellung {
	float: left;
	width: 144px;
	height: 22px;
	padding: 0px 0px 2px 17px;
	color: #FFF;
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	background: #00A992 url(../images/2009/Icons/Icons_jpg/Ic_weiter02.jpg) no-repeat;
	border: none;
	cursor: pointer;
}

* html #bestellung #submit_bestellung {
	width: 132px;
}

*:first-child+html #bestellung #submit_bestellung {
	padding: 0px 0px 0px 17px;	
}

#bestellung a img {
	display: block;
	float: left;
}

#bestellung a span {
	display: block;
	float: left;
	margin: 5px 0px 0px 2px;
}
/* ============================================ */
/* =============== LINKE SPALTE =============== */
/* ============================================ */

#category_picture {
	width: 324px;
	height: 320px;
	padding: 319px 0px 0px 0px;
}

#category_picture img {
	border-top: 1px solid #CCC;	/* Korrektur für Folgeseiten */
}

#category_color {
	height: 0px;
	width: 324px;
	line-height: 0px;
	background: #009999;
}

/* ====================================== */
/* =============== FOOTER =============== */
/* ====================================== */

#footer {
	margin: auto;
	padding: 5px 0px 0px 0px;
	width: 972px;
	height: 15px;
	clear: both;
	background: #FFF;
}
/*
* html #footer {
	margin: -6px 0px 10px 0px;
}*/

*:first-child+html #footer {
	margin: -6px 0px 10px 0px;
}

#footer a {
	color: #999;
	font-size: 10px;
	line-height: 14px;
	text-decoration: none;
}

#footer_print {
	float: left;
	width: 336px;
}

#footer_print a img {
	float: left;
}

#footer_print a span {
	float: left;
	margin: -1px 0px 0px 0px;
}

#footer_top {
	float: right;
	width: 200px;
}

#footer_top a img {
	float: right;
}

#footer_top a span {
	float: right;
	margin: -1px 0px 0px 0px;
}

.infobox{
	border:2px solid #fff;
	width:604px;
	padding:10px;
	padding-bottom:0;
	margin-bottom:10px;
	position:relative;
	margin-left:-10px;
	margin-right:-10px;
}

.greybox{
	margin-top:10px;
	background:#ccc;
}

.innerbox_wrap{
	position:absolute;
	top:0;
	right:10px;
}

.innerbox{
	border:2px solid #fff;
	width:180px;
	margin-top:10px;
	padding:10px;
	text-align:left;
}