@charset "utf-8";



.option {
	margin-top: 2px;
}

.option input {
	margin-right: 5px;
}

	

.table-caption {
	display: block;
	height: 18px;
	border-bottom: 2px solid #96bf0d;	
}

	.table-caption .title {
		margin-left: 50px;
		float: left;
		display: block;
		height: 18px;
		background: url('img/tc_lft.gif') left top no-repeat;
		margin: 0;
		padding: 0 0 0 15px;
	}
	.table-caption .title span{
		float: left;
		display: block;
		height: 16px;
		background: url('img/tc_rgt.gif') right top no-repeat;
		padding: 2px 15px 0 0;
		color: #fff;
		font-weight: bold;
	}



.logo-header {
	position: absolute;
	top: 0;
	left: 15px;
	display: block;
	width: 210px;
	height: 70px;
	background: url('../../images/logo_header.gif') left top no-repeat;
}



.paused,
.stopped {
	display: block;
	width: 18px;
	height: 18px;
	background: url('img/button_play.gif') left top no-repeat;
}

	.playing {
		display: block;
		width: 18px;
		height: 18px;
		background: url('img/button_pause.gif') left top no-repeat;
	}


.loading {
	display: block;
	height: 20px;
	background: #efefef url('img/loading.gif') center 4px no-repeat;
}

.p-loading {
	display: block;
	width: 16px;
	height: 16px;
	background: url('img/loading_small.gif') left top no-repeat;
}





/***********************************************************************************************************************************
FAQ
************************************************************************************************************************************/

	#faq .title {
		border-top: 1px solid #b9b9b9;
		font-weight: bold;
		cursor: pointer;
		padding: 5px 0 5px 15px;
	}
	
	#faq .content {
		text-align: justify;
		padding: 5px 40px 10px 40px;
		display: none;
	}
	
	#faq .num {
		display: none;
		float: left;
		width: 20px;
		margin-right: 5px;
	}
	#faq .title {
		background: url('img/arrow_down.gif') 650px 9px no-repeat;
	}
	
	#faq .highlight-title {
		background: #f2f7e0 url('img/arrow_up.gif') 650px 9px no-repeat !important;
	}
	
	#faq .highlight-content {
		background: #f2f7e0;
	}


	#box-faq ul.dec-list {
		list-style-type: decimal;
		margin-left: 23px;
		margin-right: 0;
		padding: 0;
	}
	
	#box-faq ul.dec-list li {
		margin: 0;
		padding: 0;
		color: #474747;
	}


/***********************************************************************************************************************************
MUSICFILTER
************************************************************************************************************************************/

#filter-navi {
	margin-top: 5px;
	text-align: right;
}
		#filter-navi a,
		#filter-navi a:link,
		#filter-navi a:visited {
			margin: 6px 0 0 5px;
			float: left;
			font: 10px Verdana, Arial, Helvetica, sans-serif;
			color: #b9b9b9;
			text-decoration: none;
		}
		
		#filter-navi a:hover,
		#filter-navi a:active {
			color: #777;
			text-decoration: none;
		}

.rowhidden { display: none; }

.hits {
	vertical-align: middle;
	font: bold 17px Verdana, Arial, Helvetica, sans-serif;
	color: #80a30b;
}

#ajax_count {
	color: #777;
	padding: 6px 5px 8px 5px;
	background: #efefef;
	text-align: center;
	vertical-align: text-top;
}

#filterrows {
	margin-top: 5px;
	background: #efefef;
	padding: 5px 1px;
	border-bottom: 1px solid #b9b9b9;
}

	#filterrows li {
		margin: 1px 2px;
	}
	
	#filterrows select {
		display: inline-block;
		outline: none !important;
		background: #f2f7e0;
		height: 16px;
		margin: 1px;
		padding: 1px;
		border-style: none;
		font: 9px Verdana, Arial, Helvetica, sans-serif !important;
		color: #333;
	}
	
	*+html #filterrows select {
		height: 18px !important;
	}

	a.addRow,
	a.delRow {
		display: inline-block;
		vertical-align: top;
		width: 10px;
		height: 18px;
		text-align: center;
		text-decoration: none;
		margin-left: 2px;
	}
	a.addRow {
		background: url('img/add_row.gif') left 1px no-repeat;
		margin-left: 6px;
	}
	
	a.delRow {
		background: url('img/del_row.gif') left 1px no-repeat;
	}


	#filter-inner {	}
	
	#filter-inner select.sel1 {
		padding: 1px;
		width: 75px;
	}
	
	#filter-inner select.sel2 {
		margin-left: 2px;
		padding: 1px;
		width: 120px;
	}
	
	#filter-inner p {
		margin-bottom: 2px;
	}


/***********************************************************************************************************************************
BUTTON
************************************************************************************************************************************/

button {
	width: auto;
	overflow: visible;
	background: none;
	cursor: pointer;
	border: 0;
	margin: 0;
	padding: 0;
}
	button div {
		margin: 0;
		padding: 0px 0px 0px 4px;
		background-repeat: no-repeat;
		background-position: left center;
	}
	button div.btn 	 { background-image: url(img/btn_left.gif); }
	button div p.btn { background: url(img/btn_right.gif) right center no-repeat; }
	button div p.btn {
		font: bold 10px Verdana, Arial, Helvetica, sans-serif;
		line-height: 21px;
		color: #6a8012;
		padding: 0 10px 3px 5px;
	}


/***********************************************************************************************************************************
TOOLTIP PANEL
************************************************************************************************************************************/

.cluetip-wishlist {
	margin: -44px 0 0 19px;
}

.cluetip-layout {
	margin: -63px 0 0 19px;
}

.cluetip-helper {
	margin: -30px 0 0 5px;
}

/*********** IE SPECIAL ***********/
*+html .cluetip-wishlist,
* html .cluetip-wishlist {
	margin-top: -36px;
	margin-left: 15px;
}
*+html .cluetip-layout,
* html .cluetip-layout {
	margin-top: -55px;
	margin-left: 15px;
}
/*********** IE SPECIAL ***********/

#cluetip-outer {
	position: relative;
	border: 3px solid #fff;
	background: #f2f7e0;
}

#cluetip-inner {
	padding: 5px 15px 5px 5px;
	text-align: justify;
}

#cluetip-close a {
	position: absolute; 
	display: block;
	right: 0;
	top: 0;
	width: 11px;
	height: 11px;
	background: #fff url('img/icon_close.gif') 2px 2px no-repeat;
	text-decoration: none;
}

#cluetip-waitimage {
	width: 16px;
	height: 16px;
	position: absolute;
	z-index: 100;
	background: url('img/loading_small.gif') left top no-repeat;
}

textarea.comment {
	width: 150px;
	margin-bottom: 2px;
	white-space: nowrap;
}


textarea.p_memo {
	width: 359px;
	height: 30px;
}

.p_download {
	cursor: pointer;
	margin-top: 5px;
}

.p_memo_save {
	display: block;
	float: left;
	margin-top: 5px;
	margin-right: 3px;
	width: 75px;
	height: 14px;
	background: url('buttons/german/btn_save_small.gif') left top no-repeat;
	cursor: pointer;
}

.p_memo_delete {
	display: inline-block;
	width: 75px;
	margin-top: 5px;
	height: 14px;
	background: url('buttons/german/btn_delete_small.gif') left top no-repeat;
	cursor: pointer;
}

.p_memo_delete.disabled {
	display: inline-block;
	width: 75px;
	height: 14px;
	background: url('buttons/german/btn_delete_small_disabled.gif') left top no-repeat;
	cursor: default;ta
	
}

.listing-panel div,
.info-panel div {
	display: block;
	float: left;
	text-align: right;
}

.info-panel div {
	width: 155px;
}

.listing-panel img,
.panel-wishlist img,
.panel-layout img {
	cursor: pointer;
}



.clear:after {
    content: ".";
    display: block;
	line-height: 0;
    height: 0;
    clear: both;
    visibility: hidden;
}
*+html .clear,
* html .clear {
    zoom: 1;
    display: inline-block;
}

.clrfloat {
	clear: both;
	line-height: 1px;
	font-size: 1px
}

.noborder {
	border: none !important;
}

/*--------------------------------------------------------------------------------------------------
MAIN STRUCTURE
--------------------------------------------------------------------------------------------------*/

* { padding: 0; margin: 0; }

html {	height: 100%; }

body {
	height: 100%;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	background: #5e5e5e url("img/bg.gif") repeat;
	margin: 0;
}

checkbox, radio, select {
	font: 9px Verdana, Arial, Helvetica, sans-serif;
}

img { border: 0; }

	a {
		outline: none !important;
		color: #333333;
		line-height: 140%;
	}
	
	a:hover {
		color: #333333;
		text-decoration: none;
	}

table { 
	empty-cells: show !important;
}

#site {
	width: 100%;
	min-height: 100%;
	position: relative;
}

* html #site { height: 100%; }

#site-inner { 
	margin: 0 auto;
	width: 960px;
	padding-bottom: 40px;
}

#site[id] {
	height: auto;
	min-height: 100%;
}

pre {
	background: #fff;
}


/*--------------------------------------------------------------------------------------------------
BOXES
--------------------------------------------------------------------------------------------------*/

.bh { height: 18px; }
.bf { height: 15px; }

	.bh h2 {
		margin: 0;
		padding-top: 3px;
		font: bold 10px Verdana, Arial, Helvetica, sans-serif;
		color: #fff;
	}
	
	
	.bh h2 a,
	.bh h2 a:link,
	.bh h2 a:visited {
		font: bold 10px Verdana, Arial, Helvetica, sans-serif;
		color: #fff;
		text-decoration: none;
	}
		
	.bh h2 a:hover,
	.bh h2 a:active {
		color: #f2f7e0;
	}
	
	
.clt, .crt, .clb, .crb {
	width: 15px;
	background-image: url('img/corners10.png');
	background-repeat: no-repeat;
}

* html .clt,
* html .crt,
* html .clb,
* html .crb {
	width: 15px;
	background-image: url('img/corners10.gif') !important;
	background-repeat: no-repeat;
}

.clt, .cmt, .crt { height: 18px; }
.clb, .cmb, .crb { height: 15px; }

.clt, .clb { float: left; }
.crt, .crb { float: right; }
.cmt, .cmb { float: left; }

/* MAJOR DEFAULT LAYOUT FOR CONTENTBOX */
/* set special ID for special boxes e.g. box-login, box-checkout ... */
.box { margin-bottom: 15px; width: 705px; }
.box .cmt { background: #96bf0d; }
.box .cmb { background: #fff; }
.box .clt { background-position: -60px top; }
.box .crt { background-position: -75px top; }
.box .clb { background-position: -120px bottom; }
.box .crb { background-position: -135px bottom; }
.box .bco { position: relative; background: #fff; }
.box .bci { padding: 15px 15px 0 15px; }

.box .min { min-height: 300px; }

.box .bcii { padding: 15px 10px 0 10px; }
.box .bciii { padding: 15px 0 0 0; }

/* IE MARGIN-TOP BUG (=> IE7 FIXED, TO DO: IE6 */
*+html .bco,
* html .bco {
	display: inline-block;
}

	/* SPECIAL LAYOUT (HEADER) */
	.box.header { width: 960px; }
	.box.header .cmt { background: #80a30b; }
	.box.header .cmb { position: relative; background: #d6e79e; }
	.box.header .clt { background-position: -30px top; }
	.box.header .crt { background-position: -45px top; }
	.box.header .clb { background-position: -90px bottom; }
	.box.header .crb { background-position: -105px bottom; }
	.box.header .bco { position: relative; background: #d6e79e url("img/bg_header.gif") left top no-repeat; height: 93px; }

	/* SPECIAL LAYOUT (PLAYER) */
	.box.player { width: 450px; }

	/* ALL SMALL BOXES */
	.box.small { width: 240px; }
	
	/* SPECIAL LAYOUT FOR FIXED HEIGHT (BOXES-TOP) */
	.box .fixed { height: 52px; }

/* BOX HEAD & FOOT MIDDLE WIDTHS */
.xl { width: 930px; } /* HEADER */
.l { width: 675px; } /* CONTENT */
.m { width: 420px; } /* PLAYER */
.s { width: 210px; } /* ALL SMALL BOXES (SEARCH, CART, CATEGORIES, SPECIAL ...) */


/*--------------------------------------------------------------------------------------------------
SITE-TOP
--------------------------------------------------------------------------------------------------*/

/* USER INFO */
#box-userinfo {
	width: 400px;
	float: left;
	height: 32px;
	margin-left: 15px;
	padding-top: 3px;
}

#box-userinfo span {
	display: block;
	padding-top: 8px;
	color: #d3d3d3;
	font: bold 9px Verdana, Arial, Helvetica, sans-serif;
}

#box-userinfo .status-icon {
	float: left;
}

/* LOGIN BOX */
#box-login {
	width: 500px;
	float: right;
	text-align: right;
	height: 25px;
	margin-right: 20px;
	padding-top: 11px;
	color: #d3d3d3;
	font: bold 9px Verdana, Arial, Helvetica, sans-serif;
}

	#box-login input{
		margin: -1px 5px 0 0;
		border: none;
		padding: 1px;
		height: 12px;
		vertical-align: middle;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 9px;
	}
	
	.button {
		margin:0;
		padding: 0;
		height: 16px !important;
		width: 16px !important;
	}
	
	#box-login .normal {
		border: 1px solid #777;
		background: #474747;
		color: #d3d3d3;
	}
	
	#box-login .active {
		border: 1px solid #777;
		background: #f3f3f3;
		color: #474747;
	}
	
	#box-login a,
	#box-login a:link,
	#box-login a:visited {
		line-height: 16px;
		font: 9px Verdana, Arial, Helvetica, sans-serif;
		color: #d3d3d3;
		text-decoration: none;
	}
	
	#box-login a:hover,
	#box-login a:active {
		text-decoration: underline;
	}


/*--------------------------------------------------------------------------------------------------
HEADER
--------------------------------------------------------------------------------------------------*/

#header-navigation {
	width: 930px;
	position: absolute;
	bottom: 0;
}

	#breadcrumb {
		float: left;
		height: 19px;
		text-align: left;
		width: 450px;
		color: #688000;
		margin-top: 7px;
	}
	
		#breadcrumb a,
		#breadcrumb a:link,
		#breadcrumb a:visited {
			font: 10px Verdana, Arial, Helvetica, sans-serif;
			color: #688000;
			text-decoration: none;
		}
		
		#breadcrumb a:hover,
		#breadcrumb a:active {
			text-decoration: none;
		}
	
	#header-menu {
		float: right;
		height: 26px;
		text-align: right;
		width: 450px;
		border-right: 1px solid #96bf0d;
	}
		
		#header-menu ul {
			list-style-type: none;
			margin: 0;
			padding: 0;
		}
		#header-menu li {
			display: inline;
			margin: 0;
			padding: 0;
		} 
		
		#header-menu a,
		#header-menu a:link,
		#header-menu a:visited {
			border-left: 1px solid #96bf0d;
			z-index: 1;
			display: block;
			float: right;
			height: 19px;
			padding: 7px 15px 0 15px;
			font: bold 10px Verdana, Arial, Helvetica, sans-serif;
			color: #474747;
			text-decoration: none;
		}
		
		#header-menu a:hover,
		#header-menu a:active {
			color: #262626;
			background: #bed47d;
			text-decoration: none;
		}


/*--------------------------------------------------------------------------------------------------
BOXES TOP (SEARCH, PLAYER, CART)
--------------------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------------------------
LEFTCOLUMN - CATEGORIES / MUSICFILTER, BESTSELLER / LAST VIEWED, CONTENT 
--------------------------------------------------------------------------------------------------*/

#leftcolumn { 
	width: 240px;
	float: left;
	margin-right: 15px;
}
	#box-categories {
		position: relative;
	}
	
	#box-categories #categories ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	
	}
	#box-categories #categories li,
	#box-categories #musicfilter li	{
		list-style-type: none;
		padding: 0;
		margin: 0;
	} 
	
	#box-categories #categories a,
	#box-categories #categories a:link,
	#box-categories #categories a:visited {
		display: block;
		padding: 4px 15px 4px 15px;
		height: 13px;
		line-height: 13px;
		background: url("img/arrow_categories.gif") 220px 8px no-repeat;
		font: 10x Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		color: #474747;
		text-decoration: none;
		border-bottom: 1px solid #e2e2e2;
	}
	
	#box-categories #categories a:hover,
	#box-categories #categories a:active {
		background: #f2f7e0 url("img/arrow_categories.gif") 220px 8px no-repeat;
		color: #545f1d;
		text-decoration: none;
	}

	#box-categories #categories a.active {
		background: #d8eb9c url("img/arrow_categories.gif") 220px 8px no-repeat;
		color: #545f1d;
		text-decoration: none;
		font-weight: bold;
	}
		
		
ul.last-viewed {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border-top: 1px solid #e2e2e2;
}

	ul.last-viewed li {
		margin: 0;
		padding-left: 15px;
		height: 32px;
		border-bottom: 1px solid #e2e2e2;
	}

ul.top5 {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border-top: 1px solid #e2e2e2;
}

	ul.top5 li {
		margin: 0;
		padding-left: 39px;
		height: 32px;
		background-image: url('img/top5.gif');
		background-repeat: no-repeat;
		border-bottom: 1px solid #e2e2e2;
	}

	ul.top5 li.t1 {	background-position: 15px 0; }
	ul.top5 li.t2 {	background-position: 15px -32px; }
	ul.top5 li.t3 {	background-position: 15px -64px; }
	ul.top5 li.t4 {	background-position: 15px -96px; }
	ul.top5 li.t5 {	background-position: 15px -128px; }
		
#box-mixed .bciii a,
#box-mixed .bciii a:link,
#box-mixed .bciii a:visited {
	display: block;
	padding: 4px 5px 4px 0;
	height: 18px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #474747;
	text-decoration: none;
}

#box-mixed .bciii a:hover,
#box-mixed .bciii a:active {
	color: #0088cc;
	text-decoration: none;
}	


#box-content a,
#box-content a:link,
#box-content a:visited {
	display: block;
	padding: 2px 0;
	line-height: 10px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #474747;
	text-decoration: none;
}

#box-content a:hover,
#box-content a:active {
	color: #0088cc;
	text-decoration: none;
}	


/*--------------------------------------------------------------------------------------------------
ACCOUNT NAVIGATION
--------------------------------------------------------------------------------------------------*/

#account-navigation { 
	background: url('img/bg_navigation.gif') left top repeat-x;
}

	#account-navigation ul { 
		list-style-type: none;
		margin: 0;
		padding: 0;
		height: 50px;
	}

	#account-navigation li { 
		display: inline;
		margin: 0;
		padding: 0;
	}
	
	#account-navigation li a {
		float: left;
		width: 110px;
		height: 37px;
		padding: 13px 0 0 0;
		text-align: center;
		text-decoration: none;
		font: bold 11px Arial, Helvetica, sans-serif;
		color: #6a8012;
	}
		
	#account-navigation li span {
		float: left;
		display: block;
		width: 1px;
		height: 22px;
		margin-top: 8px;
		border-right: 1px solid #b9b9b9;
	}
	
	#account-navigation li a:hover {
		color: #333;
	}
	
	#account-navigation li a.selected {
		color: #333;
		background: url('img/arrows.gif') center bottom no-repeat;
	}


/*--------------------------------------------------------------------------------------------------
CHECKOUT TRAIL
--------------------------------------------------------------------------------------------------*/

#checkout-trail-german {
	width: 705px;
	height: 75px;
	margin: 0;
	padding: 0;
	background-color: #fff;
	background-repeat: no-repeat;
	background-image: url('buttons/german/checkout_trail.gif');
}

#checkout-trail .step1 {
	background-position: 0 0;
}
#checkout-trail .step2 {
	background-position: 0 -75px;
}
#checkout-trail .step3 {
	background-position: 0 -150px;
}
#checkout-trail .step4 {
	background-position: 0 -225px;
}


/*--------------------------------------------------------------------------------------------------
TABLE DEFINITIONS
--------------------------------------------------------------------------------------------------*/

	table.data tbody tr.over {
		background: #f2f7e0 !important;
	}
	
	td a{
		text-decoration: none;
	}
	
	tr.active {
		background: #d8eb9c !important;
		font-weight: bold;
	}
		
	div.active {
		background: url('img/arrow_up.gif') left 4px no-repeat !important;
	}


	table.raw td {
		margin: 0 !important;
		padding: 0 !important;
		border: none !important;
	}
	
	
	table tbody tr.even {
		background: #fff;
	}
	
	table tbody tr.odd {
		background: #f3f3f3;
	}
	
	
	table {
		border-collapse: collapse;
	}
	
		
		table.default th,
		table.listing th {
			border-top: 1px solid #d4d4d4;
			border-left: 1px solid #d4d4d4;
			border-right: 1px solid #d4d4d4;
			border-bottom: 1px solid #777;
			padding: 3px 3px 3px 6px;
			color: #777;
			margin: 0;
			background: url('img/thead_bg.gif') 0 0 repeat-x;
			vertical-align: middle;
		}
			
	/* default table layout */
	table.default {
		width: 100%;
		border-left: 1px solid #d4d4d4;	
		border-right: 1px solid #d4d4d4;	
	}
	
		table.default tr.datahead td {
			margin: 0;
			padding: 0;
		
		}
	
		table.default tr.datarow td {
			border-left: 1px solid #d4d4d4;	
			border-right: 1px solid #d4d4d4;	
			border-bottom: 1px solid #d4d4d4;				
			border-collapse: collapse;
			vertical-align: top;
			padding: 5px 6px;
			color: #474747;
		}
	
	/* default table layout */
	table.test {
		width: 100%;
	}
	
		table.test tr.datarow td {
			vertical-align: top;
			padding: 2px 6px;
			color: #474747;
		}
	
	
	/* table layout for product listing */
	table.listing {
		width: 100%;
		border-left: 1px solid #d4d4d4;	
		border-right: 1px solid #d4d4d4;	
		border-bottom: 1px solid #d4d4d4;				
	}
		
		table.listing tr.datahead td {
			border-left: 1px solid #d4d4d4;
			border-right: 1px solid #d4d4d4;
			border-bottom: 2px solid #d8eb9c;
			border-collapse: collapse;
			vertical-align: middle;
			padding: 3px 6px;
			height: 20px;
			font: bold 10px Verdana, Arial, Helvetica, sans-serif;
			color: #6a8012;
			background: #f2f7e0;
		}
		
		table.listing tr.datarow td {
			border-left: 1px solid #d4d4d4;
			border-right: 1px solid #d4d4d4;
			border-collapse: collapse;
			vertical-align: top;
			padding: 3px 6px;
			height: 50px;
			color: #474747;
		}
	
		table.listing p {
			margin-bottom: 0 !important;
		}
	
	
	table.blank {
		width: 100%;
		border-top: 1px dotted #b9b9b9;
	}
	
		table.blank tr.datarow td {
			border-bottom: 1px dotted #b9b9b9;
			vertical-align: top;
			padding: 10px 6px;
			color: #474747;
		}
	
	
	
	
	table.data-order td {
		vertical-align: top;
	}
		
	table.order-total {
		width: 100%;
		border-top: 1px solid #b9b9b9;
	}
	
		table.order-total td {
			padding: 1px 6px;
		}
	
	table.order-listing td {
		vertical-align: middle;
		padding: 1px;
	}


/* --------------------------------------------------------------------------
status messages
-------------------------------------------------------------------------- */

	.status-error {
		color: #cc0000;
	}
	
	.status-warning {
		color: #c37c00;
	}
	
	.status-success {
		color: #6a8012;
	}


/* --------------------------------------------------------------------------
icon text links
-------------------------------------------------------------------------- */

span.pdf {
	display: block;
    padding: 1px 18px 1px 0;
    color: #474747;
    font-size: 9px;
    background: url('img/icon_pdf_small_disabled.gif') right center no-repeat;
}

a.pdf,
a.details,
a.expand-down,
a.expand-up {
	display: block;
    padding: 1px 18px 1px 0;
    color: #474747;
    font-size: 9px;
	text-decoration: underline;
}

a.pdf { background: url('img/icon_pdf_small.gif') right center no-repeat; }
a.details { background: url('img/icon_details_small.gif') right center no-repeat; }
a.expand-down { background: url('img/icon_expand_down.gif') right center no-repeat; }
a.expand-up { background: url('img/icon_expand_up.gif') right center no-repeat; }

a.pdf:hover,
a.details:hover,
a.expand-down:hover,
a.expand-up:hover {
	text-decoration: none;
}

a.icon {
	display: block;
	width: 16px;
	height: 16px;
}

a.icon.left {
	float: left;
}

a.icon.right {
	float: right;
}

a.icon.info {
	background: url('img/icons/information.png') left top no-repeat;
}

/* Pagination ------------------------------------------------------------------------------ */

.splitbar {
	height: 19px;
	line-height: 18px;
	padding: 2px 0;
}

	.splitbar .count {
		width: 35%;
		float: left;
		line-height: 18px;
	}



.pagination {
	width: 55%;
	float: right;
	text-align: right;
	height: 19px;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}

		.pagination a,
		.pagination span {
			text-align: center;
		}


		.pagination .small {
			display: inline-block;
			width: 15px;
		}
		
		.pagination .large {
			display: inline-block;
			padding: 1px 5px !important;
		}
		
		.pagination a, 
		.pagination a:link, 
		.pagination a:visited {
			padding: 1px 2px;
			line-height: 14px;
			margin-left: 2px;
			text-decoration: none;
			background-color: #e6e6e6;
			color: #474747;
			font-weight: normal;
			border: 1px solid #e6e6e6;
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			-khtml-border-radius: 4px;

		}
		
		.pagination a:hover {
			background-color: #474747;
			color: #fff;
			border: 1px solid #474747;
		}
		
		.pagination span.active {
			padding: 1px 2px;
			margin-left: 2px;
			line-height: 14px;
			text-decoration: none;
			background-color: #80a30b;
			font-weight: bold;
			color: #fff;
			border: 1px solid #80a30b;
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			-khtml-border-radius: 4px;
		}
		
		.pagination .disabled {
			padding: 1px 2px;
			margin-left: 2px;
			line-height: 14px;
			text-decoration: none;
			background-color: #c2c4c8;
			color: #a4a8ac;
		}









/* CONTENT NAVIGATION BOTTOM */

.bci .content-navigation {
	margin-top: 25px;
	display: block;
	height: 25px;
	padding: 10px 0 0 0;
	border-top: 1px dotted #6a8012;
}

	.bci .content-navigation .lft {
		float: left;
		width: 49%;
	}
	
	.bci .content-navigation .rgt {
		float: right;
		text-align: right;
		width: 49%;
	}






#content .navgroup {
	text-align: right;
	margin-top: 10px;
}


.button-continue {
	text-align: right;
	padding: 20px 10px 0 10px;
}


/*--------------------------------------------------------------------------------------------------
MESSAGE BOXES
--------------------------------------------------------------------------------------------------*/
.output-warning {
	padding: 10px 15px 10px 43px; 
	border-bottom: 3px solid #fe7b7a; 
	background: #ffd6d6 url('img/msg_error.gif') 15px 9px no-repeat;
	color: #cc0000;
}

.messagebox-error {
	padding: 10px 15px 10px 43px;
	margin-bottom: 15px;
	border: 1px solid #fe7b7a;
	background: #ffd6d6 url('img/msg_error.gif') 15px 9px no-repeat;
	color: #cc0000;
}
	.messagebox-error a {
		color: #cc0000;
	}

.messagebox-warning {
	padding: 10px 15px 10px 43px;
	margin-bottom: 15px;
	border: 1px solid #fde179;
	background: #fef6d8 url('img/msg_warning.gif') 15px 9px no-repeat;
	color: #b79000;
}
	.messagebox-warning a {
		color: #b79000;
	}

.messagebox-info {
	padding: 10px 15px 10px 43px;
	margin-bottom: 15px;
	border: 1px solid #629de3;
	background: #d8e5f8 url('img/msg_info.gif') 15px 9px no-repeat;
	color: #0055bb;
}
	.messagebox-info a {
		color: #0055bb;
	}

.messagebox-success {
	padding: 10px 15px 10px 43px;
	margin-bottom: 15px;
	border: 1px solid #c2df88;
	background: #eef7dd url('img/msg_success.gif') 15px 9px no-repeat;
	color: #57861a;
}
	.messagebox-success a {
		color: #57861a;
	}


/*--------------------------------------------------------------------------------------------------
SPECIAL CLASSES FOR INPUT FIELDS
--------------------------------------------------------------------------------------------------*/


/* BOX SEARCH */
#box-error-handler input,
#box-search input {
	margin: 0;
	padding: 2px 3px 1px 3px;
	width: 181px;
	height: 13px;
	vertical-align: middle;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
}
	
	#box-error-handler .button,
	#box-search .button {
		margin: 0;
		padding: 0;
		height: 18px !important;
		width: 17px !important;
	}
	
	#box-error-handler input.normal,
	#box-search input.normal {
		border: 1px solid #b9b9b9;
		background: #efefef;
		color: #787878;
	}
	
	#box-search input.active {
		border: 1px solid #b9b9b9;
		background: #f3f3f3;
		color: #474747;
	}
	
	#box-search span {
		display: block;
		margin-top: 5px;
		color: #474747;
	}


/* BOX CART */
#box-cart #cart-content {
	position: absolute;
	width: 210px;
	right: 15px;
}

	#box-cart .lft {
		display: block;
		float: left;
		width: 125px;
	}
	
	#box-cart .rgt {
		display: block;
		text-align: right;
		float: right;
		width: 80px;
	}
	
	#box-cart #total {
		margin-top: 3px;
		border-top: 1px solid #b9b9b9;
		padding-top: 2px;
	}
	
	
	#box-cart .bci {
		padding-top: 10px !important;
	}





















input.searchbox-field {
	width: 190px;
	float: left;
}

input.cart-qty {
	width: 25px;
	border: 1px solid #efefef;
	padding: 2px;
	background: #efefef;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #777;
}


/*--------------------------------------------------------------------------------------------------
BADGES
--------------------------------------------------------------------------------------------------*/

	.badge-new-small {
		z-index: 1;
		position: absolute;
		right: -6px;
		top: -6px;
		width: 30px;
		height: 30px;
		background: url('img/badge_new-trans.png') left top no-repeat;
	}
	
	.badge-flatrate {
		display: none;
		z-index: 1;
		position: absolute;
		right: 55px;
		top: 15px;
		width: 369px;
		height: 124px;
		background: url('img/badge_flatrate2-trans.png') left top no-repeat;
	}







/*--------------------------------------------------------------------------------------------------
TEASER (Header)
--------------------------------------------------------------------------------------------------*/

	#teaser {
		position: absolute;
		top: 0;
		right: 0;
		display: block;
		width: 600px;
		height: 64px;
	}
		
	#teaser div {
		float: right;
		margin-right: 15px;
		width: 150px;
		height: 64px;
	}
	
	#teaser a,
	#teaser a:link,
	#teaser a:visited {
		display: block;
		width: 150px;
		height: 64px;
		text-decoration: none;	
	}

	#teaser a:hover,
	#teaser a:active {
		text-decoration: none;
	}

	#teaser .flatrate {	background: url("img/teaser_flatrate.jpg") left top no-repeat; }
	#teaser .commercials { background: url("img/teaser_commercials.jpg") left top no-repeat; }


/***********************************************************************************************************************************
TEASER HOME
************************************************************************************************************************************/

	#teaser_home {
		width: 675px;
		height: 95px;
		color: #333;
		background: url('img/bg_teaser.gif') left bottom repeat-x; 
		border-bottom: 1px solid #b9b9b9;
		margin-bottom: 21px;
	}

	#teaser_home ul {
		margin: 0;
		padding: 0;
	}
	
	#teaser_home ul li {
		position: relative;
		float: left;
		width: 225px;
		list-style-type: none;
		margin: 0;
		padding: 0;
		cursor: pointer;
	}
	
	#teaser_home ul li a,
	#teaser_home ul li a:link,
	#teaser_home ul li a:visited {
		text-decoration: none;
		display: block;
		height: 78px;
		padding: 8px 0 8px 15px !important;
		margin: 0;
		cursor: pointer;
		background-position: 154px 27px;
		background-repeat: no-repeat;
	}
	
	#teaser_home ul li a:hover {
		background-color: #fff;
	}
	
	#teaser_home ul li a.gema {
		background-image: url('img/icon_teaser_gema.png');
	}
	#teaser_home ul li a.license {
		background-image: url('img/icon_teaser_license.png');
	}
	#teaser_home ul li a.quickguide {
		background-image: url('img/icon_teaser_quickguide.png');
	}

	#teaser_home ul li.last a {
		padding: 8px 0 8px 15px;
		border: none;
	}

	#teaser_home ul li strong {
		color: #333;
		font-size: 11px;
		font-weight: bold;
		width: 185px;
		display: block;
		margin-bottom: 2px;
	}
	
	#teaser_home ul li span {
		float: left;
		display: block;
		height: 78px;
		width: 209px;
		font-size: 10px;
		color: #474747;
		position: relative;
		border-right: 1px solid #b9b9b9;
	}
	
	#teaser_home ul li span.last {
		border: none !important;
	}
	#teaser_home ul li span img {
		position: absolute;
		top: 0;
		right: 0;
	}
	
	#teaser_home ul li span small {
		position: absolute;
		left: 0;
		bottom: 0;
		display: block;
		color: #0088cc;
	}





span.large {
	font-size: 14px;
}
span.price {
	font: bold 17px Arial, Helvetica, sans-serif;
	color: #0088cc;
}

span.final-price {
	font: bold 23px Arial, Helvetica, sans-serif;
	color: #0088cc;
}

b.large {
	font-size: 12px;
}


/*--------------------------------------------------------------------------------------------------
HEADLINES
--------------------------------------------------------------------------------------------------*/

h1 {
	position: relative;
	font: bold 15px Arial, Helvetica, sans-serif;
	color: #0088cc;
	padding: 0;
	line-height: 140%;
	margin-bottom: 10px;
}

	h1.sub {
		margin-bottom: 2px !important;
	}

	h1 span.h1-sub {
		font: 10px Verdana, Arial, Helvetica, sans-serif;
		color: #545f1d;
	}
	
		h1 a,
		h1 a:link,
		h1 a:visited {
			font: bold 13px Verdana, Arial, Helvetica, sans-serif;
			color: #545f1d;
			text-decoration: none;
		}
		
		h1 a:hover,
		h1 a:active {
			color: #333;
		}

h1.large {
	font: bold 25px Arial, Helvetica, sans-serif;
	margin-bottom: 30px;
}

h3 {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	margin-top: 1px;
	padding: 0;
	line-height: 140%;
}

	h3 a,
	h3 a:link,
	h3 a:visited {
		font: bold 10px Verdana, Arial, Helvetica, sans-serif;
		color: #000;
		text-decoration: none;
	}
	
	h3 a:hover,
	h3 a:active {
		color: #333;
	}
		
h4 {
	font: 12px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #0088cc;
}

h5 {
	font: bold 12px Arial, Helvetica, sans-serif;
	margin-bottom: 30px;
}

h6 {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 5px;
}

h6.blue {
	color: #0088cc;
}





/*--------------------------------------------------------------------------------------------------
VISUALS
--------------------------------------------------------------------------------------------------*/

.visual-flatrates { background: url('../../images/content/visual_business_flat.jpg') right top no-repeat; }
.visual-basicflat { background: url('../../images/content/visual_basicflat.jpg') right top no-repeat; }
.visual-agencyflat { background: url('../../images/content/visual_agencyflat.jpg') right top no-repeat; }
.visual-license-info { background: url('../../images/content/visual_license_info.jpg') right top no-repeat; }







.bci ol.default-list {
	margin-left: 30px;
	margin-bottom: 10px;
}

.bci ul.default-list {
	margin-left: 20px;
}

.bci ul.default-list li {
	padding: 0;
}

#content {
	float: left;
	width: 705px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	line-height: 140%;
}


/*--------------------------------------------------------------------------------------------------
FOOTER - NAVI, COPYRIGHT
--------------------------------------------------------------------------------------------------*/

#footer {
	width: 100%;
	position: absolute;
	bottom: 0px;           
	height: 40px;
	background: #474747;
	text-align: center;
	clear: both;
}
	#footer-inner {
		margin: 0 auto;
		width: 930px;
	}
	
	#copyright {
		float: right;
		width: 122px;
		height: 40px;
		font: 10px Verdana, Arial, Helvetica, sans-serif;
		text-align: right;
	}
	
	#copyright a,
	#copyright a:link,
	#copyright a:visited,
	#copyright a:hover,
	#copyright a:active {
		float: right;
		display: block;
		width: 122px;
		height: 34px;
		background: url("img/logo_xtc.gif") 0 6px no-repeat;
	}
	
	#footer-left {
		float: left;
		width: 700px;
		height: 30px;
		padding: 5px 0 5px 0;
		font: 10px Verdana, Arial, Helvetica, sans-serif;
		text-align: left;
	}
	
	#footer-left span.copyright {
		line-height: 170%;
		color: #777777;
	}
	#footer-left span.footer-navigation {
		color: #efefef;
	}
	
	#footer-left a,
	#footer-left a:link,
	#footer-left a:visited {
		font: 10px Verdana, Arial, Helvetica, sans-serif;
		color: #efefef;
		text-decoration: none;
	}
	#footer-left a:hover,
	#footer-left a:active {
		text-decoration: underline;
	}
	

/*SEO AdOns by necom*/
#seo {
	color: #efefef;
	width: 100%;
	clear: both;
	position: absolute;
	z-index: 9; 
	top: 40px;
	background: #474747;
}

	#seo-inner {
		margin: 0 auto;
		width: 950px;
	}

	.seo-keywords {
		border-top: 1px dotted #777;
		border-bottom: 1px dotted #777;		
		margin: 5px 0;
		padding: 10px 10px;
		color: #777;
	}
	
	.seo-keywords a{color:#777;text-decoration:none;}
	.seo-keywords a:hover{text-decoration:underline;}
	
	.seo-text {
		color: #777;
		line-height: 140%;
		padding: 0 10px 10px 10px;
	}
	
	.seo-text a{color:#777;}
	.seo-text a:hover{color:#b9b9b9;}
	
	.seo-text span.example1 {
		line-height: 25px;
		font-size: 11px;
		font-weight: bold;
		color: #b9b9b9;
	}


/*--------------------------------------------------------------------------------------------------
TABS
--------------------------------------------------------------------------------------------------*/

ul.tabs { 
	list-style-type: none;
	margin: 0;
	padding: 0;
}

	ul.tabs li { 
		display: inline;
		margin: 0;
		padding: 0;
	}
	ul.tabs a {
		display: block;
		width: 105px;
		height: 15px;
		float: left;
		padding: 3px 0 0 15px;


		text-decoration: none !important;
		font: bold 10px Verdana, Arial, Helvetica, sans-serif;
		color: #d6e79e;
		background: url("img/tabs2.png") 0 -18px no-repeat;
	}
	
	* html ul.tabs a {
		background-image: url('img/tabs2.gif') !important;
		background-repeat: no-repeat;
	}
	
	ul.tabs a:hover {
		color: #fff;
		background-position: 0 0;
	}
	ul.tabs li.selected a {
		color: #fff;
		background-position: 0 0;
	}










/* wishlist */
.wl_border	{border-top:1px solid #dddddd; margin-top:5px;}
.wl_checkbox {padding-bottom:5px;}
.wl_name	 {padding-left:0px; font-weight:bold;}
.wl_desc	 {padding-right:3px;padding-top:3px;}
.wl_price	 {font-weight:bold;}
.wl_box		{background-color:#f2f2f2;padding:5px;margin-bottom:1px;}
.wl_searchbox	{background-color:#f2f2f2;}
.wl_resultheader	{background-color:#dddddd; padding:2px;}
.wl_resultcontent	{background-color:#f9f9f9;}
.wl_resultcontent2	{background-color:#ffffff;}



#debug {
	z-index: 1;
	position: absolute;
	width: 380px;
	margin: 20px 20px 200px 20px;
	padding: 20px;
	background: #fff;
	border: 3px solid #ff0000;
}


/*--------------------------------------------------------------------------------------------------
FORM FIELDSET
--------------------------------------------------------------------------------------------------*/

fieldset .f-row {
	margin-bottom: 7px;
}

fieldset .f-hint {
	margin: -7px 0 7px 0;
}



fieldset {
	border: none;
	margin-bottom: 0;
}

fieldset legend {
	margin: 0;
	padding: 0;
}

fieldset label,
fieldset span.label {
	float: left;
	display: inline-block;
	width: 150px;
	margin: 2px 0;
}

fieldset input {
	border: 1px solid #b9b9b9;
	padding: 2px;
	background: #efefef;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #777;
}

	fieldset input.large,
	fieldset textarea.large {
		width: 200px;
	}
	
	fieldset input.xlarge,
	fieldset textarea.xlarge {
		width: 300px;
	}

fieldset select {
	border: 1px solid #b9b9b9;
	padding: 2px;
	background: #efefef;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #777;
}

	fieldset select.large {
		width: 206px;
	}


textarea {
	border: 1px solid #b9b9b9;
	padding: 2px;
	background: #efefef;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #777;
}

textarea.large {
	width: 200px;
}





.btn-absolute {
	position: absolute;
	top: 1px;
	text-align: right;
	right: 0;
	display: block;
	width: 72px;
	height: 21px;
}





.register-now {
	position: absolute;
	display: block;
	width: 200px;
	height: 25px;
	top: 118px;
	right: 15px;
}


/*--------------------------------------------------------------------------------------------------
CONTENT COLS
--------------------------------------------------------------------------------------------------*/

#content .colgroup {
	position: relative;
	height: 100%;
}

#content p {
	margin-bottom: 10px;
	/*text-align: justify;*/
}

#content .wrapper {
	padding: 10px;
}

#content .block-info {
	margin-bottom: 5px;
}

#content span.no-content {
	font-style: italic;
	color: #474747;
}

	#content .col_lft {
		position: relative;
		float: left;
		width: 322px;
		height: 100%;
		padding-right: 15px;
		border-right: 1px solid #e1e1e1;
	}
	
	#content .col_rgt {
		position: relative;
		float: left;
		width: 322px;
		height: 100%;
		padding-left: 15px;
	}


/*--------------------------------------------------------------------------------------------------
COMMERCIALS
--------------------------------------------------------------------------------------------------*/

	#commercials {
		color: #111;
		width: 675px;
	}
	
	#commercials ul {
	list-style-type: none;
		margin: 0;
		padding: 0;
	}
	#commercials li { 
		list-style: none;
		float:left;
		position: relative;
	}
	#commercials ul a {
		width: 160px;
		height: 100px;
		display: block;
		padding: 3px;
		text-decoration: none!important;
		margin-right: 1px;
		font: bold 10px Verdana;
		color: #777;
		border: 1px solid #b9b9b9;
		background: #efefef;
		text-align: center;
	}
	
	#commercials ul a:hover {
		color:#333;
		background:#d8eb9c;
	}
	
	#commercials ul a.no-margin {
		margin-right: 0 !important;
	}
	
	#commercials ul li span {
		text-align: center;
	}
	#commercials ul li img {
		margin: 1px;
	}
	
	#commercials ul a.selected {
		margin-bottom:0;
		color:#333;
		background:#b9b9b9;
		border-top:1px solid #b9b9b9;
		border-bottom:2px solid #b9b9b9;
		border-left:1px solid #b9b9b9;
		border-right:1px solid #b9b9b9;
		cursor:default;
	}
	
	#commercials div.tabcontent {
		padding:10px;
		clear:left;
		background: #b9b9b9;
	}




/*--------------------------------------------------------------------------------------------------
Pressebereich
--------------------------------------------------------------------------------------------------*/

	a.pdl,
	a.pdl:link,
	a.pdl:visited {
		margin-top: 7px;
		display: block;
		padding: 3px 3px 3px 45px;
		font: 10px Verdana, Arial, Helvetica, sans-serif;
		color: #777;
		line-height: 15px;
		text-decoration: none;
	}
	
	a.pdl:hover,
	a.pdl:active {
		color: #333;
		text-decoration: none;
	}
	
		a.pdl.pdf {
			background: url('img/icon_pdf.gif') 1px 1px no-repeat;
		}
		a.pdl.doc {
			background: url('img/icon_doc.gif') 1px 1px no-repeat;
		}
		a.pdl.jpg {
			background: url('img/icon_jpg.gif') 1px 1px no-repeat;
		}
		a.pdl.png {
			background: url('img/icon_png.gif') 1px 1px no-repeat;
		}
		a.pdl.zip {
			background: url('img/icon_zip.gif') 1px 1px no-repeat;
		}



/*--------------------------------------------------------------------------------------------------
Lizenzinformationen
--------------------------------------------------------------------------------------------------*/

.ctabs {
	margin-top: 30px;
}

.ctabs-nav {
	font: 12px Arial Arial, Helvetica, sans-serif;
    list-style: none;
    margin-left: -1px;
    padding: 0;
}

.ctabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}

.ctabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px; /* be nice to Opera */
}

.ctabs-nav a, .ctabs-nav a span {
    display: block;
    padding: 0 20px;
    background: url('img/ctab.png') no-repeat;
}

.ctabs-nav a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color: #333;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}

.ctabs-nav .ctabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    color: #000;
}

.ctabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}

*>.ctabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}

.ctabs-nav .ctabs-selected a span {
    padding-bottom: 1px;
}

.ctabs-nav .ctabs-selected a,
.ctabs-nav a:focus,
.ctabs-nav a:active {
    background-position: 100% -250px;
}

.ctabs-nav a,
.ctabs-nav .ctabs-disabled a:hover,
.ctabs-nav .ctabs-disabled a:focus,
.ctabs-nav .ctabs-disabled a:active {
    background-position: 100% -150px;
}

.ctabs-nav .ctabs-selected a span,
.ctabs-nav a:focus span,
.ctabs-nav a:active span {
	font-weight: bold;
    background-position: 0 -100px;
}

.ctabs-nav a:hover {
    background-position: 100% -200px;
}
.ctabs-nav .ctabs-selected a:hover {
    background-position: 100% -250px;
}

.ctabs-nav a:hover span {
    background-position: 0 -50px;
}

.ctabs-nav .ctabs-selected a:hover span {
    background-position: 0 -100px;
}

.ctabs-nav a span,
.ctabs-nav .ctabs-disabled a:hover span,
.ctabs-nav .ctabs-disabled a:focus span,
.ctabs-nav .ctabs-disabled a:active span {
    background-position: 0 0;
}

.ctabs-nav .ctabs-selected a:link,
.ctabs-nav .ctabs-selected a:visited,
.ctabs-nav .ctabs-disabled a:link,
.ctabs-nav .ctabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}

.ctabs-nav a:hover,
.ctabs-nav a:focus,
.ctabs-nav a:active,
.ctabs-nav .ctabs-deselectable a:hover,
.ctabs-nav .ctabs-deselectable a:focus,
.ctabs-nav .ctabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}

.ctabs-panel {
    border: 1px solid #d4d4d4;
    padding: 15px;
	background: #fff url('img/cbox_gradient_grey.gif') left top repeat-x;
}

/* Additional IE specific bug fixes... */
* html .ctabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}

*:first-child+html .ctabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}









.icon-block {
	height: 62px;
	padding: 2px 0 0 75px;
	margin: 5px 0;
}

.icon-box {
	padding: 10px 0 0 70px;
	margin: 0;
}


.icon-tv { background: url('img/icon_tv.gif') left top no-repeat; }
.icon-speaker { background: url('img/icon_speaker.gif') left top no-repeat; }
.icon-globus { background: url('img/icon_globus.gif') left top no-repeat; }
.icon-calendar { background: url('img/icon_calendar.gif') left top no-repeat; }
.icon-cdpack { background: url('img/icon_cdpack.gif') left top no-repeat; }
.icon-cutter { background: url('img/icon_cutter.gif') left top no-repeat; }
.icon-stop { background: url('img/icon_stop.gif') left top no-repeat; }
.icon-questionmark { background: url('img/icon_questionmark.gif') left top no-repeat; }
.icon-download { background: url('img/icon_download.gif') left top no-repeat; }



span.heading {
	display: block;
	font: 13px Arial, Helvetica, sans-serif;
}

.green { color: #6a8012; }
.red { color: #a4151c; }
.grey { color: #333; }





a.download {
	display: block;
	font-weight: bold;
	padding-left: 20px;
	margin: 3px;
}

	a.dl-pdf {
		background: url('img/icon_pdf_small.gif') left top no-repeat;
	}








.pro-block {
	display: block;
	height: 30px;
	font: bold 11px Arial, Helvetica, sans-serif;
	line-height: 30px;
	padding-left: 42px;
	
}

.pro-block.odd { background: url('img/pro_block_odd.gif') left top no-repeat; }
.pro-block.even { background: url('img/pro_block_even.gif') left top no-repeat; }


a.blue {
	font-weight: normal;
	color: #0088cc;
	text-decoration: none;
}

a.blue:hover {
	text-decoration: underline;
}




.price-label .top {
	height: 10px;
	background: url('img/bg_sidebar_dg.gif') left top no-repeat;
}

.price-label .head {
	font: bold 15px Arial, Helvetica, sans-serif;
	color: #96bf0d;
	padding: 0 10px 3px 10px;
	background: #262626;
}

.price-label .content {
	font: 10px Arial, Helvetica, sans-serif;
	color: #b9b9b9;
	padding: 0 10px;
	background: #262626;
}

.price-label .foot {
	height: 10px;
	background: url('img/bg_sidebar_dg.gif') left bottom no-repeat;
}




.sidebar-block {
	width: 175px;
	margin-bottom: 10px;
}





hr {
	border: 0px; /* Fr Firefox und Opera */
	border-top: dotted 1px #b9b9b9;
	border-bottom: solid 1px #fff; /* Fr I.Explorer (Seiten-Hintergrundfarbe!) */
	margin: 15px 0;
}







a.ref-logo {
	display: block;
	float: left;
	margin: 5px;
	border: 1px solid #efefef;
}

	a.ref-logo:hover {
		border: 1px solid #d4d4d4;
	}



/**
 * Product options
 */

.product-option {
	padding: 5px;
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	background: #f3f3f3;
}

.product-option.first {
	border-top: 1px solid #e6e6e6;
}





/**
 * YAML Framework
 */

.subcolumns { width: 100%; overflow: hidden; margin-top: 20px; }
.subcolumns_oldgecko { width: 100%; float: left; }

.c20l, .c25l, .c33l, .c40l, .c38l, .c50l,
.c60l, .c62l, .c66l, .c75l, .c80l {float: left; }
 
.c20r, .c25r, .c33r, .c40r, .c38r, .c50r,
.c60r, .c66r, .c62r, .c75r, .c80r {float: right; margin-left: -5px; }

.c20l, .c20r { width: 20%; }
.c40l, .c40r { width: 40%; }
.c60l, .c60r { width: 60%; }
.c80l, .c80r { width: 80%; }
.c25l, .c25r { width: 25%; }
.c33l, .c33r { width: 33.333%; }
.c50l, .c50r { width: 50%; }
.c66l, .c66r { width: 66.666%; }
.c75l, .c75r { width: 75%; }
.c38l, .c38r { width: 38.2%; }
.c62l, .c62r { width: 61.8%; }

.subc { padding: 0 10px 0 10px; overflow: hidden; }
.subcl { padding: 0 2em 0 0; overflow: hidden; }
.subcr { padding: 0 0 0 2em; overflow: hidden; }

.c20l, .c25l, .c33l, .c38l, .c40l, .c50l, .c60l,
.c62l, .c66l, .c75l, .c80l, .c20r, .c25r, .c33r,
.c38r, .c40r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r {
   display: inline;
}

* html .subc,
* html .subcl,
* html .subcr { word-wrap: break-word; o\verflow: hidden; }

.equalize, .equalize .subcolumns { overflow: visible; display: table; table-layout: fixed; }

.equalize > div {
	display: table-cell;
	float: none; 
	margin: 0; 
	overflow: hidden;
	vertical-align: top;
}


/**
 * License Guide
 */

/* main vertical scroll */
#main {
	position: relative;
	overflow: hidden;
	height: 355px;
	border: 5px solid #b9b9b9;
}

/* root element for pages */
#pages {
	position: absolute;
	height: 20000em;
}

/* single page */
.page {
	padding: 15px;
	height: 325px;
	background: #f3f3f3 0 0 repeat-x;
	overflow: auto;
}

/* main navigator */
#main_navi {
	float: left;
	padding: 0px !important;
	margin: 0px !important;
}

#main_navi {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#main_navi a {
	display: block;
	background-color: #e6e6e6;
	border-bottom: 1px solid #fff;
	clear: both;
	color: #474747;
	font-size: 12px;
	height: 40px;
	list-style-type: none;
	padding: 10px;
	width: 150px;
	cursor: pointer;
	font-weight: bold;
	text-decoration: none;
}

#main_navi a:hover {
	background-color: #d4d4d4;
}

#main_navi a.current {
	background-color: #b9b9b9;
}

#main_navi a span.include {
	font-weight: normal;
	font-size: 10px;
}
#main_navi a span.blue { color: #1f8fb9; }
#main_navi a span.green { color: #6a8012; }
#main_navi a span.red { color: #9c210d; }

#main_navi img {
	float: left;
	margin-right: 10px;
}

#main_navi strong {
	display:block;
}


.product-options {
	margin-bottom: 20px;
}





/*
 * Flatrate Tabelle
 */

#flatrate-table {
	width: 100%;
	vertical-align: middle;
}



#flatrate-table thead th {
	width: 25%;
	height: 70px;
}



#flatrate-table tbody td {
	height: 30px;
	border: 1px solid #fff;
}

#flatrate-table tbody td.label {
	font-weight: bold;
	padding: 5px;
	color: #777;
}

#flatrate-table tbody td.value {
	text-align: center;
	padding: 5px;
	font-weight: bold;
}

#flatrate-table tfoot td {
	height: 30px;
}