#body .dot_sep {
background:transparent url(bg/linedot.gif) repeat-x scroll 0 0;
border:0 none;
height:1px;
margin-bottom:10px;
margin-top:30px;
width:98%;
}

#body .boxhead{
color: #9BB2E5;
font-size:18px;
background: #F2F8FF;
border:0;
height:18px;
width:708px;
padding: 0 10px;
padding-top: 20px;
padding-bottom: 18px;
margin-bottom:20px;
margin-left:0px;
}

#body div.bar.prevnext input{
background-color:transparent;
background-image:url(hgg/button.jpg);
background-repeat:no-repeat;
border:0;
color:#819AD3;
font-size:11px;
font-weight:bold;
height:20px;

text-align:left;
/*width:40px;*/
}

#body div.box.account_header
{
width:100%;
border-bottom: 1px solid #EDEDED;
padding-bottom:30px;
margin-bottom:20px;
}

#body .account_header dt a{
color: #66605E;
font-size:11px;
font-weight:normal;
padding-left:10px;
}

#body .account_header dd{
font-size:11px;
font-weight:normal;
padding-left:10px;
}

#body div.box.info {
width: 730px;
padding: 0 0 0 5px;
}

div.box.info label {
display:block;
text-align:right;
width:220px;
padding-right:10px;
font-size: 11px;
color:#66605E;
font-weight: normal;
}

div.box.info .order {
color:#66605E;
display:block;
font-size:11px;
font-weight:normal;
width:500px;
text-align:left;
}

#body .box.info .form th{
font-weight:bold;
font-size:18px;
color:#9BB2E5;
padding-left:10px;
padding-top:20px;
padding-bottom:20px;
border-top: 1px solid #E3E3E5;
width:730px;
}

#body .form tr.td_sep td{
padding-bottom:30px;
}

#body .box.info .form
{
width:100%;
}

#body input, #body select,  #body textarea
{border:#7F9DB9 solid 1px;
}

#body input.chkbox
{border:none;
}


#body .box.info .form th small{
font-size: 11px;
}

#body span.btn, #body .box.info span.btn, #lightbox span.btn {
background: url(hgg/button_long.jpg) repeat-x;
height:20px;
border:0px solid transparent !important;
border-left:1px solid #EEEEF0 !important;
border-width:0;
color:#819AD3;
font-size:11px;
font-weight:bold;
/*margin-right:10px;*/


}

#body span.btn_order, #body .box.info span.btn_order {
background: url(hgg/button_long.jpg) repeat-x;
height:20px;
border:0px solid transparent !important;
border-left:1px solid #EEEEF0 !important;
border-width:0;
color:#819AD3;
font-size:11px;
font-weight:bold;
margin-right:10px;
float:right;
font-weight:bold;
}

#body span.btn_next_green, #body .box.info span.btn_next_green {
float:right;
}

#body span.btn_next_green input.btn_next_green, #body .box.info span.btn_next_green input.btn_next_green, #lightbox span.btn_next_green input.btn_next_green{
background: url(hgg/button_gruen_weiter.jpg) top right no-repeat;
height:22px;
width:133px;
border:0;
cursor: pointer;
}

#body span.btn_order_back, #body .box.info span.btn_order_back {
background: url(hgg/button_long.jpg) repeat-x;
height:20px;
border:0px solid transparent !important;
border-right:1px solid #EEEEF0 !important;
border-width:0;
color:#819AD3;
font-size:11px;
font-weight:bold;
/*margin-right:10px;*/
cursor: pointer;
float:left;
font-weight:bold;
/*line-height:16px;*/
}

#body span.btn input.btn, #body .box.info span.btn input.btn, #lightbox span.btn input.btn{
background: url(hgg/button-right.jpg) top right no-repeat;
/*background: url(hgg/button_long.jpg);*/
min-width:110px;
height:20px;
text-align:left;
padding-left:5px;
padding-right:25px;
border:0;
color:#819AD3;
font-weight:bold;
font-size:11px;
cursor: pointer;
}

#body span.btn_order input.btn_order, #body .box.info span.btn_order input.btn_order, #lightbox span.btn_order input.btn_order{
background: url(hgg/button-right.jpg) top right no-repeat;
/*background: url(hgg/button_long.jpg);*/
min-width:110px;
height:20px;
text-align:left;
padding-left:5px;
padding-right:25px;
padding-bottom:0px;
padding-top:0px;
border:0;
color:#819AD3;
font-weight:bold;
font-size:11px;
cursor: pointer;

}

#body span.btn_order_back input.btn_order_back, #body .box.info span.btn_order_back input.btn_order_back, #lightbox span.btn_order_back input.btn_order_back{
background: url(hgg/button-left.jpg) left 0px no-repeat;
/*background: url(hgg/button_long.jpg);*/
min-width:110px;
/*height:17px;*/
line-height:12px;
text-align:right;
padding-left:5px;
padding-right:5px;
border:0;
color:#819AD3;
font-size:11px;
font-weight:bold;
cursor: pointer;
padding-top:0px;
padding-bottom:0px;
}

#body span.btn_submit, #body .box.info span.btn_submit {
height:22px;
border:0px solid transparent !important;
border-left:1px solid #EEEEF0 !important;
border-width:0;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
width:230px;
}

#body span.btn_submit input.btn_submit, #body .box.info span.btn_submit input.btn_submit, #lightbox span.btn_submit input.btn_submit{
background: url(hgg/button_gruen_bestellungabsenden.jpg) no-repeat;
/*background: url(hgg/button_long.jpg);*/
width:230px;
height:22px;
border:0;
color:#FFFFFF;
font-weight:bold;
padding: 0 0 0 5px;
}

#body div.bar.prevnext .termsconfirm {
float:left;
margin:0 10px;
width:300px;
}
#body div.bar.prevnext .termsconfirm td {
color:#66605E;
font-size:11px;
line-height:12px;
padding:0px 3px 3px 0;
}
#body div.bar.prevnext .termsconfirm td a{font-size: 11px; text-decoration: none; color: #9BB2E5;}
#body div.bar.prevnext .termsconfirm td a:hover{text-decoration: underline; color: #015b9b;}

#body .box.info .showHideShippAddr{
padding-left:10px;
}

span.btn input, span.btn a {
background:none;
border:0;
color:#819AD3;
font-size:11px;
font-weight:bold;
}

#body .form th {
background: transparent;
}

#body .box.info span.btn #test_accUserSaveBottom.btn, #body .box.info span.btn #test_accUserSaveTop.btn{
background-color:#ffffff;
background-image:url(hgg/button.jpg) !important;
background-repeat:no-repeat;
border:0;
color:#819AD3;
font-size:11px;
font-weight:bold;
height:22px;
padding-bottom:0;
padding-left:5px;
padding-right:0;
padding-top:0;
/*margin-right:10px;*/
text-align:left;
width:133px;
}


/* THICKBOX STYLES */
#tickbox_iframe div#body {
	margin:0;
	padding:0;
	position:static;
	top:0;
	width:730px;
	overflow:hidden;
}

#tickbox_iframe div#body h1{
	margin-top:0px;
	margin-left:0px;
	padding-left:20px;
	}

#tickbox_iframe div#body p {
	margin-left:20px;
}
#tickbox_iframe div#body h2 {
	margin-left:20px;
	padding-left:0px;
}
#tickbox_iframe div#body table {
	margin-left:20px;
	padding-left:0px;
}




#thickboxbody hr
{
background-color:#EFEFEF;
border:1px solid #EFEFEF;
color:#EFEFEF;
height:1px;
margin:12px 0;
text-align:center;
}

#thickboxbody p
{
padding:0 20px;
color: #7B7675;
}

#thickboxbody p.num
{
float:left;
margin:0;
padding-left:18px;
width:269px;
}

#thickboxbody p.inputArea
{
float:left;
margin:0;
padding-left:48px;
width:159px;
height:18px;
position:relative;
top:25px;
}

#thickboxbody p.inputArea input
{
border:1px solid #7F9DB9;
width:86px;
}

#thickboxbody p.num label
{
color: #094197;
font-weight:bold;
}


#thickboxbody img.num
{
float:left;
}

#thickboxbody div.numbox
{
border-bottom:1px solid #EFEFEF;
clear:left;
float:left;
margin-bottom:12px;
margin-top:20px;
padding-bottom:12px;
padding-left:20px;
}

#thickboxbody h1
{
background:#F1F8FF none repeat scroll 0 0;
color:#9BB2E5;
font-size:18px;
line-height:35px;
margin-bottom:25px;
padding:10px 10px 10px 20px;
}

#thickboxbody h2
{
color: #9BB2E5;
font-weight:bold;
font-size:18px;
margin:0;
padding:0;
margin-bottom:15px;
}

#thickboxbody h3
{
color: #9BB2E5;
font-weight:bold;
margin:0;
padding:0;
margin-bottom:15px;
}

#thickboxbody h4
{
color: #094197;
font-weight:bold;
margin:0;
padding:0;
padding-left:46px;
margin-bottom:15px;
}

#thickboxbody #spalte1
{
float:left;
margin-left:20px;
width:333px; 
border-bottom:1px solid #EFEFEF;
}

#thickboxbody #spalte2
{
float:left;
margin-left:40px;
width:333px; 
border-bottom:1px solid #EFEFEF;
}

#thickboxbody .buttonBig
{
background-color:transparent;
background-image:url(../images/button_big.jpg);
background-repeat:no-repeat;
border:0 none;
color:#819AD3;
font-size:11px;
font-weight:bold;
height:22px;
padding:0 0 0 5px;
text-align:left;
width:203px;
margin-left:20px;
float:left;
}

/* ========================US STYLES ================================ */
#body .msg {
/*background: url(hgg/message.png) no-repeat #efd522;*/
background: #FFF;
background-position:10px;
color:red;
position:absolute; top:-40px; left:0; z-index:101;
border:1px solid red;
margin:0px;
 /*height:10px;*/
padding:5px 0px 5px 10px;
float:none;
line-height:11px;
width:695px;
}

#body .msg p, #body .errorbox p  {
line-height:11px;
}

#body .errorbox {
/*background: url(hgg/message.png) no-repeat #efd522;*/
background: #FFF;
background-position:10px;
color:red;
position:absolute; top:-40px; left:0; z-index:5000;
border:1px solid red;
margin:0px;
height:10px;
padding:5px 0px 5px 10px;
float:none;
line-height:11px;
width:693px;
display:block;

}

#body .ordersteps {
float:left;
width:730px;
margin: 0px;
margin-top:20px;

}

#body .ordersteps dl  {
background:#F0F0F0 none repeat scroll 0 0;
border:none;
float:left;
height:54px;
margin:0 10px 0 0;
padding:4px 10px 20px 10px;
width:115px;
}


 #body .ordersteps dl.active  {
background:#F1F8FF none repeat scroll 0 0;
border:none;
float:left;
height:54px;
margin:0 10px 0 0;
padding:4px 10px 20px 10px;
width:115px;
}

#body .ordersteps dt, #body .ordersteps dt a, #body .ordersteps dt a:hover {
color:#CCCCCC;
font-size:14px;
font-weight:bold;
text-decoration: none;
}

#body .ordersteps dt a:hover big {
text-decoration:none;
}

#body .ordersteps dl.active dt, #body .ordersteps dl.active dt a {
color:#9BB2E5;
font-size:14px;
font-weight:bold;
text-decoration: none;
}

/*#body .ordersteps dl.active dt a:link big, #body .ordersteps dl.active dt a:hover big {
text-decoration:none;
color:#004B80;
}*/

#body .ordersteps dl big {
font-size:14px;
line-height:130%;
}

#body .ordersteps dd, #body .ordersteps dd a {
font-size:11px;
margin:0;
color:#CCCCCC;
font-size:11px;
text-decoration:none;
}

#body .ordersteps dl.active dd, #body .ordersteps dl.active dd a {
font-size:11px;
margin:0;
color:#7B7675;
font-size:11px;
text-decoration:none;
}

#body .ordersteps .lastinrow, #body .ordersteps .lastinrow.active {
margin-right:0px;
width:128px;
}

#body .basket {
border:none;
float:left;
margin:0 0px 10px 0px;
width:728px;
}

#body .basket td.brd {
border-left:none;
}

#body .basket th .brd_line {
background:none;
height:25px;
width:7px;}

#body .basket th {
background:#004B80  none repeat scroll 0 0;
color:#FFFFFF;
font-weight:bold;
height:30px;
text-align:right;
padding:0px;
}

#body .basket .picture {
background:#FFFFFF none repeat scroll 0 0;
border:none;
display:block;
height:68px;
text-align:center;
width:57px;
}
#body .basket .picture img {
height:68px;
}

#body .basket .art_title a:hover {
color:#7B7675;
}
#body .basket .art_title a {
color:#7B7675;
font-size:10px;
font-weight:bold;
}
#body .basket .art_num {
color:#7B7675;
font-size:10px;
}

#body .basket input {
color:#7B7675;
}

#body .basket .price {
text-align:right;
padding-right:0px;
}

#body .basket .vat {
padding-left:0px;
text-align:right;
}

#body .basket .totalprice {
padding-right:0px;
text-align:right;
}

#body .basket .sumdesc {
padding-right:0px !important; 
text-align:right;
}


#body div.bar.prevnext .arrowright input {
background: url(hgg/weiter.jpg) no-repeat;
}

#body .leftleft{
float:left;
margin-right:20px;
width:229px;}

#body .left{
float:left;
width:229px;
}



#body strong.useroptboxhead {
background:none;
border:none;
display:block;
width:350px;
color:#9bb2e5;
font-size:150%;
margin-bottom:25px;
margin-top:20px;
padding:0px 10px;}

#body .useroptbox {
border:none;
font-size:11px;
margin:0px;
padding:0px 0px 10px 10px;
width:220px;

}

#body .useroptbox p{
border:none;
font-size:11px;
margin:0px;
padding:0px;
width:229px;
}

#body .useroptbox  ul{
width:200px;
margin: 0px 0px 0px 15px;
padding:0px;
list-style-type:disc;
}


#body .useroptbox p strong{
width:200px;
}

#body .user_border {
float:left;
background-color:#D1D1D3;
height:340px;
width:1px;
margin-top:20px;

}

span.btn #test_UsrOpt2, span.btn #test_UsrOpt2 a {
background: url(hgg/anmelden.jpg) no-repeat;
width:131px;
border: none;
color:#819AD3;
font-size:11px;
font-weight:bold;
}

span.btn #test_UsrOpt2OpenId, span.btn #test_UsrOpt2OpenId a {
background: url(hgg/anmelden.jpg) no-repeat;
width:131px;
border: none;
color:#819AD3;
font-size:11px;
font-weight:bold;
}

span.btn #test_UsrOpt3, span.btn #test_UsrOpt3 a {
background: url(hgg/registrierung.jpg) no-repeat;
width:131px;
border: none;
color:#819AD3;
font-size:11px;
font-weight:bold;
}

#body .product.small {
height:auto;
padding-left:5px;
padding-top:0px;
width:auto;
border-right:solid 1px #D1D1D3;
}

#body .product.small .picture {
height:auto;}

#body dl.orderinfocol dt {
font-weight:bold;
height:23px;
margin:0 0 5px;
padding:0;
border:none;
}

#body .order_footer{
border-top:#EEEEEE 1px solid;
margin:30px 0 0 0;
padding:20px 0 0 0;
width:730px;
float:left;}

#body .order_linie {
border-top:1px solid #EEEEEE;
float:left;
margin:0px 10px;
padding:0px;
width:710px;
}
 /* ========================ULI STYLES ================================ */
 
 
 
 
 
 
/*****************romy styles******************************************************************************/

/*****************bestellhistorie*****************************************************************/

#bestellhistorie { float: left;}
#bestellhistorie hr { color: #e3e3e5; background-color: #ededed; margin: 30px 0 0px 0;}
#bestellhistorie img{ padding-bottom: 20px !important;}

/*#bestellhistorie p { padding: 0 0 0 10px;}*/

#bestellhistorie h1 
{
background:#F2F8FF none repeat scroll 0 0;
color:#9BB2E5;
font-size:18px;
font-weight:bold;
margin-bottom:20px;
padding: 20px 20px 20px 10px;
width:700px;
}

#bestellhistorie .box { width: 720px; /*padding: 0 10px 0 10px;*/ font-size: 11px; margin: 0;}

#bestellhistorie .tableheader {
background:#094197 none repeat scroll 0 0;
color:#FFFFFF;
font-family:arial;
font-size:11px;
font-weight:bold;
height:22px;
padding: 8px 0 0 10px;
margin: 20px 0 0 10px;
text-align:left;
width:700px;
}
#bestellhistorie table.orderhistory {
margin: 0px 0 0 10px;
}

#bestellhistorie .tabellenheader2 {
background:#E6E6E8 none repeat scroll 0 0;
color:#094197;
font-family:arial;
font-size:11px;
font-weight:bold;
padding-left:10px;
padding-top: 8px !important;
padding-bottom: 5px !important;
text-align:left;
margin: 0px !important;
}

#bestellhistorie .tabellenheader2weiss {
background:#ffffff none repeat scroll 0 0;
color:#9BB2E5;
font-family:arial;
font-size:11px;
font-weight:bold;
text-align:left;
border-bottom: 2px solid #9BB2E5;
margin: 0px !important;
padding-top: 8px !important;
padding-bottom: 5px !important;
padding-left: 10px !important;
} 

#bestellhistorie .td-weiss {
background:#FFFFFF none repeat scroll 0 0;
border-right:1px solid #E6E6E8;
color:#66605E;
font-family:arial;
font-size:11px;
padding: 9px 5px 7px 10px;
text-align:left;
vertical-align: top;
}

#bestellhistorie .td-blau {
background:#F2F8FF none repeat scroll 0 0;
border-right:1px solid #E6E6E8;
color:#66605E;
font-family:arial;
font-size:11px;
padding: 9px 5px 7px 10px;
text-align:left;
vertical-align: top;
}

/*****************merkliste*****************************************************************/
#bestellhistorie .tabellenheader2merkbl {
background:#E6E6E8 none repeat scroll 0 0;
color:#094197;
font-family:arial;
font-size:11px;
font-weight:bold;
height:30px;
padding:4px 5px 0 0 ;
text-align: right;
}

#bestellhistorie .tabellenheader2merkbl img {
padding: 0px !important;
}

/*****************zoom*****************************************************************/

.left { overflow: visible !important;} /* wichtig für das ZOOM-Bild!*/


.jqzoom{
float:left;
position:relative;
padding:0px;
cursor:pointer;
}

.jqzoom img{
float:none;
}


div.zoomdiv {
z-index                 : 1000;
position                : absolute;
top:5px !important;
left:306px !important;
width                   : 200px;
height                  : 200px;
background: #ffffff;
border:1px solid #CCCCCC;
display:none;
text-align: center;
overflow: hidden;


}

div.jqZoomPup {
z-index                 : 10;
visibility              : hidden;
position                : absolute;
top:0px;
left:0px;
width                   : 50px;
height                  : 50px;
border: 1px solid #aaa;
background: #ffffff;
opacity: 0.5;
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
filter: alpha(Opacity=50);
}

/*****************versand*****************************************************************/

.table-name3 {
background:#094197 none repeat scroll 0 0;
color:#FFFFFF;
font-weight:bold;
height:42px;
padding-left:5px;
padding-top:5px;
text-align:left;
vertical-align:top;
}

.td-header-versand {
background:#E6E6E8 none repeat scroll 0 0;
color:#094197;
font-weight:bold;
height:42px;
padding-bottom:5px;
text-align:center;
vertical-align:bottom;
}


.td-white-versand {
border-right:1px solid #E6E6E8;
color:#66605E;
height:28px;
text-align:center;
}

.prodlist {margin-top:20px;}

/***************login****************/

.login_blau { font-weight: bold; color: #9BB2E5;}
