@charset "utf-8";

/* BASE */
	body {margin:0; padding:0; width:100%; font-family:verdana; font-weight:normal; font-size:11px; color:#202943;}
	img {border:none;}
	form {margin:0; padding:0;}
		input {border:1px #202943 solid;}
		input[type=checkbox] {border:none;}
		input[type=radio] {border:none;}
	ul {margin:0 0 0 15px; padding:0; list-style-position:outside !important;}
		li{padding:0;}
	a {margin:0; padding:0; text-decoration:none; color:#202943;}
	.pageLink {cursor:pointer;}
	
	sup {font-size:8px; color:#000;}
	
	#layerBG {position:absolute; top:0; left:0; width:100%; height:1150px; background:#555; opacity:.8; filter:alpha(opacity=80); z-index:999;}
		#layerBox {position:absolute; top:20%; left:50%; margin-left:-230px; text-align:center; z-index:1000;}
			#layerText {padding:10px; width:500px; background:#fff; color:#202943; border:5px #202943 solid; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; text-align:left;}
				.closeBTN {float:right; padding:1px 3px; font-weight:bold; color:#202943; border:2px #202943 solid; border-radius:15px; -moz-border-radius:15px; cursor:pointer;}
	
	.clear {clear:both;}
	.floatLeft {float:left;}
	.floatRight {float:right;}
	.fontRight {text-align:right;}
	.submitBTN {padding:3px; background:#202943; border:none; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; font-weight:bold; color:#fff; cursor:pointer;}
	.bgOrange {background:#e78900;}
	.bgBlue {background:#202943; color:#fff;}
	
	.smaller {font-size:9px; color:#999;}

/* TEXT */
	h1 {margin:0; padding:0 0 0 20px; font-size:18px; font-weight:normal; color:#202943;}
	h2 {margin:0; padding:0; font-size:14px; color:#fff;}
	h3 {margin:5px 0; padding:0; font-size:12px; color:#202943;}
	p {margin:0; padding:0;}
	
	.fontWhite {color:#fff;}
	.fontOrange {color:#e67800;}
	.fontBlue {color:#202943;}
	
	h1 span {font-size:12px; font-weight:bold; color:#667b94;}
	
/* ORDER */
	hr.sd {
		height:1px;
		border-left:0px;
		border-right:0px;
		border-top:0px;
		border-bottom:1px;
		border-color:#ccc;
		border-style:dotted;
		margin:10px 1px 10px 1px;
	}
	#PE1, #PE2, #PE3, #PE4, #RD1, #RD2, #RD3, #RX{border:2px #e78900 solid !important;}
	.PE1, .PE2, .PE3, .PE4, .RD1, .RD2, .RD3{float:left;}
	
	#PE1{width:93px !important;}
	* html #PE1{width:89px !important;}
	* + html #PE1, html* #PE1{width:90px !important;}
	#PE2{width:61px !important;}
	#PE3{width:62px !important;}
	* html #PE3{width:59px !important;}
	* + html #PE3, html* #PE3{width:60px !important;}
	#PE4{width:14px !important;}
	
	.PE1{padding-right:29px !important;}
	* html .PE1{padding-right:29px !important;}
	* + html .PE1, html* .PE1{padding-right:28px !important;}
	.PE2{padding-right:7px !important;}
	.PE3{padding-right:68px !important;}
		
	#RD1{width:76px !important;}
	* html #RD1{width:73px !important;}
	* + html #RD1, html* #RD1{width:74px !important;}
	#RD2{width:117px !important;}
	* html #RD2, * + html #RD2, html* #RD2{width:115px !important;}
	#RD3{width:12px !important;}
	
	.RD1{padding-right:24px !important;}
	.RD2{padding-right:124px !important;}
	
	#RX{width:100px !important;}
	
	.warning, .warning2 {
		position:absolute;
		margin:-15px 0 0 5px;
		padding:3px 2px 1px 17px;
		width:136px;
		height:28px;
		text-align:left;
		font-family:Verdana, Helvetica, sans-serif;
		font-size:10px;
		font-weight:bold;
		color:#971e00;
		background:url(https://images.handyscout.de/handyscout/backgrounds/bgInfoBubble.jpg) no-repeat;
		line-height:12px;
	}
	
	.warning2 {
		padding:3px 2px 1px 13px;
		width:140px;
	}
	html* .warning2{top:160px;}
	* + html .warning2{top:140px;}

/* TEMPLATE */
	#center {margin:20px auto; width:985px;}
	#header {height:58px;}
		#cart {float:right; width:180px; height:38px; background:#001332; cursor:pointer;}
	
	#nav {width:985px; height:30px; background:#202943;}
		a.navTopic, a.navService {float:left; padding:5px 12px 0; height:25px; font-size:14px; font-weight:bold; color:#fff; border-right:1px #fff solid;}
		a.navTopicRed {float:left; padding:5px 12px 0; height:25px; font-size:14px; font-weight:bold; color:#fff; border-right:1px #fff solid; background:#de0024;}
			a.navTopic {background:#202943;}
			a.navService {background:#667b94;}
		a.navTopic:hover, a.navTopicRed:hover, a.navService:hover {background:#e67800;}
		#suche {float:right; width:130px; margin-right:5px; padding-top:5px;}
			#suchText {float:left; margin-left:5px; width:100px; height:16px; border:none;}
			.suchBtn {width:18px; height:18px; border:none; cursor:pointer;}
			.resetBtn {height:18px; padding-bottom:2px; background:#667b94; border:none; border-radius-bottomright:10px; -moz-border-radius-bottomright:10px; -webkit-border-bottom-right-radius:10px; border-radius-topleft:10px; -moz-border-radius-topleft:10px; -webkit-border-top-left-radius:10px; font-family:verdana; font-size:11px; font-weight:bold; color:#fff; cursor:pointer;}
	
	#breadCrumbs {padding:8px 0 0 10px; height:22px; font-size:10px;}
		a.crumbBtn {color:#202943; text-decoration:underline;}
	
	#cat {float:left; margin-right:10px; width:175px;}
		.catSection {margin-bottom:20px; border:1px #202943 solid;}
		a.catTopic, a.catService {float:left; padding:7px 0 0 10px; width:163px; height:23px; font-size:12px; font-weight:bold; color:#fff; border-bottom:2px #fff solid;}
		a.catTopicRed {
			float:left; padding:7px 0 0 10px; width:163px; height:23px; font-size:12px; font-weight:bold; color:#fff; border-bottom:2px #fff solid; background:#de0024;
		}
			a.catTopic {background:#202943;}
			a.catService {background:#667b94; border-bottom:2px #fff solid;}
			.line {clear:left; margin:2px 0; width:100%; height:1px; background:#202943;}
			.link {cursor:pointer;}
		a.catTopic:hover, a.catTopicRed:hover, a.catService:hover, a.catServiceRed:hover {background:#e67800;}
		
		.subCat {line-height:20px;}
			.subCat a {float:left; margin-bottom:2px; padding:0px 0 0 20px; width:153px; height:24px; color:#202943;}
			.subCat .link {float:left; margin-bottom:2px; padding:4px 0 0 20px; width:153px; height:20px; color:#202943;}
			* html .subCat a {padding:0 0 0 20px; height:24px;}
			* html .subCat .link {padding:0 0 0 20px; height:24px;}
			.subCat a:hover, .subCat a.subActive {padding-left:10px !important; border-left:10px #e67800 solid !important; text-decoration:underline;}
			.pfeil {float:right; padding-right:10px; font-size:14px; font-weight:bold; text-decoration:none;}
			
		.submenu {position:absolute; margin-left:173px; margin-top:-2.5em; padding:5px 0; width:155px; max-height:200px; background:#202943; border:1px #202943 solid; filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9; display:none; overflow-y:auto; overflow-x:hidden; z-index:100;}
			* html .submenu {height:200px;}
			.submenu a{color:#fff;}
	
	#content {float:left; width:800px;}
	
	.adSky {float:left; padding:5px 0 0 10px; width:110px; height:595px; background:#ccc;}
	
	.Tips, .Tips2 {cursor:help;}

/* CONTENT */
	.content218x180 {float:left; margin:0 8px 10px 0; padding:5px 0 0 5px; width:211px; height:183px; border:1px #202943 solid; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
	.content442x180 {float:left; margin:0 8px 10px 0; width:442px; height:188px; border:1px #202943 solid; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
	.content574x180 {float:left; margin:0 8px 10px 0; padding:5px 0 0 10px; width:562px; height:183px; border:1px #202943 solid; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
	.content800 {margin-bottom:10px; padding:5px 10px 0; width:778px !important; border:1px #202943 solid; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
	.content630 {float:left; margin-bottom:10px; padding:5px 10px 0; width:608px; border:1px #202943 solid; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
	.browseShopBox{width:460px;}
	.rightBox {margin:0 0 10px 0;}
	
	.priceBtn {float:left; padding:5px; background:#e67800; color:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
	.priceBtn a {color:#fff;}
	
	.tab {float:left; padding:8px 10px 0; height:22px; color:#202943; cursor:pointer; text-decoration:underline;}
		a.tab:hover{background:#202943; color:#fff; cursor:pointer; text-decoration:none;}
		a.tabActive {float:left; padding:8px 10px 0; height:22px; background:#202943; color:#fff; text-decoration:none;}
	
	.priceBoxText {margin-bottom:4px; padding:0 5px 0 10px; width:125px; border:1px #202943 solid; cursor:pointer;}
	.priceBoxPrice {width:100%; text-align:right; font-size:24px; font-weight:bold; color:#e67800;}
	.priceBoxBtn {padding-top:6px; width:140px; height:20px; border:1px #202943 solid; border-radius-bottomleft:10px; -moz-border-radius-bottomleft:10px; -webkit-border-bottom-left-radius:10px; background:#e67800; text-align:center; font-weight:bold; color:#fff; cursor:pointer;}
	
	td {padding-left:5px; height:20px;}
		.tableKey {background:#667b94; border:1px #667b94 solid; color:#fff;}
		.tableValue {border:1px #667b94 solid;}
		
	.ajax-loading {padding:20px 0px; width:100%; height:60px; background:url(http://images.handyscout.de/tph/backgrounds/tphSpinner.gif) no-repeat center;}

/* SPECIALS */
	a.last {border-bottom:none;}
	a.active {background:#e67800;}
	a .colorPicker {float:left; margin:0 0 5px 5px; padding:0; width:20px; height:20px; border:1px #202943 solid;}
		a:hover .colorPicker {border:1px #e67800 solid;}
	a.textLink {color:#667b94; text-decoration:underline;}
	a.textLink:hover {color:#202943;}

/* CART */
	.upsellingBox {float:left; margin:0 5px 5px 0; width:154px; height:108px; border:1px #202943 solid; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
		.upsellingTitle {padding:5px; font-weight:bold;}
		.upsellingPrice {float:right; padding:20px 5px 20px 0; text-align:right;}
		.upsellingBTN {float:right; padding:3px 5px; background:#e67800; border-radius-topleft:8px; -moz-border-radius-topleft:8px; -webkit-border-top-left-radius:8px; border-radius-bottomright:8px; -moz-border-radius-bottomright:8px; -webkit-border-bottom-right-radius:8px; font-weight:bold; color:#fff;}

/* FAQ's */
	.faqHl {padding:0px 10px; width:420px; text-align:left; background:#667b94; border:solid 1px #202943; color:#fff; font-weight:bold;}
	.info {float:left; margin:3px; width:15px; height:15px; display:block;}

/* TEASER */
	.teaserBox {margin-bottom:10px; width:158px; border:1px #202943 solid; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
	
/* FOOTER */
	#footerBar {padding:3px 0; background:#202943; color:#fff; text-align:center;}
		#footerBar a {color:#fff;}
		#footerBar a:hover {color:#e78900;}
	#footerCountries {padding:10px 0; text-align:center; font-size:10px; color:#667b94;}
		#footerCountries a {color:#202943;}
		#footerCountries a:hover {text-decoration:underline;}
	#footerText {font-size:10px; color:#667b94;}
		#footerText a {color:#202943;}
		#footerText a:hover {text-decoration:underline;}