@charset "utf-8";
/* ########################################################
** #### Standard CSS-Layout (c) by Dennis Osterkamp #######
** ########################################################
**
** File:		 	layout.css
** Description:	SAD Layout Stylesheet for My-SAD.de
** Author:		 	Dennis Osterkamp 
** Version:			1.0.61
** Last changes:	28.07.2008
**
*/
/* #######################################
 	###### 1. GENERAL XHTML ELEMENTS ######
	#######################################
*/
	* {margin:0;padding:0;list-style:none;text-decoration:none}

	html {min-height:100.01%}
	body {text-align:center;background-position:top center;background-repeat:repeat-x}
	
/* 	#################################
	###### 2. STANDARD CLASSES ######
/* 	#################################
*/ 	
	.align-right {text-align:right}
	.align-left {text-align:left}	
	.center	{text-align:center}
	.mid {vertical-align:middle;height:100%}
	
	.float-left {float:left}
	.float-right {float:right}	

	.float-left img {margin-right:1em}
	.float-right img {margin-left:1em}

	.marg_auto {margin-left:auto;margin-right:auto}

	.notype {list-style-type:none !important;list-style:none !important}

	.nowrap { white-space: nowrap; }

	strong {font-weight:bold}
	em, i {font-style:italic}
	.normal {font-weight:normal}

	big {font-size:1.25em}
	small, .small {font-size:11px;font-family:Verdana, Arial, Helvetica, sans-serif}
	.xsmall {font-size:10px;font-family:Verdana, Arial, Helvetica, sans-serif}

	p {padding:0 0 1em}
	#sidebar p {padding:0 0 1em}
	
	.lhs {line-height:1.3}
	.lhm {line-height:1.5}
	.lhl {line-height:1.7}
	
	.black, a .black {color:#333}
	a .black {text-decoration:underline}
	.white {color:#fff}
	.xblack	{color:#666}
	.red {color:#990000}
	.grey, .grey a {color:#888}
	.xgrey {color:#aaa}
	.orange {color:#cc7722}
	.yellow {color:#ffdd11}
	.blue {color:#336699}
	.green {color:#669933}
	
	.hidden {display:none}
	
	a img {border:0 none}
	
	.odd  {background:#F0F0F6}
	.even {background:#F5F5F5}

	.grid_bo_ho { background: url(gfx/SAD/Background/bgBlueDotHorizontal.png) bottom left repeat-x; padding:0 0 .25em; margin: 0; }

	.bookmarkHead {color:#567;border-bottom:2px dotted #e6e6e6;margin:.25em 0;padding:0;font-weight:bold}
	.addBox {padding:0 14px 8px;background:#f7f498 url(gfx/SAD/SoftwareOverlay/product.png) top left repeat-x}

	.dotHr {background-position:center left;background-repeat:repeat-x;height:3px;line-height:3px;font-size:1px}

	/*** Clearing ***/	
	.clearfix:after {
		content:".";
		display:block;
		height:0;
		clear:both;
		font-size:0.1em;
		visibility:hidden;
	}	

	/* Workaround:Clearfix-Anpassung für diverse IE-Versionen */
	/* 
	** IE5.x/Mac - x
	** IE7       - x
	*/	
	.clearfix {display:inline-block}  /* ... Clearing für IE5/Mac und IE7 */

	/*
	** IE5.x/Win - x
	** IE6       - x
	*/	
	/* Hides from IE-mac \*/
	* html .clearfix {height:1%}   /* ... für IE5 + IE6/Win | IE-Clearing aktivieren */
	.clearfix {display:block}      /* ... für IE5,IE6,IE7 | Mac-Einstellungen für IE/Win zurücksetzen */
	/* End hide from IE-mac */

	.marg_auto  {margin:auto}

	.w_perc_90 {width:88%}
	.w_perc_85 {width:83%}
	.w_perc_80 {width:78%}
	.w_perc_75 {width:74%}
	.w_perc_70 {width:68%}
	.w_perc_65 {width:64%}
	.w_perc_60 {width:58%}
	.w_perc_55 {width:53%}
	.w_perc_50 {width:48%}
	.w_perc_45 {width:44%}
	.w_perc_40 {width:38%}
	.w_perc_35 {width:33%}
	.w_perc_33 {width:30%}
	.w_perc_30 {width:28%}
	.w_perc_25 {width:24%}
	.w_perc_20 {width:18%}
	.w_perc_15 {width:13%}
	.w_perc_10 {width: 8%}
	.w_perc_5  {width: 3%}	

/* ############################
	###### 3. TYPOGRAPHY  ######
	############################
*/		
	body {font:13px/150% Arial, Verdana, sans-serif}	
	a:link, a:visited {text-decoration:underline}
	a:hover, a:active {text-decoration:none}

	a.desc {border-bottom: 1px dotted;text-decoration:none;}
	a.desc:link, a.desc:visited, {color: black;}
	a.desc:hover, a.desc:active {cursor: help}
	
	h1, h2, h3, h4, h5, h6 {
		font-weight:normal;
		padding:0 0 0.75em;margin:0;
		font-family:Arial, Verdana, sans-serif;
		line-height:1.35em;
	}
	
	h2 {font-size:25px;padding:0 0 1em;margin:0}
	h3 {font-size:17px}
	h4 {font-size:15px;font-weight:bold}	
	h5 {font-size:15px}
	
	h3.shop, h3.ucp {
		color:#556677;
		margin:1em 0 0;
		padding:2px 5px;
		background-position:left top;background-repeat:repeat-x;background-color:transparent;
		font-size:12px;
		color:white;
		font-weight:bold;
	}
	
	.dotted, .dotted td {border-bottom:2px dotted #e6e6e6;margin:0;padding:.5em 0}
	.double, .double td {border-top:2px double #e6e6e6}
	
/* #######################################
	###### 4. CONTENT & PAGE WRAPPER ######
	#######################################
*/
	#pageWrapper {width:908px;margin:0 auto;position:relative;z-index:10;text-align:left}	
	#headerWrapper {position:relative;height:135px;border-width:0;z-index:11;background-position:bottom left;}
	#header {position:relative;width:908px;margin:0 auto;z-index:20;}
	#contentHeader {border-width:1px 1px 0;height:10px}
	#content {clear:both;border-width:0 1px;padding:1px 24px 34px;background-position:top left;background-repeat:repeat-x;}

	/** Combined Attributes **/	
	#headerWrapper,
	#contentHeader,
	#content		{border-style:solid;}

	#singleContent {width:600px;margin:0 auto}
	#fullContent   {width: 800px;margin:0 auto}
	
	/** Error Messages **/
	#error {width:500px;margin:0 auto;background-color:#f5f5f5;padding:1.5em}
	#error h2 {font-size:18px}
	#error .innen {background:white;padding:1.5em;border:1px solid #eee}
	.warningBox {background:#fff6da url(gfx/Common/Other/attention.png) 8px 13px no-repeat;border:1px solid #990000;padding:13px 8px 13px 51px}

/* 	################################
	###### 5. HEADER ###############
	################################
*/
	/**** Page Logo ****/
	h1 {margin:0;padding:0;float:left}
	
	h1 a {
		display:block;
		text-indent:-9999px;
		position:relative;
		background-position:top left;		
	}

	/*** Hiding skiplinks for CSS-View ***/
	#quickskip li {position:absolute;	visibility:hidden;	}	

	/**** 5.1 Navi ****/	
	#navi {position:absolute;right:220px;top:0;background-position:bottom left}
	#navi ul {float:left;background-position:bottom right;height:28px;margin:0;padding:0}
	#navi li {float:left;color:white;margin:0;padding:0}	
	#navi li.right {float:right}
	#navi a {
		padding:0 .75em;
		display:block;
		background-position:top right;
		line-height:24px;
		color:white;
		text-decoration:none;
	}	
	#navi a:hover, #navi a:active {text-decoration:underline}	
	#navi a.end {background:none; padding-right: 21px;}

	/** Combined Classes **/
	h1 a,
	#navi,
	#navi ul,
	#navi a {background-repeat:no-repeat}

	#btnLogin, #btnLogout {	position:absolute;left:290px;top:28px;font-size:12px;text-align:left;z-index:100;height:12px;}
	
	#btnLogin a:link, #btnLogin a:visited, #btnLogout a:link, #btnLogout a:visited {text-decoration:none}
	#btnLogin a:hover, #btnLogin a:active, #btnLogout a:hover, #btnLogout a:active {text-decoration:underline}

	/*** Header Tog Box ***/
	.togBox {margin:1em 0 0}
	.togBox li 	{position:relative;float:left;margin-right:1em}
	.togBox .tab {display:block;padding:3px 0 3px 8px;border-width:1px;border-style:solid;text-decoration:none}
	.togBox a.norm,
	.togBox a.exp {display:block;float:left}
	.togBox a.exp {width:20px;height:20px;padding:0 0 0 8px;cursor:pointer;text-decoration:none}
	.togBox a.exp:hover, .togBox a.exp:active, .togBox a.exp:focus {text-decoration:none}
	
	.togBox ul {position:absolute;left:0;top:27px;border-width:1px;border-style:solid}
	.togBox ul li {float:none;margin:0}
	.togBox ul a {font-size:11px;display:block;white-space:nowrap;padding:3px 8px;background-position:bottom left;background-repeat:repeat-x}
	
	* html .togBox {width:300px}
	* html .togBox li {float:left;width:123px;white-space:nowrap}
	* html #btnLogout {bottom:0}
	* html .togBox ul a {width:100%}

	/*** Combined Attributes ***/
	.togBox a.exp,
	.togBox a.exp:hover, 
	.togBox a.exp:active, 
	.togBox a.exp:focus {background-position:center center;background-repeat:no-repeat}

/* ############################
	###### 6. NAVIGATION  ######
	############################
*/	
	
	#navigation {position: absolute; top: 61px; left: 0; clear: both; font-size: 12px; font-weight: bold; z-index: 101}
	#navigation ul, #navigation li {margin:0;padding:0;list-style:none;float:left}
	#navigation li {position:relative;margin:0 1px}
	#navigation a, #navigation span {
		display:block;
		text-decoration:none;
		background-position:0% 0%;
		background-repeat:no-repeat;
		cursor:pointer;
	}
	#navigation a {background-image:url(gfx/Common/Navigation/left.png)}	
	* html #navigation a, * html #navigation span {width:1px;white-space:nowrap}	
	
	#navigation span {background-image:url(gfx/Common/Navigation/right.png);padding:0 1.25em;line-height:30px}
	
	/**** 6.1 Hover Effects ****/
	#navigation a:hover, #navigation a:active, #navigation .current a  {background-image: url(gfx/Common/Navigation/left.png); border-bottom: 1px solid #e5f1fb;}
	#navigation a:hover span, #navigation a:active span {background-image: url(gfx/Common/Navigation/right.png);}

	/*** Combined Classes ***/
	#navigation a, #navigation span, #navigation .pulldown span,
	#navigation a:hover, #navigation a:active {background-repeat:no-repeat;background-color:transparent}	
	
	
	/** New Pulldown Menu **/	
	.popMenu {
		position: absolute; top: 136px; left: 50%; z-index: 21;
		width: 878px; 
		margin-top: -6px; margin-left: -453px;
		background-position: top left; background-repeat:repeat-x; background-color: #fff;
		border-style: solid; border-width: 1px 1px 13px;
		padding: 13px; 
		text-align: left;
		font-size: 12px;
	}
	.popMenu a { display: block; padding: 2px 3px; font-size: 12px; border-bottom: 1px dotted #ddd;}
	* html .popMenu a, * html .popMenu li  { height: 22px; }
	.popMenu a:link, .popMenu a:visited { text-decoration: none; }
	.popMenu a:hover, .popMenu a:active { text-decoration: none; }	
	.popMenu h2, .popMenu .topList h3 { font-size: 13px;font-weight: bold; margin-bottom: 8px; padding: 0; }
	
	.popMenu .topList {vertical-align: top; width: 265px; padding: 0 13px;background-position: top right; background-repeat: repeat-y;  }
	.popMenu .topList ul { margin-bottom: 1em; }
	.popMenu .topList li { padding: 0; margin: 0; }
	.popMenu .end { background-repeat: no-repeat;padding-right: 0; }
	.popMenu .start { padding-left: 0; }	
	.popMenu .topList li a { overflow:hidden; white-space: nowrap; }
	.popMenu .topList li span, .popMenu .topList li br { display: none; }
	
	
/* #########################
	###### 7. CONTENT  ######
	#########################
*/
	#content {position:relative;clear:left}

	.spacer, .spacerLong {background-color:transparent;background-position:center top;background-repeat:no-repeat;font-size:0.1em}

	/**** 7.1 Search bar ****/	
	#searchHolder {
		position: absolute; top: 92px; bottom: 0; right: 0;
		background: 0 none;
		font-size:13px;
		text-align:right;
		z-index:200;
	}	
	
	#searchHolder .relHolder {
		position: relative; 
		width: 344px; height:38px;
		background-color:transparent;
		background-position:top left;background-repeat:no-repeat;
	}
	
	#searchHolder label {position:absolute;top: 3px;*top:0px; right:240px;font-size:12px;}
	#searchHolder input {position:absolute;top:13px;right:85px;padding:2px 2px;width:155px;z-index:100}
	#searchHolder button {position:absolute;top:9px;right:34px;width:45px;height:24px;line-height:24px;padding:0;border:0 none;background:none;cursor:pointer;z-index:100}
	#searchHolder button span {display:block;text-indent:-9999px}	

	/**** 7.1 Search bar ****/	
	#searchBar {
		background-color:transparent;
		background-position:top left;background-repeat:no-repeat;
		border-width:1px;border-style:solid;
		border-width:0 1px;
		font-size:13px;
		text-align:right;
		position:relative;
		z-index:200;
		height:49px;
	}	
	#searchBar label {position:absolute;top:-3px;right:240px;font-size:12px;}
	#searchBar input {position:absolute;top:8px;right:95px;padding:2px 2px;width:145px;z-index:100}
	#searchBar button {position:absolute;top:7px;right:44px;width:45px;height:24px;line-height:24px;padding:0;border:0 none;background:none;cursor:pointer;z-index:100}
	#searchBar button span {display:block;text-indent:-9999px}	
	#searchTags {position:absolute;right: 1px;top:16px;font-size:13px;font-weight:normal}
	#searchTags a {font-weight:normal;text-decoration:none}	
	#searchTags	{padding:3px 0 3px 8px}	
	#searchTags a {float:left}
	#searchTags a.exp {
		display:block;float:left;
		background-position:center center;background-repeat:no-repeat;background-color:transparent;
		width:20px;height:20px;
		padding:0 0 0 8px;
		cursor:pointer;
		text-decoration:none;
	}	
	#togTagBox {
		position:absolute;
		top:22px;left:-226px;
		text-align:left;
		width:250px;
		padding:3px 0 3px 8px;
		border-width:1px;border-style:solid;
		background-position:top right;background-repeat:no-repeat;
		border-top:0 none;
		z-index:200;
	}	 
	#togTagBox a {float:none}	
	* html #searchTags {width:150px}

	/**** 7.2 Top Products on index page ****/
	#topHome {
		background-position:top left;background-repeat:repeat-x;
		border-style:solid;border-width: 0 1px 1px;
		width:906px;
		text-align:left;
		clear:both;
		z-index:101;
		margin-bottom: 13px;
	}	
	
	#details #topHome { width: 100%; border-top-width: 1px }
	#details #topHome li {background: 0 none;}
	#details #topHome h3 {margin: 0 0 0 13px;}
	
	#topHome h2 {font-size:19px;font-weight:normal;padding:.3em 21px 0;margin:0}
	#topHome a {text-decoration: none;}
	
	/** DESC:Definitionen für die einzelnen Top-Produkte **/
	#topHome ul	{margin-left:9px}
	#topHome li {float:left;margin: 21px 0 0;background-color:transparent;background-position:right bottom;background-repeat:no-repeat;width:179px;height: 135px;}
	* html #topHome li {display:inline}

	#topHome .linkMore {padding-right:21px;text-decoration: none}

	#topHome .imgHolder, #topHome .imgLink {display:block;margin:0 auto;text-align:center;}
	#topHome .imgHolder {position:relative;margin-bottom: 5px;}

	/** Price Badge **/
	#topHome .priceHolder {position:absolute;bottom:-10px;right:21px;font-weight:bold;font-size:13px;width:70px;height:20px;padding:16px 0;}
	#topHome .priceHolder a{text-decoration:none;background-position:top left;background-repeat:no-repeat;}
	* html #topHome .priceHolder {height:50px;bottom:35px;}
	#topHome .priceHolder small {font-family:Arial, Helvetica, sans-serif;font-size:12px;}
	
	#topHome .imgLink {padding:0;margin: 0 3px}
	
	#topHome li img {border:0 none}	
	#topHome li span {display:block;font-size:12px;line-height:1.3}
	
	/*********************************/	
	/**** 7.3 Product detail page ****/	
	/*********************************/
	#details {float:left;width:575px;margin-left:15px;font-size:12px}
	#details .prodGFX {padding:4px;border-width:1px;border-style:solid;margin-bottom:1em}
	#details .prodCover	{margin:0 1em 1em 0}
	#details #flashVideo {width:320px;border-width:1px;border-style:solid;margin:0 auto}
	#details .detailsImg {margin:2em;padding:10px}	
	#details .sbBox {border-right-width:3px;border-right-style:solid}	
	
	.systemInfo ul, .systemInfo li {list-style-type:square;margin:0 1em}
	.systemInfo {border-width:2px;border-style:solid;padding:2em}	
	
	#videoPlayer {margin:0 0 12px 0}
	
	/* Elementabstände */
	.spacer, .spacerLong {padding:0 0 25px}	 
	
	#details .prodText ul {margin:0;padding:0}
	#details .prodText li {padding:0 0 .65em 0;margin:0 0 0 2em;list-style-type:square}
	 
	/* Absätze */
	#details .detailBox {padding:0 0 12px;margin:0 0 12px;line-height:1.6em;background-position:bottom center;background-repeat:no-repeat;background-color:transparent}
	#details .prodImg {width:180px;height:180px;overflow:hidden;white-space:nowrap;margin:0;text-align:center}
	#details .imgleft {float: left;margin:0 3em 0 1em}
	#details .imgright {float:right;margin:0 1em 0 3em}
	#details .testResult, #details .testSource {
		width:263px;height:150px;overflow:hidden;
		border-width:1px;border-style:solid;
		padding:8px; font-weight: normal;
		background-position:top left;background-repeat:repeat-x;
	}
	#details .testSource {text-align:center}	
	#details .testSource img {border-width:1px;border-style:solid;padding:3px;margin:0 auto}
	#details .testSource h4 {text-align:left}
	#details .endResult { margin-left: 13px; }
	#details .testResult { width: 557px; font-weight: bold; color: #990000; margin-bottom: 13px; height: auto; }
	 
	#details .testResult strong { color: #555; }
	 
	/* Produkt - Screenshots */
	#details .screens {clear:both;margin:0 0 1em;z-index:100}
	#details .screens li {float:left;padding:3px;border-width:1px;border-style:solid;line-height:1;margin:0 .5em}

	/* File-Download */
	#details .dlLink { padding-left: 42px; background: url(gfx/Icons/icoDl32.png) top left no-repeat; margin: 13px 0 0; }
	#details .dlLink a { font-size: 18px; text-decoration: none; font-weight: bold; }
	#details .dlLink a:hover { text-decoration: underline; }
	#details .dlLink small a { font-size:11px; font-weight: normal; text-decoration: underline;}
	#details dl { clear: both; }
	#details dl.dlSummary dt { width: 180px; float: left; font-weight: bold; margin: 3px 0; }
	#details dl.dlSummary dd { width: 395px; float: left; margin: 3px 0; }	
	#details dl.dlSummary .system { width: 100%; }

	#details .playBtn { display: block; width: 65px; height: 65px; text-indent: -9999px; background: url(gfx/Common/Other/playBtn.png) top left no-repeat; }

	/**** 7.4 Detail sidebar ****/	
	#sidebar {float:right;width:244px;margin:0 -24px 0}
	* html #sidebar {display:inline}

	/** Sidebar box **/
	.sbBox {position:relative;margin-bottom:1em;padding:3px 0 3px 3px}
	.boxCont {padding:10px;margin-bottom:6px} 
	.boxHead, .boxFoot {display:none}
	
	.boxLinks {position:relative}
	.boxLinks a.togDown, .boxLinks a.togUp {position:absolute;left:5px;top:15px;text-indent:-9999px;width:16px;height:16px}
	.boxCont .current a {font-weight:bold;text-decoration:none}

	.sbBox h3 {font-size:16px;margin:0;padding:.15em 0 .35em .55em}	
	.sbBox h4 {padding:0 0 .25em;margin:0 0 .45em;font-size:17px;font-weight:normal;border-bottom-width:1px;border-bottom-style:dotted}	
	
	.sbSpacer {
		background:transparent url(gfx/Common/Background/sidebarSpacer.png) center top no-repeat;
		height:2px;
		font-size:0.01em;
		padding:0 0 13px;
	}
		
	/** List for System Specifications **/
	.system ul {margin:0 .5em 0 1.25em;padding:.5em 0}
	.system li {list-style-type:square;font-size:.85em;line-height:1.25;padding:.35em 0 0;margin:0 0 .35em}
	
	/** List for Software **/
	.catList 	{float:left;margin:0 0 2em;padding:5px}
	.catList ul {float:left;width:840px}
	.catList li {float:left;width:265px;margin:0 0 -1px -1px;padding:3px 7px;overflow:hidden;white-space:nowrap;font-size:12px}
	
	.catBox {float:left;width:366px;margin:0;padding: 5px 34px 13px 0;}
	.catBox h3 {margin:0 0 5px; padding:0;font-size:13px;}
	.catBox ul {clear:both;}
	.catBox li {padding:0 0 2px;margin:0 0 0 13px}
	.catDiv { display: block; clear: both;  background: #fff url(gfx/SAD/Background/bgBlueDotHorizontal.png) top left repeat-x;}
	.catNoDiv { display: none;}

	.squared, .squared li {list-style-type:square;margin:0 1em;padding:.15em .35em}

	/** Presse Übersichtsseiten Formatierungen **/
	.post {clear:both;border-bottom-width:2px;border-bottom-style:dotted;padding:1em 0 .25em}
	.post .imgHolder, .post .award {height:120px;width:120px;overflow:hidden;text-align:center}
	.post .imgHolder {margin:.25em 0 0 1.5em}
	.post .award {margin:.25em 0 0 1.5em}
	.post .newsImg {margin-bottom:.5em}
	.post .newsImg img { padding:3px;border-width:1px;border-style:solid}
	.post h5 {margin:0;padding:0}
	
	.indexBox {margin:1em 0 2em}
	.indexBox .boxL {float:left;padding-right:2.2em;padding-left:0;border-right-width:1px;background: url(gfx/SAD/Background/bgBlueDotVertical.png) top right repeat-y;}
	.indexBox .boxR {float:left;padding-left:2.2em}
	
	.indexBox .boxL, .indexBox .boxR {width:393px}

	* html .indexBox .boxL, * html .indexBox .boxR {display:inline}

	.indexPost {background-position:bottom left;background-repeat:repeat-x;margin-bottom: 1em}
	.indexPost .imgHolder {padding:3px;border-width:1px;border-style:solid}
	.indexPost h4 {margin:0;padding:0 0 .5em;line-height:1.3em}
	.indexPost h4 a {display:block;font-size:17px;font-weight:normal;padding:.5em 0 0;text-decoration:none}
	.indexPost p {margin:0;padding:0 0 1em}

/* 	########################
	###### 8. FOOTER  ######
	########################
*/	
	#footer {
		background-position:bottom center;background-repeat:repeat-x;
		padding:1.5em;
		border-width:1px;border-style:solid;
		position:relative;
	}

	#footer .mainLinks p {margin:0;padding:0 0 .5em}
	#footer a, .footerContent a {text-decoration:none}

	.footerContent { clear: both; border-width: 1px; border-style: solid; border-bottom: 0 none; padding: 2em 24px; margin: 0;}
	
	.footerContent .microsites li {float: left;}
	.footerContent .topList { vertical-align: top; width: 184px; padding: 0 17px; background-color: transparent; background-position: top right; background-repeat: repeat-y;}
	.footerContent .topList li {font-size: 11px;padding: 5px 0; background-color: transparent; background-position: top left; background-repeat: repeat-x; overflow: hidden;}
	.footerContent .topList h3 {margin:0 0 .5em; padding:0;}
	.footerContent .start { padding-left: 0; }
	
/* #################################
	###### 9. Software Overlay ######
	#################################
*/			
	#softwareOverlay { 
		position: absolute; 
		width: 850px;
		left: 30px;
		top: 0;
		background-color: transparent;
		background-position: bottom left;
		background-repeat: no-repeat;
		z-index: 10000;
	}	
	
	#bgContainer { padding: 10px 10px 20px 0;  float: right; background-position: bottom right; background-repeat: no-repeat; background-color: transparent; }
	
	/*** Categories ***/
	#overlayCategories {
		float: left;
		width: 201px; 
		text-align: left; 
		background: url(gfx/SoftwareOverlay/spacer.png) right top no-repeat;
		padding: 0 0 10px 0;
	}
	
	#overlayCategories h2 { font-size: 16px; font-weight: bold; color: #f7f499; letter-spacing: 0; margin: 0 0 6px 15px; padding: 0; }
	
	/*** Category Links ***/
	#overlayCategories a {
		display: block;
		padding: 0 5px 0 15px;
		margin: 0 10px 0 0;
		text-decoration: none;
		line-height: 24px;
		height: 24px;
		color: white;
	}
	
	#overlayCategories a:link, #overlayCategories a:visited { background: none; }
	#overlayCategories a:hover, #overlayCategories a:active, #overlayCategories .current { background-position: right center; background-repeat:no-repeat; }		
	
	/*** Products ***/
	#overlayProducts { 
		float: left;
		width: 588px; 
		text-align: left;
		margin: 0 10px 0;
		padding: 10px;
		border-width: 1px; border-style: solid;
		background-position:top left;
		background-repeat: repeat-x;
		font-family: Tahoma, Verdana, Arial, sans-serif;
	}
	
	#overlayProducts ul { clear: both; padding: 0 .75em; width: 45%; background-position: right top; background-repeat: no-repeat; }
	#overlayProducts h2 { margin: 0 0 .5em .6em; padding: 0; font-size: 18px; }
	#overlayProducts li { font-size: .85em; }
	
	/*** Category Links ***/
	#overlayProducts li a {
		display: block;
		padding: 1px 5px 1px 12px;
		height: 22px;
		line-height: 22px;		
		overflow: hidden; white-space: nowrap;
		margin: 0 10px 0 0;
		text-decoration: none;
	}
	
	#overlayProducts li a:link, #overlayProducts li a:visited {
		background-color: transparent;
		color: #222;
	}
	
	#overlayProducts li a:hover, #overlayProducts li a:active, #overlayProducts li a:focus  {
		background-color: #eee;
		text-decoration: underline;
	}	


	* html #overlayCategories, * html #overlayProducts { display: inline; } 

/* #########################
	###### 10. IMAGES  ######
	#########################
*/		
	img.framed, .framed img {padding:3px;border-width:1px;border-style:solid}	
	.float-right .framed {margin-left:2em}
	.float-left .framed {margin-right:2em}	

/* #####################################
	###### 11. Formular Elements  ######
	####################################
*/		
	/** UCP Link Back Button **/
	.btnBack {
		display:block;
		float:right;
		text-decoration:none !important;
		margin:0 0 1em 2em;
		background-position:top left;background-repeat:no-repeat;
	}
		
	.btnBack span {
		display:block;
		padding:0 1.25em 0 2.5em;
		height:24px;line-height:24px;font-size:12px;
		background-position:top right;background-repeat:no-repeat;
		cursor:pointer;
	}

	* html .btnBack {width:1px;white-space:nowrap}

	label {display:block;margin:1em 1em .5em 0;font-weight:bold;}
	
	fieldset {border:0 none}
	fieldset .input {width:45%}
	.inputLong {width:45%}
	.inputMid {width:25%}	
	.inputShort {width:15%}
	
	fieldset td .input {width:90%}
	.submit {clear:both;margin:1em 0 1em}

	fieldset h3	{border-bottom-width:2px;border-bottom-style:dotted;margin:1em 3em 1em 3em;padding:0 0 .25em}
	fieldset h3.left {margin-left:0}
	fieldset ul {width:90%;margin:0 auto 1em auto;clear:left}
	fieldset li {padding:.35em 0 .35em;clear:both}	
	fieldset li label {display:block;float:left;font-weight:normal; width:220px;margin:0 1em 1em 0;text-align:right}
	
	fieldset li input {float:left}
	fieldset li small {float:left;width:55%}	

	fieldset.sf li label {width:100px}
	fieldset.sf li {width:320px;}	
	fieldset.sf li small {white-space:nowrap;width:auto;margin-left:112px;line-height:1.3em;}
	
	fieldset .eLi {font-size:1px;height:1px;line-height:1px;margin:0;padding:0;float:none}
	
	.input, .inputLong, .inputMid, .inputShort {
		border-width:1px;border-style:solid;
		margin:0;padding:3px;
	}
	
	textarea {overflow:auto}	
	select option {padding:0 3px}
	
	.btnImg {border:0;background:0 none;padding:0;margin:0;cursor:pointer}
	
	.btnGo, .btnDlBlue, .btnBlueSmall,
	.btnBlueXSmall, .btnSbGreen,
	.btnSbYellow, .btnSbYellowSmall, 
	.btnSbYellowXSmall, .btnSbGreenSmall, 
	.btnSbGreenXSmall, .btnNormGrey,
	.btnXSmallGrey, .btnCartGo {
		cursor:pointer;
		display:inline;
		border:0 none;
		background-repeat:no-repeat;
		background-position:top center;
		background-color:transparent;
		line-height:34px;
		padding:0 0 .5em .25em;
		margin:0 auto;
	}

	/** Allover Button **/
	.btnGo {
		display:inline;
		width:37px;
		height:20px;
		line-height:20px;
		text-indent:-9999px;
	}
	
	.btnDlBlue, .btnSbYellowSmall, .btnCartGo, .btnSbGreenSmall, .btnNormGrey, .btnSbYellowXSmall, .btnBlueXSmall {
		width:180px;
		height:38px;
		font-size:13px;
	}
	
	.btnNormGrey {
		width:168px;
		height:36px;
		line-height: 30px;
	}	

	.btnSbGreenXSmall, .btnBlueSmall  {width:120px;height:38px;font-size:14px}
	.btnSbYellowXSmall, .btnBlueXSmall {width:100px;height:31px;line-height:26px;font-size:11px}
	.btnBlueSmall 	{font-size:1em}
	.btnXSmallGrey 	{width:95px;height:20px;line-height:17px;font-size:11px}	

	/** Sidebar Buttons **/
	.btnSbGreen, .btnSbYellow {height:46px;width:220px;font-size:16px}	
	
	/** Small Buttons **/
	.btnSmallOrange, .btnSmallGrey {
		display:block;
		background-position:center bottom;
		background-repeat: no-repeat;
		background-color:transparent;
		width:32px;height:32px;
		cursor:pointer;
		border:0 none;
	}

/* 	####################################
	###### 14. TABLES  #################
	####################################
*/		
	td {padding:0;margin:0;border:0;font-size:1em}
	
	/** Table List **/	
	.tblList, .tablesorter  {width:100%;margin:.25em 0 1.5em}
	.tblList th, .tablesorter th {font-size:11px;background-position:left top;background-repeat:repeat-x;border-bottom-width:1px;border-bottom-style:solid;padding:.25em .5em}
	.tblList th a, .tablesorter th a {display:block;text-decoration:none}	
	.tblList th div, .tablesorter th div  {border-top-width:1px;border-top-style:solid;padding:0 .35em}
	.tblList td, .tablesorter td {padding:.35em .5em}
	.tblList .even td, .tblList .odd td, .tablesorter .even td, .tablesorter .odd td {
		border-top-width:1px;
		border-top-style:solid;
		border-bottom-width:1px;
		border-bottom-style:solid;
	}
		
	.faq {padding:0 !important}
	.faq a {display:block;text-decoration:none}
	.faq a, .faq div {padding:.25em .5em}
	.faq div {border-width:1px;border-style:solid;margin:0 1em 1em}
	.faq a:link, .faq a:visited {background:none}

/* ##################################
	###### 15. CART ##################
	##################################
*/			
	#cart {margin:1em;width:600px;float:right}
	#cart .infoBox td {padding:0 .5em 0 1em;width:33%;border-right-width:1px;border-right-style:dotted}
	#cart .infoBox td.end {border:0 none}
	#cart .floatBox .sbBox {width:240px;margin:0 1em 1em 0}
	#cart .sbBox {border-right-width:3px;border-right-style:solid}
	#cart h2 {clear:left}
	
	#cart .cart_step1, 	#cart .cart_step2, 	#cart .cart_step3, 	#cart .cart_step4, #cart .cart_step5, #cart .cart_step6, #cart .cart_step7 {
		display:block;
		float:left;
		width:32px;height:32px;
		margin:.1em .35em 0 0;
		background-position:left top;
		background-repeat:no-repeat;
		background-color:transparent;
		text-indent:-9999px;
	}

	#cart .tblList td {padding:1em}

	#cartNav {
		width:180px;
		float:left;
		margin:1em;
		padding:0 1em;
		background-position:bottom left;
		background-repeat:repeat-x;
	}
	
	* html #cartNav, * html #cart {display:inline}
	
	#cartNav .dot_top {background-position:top left;background-repeat:repeat-x}
	#cartNav ul	{background-position:12px 20px;background-repeat:repeat-y;margin-bottom:1em}
	#cartNav li span {
		display:block;
		font-size:14px;
		padding:0 0 0 32px;
		line-height:2.2em;
		background-position:left center;
		background-repeat:no-repeat;
		background-color:transparent;
	}
	#cartNav .act span, #cartNav .act span a {font-weight:bold}
	#cartNav .act span a {text-decoration:underline;font-weight:normal}
	#cartNav .act span a:hover {text-decoration:none}
	
	#cartNav .liTop, #cartNav .liBot, #cartNav .act .liBot {background-position:left center;background-repeat:no-repeat;height:32px}

	.smallBox {margin-bottom:.5em}
	.smallBox {padding:0 13px 1em}
	.smallBox h3,.smallBox h4 {font-size:16px;font-weight:normal;margin:0;padding:.5em 13px 8px 0}
	
/*  ##################################
	###### 16. USER ##################
	##################################
*/	
	#user	{width:720px;margin:0 auto;position:relative}
	#user.login {width:800px}
	#user .boxBlue .sbBox,
	#user .boxGreen .sbBox, 	
	#user .boxOrange .sbBox, 
	#user .sbBox {
		border-right-width:3px;border-right-style:solid;
	}

/* 	###################################
	###### 17. COMBINED CLASSES ######
	##################################
*/	
	/*** DESC:Container für den grafischen Banner der einzelnen Produkte ***/
	#prodImage {
		clear:left;
		position:relative;
		width:906px;
	 	background-position:top left;background-repeat:repeat-x;
		border-width:1px;border-style:solid;
		margin: 0;border-width: 0 1px;
		z-index:100;
	}
	
	#prodImage .btnForward span, #prodImage .btnBackward span {display:none}	
	#myProducts {height:258px;margin:0 9px 0}
	
	/** Stepcarousel **/	
	.stepcarousel{
		position:relative;/*leave this value alone*/
		overflow:scroll;/*leave this value alone*/
	}
	
	.stepcarousel .belt{
		position:absolute;/*leave this value alone*/
		width:906px;
		left:0;
		top:0;
		margin-top:0;
	}
	
	.stepcarousel .panel{
		float:left;/*leave this value alone*/
		overflow:hidden;/*clip content that go outside dimensions of holding panel DIV*/
		width:888px;/*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	}
	
	.stepcarousel .panel img {padding:3px;border-width:1px;border-style:solid}
	.panel button {
		position:absolute;
		right:10px;bottom:10px;
		cursor:pointer;
		text-indent:-9999px;
		width:175px;height:41px;
		border:0 none;
		bac\kground-position:center center;
		background-repeat:no-repeat;
		background-color:transparent;
		display: none;
	}
	
	/** Price Badge **/
	.panel .priceHolder {position:absolute;bottom:20px;left:10px;font-weight:bold;font-size:25px;width:120px;height:18px;padding:26px 0;}
	.panel .priceHolder a{text-decoration:none;background-position:top left;background-repeat:no-repeat;}
	.panel .priceHolder small {font-family:Arial, Helvetica, sans-serif;font-size:18px;}

	/* SORT LIST */	
	.sortLinks {text-align:right;color:#666}
	.sortLinks a {padding:0 8px 0 16px !important}
	
	.sortASC, .sortDESC {
		background-repeat:no-repeat;
		background-color:transparent;
		background-position:center left;
		font-weight:bold;
	}
	
	/** Page bar **/
	.pageBar {background-position:top left;background-repeat:repeat-x;padding:.15em .5em;font-size:11px}
	.pageBar a, .pageBar span, .pageBar strong {display:block;float:left;padding:2px 4px;text-decoration:none;margin:1px}
	.pageBar a {padding:2px 6px}
	.pageBar a:link, .pageBar a:visited {margin:1px}
	.pageBar a:hover, .pageBar a:active {border-width:1px;border-style:solid;margin:0}
	
/* 	#####################
	###### 18. UCP ######
	#####################
*/		
	#ucp {margin:1em auto;width:100%}
	
	#ucpTabBox {font-size:.9em}
	#ucpTabBox li a {text-decoration:none;display:block}
	#ucpTabBox li span {display:block;background-position:bottom left;background-repeat:repeat-x;height:12px;font-size:1px}
	
	.sbNav span {display:block;background-position:center left;background-repeat:repeat-x;padding:0;font-size:1px;height:8px;margin:0}
	
/*  ####################################
	###### 19. Search  #################
	####################################
*/	
	#search {width:780px;margin:0 auto;float:left;width:575px;margin-left:15px;font-size:12px}
	#search .result {margin:0;padding:1em 0;background:url(gfx/SAD/Background/bgOrangeDotHorizontal.png) bottom left repeat-x}
	
	/** Tag Clouds **/
	#tagCloud a {float:left;white-space:nowrap;text-decoration:none;font-size:.75em;line-height:18px;padding:2px 2px;margin:1px 4px 1px 0}
	#tagCloud a.cloud_0, #tagCloud a.cloud_1, #tagCloud a.cloud_2, #tagCloud a.cloud_3, #tagCloud a.cloud_4 {font-size:.70em}
	#tagCloud a.cloud_5, #tagCloud a.cloud_6, #tagCloud a.cloud_7, #tagCloud a.cloud_8, #tagCloud a.cloud_9 {font-size:.75em}
	#tagCloud a.cloud_10, #tagCloud a.cloud_11, #tagCloud a.cloud_12, #tagCloud a.cloud_13, #tagCloud a.cloud_14 {font-size:.80em}
 	#tagCloud a.cloud_15, #tagCloud a.cloud_16, #tagCloud a.cloud_17, #tagCloud a.cloud_18, #tagCloud a.cloud_19 {font-size:.90em}
	#tagCloud a.cloud_20, #tagCloud a.cloud_21, #tagCloud a.cloud_22 {font-size:.95em}
 	#tagCloud a.cloud_23, #tagCloud a.cloud_24 {font-size:1.0em}
	#tagCloud a.cloud_25 {font-size:1.1em}
	#tagCloud a.cloud_26 {font-size:1.2em}
	#tagCloud a.cloud_27 {font-size:1.3em}
	#tagCloud a.cloud_28, #tagCloud a.cloud_29 {font-size:1.4em}
	#tagCloud a.cloud_30 {font-size:1.5em;padding:0}
	
/* 	###################################
	###### 20. Newsletter  ############
	###################################
*/		
	#newsletter {margin-left:15px;width:825px;}	
	#newsletter .newslBox {clear:both;margin:3em 0 1em}
	#newsletter .newslBox .sbBox {float:left;width:240px;border-right-width:2px;border-right-style:solid;margin-right:3.35em}
	#newsletter .newslBox .end {margin-right:0}
	#newsletter .leftInfo {float:left;width:50%;padding-right:3em;border-right-width:1px;border-right-style:dotted}
	#newsletter .rightInfo {float:right;width:40%}

/* 	###################################
	###### 21. SiteSwitch  ############
	###################################
*/				
	#siteSwitch { position: absolute; right: 0px; top: 0;width:150px;z-index:20;}
	#siteSwitch a, 	#siteSwitch a span  { display: block;}
	#siteSwitch a { width: 150px; height: 38px; float: right; }
	#siteSwitch a span { display: none; }		
	#siteSwitch a.sad-link { width: 106px; }
		
/* Werbung */

#adSky180 { position: absolute; width: 150px; left: 101%; top: 10px; border: 1px solid #aaa; background: #fff; padding: 1px;   }