@charset "UTF-8";
/**
 * Webshop (c) 2007 by Sahrmann-IT (Philipp Sahrmann) and Fixtreme (Uwe Faisst)
 *
 * Styles
 */

/**
 * Main styles
 *
 * @package     shop
 *
 * @author      Philipp Sahrmann
 * @author      Uwe Faisst
 * @since       08.08.2007
 *
 */
*{
	margin: 0px; 
	padding: 0px;
}

body{
	margin: 0px; 
	padding: 0px;
	background: #fff;
	font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif;
}

html{
	height: 100%; 
	margin-bottom: 1px; 
}

A,A:visited{
	color: #001242;
}

A:hover{
	color: #2d5faf;
}

#wrapper{
	width: 988px;
	margin: 0px auto;
	background: url(../images/bg.png) top left repeat-y;
}

/**
 *
 * header
 *
 */
#header{
	width: 988px;
	height: 124px;
	position: relative;
	border-top: 6px solid #fff;
	border-bottom: 5px solid #fff;
	background: url(../images/header_bg.jpg) top left repeat-x;
}

#logo{
	position: absolute;
	top: 0px;
	left: 0px;
	border: none;	
}

#euronics{
	position: absolute;
	top: 0px;
	right: 0px;
	border: none;	
}

#header P{
	margin: 0px;
	position: absolute;
	bottom: 5px;
	right: 10px;
}

#header P A{
	color: #c9d6e7;
	text-decoration: none;
}

#header P A:hover{
	color: #fff;
	text-decoration: underline;
}

/**
 *
 * navi
 *
 */
#navi{
	width: 212px;
	float: left;	
}

#navi DIV{
	border-bottom: 4px solid #fff;
	float: left;
	width: 212px;
	background: #E5EBF7;
}

/**
 *
 * navi/info headlines
 *
 */
#navi H1 A,#navi H2 A,#info H1 A,#info H2 A{
	display: block;
	padding: 5px 0px 3px 20px;
	height: 15px;
	background: url(../images/h_bg_navi.png) top left repeat-x #4F77BC;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #FFF;
	text-decoration: none;
}

#navi H1 A:hover,#navi H2 A:hover,#info H1 A:hover,#info H2 A:hover{
	text-decoration: underline;
	background: url(../images/h_bg_navi_1.png) top left repeat-x #4F77BC;
}

#navi H1 A#act{
	background:url(../images/h_bg_navi_2.png) top left repeat-x;
}

/**
 *
 * shopping cart
 *
 */
#wkorb H1 A{
	padding-left: 40px;
	background: url(../images/wkorb.png) top left repeat-x #4F77BC;
}
#wkorb H1 A:hover{
	background: url(../images/wkorb.png) top left repeat-x #4F77BC;
}

#wkorb P{
	margin: 4px;
	padding: 6px 4px 6px 4px;
	border: 1px solid #a0b9e1;
}

#wkorb P SPAN#art{
	position: relative;
	width: 106px;
	display: block;
	float: left;
}

#wkorb P SPAN#eur{
	display:block;
	font-weight:bold;
	text-align:right;
}

/**
 *
 * buttons register / login
 *
 */
#btns{
	height: 22px;
}

#btns a{
	display: block;
	float: left;
	padding: 2px 0px 2px 4px;
	width: 98px;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #072063;
	background: url(../images/btn_bg.png) top left repeat-x #bbd0fb;
}

#btns a:hover{
	border: 1px solid #375D9B;
}

#btns a#btn1{
	margin-right: 4px;
}

/**
 *
 * mobile phone
 *
 */
#handy H2 A{
	background: url(../images/h_bg_2_navi.png) top left repeat-x;color:#051342;
}

#handy H2 A:hover{
	background: url(../images/h_bg_2_navi.png) top left repeat-x;color:#051342;
}

#handy H2 A.cat_handy {
	margin-bottom: 4px;
}

#handy FORM{
	text-align: center;
	padding: 5px;
	border-bottom: 4px solid #fff;
}

#handy SELECT{
	width: 172px;
	padding: 2px;
	border: 1px solid #001340;
	font-size: 11px;
	color: #01133B;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#handy OPTION.fastselect{
	background-color: #375D9B;
	color: #fff;
	margin-top: 6px;
	font-weight: bold; 
}

/**
 *
 * casing subnavi/content/info
 *
 */
#wrapper2{
	float: left;
	width: 776px;
}

/**
 *
 * casing subnavi top
 *
 */
#subnavi{
	float: right;
	width: 771px;
	height: 23px;
	background: #e5ebf7;
	border-bottom: 3px solid #fff;
	position: relative;
}

#subnavi FORM{
	font-weight: bold;
	width: 300px;
	height: 23px;
	position: absolute;
	bottom: 0px;
	right: 0px;
}

* html #subnavi FORM{
	bottom: -2px;
}

#subnavi P{
	position: absolute;
	width: 493px;
	height: 23px;
	bottom: 0px;
	left: 0px;
	padding-left: 5px;
	text-align: left;
	line-height: 23px;
	overflow: hidden;
}

#subnavi #lbl{
	position: absolute;
	bottom: 3px;
	right: 155px;
	width: 117px;
	height: 15px;
}
	
#subnavi #suche{
	position: absolute;
	bottom: 3px;
	right: 30px;
	width: 140px;
	border: 1px solid #001340;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 1px;
}
	
#subnavi #btn{
	position: absolute;
	bottom: 3px;
	right: 10px;
}

/**
 *
 * advertising to fade in
 *
 */
#ads{
	float: right;
	margin-left: 5px;
	border-bottom: 5px solid #fff;
	border-top: 2px solid #fff;
}
		
#ads IMG{
	f/loat: right; /* Lt IE6 */
	/* height: 150px; */
	/*  width: 769px; */
	background: #fff;
	border: 1px solid #a0b9e1;
}

/**
 *
 * content
 *
 */
#content{
	width: 563px;
	float: right;
	margin: 2px 5px 0px 0px;
}

#content_end{
	width: 563px;
	float: left;
	color: #999;
	margin: 30px 0px 20px 0px;
	background-color: #fff;
}

#content_end P A, #content_end2 P A {
	color: #999!important;
}
	
#content_end P{
	text-align: center;
	margin: 0px auto 15px;
	font-size: 10px;
	line-height: 12px;
	width: 480px;
}

#content_end2{
	width: 772px;
	float: left;
	color: #999;
	margin: 0px 0px 20px 0px;
	background-color: #fff;
}
	
#content_end2 P{
	text-align: center;
	margin: 0px auto 15px;
	font-size: 10px;
	line-height: 12px;
	width: 480px;
}

#content2{
	width: 772px;
	float: right;
	margin: 2px 0px 0px 0px;
	background-color: #fff;
}

/**
 *
 * box start
 *
 */
.box{
	border: 1px solid #88a2c7;
	width: 274px;
	height: 300px;
	float: left;
	margin-bottom: 11px;
	background: #e6ecf8;
	position: relative;
}

.box:hover {
	background: #AAB9D6;
}

.box#b1, .box#b2{
	margin-right: 11px;
}

.navlist4 LI {
	width: 115px!important;
}

.b1{
	margin-right: 11px;
}

.box H1 A, .box H2 A{
	display: block;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	position: absolute;
	width: 274px;
	left: 0px;
}

.box H1 A{
	height: 27px;
	top: 0px;
	padding: 12px 0px 0px 0px;
	display: block;
	font-size: 16px;
	background: url(../images/box_header_bg.png) top left repeat-x;
	border-bottom: 1px solid #88a2c7;
}

.box H2 A{
	height: 24px;
	bottom: 0px;
	padding: 8px 0px 0px 0px;
	font-size: 14px;
	background-color: #FFFFFF;
	background: url(../images/box_footer_bg.png) bottom left repeat-x;
	border-top: 1px solid #88a2c7;
}

.box H2 A:hover{
	background: url(../images/box_footer_bg_1.png) bottom left repeat-x;color:#02133E;
}

.box IMG{
	position:absolute;
	top: 40px;
	left: 0px;
	border-right: 1px solid #88a2c7;
	width: 126px;
	height: 228px;
}

.box P{
	position: absolute;
	bottom: 41px;
	right: 8px;
	width: 129px;
	height: 60px;
	float: left;
	border: 1px solid #88a2c7;
	background: url(../images/box_p_bg.png) 112px 32px no-repeat #fff;
}

.box P SPAN{
	display: block;
	text-align: right;
}

.box P SPAN.alt{
	height: 25px;
	padding: 3px;
	padding-right: 6px;
	font-size: 9px;
	color: #868998;
	/* text-decoration: line-through; */
}
.box P SPAN.neu{
	height: 20px;
	padding: 3px 6px 6px 3px;
	font-size: 20px;
	font-weight: bold;
}
.box P SPAN.neu SPAN.smaller{
	font-size: 14px;
	display: inline;
}

/**
 *
 * info right
 *
 */
#info{	
	width: 203px;
	float: right;
	border-top: 2px solid #fff;	
}
	
#info DIV{
	border-bottom: 4px solid #fff;
	float: left;
	width: 203px;
	background: #E5EBF7;
}

#info DIV H1 A,#info DIV H1 A:hover{
	background: url(../images/h_bg.png) top left repeat-x; padding-left:15px;
}

#zertifikate H1, #angebote H1, #hotline H1, #sicherheit H1, #qualitaetssiegel H1{
	display: block;
	padding: 5px 0px 3px 15px;
	height: 15px;
	background: url(../images/h_bg.png) top left repeat-x #4F77BC;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #FFF;
	text-decoration: none;
}

#zertifikate P{
	text-align: center;
	padding: 10px 0px 10px 0px;
}

#zertifikate P IMG{
	padding: 8px;
}

#sicherheit P {
	padding: 4px;
}

/**
 *
 * footer
 *
 */
#footer{
	height: 23px;
	clear: left;
	border-top: 5px solid #fff;
	border-bottom: 6px solid #fff;
	background: #264983;
	position: relative;
}

#footer P{
	position: relative;
 	height: 11px;
	top: 3px;
	left: 6px;
	color:  #4E73B1;
}

#footer .developers, #footer .developers A{
	font-size: 10px;
	color: #3960a3!important;
}
#footer .developers A{
	text-decoration: none;
	border-bottom: 1px dotted #3960a3;
}
#footer .developers A:hover{
	border-bottom: none;
}

#footer UL{
	position: absolute;
	right: 6px;
	bottom: 3px;
}

/**
 *
 * Content Styles
 *
 */
.statictext H1{
	height: 23px;
	padding: 0px 0px 0px 44px;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	background: url(../images/headline01.jpg) bottom left repeat-x;
	line-height:23px;
	color: #01133B;
}

.statictext SPAN H1{
	padding: 28px 0px 0px 44px;
}

.statictext P{
	padding: 16px 32px 0px 18px;
	font-size: 11px;
	background-color: #fff;
	font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #01133B;
}

.statictext TABLE{
	display:block;
	margin: 16px 22px 0px 18px;
	background-color: #fff;
	font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #01133B;
}

.statictext P#pdf A{
	padding: 10px 0px 0px 24px;
	background: url(../images/pdfsym.jpg) no-repeat;
	background-position: 0px 7px;
	line-height:44px;
}

.statictext UL.list_static LI {
	list-style: none;
	display: block;
	margin-left: 11px;
	padding: 0px 0px 0px 26px;
	text-decoration: none;
	text-align: left;
	color: #01133B;
	background: url(../images/box_ul_bg.png) 8px 5px no-repeat scroll;
}

#wrapper3{
	float: left;
	width: 772px;
	background-color: #F4F5FA;
	border-bottom: 40px solid #fff;
}

.preview H1{
	height: 23px;
	padding: 0px 0px 0px 44px;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	background-color: #F4F5FA;
	background: url(../images/headline01.jpg) bottom left repeat-x;
	line-height:23px;
	color: #01133B;
}

.preview DIV.b01{
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 18px; 
	font-size: 11px;
	background-color: #F4F5FA;
	font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #01133B;
}

.slimbox{
	border: 1px solid #88a2c7;
	width: 130px;
	height: 90px;
	float: left;
	margin: 0px 18px 18px 0px;
	background: #E2EBFC;
	position: relative;
}

.slimbox IMG{
	position: absolute;
	border-bottom: 1px solid #88a2c7;
	width: 130px;
	height: 65px;
}

.slimbox P{
	position: absolute;
	top: 67px;
	width: 130px;
	text-align: center;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	padding-top: 3px;
}

.slimbox P A{
	height: 24px;
	bottom: 0px;
	padding: 4px 10px 5px 10px;
	text-decoration: none;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
}

.slimbox:hover P A{
	color: #fff;
	background-color: #01133B;
}

.slimbox:hover{
	border: 1px solid #01133B;
	background: #01133B;
	color: #fff;
}

.toppreview H1{
	clear: left;
	height: 23px;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 44px;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	background-color: #F4F5FA;
	background: url(../images/headline01.jpg) bottom left repeat-x;
	line-height:23px;
	color: #01133B;
}

.toppreview DIV{
	background-color: #fff;
	font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #01133B;
}

.topbox{
	border: 1px solid #88a2c7;
	width: 126px;
	height: 300px;
	float: left; 
	display: inline;
	margin: 0px 4px 20px 18px;
	background: #fff;
	position: relative;
}

.topbox IMG{
	position: absolute;
	top: 40px;
	left: 0px;
	border-bottom: 1px solid #88a2c7;
	width: 126px;
	height: 227px;
}

.topbox_ohne{
	border: 1px solid #88a2c7;
	width: 350px;
	height: 320px;
	float: left; 
	display: inline;
	margin: 0px 4px 20px 18px;
	background: #fff;
	text-align: center;
	font-weight: bold!important;
	position: relative;
}

/**
 *
 * Hack ie6
 *
 */
* html .topbox P {
	top: 300px;
}

.topbox P{
	position: absolute;
	top: 297px;
	line-height: 40px;
	text-align: center;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	padding-top: 3px;
}

.topbox H2 {
	height: 27px;
	padding: 8px 4px 4px 4px;
	display: block;
	text-align: center;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	background: url(../images/box_header_bg.png) top left repeat-x;
	border-bottom: 1px solid #88a2c7;
}

.topbox H2 A{
	height: 27px;
	display: block;
	text-align: center;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	overflow: hidden;
}

.topbox P A{
	position: absolute;
	width: 126px;
	height: 25px;
	bottom: 0px;
	padding: 10px 0px 0px 0px;
	text-decoration: none;
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	background: url(../images/box_footer_bg.png) bottom left repeat-x;
}

.topbox:hover P A{
	color: #fff;
	background: url(../images/box_footer_bg_1.png) bottom left repeat-x;color:#02133E;
}

.topbox:hover{
	border: 1px solid #01133B;
	background: #01133B;
	color: #fff;
}

/**
 *
 * Products
 *
 */
.products{
	border: 1px solid #88a2c7;
	width: 742px;
	/*height: 574px !important;*/
	min-height: 100%;
  	height: auto !important; /* moderne Browser */
  	height: 100%; /* IE */
	overflow: auto;
	margin-left: 18px;
	background-color: #ffffff !important;
	background: url(../images/box_footer_bg_3.gif) top left repeat-x;
	/*padding-bottom: 15px;*/
}

.products ul li{
	display: inline;
}

UL{
	list-style: none;
}

#productlist li a{
	height: 25px;
	bottom: 0px;
	border-right: 1px solid #88a2c7;
	text-decoration: none;
	border-bottom: 1px solid #88a2c7;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	background: url(../images/box_footer_bg2.gif) bottom left repeat-x;
	color: #00123c;
	float: left;
}

#productlist li a:hover, #productlist li a:active{
	color: #4470B8!important;
	background: url(../images/box_footer_bg_2.gif) bottom left repeat-x;color:#02133E;
}

#productlist li a#active{
	background: url(../images/box_footer_bg_2.gif) bottom left repeat-x;color:#02133E;
}

.products .uebersicht{
	width: 97px;
	padding: 15px 0px 0px 25px; 
}

.products .produktdetails{
	width: 92px;
	padding: 15px 13px 0px 17px; 
}

.products .vertragdetails{
	width: 97px;
	padding: 15px 13px 0px 12px;
}

.products .zugabe{
	width: 84px;
	padding: 15px 0px 0px 36px; 
}

.products P.bestellen a{
	width: 252px!important;
	height: 62px!important;
	background-color:#fff;
	padding: 0px;
	float: right!important;
	margin-left: -1px;
	background: url(../images/art_bestellen.gif) 0px 0px no-repeat scroll;
	border-bottom: 1px solid #88a2c7;
	border-left: 1px solid #88a2c7;
}

.products P.bestellen a:hover{
	background-color:#fff;
	background: url(../images/art_bestellen2.gif) bottom left repeat-x; color:#02133E!important;
}

.products P.head_product{
	clear: left;
	float: right;
	background-color: #F4F5FA;
	background: url(../images/headline03.jpg) bottom left repeat-x!important;
	padding-left: 25px;
	padding-top: 2px;
	margin: 0px;
	font-weight: bold;
	height: 19px;
	width: 464px;
	border-bottom: 1px solid #88a2c7;
	border-right: 1px solid #88a2c7;
}

/**
 *
 * Hack ie6
 *
 */
* html .products .zugabe{
	padding: 15px 0px 0px 34px; 
} 
 
* html .products .zugabe{
	width: 80px;
} 
 
* html .products P.bestellen a{
	width: 248px!important;
	padding-right: 4px;
}

* html ul.list{
	margin: 15px 0px 0px 9px;
}

* html ul.list2{
	margin: -5px 0px 0px -1px;
}

* html ul.list2 li{
	/*margin-left: -30px;*/
}

* html .products .availabilityhead{
	margin: 10px 0px 2px 13px;
}

* html .products .availability{
	margin: 10px 0px 15px 13px;
}

* html .products #productlogo{
	margin: 20px 0px 0px 93px;
}

* html .products #providerlogo{
	margin: 20px 0px 0px 93px;
}

* html .products .availabilityhead2{
	margin: 10px 0px 0px 13px;
}

* html .products #providerlogo{
	margin: -4px 0px 0px 93px;
}

* html .products .availabilityhead3{
	clear: left;
	margin: 18px 0px 0px 13px;
}

* html .products .holder{
	margin: 15px 0px 0px 13px;
}

* html .products P.order a{
	margin: 0px 20px 0px 20px;
}

* html .products .line{
	width: 486px;
	height: 1px;
}

* html .contractselect #productlist2 li a{
	height: 27px;
}


* html .contractselect{
	border-bottom: none;
}

* html .contract .right{
	/*position: relative;*/
	float: left;
	width: 169px;
	/*background-color:#FF9966;*/
	margin: 0px!important;
	/*left: -2px;*/
}

* html .contract .rand{
	border-bottom: 1px solid #88a2c7;
}

* html .contract .left{
	width: 572px;
	margin: 0px!important;
}





.products #bigproduct{
	float: right;
	border-bottom: 1px solid #88a2c7;
	border-left: 1px solid #88a2c7;
}

ul.list{
	float: left;
	margin: 15px 0px 0px 18px;
	width: 200px;
	height: 142px;
}

ul.list li{
	list-style: none;
	margin: 0px 0px 0px 0px;
	display: block;
	width: 200px;
	padding: 0px 0px 0px 26px;
	text-decoration: none;
	text-align: left;
	background: url(../images/box_ul_bg.png) 8px 5px no-repeat scroll;
}

.products #productlogo{
	float: left;
	margin: 20px 0px 0px 118px;
	border: 1px solid #88a2c7;
}

.products .productline{
	float: left;
	width: 489px;
	margin-top: -14px;
	border-bottom: 1px solid #88a2c7;
}

.products P.head_product2{
	float: left;
	background-color: #F4F5FA;
	background: url(../images/headline03.jpg) bottom left repeat-x!important;
	padding-left: 25px;
	padding-top: 2px;
	margin: 0px;
	font-weight: bold;
	height: 19px;
	width: 464px;
	border-top: 1px solid #88a2c7;
	border-bottom: 1px solid #88a2c7;
}

.products .availabilityhead{
	float: left;
	font-weight: bold;
	margin: 10px 0px 0px 25px;
}

.products .availabilityhead SPAN{
	margin-left: 140px;
}

.products .availability{
	float: left;
	margin: 10px 0px 15px 25px;
	width: 180px;
	height: 110px;
	border: 1px solid #88a2c7;
}

.products .availability IMG{
	padding: 15px 10px 10px 38px;
}

.products .availability SPAN{
	display:block;
	padding: 2px 5px 5px 20px;
}

.products .availability2{
	float: left;
	margin: 10px 0px 8px 52px;
	width: 197px;
	height: 72px;
	border: 1px solid #88a2c7;
	padding: 2px 5px 5px 5px;
}

.products .availability2 SPAN{
	display:block;
	font-weight: bold;
	font-size:14px;
	padding: 5px 5px 5px 0px;
}

.products #providerlogo{
	float: left;
	margin: 0px 0px 0px 118px;
}

.products .availabilityhead2{
	float: left;
	width: 430px;
	font-weight: bold;
	margin: 10px 0px 0px 25px;
}

ul.list.next{
	height: 68px!important;
}

.products .availabilityhead3{
	float: left!important;
	width: 450px;
	margin: 16px 0px 0px 25px;
}

.products #wrapp{
	float: right;
	/*height: 800px;*/
	width: 253px;
	/*background-color:#CCFF33;*/
}

.products .productprice {
	text-align: center;
	float: right;
	font-size: 25px;
	font-weight: bold;
	padding: 10px 3px 3px 8px;
	border-bottom: 1px solid #88a2c7;
	border-left: 1px solid #88a2c7;
	width: 241px;
	height: 45px;
	background: url(../images/box_footer_bg2.gif) bottom left repeat-x;
	margin-bottom: 15px;
}

.products .productprice SPAN{
	display: block;
	font-size: 11px;
	font-weight: normal;
	margin-top: 7px;
}

.products .productprice2{
	text-align: center;
	float: right;
	font-size: 25px;
	font-weight: bold;
	padding: 10px 3px 3px 8px;
	/*border-bottom: 1px solid #88a2c7;*/
	border-left: 1px solid #88a2c7;
	width: 241px;
	height: 45px;
	background: url(../images/box_footer_bg2.gif) bottom left repeat-x;
}

.products .productprice2 SPAN{
	display: block;
	font-size: 11px;
	font-weight: normal;
	margin-top: 7px;
}

.products SPAN.price_smaller {
	font-size: 14px!important;
	display: inline!important;
	font-weight: bold!important;
}

.products P.order a{
	width: 180px!important;
	height: 24px!important;
	background-color:#CC3300;
	margin: 0px 20px 0px 20px;
	float: right!important;
	padding: 4px 0px 0px 30px;
	font-size: 11px;
	font-weight: bold;
	color:#FFFFFF;
	text-decoration:none;
	background: url(../images/beste.gif) 0px 0px no-repeat scroll;
}

.products P.order a:hover{
	color:#01133B;
	background: url(../images/beste2.gif) 0px 0px no-repeat scroll;
}

.products .holder{
	float: left;
	margin: 15px 0px 0px 25px;
	padding-bottom: 15px;
}

.products .holder .productdetails {
	width: 430px;
}

.holder ul{
	margin: 0px;
	padding-bottom: 15px;
}

.holder ul li{
	list-style: none;
	margin-left: -7px;
	display: block;
	padding: 0px 0px 0px 26px;
	text-decoration: none;
	text-align: left;
	background: url(../images/box_ul_bg.png) 8px 5px no-repeat scroll;
}

.products .productfloat{
	float: left;
	width: 217px;
}

.products .txtproduct{
	margin-bottom: 15px;
	width: 440px!important;
}

.products .txtproduct P{
	width: 430px!important;
}
.products .txtproduct UL LI {
	width: 430px!important;
}


.products TABLE{
	margin-bottom: 15px;
}

.products .holder #productlogo2{
	float:left;
	margin: 5px 0px 0px 94px;
	border: 1px solid #88a2c7;
}

.products .holder #providerlogo3{
	float: left;
	margin: -32px 0px 20px 94px;
}

.products .line{
	width: 489px;
	height: 1px;
	margin-top: 2px;
}

.products .holder .availabilityhead4{
	clear: left;
	width: 430px;
	margin: 10px 0px 0px 0px;
}

.products TABLE .headder{
	background-color:#375D9B; 
	font-weight:bold; 
	color:#FFFFFF;
}

.products TABLE TD{
	padding: 2px;
}

.products TABLE .blue{
	background-color: #CADBF6;
}

.products TABLE .grey{
	background-color: #f5f6fa;
}


.contractselect {
	background: url(../images/box_footer_bg2.gif) top left repeat-x;
	border-bottom: 1px solid #88a2c7!important;
}

.contractselect ul li{
	display: inline;
}

.contractselect #productlist2 li a{
	float: left;
	width: 120px;
	height: 27px;
	bottom: 0px;
	text-align: center;
	padding-top: 13px;
	border-right: 1px solid #88a2c7;
	text-decoration: none;
	/*border-bottom: 1px solid #88a2c7;*/
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	background: url(../images/box_footer_bg2.gif) top left repeat-x;
	color: #00123c;
}

.contractselect #productlist2 li a:hover, #productlist2 li a:active{
	color: #4470B8!important;
	background: url(../images/box_footer_bg_2.gif) top left repeat-x;color:#02133E;
}

.contractselect #productlist2 li a#active2{
	background: url(../images/box_footer_bg_2.gif) top left repeat-x;color:#02133E;
}

.contractselect #productlist2 .last{
	width: 137px!important;
	border-right: none;
}
.contractselect #productlist2 .border{
	border-right: 1px solid #88a2c7;
}

.contractselect #productlist2 li a.tmobile{
	background: url(../images/provider_tmobile.gif) top left repeat-x;
}

.contractselect #productlist2 li a.tmobile:hover, #productlist2 li a.tmobile:active{
	color: #4470B8!important;
	background: url(../images/provider_tmobile_over.gif) top left repeat-x;color:#02133E;
}

.contractselect #productlist2 li a.tmobileactive{
	background: url(../images/provider_tmobile_over.gif) top left repeat-x;color:#02133E;
}

.contractselect #productlist2 li a.vodafoned2{
	background: url(../images/provider_vodafone.gif) top left repeat-x;
}

.contractselect #productlist2 li a.vodafoned2:hover, #productlist2 li a.vodafoned2:active{
	color: #4470B8!important;
	background: url(../images/provider_vodafone_over.gif) top left repeat-x;color:#02133E;
}

.contractselect #productlist2 li a.vodafoned2active{
	background: url(../images/provider_vodafone_over.gif) top left repeat-x;color:#02133E;
}

.contractselect #productlist2 li a.o2{
	background: url(../images/provider_o2.gif) top left repeat-x;
}

.contractselect #productlist2 li a.o2:hover, #productlist2 li a.o2:active{
	color: #4470B8!important;
	background: url(../images/provider_o2_over.gif) top left repeat-x;color:#02133E;
}

.contractselect #productlist2 li a.o2active{
	background: url(../images/provider_o2_over.gif) top left repeat-x;color:#02133E;
}

.contractselect #productlist2 li a.eplus{
	background: url(../images/provider_eplus.gif) top left repeat-x;
}

.contractselect #productlist2 li a.eplus:hover, #productlist2 li a.eplus:active{
	color: #4470B8!important;
	background: url(../images/provider_eplus_over.gif) top left repeat-x;color:#02133E;
}

.contractselect #productlist2 li a.eplusactive{
	background: url(../images/provider_eplus_over.gif) top left repeat-x;color:#02133E;
}


.contractselect #productlist2 li a.vodafonedsl{
	background: url(../images/provider_vodafone.gif) top left repeat-x;
}

.contractselect #productlist2 li a.vodafonedsl:hover, #productlist2 li a.vodafonedsl:active{
	color: #4470B8!important;
	background: url(../images/provider_vodafone_over.gif) top left repeat-x;color:#02133E;
}

.contractselect #productlist2 li a.vodafonedslactive{
	background: url(../images/provider_vodafone_over.gif) top left repeat-x;color:#02133E;
}


.contractselect #productlist2 li a.thome{
	background: url(../images/provider_thome.gif) top left repeat-x;
}

.contractselect #productlist2 li a.thome:hover, #productlist2 li a.thome:active{
	color: #4470B8!important;
	background: url(../images/provider_thome_over.gif) top left repeat-x;color:#02133E;
}

.contractselect #productlist2 li a.thomeactive{
	background: url(../images/provider_thome_over.gif) top left repeat-x;color:#02133E;
}


.contractselect #productlist2 li a.tmobilewebnwalk{
	background: url(../images/provider_tmobile.gif) top left repeat-x;
}

.contractselect #productlist2 li a.tmobilewebnwalk:hover, #productlist2 li a.tmobilewebnwalk:active{
	color: #4470B8!important;
	background: url(../images/provider_tmobile_over.gif) top left repeat-x;color:#02133E;
}

.contractselect #productlist2 li a.tmobilewebnwalkactive{
	background: url(../images/provider_tmobile_over.gif) top left repeat-x;color:#02133E;
}


.contractselect #productlist2 li a.vodafonedata{
	background: url(../images/provider_vodafone.gif) top left repeat-x;
}

.contractselect #productlist2 li a.vodafonedata:hover, #productlist2 li a.vodafonedata:active{
	color: #4470B8!important;
	background: url(../images/provider_vodafone_over.gif) top left repeat-x;color:#02133E;
}

.contractselect #productlist2 li a.vodafonedataactive{
	background: url(../images/provider_vodafone_over.gif) top left repeat-x;color:#02133E;
}



.contracthead{
	margin: 30px 0px 0px 18px;
	background-color: #F4F5FA;
	background: url(../images/headline03.jpg) bottom left repeat-x!important;
	padding-left: 25px;
	padding-top: 2px;
	font-weight: bold!important;
	height: 19px;
	width: 717px;
	border-top: 1px solid #88a2c7;
	border-right: 1px solid #88a2c7;
	border-left: 1px solid #88a2c7;
}

.contractselect{
	border: 1px solid #88a2c7;
	width: 742px;
	height: 40px;
	margin-left: 18px;
	background-color: #F4F5FA!important;
}

.contract{
	border-right: 1px solid #88a2c7;
	border-left: 1px solid #88a2c7;
	width: 742px;
	height: 90px;
	margin-left: 18px;
}

.cgrey{
	background-color: #F4F5FA!important;
}

.contract .left{
	float: left;
	height: 89px;
	border-right: 1px solid #88a2c7;
	border-bottom: 1px solid #88a2c7;
	width: 573px;
}

.contract .left:hover{
	background: #CADBF6!important;
}


.contract .left.cgrey:hover{
	background: #CADBF6;
}

.contract .right{
	height: 89px;
}

.contract .rand{
	border-bottom: 1px solid #88a2c7;
}

.contract .left .head5{
	float: left;
	padding: 8px 2px 2px 25px;
	width: 110px;
	height: 77px;
	font-weight: bold;
}

.contract .left .txt5{
	float: left;
	padding: 8px 2px 2px 8px;
	width: 425px;
	height: 30px;
}

.contract .left .txt6{
	float: left;
	padding: 4px 2px 2px 8px;
	width: 425px;
	height: 16px;
}

.contract .left .txt7{
	float: left;
	padding: 5px 2px 4px 8px;
	width: 312px;
	height: 16px;
	font-weight: bold;
}

.contract .left a{
	float: left;
	width: 88px!important;
	height: 18px!important;
	margin: 2px 0px 0px 0px;
	padding: 2px 0px 0px 22px;
	font-size: 11px;
	font-weight: bold;
	color:#FFFFFF;
	text-decoration:none;
	background: url(../images/beste.gif) 0px 0px no-repeat scroll;
}

.contract .left a:hover{
	color:#01133B;
	background: url(../images/beste2.gif) 0px 0px no-repeat scroll;
}

.contract .right IMG{
	margin: 10px 0px 0px 18px;
}


.contract_quickselect {
	margin: 0px 0px 0px 18px;
	background-color: #F4F5FA!important;
	padding-left: 25px;
	padding-top: 5px;
	height: 26px;
	width: 717px;
	border-top: 1px solid #88a2c7;
	border-right: 1px solid #88a2c7;
	border-left: 1px solid #88a2c7;
}
.contract_quickselect P {
	margin-top: 3px;
	float: left;
	width: 121px;
}

#contract_selectbox {
	width: 426px;
	line-height: 15px;
	padding: 2px;
	border: 1px solid #88a2c7;
	font-size: 11px;
	color: #01133B;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#contract_selectbox OPTION.fastselect{
	background-color: #375D9B;
	color: #fff;
	margin-top: 6px;
	font-weight: bold; 
}

/**
 *
 * search
 *
 */
.search{
	border: 1px solid #88a2c7;
	width: 742px;
	height: 80px;
	margin-left: 18px;
}

.notfind{
	height: 340px;
}

.search .find{
	text-align: center;
	margin-top: 30px;
}

.search .noresult{
	text-align: center;
	margin-top: 100px;
}

.searchhead{
	margin: 30px 0px 0px 18px;
	background-color: #F4F5FA;
	background: url(../images/headline03.jpg) bottom left repeat-x!important;
	padding-left: 25px;
	padding-top: 2px;
	font-weight: bold!important;
	height: 19px;
	width: 717px;
	border: 1px solid #88a2c7;
}

.searchcontract{
	border-bottom: 1px solid #88a2c7;
	border-right: 1px solid #88a2c7;
	border-left: 1px solid #88a2c7;
	width: 742px;
	height: 55px;
	margin-left: 18px;
}

.searchcontract .t1{
	float: left;
	padding: 2px 0px 0px 25px;
	width: 500px;
	font-weight: bold;
}

.searchcontract .t2{
	float: right;
	padding: 2px 4px 0px 25px;
}

.searchcontract .t3{
	float: left;
	padding: 0px 0px 0px 25px;
	width: 500px;
}

.searchcontract .t4{
	float: left;
	padding: 0px 0px 0px 25px;
	width: 500px;
}

.searchcontract .t5 a{
	position: relative;
	top: -2px;
	float: right;
	width: 140px!important;
	height: 18px!important;
	margin: 0px 3px 2px 0px;
	padding: 2px 0px 0px 10px;
	font-size: 11px;
	font-weight: bold;
	color:#fff!important;
	text-decoration:none;
	background: url(../images/beste.gif) 0px 0px no-repeat scroll;
}

.searchcontract .t5 a:hover{
	color:#01133B;
	background: url(../images/beste2.gif) 0px 0px no-repeat scroll;
}


.searchcontract:hover{
	background: #CADBF6!important;
}






/**
 *
 * topseller
 *
 */
.topseller{
	border: 1px solid #88a2c7;
	width: 742px;
	height: 227px;
	float: left; 
	display: inline;
	margin: 0px 4px 20px 18px;
	background-color: #e6ecf8!important;
	position: relative;
}

.topseller .preimg{
	margin: -3px 0px 3px 0px;
}

.img01{
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	border-right: 1px solid #88a2c7;
	width: 126px;
	height: 227px;
}

.topseller H2 A{
	position: absolute;
	height: 22px;
	width: 595px;
	left: 126px;
	padding: 10px 0px 4px 20px;
	text-align: left;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	background: url(../images/box_header_bg.png) top left repeat-x;
	border-bottom: 1px solid #88a2c7;
	border-left: 1px solid #88a2c7;
}

.topsell2{
	position: absolute;
	left: 105px;
	padding: 0px 0px 4px 148px;
	text-align: left;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}

ul.topsell{
	position:absolute;
	top:36px;
	left:140px;
	padding-top:15px;
	margin:0px;
	width: 166px;
	height: 160px;
	border-right: 1px solid #88a2c7;
}

ul.topsell li{
	list-style: none;
	margin: 0px;
	display: block;
	width: 132px;
	padding: 0px 0px 0px 26px;
	text-decoration: none;
	text-align: left;
	background: url(../images/box_ul_bg.png) 8px 5px no-repeat scroll;
}

.topseller H3{
	position: absolute;
	height: 23px;
	width: 180px;
	top: 37px;
	left: 306px;
	padding: 10px 0px 4px 0px;
	text-align: center;
	color: #01133b;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	border-right: 1px solid #88a2c7;
	border-bottom: 1px solid #88a2c7;
}

.topseller .topsell3{
	position: absolute;
	height: 113px;
	width: 161px;
	top: 74px;
	left: 325px;
	padding: 10px 0px 4px 0px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	border-left: none;
	border-right: 1px solid #88a2c7;
}

.topseller .topsell4{
	position:absolute;
	display:block;
	top: 10px;
	left: 50px;
	width: 90px;
	height: 90px;
	padding: 6px;
	background: #fff;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #88a2c7;
}

.topseller .topsell5{
	position:relative;
	display:block;
	padding-top: 6px;
}

.topseller H4{
	position: absolute;
	height: 23px;
	width: 255px;
	top: 37px;
	left: 487px;
	padding: 10px 0px 4px 0px;
	text-align: center;
	background: #FFF;
	color: #01133b;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #88a2c7;
}

.topseller .topsell6{
	position: absolute;
	height: 113px;
	width: 255px;
	top: 75px;
	left: 487px;
	padding: 10px 0px 4px 0px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	border-left: none;
	background: #FFF;
}

.topseller .img02{
	position: absolute;
	top: 8px;
	left: 60px;
}

.topseller .topsell7{
	position: absolute;
	height: 113px;
	width: 255px;
	top: 160px;
	left: 487px;
	padding: 10px 0px 4px 0px;
	text-align: center;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	border-left: none;
	border-top: 1px solid #88a2c7;
}

/**
 *
 * Hack ie6
 *
 */
* html .topseller P {
	top: 227px;
}

.topseller P{
	position: absolute;
	top: 224px;
	left: 126px;
	width: 595px;
	line-height: 40px;
	text-align: left;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	padding-top: 3px;
	border-left: 1px solid #88a2c7;
}

.topseller P A{
	position: absolute;
	width: 595px;
	height: 20px;
	bottom: 0px;
	padding: 10px 0px 0px 20px;
	text-decoration: none;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	background: url(../images/box_footer_bg.png) bottom left repeat-x;
	border-top: 1px solid #88a2c7;
}

.topseller:hover P A{
	color: #fff;
	background: url(../images/box_footer_bg_1.png) bottom left repeat-x;color:#02133E;
}

.topseller:hover{
	border: 1px solid #01133B;
	background: #01133B;
}

.mobilebox{
	height: 100%; 
	margin-bottom: 20px; 
}

.mobilebox H1{
	clear: left;
	height: 23px;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 44px;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	background-color: #F4F5FA;
	background: url(../images/headline01.jpg) bottom left repeat-x;
	line-height:23px;
	color: #01133B;
}

.mobilebox DIV{
	background-color: #fff;
	font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #01133B;
}

/**
 *
 * Prepaid
 *
 */
ul.topsell22{
	position:absolute;
	top:36px;
	left:315px;
	padding-top:15px;
	margin:0px;
	width: 171px;
	height: 160px;
	border-right: 1px solid #88a2c7;
}

ul.topsell22 li{
	list-style: none;
	margin: 0px;
	display: block;
	width: 132px;
	padding: 0px 0px 0px 26px;
	text-decoration: none;
	text-align: left;
	font-weight:normal;
	background: url(../images/box_ul_bg.png) 8px 5px no-repeat scroll;
}

.topsell222{
	position: absolute;
	right: 0px;
	text-align: right;
	padding: 0px 12px 5px 180px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}

.topsell222 SPAN.price{
	font-size: 12px;
	font-weight: bold;
}


.topseller .topsell333{
	position: absolute;
	height: 113px;
	width: 161px;
	top: 74px;
	left: 537px; /* 325 */
	padding: 10px 0px 4px 0px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	border-left: none;
}

.topseller H3.prepaid{
	position: absolute;
	height: 23px;
	width: 255px;
	top: 37px;
	left: 486px; /* 306 */
	padding: 10px 0px 4px 0px;
	text-align: center;
	color: #01133b;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #88a2c7;
	border-left: 1px solid #88a2c7;
	border-right: none;
	background-color:#FFF;
}

/**
 *
 * Error box
 *
 */
div.error {
	color: #990000;
	background-color: #FFD2D3;
	border: 1px solid #990000;
	padding: 5px 5px 5px 30px;
	margin: 5px 19px 15px 19px;
	background-image: url(../images/icon_error.gif);
	background-position: 5px 5px;
	background-repeat: no-repeat;
}

div.error LI.nostyle{
	list-style-type: none;
}

/**
 *
 * Warenkorb
 *
 */
.toppreview .waren_image{
	height:auto;
	width:auto;
	background-color:#F4F5FA;
	margin: -3px 0px 15px 18px;
}

.waren_image IMG {
	border: 0px;
}

.warenbox{
	border: 1px solid #88a2c7;
	width: 742px;
	height: 29px;
	float: left;
	display: inline;
	margin: 0px 4px 0px 18px;
	background: #fff;
	position: relative;
	background: url(../images/warenhead.gif) top left repeat-x;
}

.warenbox H2{
	padding: 8px 0px 4px 0px;
	display: block;
	color:#FFF;
	text-align: left;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.warenbox #w1{
	margin: 0px 35px 0px 40px;
}

.warenbox #w2{
	margin: 0px 55px 0px 20px;
}

.warenbox #w3{
	margin: 0px 30px 0px 65px;
}

.warenbox #w4{
	margin: 0px 30px 0px 30px;
}

.warenbox #w5{
	margin: 0px 30px 0px 20px;
}

.warenbox1{
	display: inline;
	float: left; 
	height: auto;
	width: 742px;
	text-align: left;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif!important;
	margin: 0px 0px 0px 18px;
	padding: 15px 0px 15px 0px;
	border: 1px solid #88a2c7;
	border-top:none;
	background-color:#E0E9FA!important;
}

.warenbox_leer{
	border: 1px solid #88a2c7;
	width: 742px;
	height: 320px;
	float: left;
	display: inline;
	margin: 20px 4px 0px 18px;
	bottom: 20px;
	background: #fff;
	position: relative;
}

.warenbox_leer .we1_head{
	position: absolute;
	top: 22px; left: 26px;
	width: 240px;
	height: 30px;
	float: left;
	display: inline;
	font-weight: bold;
} 

.warenbox1 INPUT{
	display:block;
	width: 30px;
	height:auto;
	float:left;
	display: inline;
	font-weight: bold;
	text-align:center;
	margin: 0px 0px 0px 39px;
	padding: 2px 15px 2px 15px;
	border: 1px solid #88a2c7;
	background-color:#fff;
}

.warenbox1 .wa2{
	display:block;
	width: 190px;
	height:auto;
	float:left;
	display: inline;
	text-align:left;
	margin: 0px 0px 0px 36px;
	padding: 2px 10px 2px 10px;
	border: 1px solid #88a2c7;
	background-color:#FFF;
}

.warenbox1 .wa2 SPAN{
	display:block;
	font-size:10px;
	font-weight:normal;
}

.warenbox1 .wa3{
	display:block;
	width: 75px;
	height:auto;
	float:left;
	display: inline;
	text-align:center;
	margin: 0px 0px 0px 34px;
	padding: 2px 5px 2px 5px;
	border: 1px solid #88a2c7;
	background-color:#FFF;
}

.warenbox1 .wa4{
	display:block;
	width: 75px;
	height:auto;
	float:left;
	display: inline;
	text-align:center;
	margin: 0px 0px 0px 45px;
	padding: 2px 5px 2px 5px;
	border: 1px solid #88a2c7;
	background-color:#FFF;
}

.warenbox1 .wa5{
	display:block;
	width: 30px;
	height:auto;
	float:left;
	display: inline;
	text-align:center;
	margin: -2px 0px 0px 45px;
	padding: 0px 15px 2px 15px;
}

.warenbox1:hover{
	border: 1px solid #88a2c7;
	border-top:none;
	background: #FFF!important;
}


.warenboxend{
	border: 1px solid #88a2c7;
	border-top: none;
	width: 742px;
	height: 250px;
	float: left;
	display: inline;
	margin: 20px 4px 0px 18px;
	bottom: 20px;
	background: #fff;
	position: relative;
} 

.warenboxend .we1_head, .we1{
	position: absolute;
	top: 22px; left: 39px;
	width: 240px;
	height: 30px;
	float: left;
	display: inline;
	font-weight: bold;
} 

.warenboxend .we1{
	top: 50px; left: 39px;
	height: 160px;
	font-weight: normal;
} 

.warenboxend .we2{
	position: absolute;
	top: 25px; left: 349px;
	height: 131px;
	width: 231px;
	padding: 15px 0px 15px 15px;
	font-weight: bold;
	border: 1px solid #88a2c7;
	background-color: #E0E9FA!important;
}

.warenboxend .we2_1{
	position: absolute;
	left: 170px;
	width: 70px;
	text-align: right;
} 

.warenboxend .we3{
	position: absolute;
	top: 22px; left: 630px;
	height: 120px;
	font-weight: bold;
	text-align: right;
} 

.warenboxend .we3 IMG{
	position: absolute;
	top: 46px; left: 22px;
} 

.warenboxend SELECT{
	position: absolute;
	top: 72px; left: 365px;
	width: 148px;
	height: 17px;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif!important;
	
} 

.warenboxend .we2_2{
	position: absolute;
	left: 520px; top: 72px;
	text-align: right;
	width: 70px;
	font-weight: bold;
} 

.warenboxend IMG{
	position: absolute;
	left: 514px; top: 70px;
} 

.warenboxend .we2_3{
	position: absolute;
	left: 366px; top: 102px;
	font-weight: normal;
} 

.warenboxend .we2_4{
	position: absolute;
	left: 154px;
	top: 0px;
	width: 70px;
	text-align: right;
} 

.warenboxend .we2_5{
	position: absolute;
	left: 365px; top: 139px;
	width: 206px;
	background-color:#FFF;
	font-weight: bold;
	border: 1px solid #88a2c7;
	padding: 7px 0px 7px 7px;
} 

.warenboxend .we2_6{
	position: absolute;
	left: 504px;  top: 146px;
	width: 70px;
	text-align: right;
	font-weight: bold;
} 

.warenboxend P A{
	position: absolute;
	display: inline;
	width: 180px;
	height: 23px;
	left: 545px;  top: 205px;
	color: #FFF!important; 
	margin: 0px 0px 0px 0px;
	padding: 8px 0px 0px 0px;
	text-align: center;
	vertical-align: bottom!important; 
	text-decoration: none;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #88a2c7;
	background: url(../images/waren_weiter.gif) top left repeat-x;
}

.warenboxend P A:hover{
	color: #01143E!important; 
	background-color:#9FBDF1!important;
	background: url(../images/waren_weiter2.gif) top left repeat-x;color:#02133E;
}

.warenboxend P A.back{
	left: 15px!important;
}

.warenboxbottom{
	float: left; 
	display: inline;
	width: 742px;
	text-align: left;
	margin: 0px 0px 0px 18px;
	border: 1px solid #88a2c7;
	border-top:none;
}

.warenboxbottom P{
	line-height: 16px;
	padding: 15px 39px!important;
}

/**
 *
 * Buttons
 *
 */
 
.anmelden{
	border: 1px solid #88a2c7;
	width: 742px;
	height: 300px;
	margin: 0px 4px 20px 18px;
	position: relative;
	background: url(../images/warenhead.gif) top left repeat-x;
}

.anmelden P A{
	width: 180px;
	height: 23px;
	color: #FFF!important; 
	margin: 0px 0px 0px 0px;
	padding: 8px 0px 0px 0px;
	text-align: center;
	vertical-align: bottom !important; 
	text-decoration: none;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #88a2c7;
	background: url(../images/waren_weiter.gif) top left repeat-x;
}

.anmelden P A:hover{
	color: #01143E!important; 
	background-color:#9FBDF1!important;
	background: url(../images/waren_weiter2.gif) top left repeat-x;color:#02133E;
}

.anmelden P A.zurueck {
	position: absolute;
	left: 18px; bottom: 18px;
}

.anmelden P A.vor {
	position: absolute;
	right: 18px; bottom: 18px;
}

.anmelden H2{
	padding: 8px 0px 4px 0px;
	display: block;
	color:#FFF;
	text-align: left;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.anmelden #w1{
	margin: 0px 35px 0px 24px;
}

.anmelden #w2{
	margin: 0px 55px 0px 70px;
}

#anmeld1{
	background-color: #FFFFFF;
	border: 1px solid #BFCBE1;
	margin: 30px 0px 15px 18px;
	width: 340px;
	height: 165px;
	float: left;
	display: inline;
}

#anmeld1 ul {	
	list-style-type: none; 
	padding: 10px;
}

#anmeld1 ul li { 
	clear: both; 
	padding: 5px 0px;
}
#anmeld1 ul li label { 
	text-align: right;
	float: left;
	width: 130px;
	margin-right: 20px;
}

#anmeld1 INPUT {
	width: 160px;
}

#anmeldinput {
	width: 120px !important;
	margin-left:109px;
}

#anmeld2{
	position: absolute;
	background-color: #FFFFFF;
	border: 1px solid #BFCBE1;
	margin: 30px 0px 15px 54px;
	width: 280px;
	height: 165px;
	left: 358px;
}

#anmeld2 ul {	
	list-style-type: none; 
	padding: 10px;
}

#anmeld2 ul li { 
	clear: both; 
	padding: 5px 0px;
	margin-left: 20px;
}
#anmeld2 ul li label { 
	text-align: right;
	float: left;
	width: 170px;
	margin-right: 20px;

}

#anmeld2 INPUT {
	width: 120px;
	margin-top: 15px;
	margin-left: 55px;

}


/**
 * Customer center
 */
 
/* CC_Nav */
#cc_nav{
	font-size: 11px;
	margin: 0px 10px 0px 18px;
	margin-bottom: 30px;
}
#cc_nav:after{ /*Add margin between menu and rest of content in Firefox*/
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

#cc_nav ul{
	border: 1px solid #88a2c7;
	background: url(../images/waren_weiter.gif) top left repeat-x;
	padding: 8px 0!important;
	font-size: 11px;
	text-align: left; /*set value to "right" for example to align menu to the left of page*/
}

#cc_nav ul li{
	display: inline;
}

#cc_nav ul li a{
	color: #ffffff;
	height: 11px;
	line-height: 11px;
	padding: 7px 15px 7px 15px;
	margin-top: 0px !important;
	text-decoration: none;
	font-weight: bold;
	border-right: 1px solid #88a2c7;
}

#cc_nav ul li a:hover, #cc_nav .active {
	color: #051342;
	background: url(../images/waren_weiter2.gif) top left repeat-x;color:#02133E;
}

/* ENDE CC_Nav */
.cc_headline {
	width: 742px;
	height: 29px;
	background: url(../images/warenhead.gif) top left repeat-x;
}
.cc_headline H2{
	padding: 8px 0px 4px 12px;
	color:#FFF;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
}
.cc_order_section {
	width: 742px;
	margin: 0px 0px 20px 18px;
	padding: 0;
	border: 1px solid #88a2c7;
	border-bottom: none;
	background-color:#E0E9FA!important;
}
.table_orders tr.section {
	background: url(../images/h_bg_2_navi.png) top left repeat-x;
	color:#051342;
}
.table_orders tr.section td {
	font-weight: bold;
	padding: 3px 12px !important;
}

.table_orders tr {
	background-color: #fff;
}

.table_orders td {
	padding: 12px;
	border-bottom: 1px solid #88a2c7;
}
.table_orders td li {
	margin-left: 30px;
}

.table_orders .pricing {
	border-right: 1px solid #88a2c7;
}
.table_orders .pricing td {
	padding: 3px 15px; !important;
	border: 0 !important;
}
.table_orders .pricing td.total {
	padding-top: 5px;
	border-top: 1px solid #88a2c7 !important;
}

.noorders {
	padding: 50px;
	margin: 30px;
	
	text-align: center;
}


.infobox {
	width: 742px;
	margin: 0px 0px 20px 18px;
	border: 1px solid #88a2c7;
	background-color:#FFFFFF;
}
.infobox P {
	margin: 5px 10px;
}

.infotext {
	width: 742px;
	margin: 10px 0px 20px 18px;
	color: #3A1363;
}
 


/**
 *
 * Buttons
 *
 */
input.buttons{
	width: 180px;
	height: 32px;
	color: #FFF!important; 
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	vertical-align: bottom!important; 
	text-decoration: none;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #88a2c7;
	background: url(../images/waren_weiter.gif) top left repeat-x;
}

input.buttons:hover {
	color: #01143E!important; 
	background-color:#9FBDF1!important;
	background: url(../images/waren_weiter2.gif) top left repeat-x;color:#02133E;
}

/**
 *
 * Buttons
 *
 */
.bg_gray{
	background-color:#F4F5FA !important;
}
.bg_gray P{
	background-color:#F4F5FA !important;
}
#p_bg_gray{
	background-color:#F4F5FA !important;
}

/**
 *
 * Page not found
 *
 */
.seite_leer{
	border: 1px solid #88a2c7;
	top: 0px;
	width: 526px;
	height: 280px;
	/* float: left; */
	display: block;
	margin: 20px 4px 0px 18px !important;
	bottom: 20px;
	background: #fff;
	position: relative;
	background: url(../images/achtung.gif) 215px 90px no-repeat scroll;
}

.seite_leer .we1_head{
	position: absolute;
	top: 22px; left: 26px;
	width: 450px;
	height: 30px;
	float: left;
	display: inline;
	font-weight: bold;
} 

/**
 *
 * Formular
 *
 */
form.fields {
	padding: 10px;
	background-color: #F4F5FA;
}

fieldset{
	background-color: #FFFFFF;
	border: 1px solid #BFCBE1;
	margin-bottom: 15px;
	margin-top: 5px;
}

legend{
	background-color: #F4F5FA;
	font-size: 11px;
	font-weight: normal;
	background: url(../images/waren_weiter.gif) bottom left repeat-x;
	color: #fff;
	padding: 3px 10px;
	margin-left: 4px;
}

.subm{

	background-color: #F4F5FA;
	font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #01133B; 
	padding: 2px 3px 2px 3px;
	background: url(../images/headline02.jpg) bottom left repeat-x;
}

fieldset ul {	
	list-style-type: none; 
	padding: 5px;
}

fieldset ul li { 
	clear: both; 
	padding: 5px 0px;
}

fieldset ul li select {
	width: 60px;
}

fieldset ul li label { 
	text-align: right;
	float: left;
	width: 180px;
	margin-right: 20px;
}

div.space_label {
	text-align: right;
	display: block;
	float: left;
	width: 170px;
	margin-right: 20px;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.field {
	width: 220px;
	padding: 2px;
	height: auto;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #091F4F /*01133B*/; 
	background-color: #FFFFFF;
}

.field:hover, .field:focus, .field:active, .selectfield:hover, .selectfield:focus, .selectfield:active{
	border: 1px solid #01133B; 
	background-color: #E5EBF7;
}

.selectfield{
	font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif;
	width: 64px;
	padding: 2px;
	border: 1px solid #091F4F /*01133B*/; 
}

div.note {
	border: 1px solid #DDDDDD;
	margin-left: 200px;
	margin-top: 5px;
	padding: 3px;
	width: 220px;
	font-size: 10px;
	color: #000099;
}

.registrierenmargin{
	margin-bottom: 15px;
}

li.error INPUT {
	background-color: #FFF2F2;
	border: 1px solid #FF0000;
	color: #990000;
}
 li.error SELECT {
	background-color: #FFF2F2;
	border: 1px solid #FF0000;
	color: #990000;
}

li.error LABEL {
	color: #990000;
	font-weight:bold;
}