﻿* {
	-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-khtml-box-sizing: border-box;
}

body
{
    background-color: #F0F0F0;
    padding: 0;
    margin: 0;
}

/*
div, p, span
{
    text-align: left;
}
*/

a 
{
    color:#6B6B6B;
    text-decoration:none;
}

a:hover
{
    text-decoration:underline;
}

#backbaseScriptTag
{
 
}

body, p, td/*, div, span */{
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
}

#divCartPrinter td
{ 
font-family: arial, helvetica, sans-serif;
font-size: 10px;
}

p {
	margin-top: 0;
}

th {
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
}

h1 {
	font-family: arial, helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
}

h2 {
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}

.error {
	font-weight: bold;
	color: red;
}

.message {
	font-weight: bold;
	color: darkgreen;
}

pre {
	font-family: consolas, "lucida console", monospaced;
	font-size: 11px;
}

#divHeaderMenu 
{
    float:left;
}

#divHeaderMenu ul 
{
    margin:10px 0 0;
    padding:0;
}

#divHeaderMenu li 
{
    border-right:1px solid #000000;
    display:inline;
    float:left;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    padding:0 12px;
    width:auto;
}

#divHeaderMenu li a 
{
    color:#000000;
    line-height:12px;
    text-decoration:none;
}
.clear
{
    clear:both;
}


#divLogoCompany
{
    float:right;
    /*padding-right:20px;*/
    text-align:right;
}

a img {
    border:0 none;
}

#divHorizMenu
{
    width: 100%;
    height: 24px;
    /*background-color: #58585A;*/
    background-color: rgb(76,76,76);
    /*border-left:1px solid #FFFFFF;*/
}

#divHorizMenu ul 
{  list-style:none;
    margin:0;
    padding:0;
}

#divHorizMenu li 
{
    border-right:1px solid #FFFFFF;
    display:inline;
    float:left;
    height:24px;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
}


/***changes done here from site css*/
#divHorizMenu ul li {
	float:left;
	 line-height:16px;
	/*background:transparent url('../images/nav/navi_split.jpg') top right no-repeat;*/
	position:relative;
	z-index:100;
}

#divHorizMenu li a 
{
    color:#FFFFFF;
    font-weight:bold;
    line-height:16px;
    text-decoration:none;
    display:block;
    padding:5px 10px 0;
    position: relative;
    z-index: 100;
    float:left;
}
#divHorizMenu ul li a {
	color:#FFFFFF;
	display:block;
	font-weight:bold;
	/*padding:0px 14px 0px 10px;*/
    padding:5px 10px 0 10px; 
	float:left;
    position:relative;
	z-index:100;
  
}
.divHorizMenuLogout
{
    float: right !important; 
    width: 150px; 
    text-align: center;
    border-left:1px solid #FFFFFF;
}
#divHorizMenu ul li span {
	background:transparent url('../images/nav/navi_pfeil.jpg') top left no-repeat;
	/*width:17px;
	height:35px;*/
	display:block;
	margin-left:-8px;
	float:left;
	margin-right:2px;
}


/*****************/

#divHorizMenu ul li.active span, #divHorizMenu ul li:hover span {
	background:transparent url('../images/nav/navi_pfeil_aktiv.jpg') top left no-repeat;
}
#divHorizMenu ul li.first {
	padding-right:2px;
}
#divHorizMenu ul li #split {
	float:left;
	background:transparent url('../images/nav/navi_split.jpg') top left no-repeat;
	margin-left:-3px;
}
#divHorizMenu ul li.secured, #divHorizMenu ul li.securedactive {
	display:block;
	float:right;
	margin-right:160px;
}
#divHorizMenu ul li span.secured {
	background:transparent url('../images/nav/navi_pfeil_locked.jpg') top left no-repeat;
	width:22px;
}
#divHorizMenu ul li.securedactive span.secured, #divHorizMenu ul li.secured:hover span.secured, #divHorizMenu ul li.secured.over span.secured {
	background:transparent url('../images/nav/navi_pfeil_aktiv_locked.jpg') top left no-repeat;
}
#divHorizMenu ul li span.unsecured {
        background:transparent url('../images/nav/navi_pfeil_unlocked.jpg') top left no-repeat;
        width:22px;
}
#divHorizMenu ul li.securedactive span.unsecured, #divHorizMenu ul li.secured:hover span.unsecured, #divHorizMenu ul li.secured.over span.unsecured {
        background:transparent url('../images/nav/navi_pfeil_aktiv_unlocked.jpg') top left no-repeat;
}
/****************/


#infocontainer 
{
    float: right;
    background-color:#FFFFFF;
    margin-top:15px;
    padding:6px 2px;
    width:150px;
}

#basketcontainer 
{
    float: right;
    background-color:#BFBFBF;
    display:inline;
    margin-top:15px;
    padding:6px 2px;
    width:150px;
}

#partialcontainer 
{
    float: right;
    background-color:#FFFFFF;
    display:inline;
    margin-top:15px;
    padding:6px 0px;
    width:150px;
}

div#debugdiv {
	background: #F4F4F4;
	border: 1px solid grey;
	margin-top: 20px;
	width: 980px;
}

div#pages {
	border: 1px solid darkgray;
	padding: 10px 10px 0 10px;
}

div.page {
	background: #F4F4F4;
	border: 1px solid darkgray;
	padding: 10px;
	margin-bottom: 10px;
}

hr {
	height: 1px;
	line-height: 1px;
	margin: 10px 0;
	padding: 0;
	color: darkgray;
	background: darkgray;
}

div#thumbnails {
	float: right;
}

div#content {
	text-align: left;
	width: 980px;
}
div#top {
	position: relative;
}

div.loadingMessageApplication {
    margin: 0 auto;
	width: 	250px;
	margin: 0px auto;
	text-align: center;
	
}

.blockerDiv {
	position: absolute;
	background-color:black;
	z-index: 100;
	top: 0px;
	left: 0px;
	filter:alpha(opacity=50);
    opacity: 0.5;
    -moz-opacity:0.5;
    background-color: #fcfcfc;
}


.blueCell
{background-color: #58585A; color: #FFFFFF; font-weight: bold; padding-bottom: 2px; cursor: pointer;}
.greyCell
{background-color: #e0e3ef; font-weight: bold; cursor: pointer;}
.darkCell
{background-color: #ffb200; font-weight: bold; cursor: pointer;}
.whiteCell
{background-color: #ffffff; cursor: pointer;}
.cyanCell
{background-color: #35a0e9; cursor: pointer;}
.border_bottom
{
    border-bottom: 1px solid black; 
}

.btl-tabBox .btl-tabBox-head {
overflow: hidden;
}
.btl-tabBox-tabContainer {
width:100%;
float: left;
position:relative;
}

.logout
{
    background-image:url(../images/exit-nor.gif);
    background-position:left top;
    background-repeat:no-repeat;
    color: #fff;
    padding-left:30px;
    height: 25px;
}
.logout:hover
{
    background-image:url(../images/exit-over.gif);
    color: #9F7048;
    height: 25px;
}
.link
{
    font-weight: bold;
    color: #0000FF;
    text-decoration: underline;
    cursor: pointer;
}
.boxDescription
{
    font-size: 10px;
    font-style:italic;
}
.itemDescription
{
    font-size: 10px;
    font-style:italic;
}

.horizMenuItem
{
    font-weight: bold;
    color: #FFFFFF;
    cursor: pointer;
}

.class121
{
    font-weight: bold;
    color: #58585A;
}

.notice {
    border:0.1em solid #FFD700;
    margin:0.5em 0 0.5em 20px;
    padding:10px 10px 10px 36px;
    background-color:#FFFFDD;
    color:#000000;
    width: 80%;
}

.horizMenuItem
{
    font-weight: bold;
    color: #FFFFFF;
    cursor: pointer;
}

.leftmenu
{
    margin-top: 27px;
}

.vertMenuItem
{
    border-bottom: 1px solid #B8B8B8;
    color: #000000;
    line-height: 15px;
    margin-left: 0;
    padding-bottom: 3px;
    padding-top: 3px;
    cursor: pointer;
    font-weight: bold;
}

.vertMenuSubItem
{
    border-bottom: 1px solid #B8B8B8;
    color: #000000;
    line-height: 15px;
    margin-left: 10px;
    padding-bottom: 3px;
    padding-top: 3px;
    cursor: pointer;
}

.vertMenuItemSelected
{
    background-color: #FFB200;
    font-weight: bold;
    color: #FFFFFF;
    cursor: pointer;
}

.modelSelector
{
    font-weight: bold;
    color: #0000FF;
    text-decoration: underline;
    cursor: pointer;
}

.notification
{
    font-weight: bold;
    color: #FF0000;
}

.newsHeader
{
    cursor: pointer;    
}
.newsBody
{

}

.history_line {
    background-color: #EEEEEE;
}


.btl-panelSet, .btl-panel, .btl-splitter {
    -moz-box-sizing: border-box;
}
.btl-panelSet-fullScreen {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.btl-panelSet {
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%;
}
.btl-panelSet, .btl-panel, .btl-splitter {
    -moz-box-sizing: border-box;
}
.btl-panel {
    margin: 0;
    background-color: #FFFFFF;
   /* height:47px;*/

}

#divHorizMenu-bottom 
{
    margin-top:10px;
    width:100%;
    padding-bottom:1px;
}
#divHorizMenu-bottom .left 
{
    float:left;  
}
#divHorizMenu-bottom .right 
{
    float:right;  
}


/*Navigation search*/

#divHorizMenu form {
	position:absolute;
	height:19px;
	vertical-align:middle;
	margin:0px;
	top:4px;
	right:5px;
	bottom:5px;
}
#divHorizMenu form input.stextf {
	height:17px;
	line-height:17px;
	font-size:11px;
	color:#a5a6a7;
	text-indent:5px;
	margin-top:0px;
	padding:0px;
	padding-top:0px;
	vertical-align:middle;
	border:1px solid #003b6a;
	background:transparent url('../images/nav/search_text_bg.jpg') top left no-repeat;
	width:125px;
	margin:0px;
	margin-right:-5px;
	margin-top:1px;
	padding-top:2px;
}
#divHorizMenu form input.image {
	vertical-align:middle;
	border:0px solid #003b6a;
	width:25px;
	height:21px;
	margin:0px;
	margin-right:1px;
	margin-top:1px;
}
#divHorizMenu ul li div.sub_shadow {
	display:none;
}
#divHorizMenu ul li:hover div.sub_shadow {
	display:block;
	position:absolute;
	left:-12px;
	top:24px;
}
#divHorizMenu ul li:hover div.sub_shadow div.sub_shadow_left {
	background: transparent url('../images/nav/shadow_left.png') top left repeat-y;
}
#divHorizMenu ul li:hover div.sub_shadow div.sub_shadow_left div.sub_shadow_right {
	margin-left:10px;
	background:transparent url('../images/nav/shadow_right.png') top right repeat-y;
}
#divHorizMenu ul li:hover div.sub_shadow div.sub_shadow_left div.sub_shadow_right div.sub_content {
	margin-right:10px;
	padding:25px 15px;
	background-color:#FFFFFF;
	border:1px solid #404245;
	border-top:0px;
}
#divHorizMenu ul li:hover div.sub_shadow div.sub_shadow_bottom_left {
	background:transparent url('../images/nav/shadow_bottom_left.png') bottom left no-repeat;
	height:10px;
}
#divHorizMenu ul li:hover div.sub_shadow div.sub_shadow_bottom_left div.sub_shadow_bottom_right {
	background:transparent url('../images/nav/shadow_bottom_right.png') bottom right no-repeat;
	height:10px;
}
#divHorizMenu ul li:hover div.sub_shadow div.sub_shadow_bottom_left div.sub_shadow_bottom_right div.sub_shadow_bottom {
	margin:0px 10px;
	background:transparent url('../images/nav/shadow_bottom.png') bottom left repeat-x;
	height:10px;
}

/* Navigation Product Dropdown */

#divHorizMenu ul li:hover div.sub_shadow div.sub_shadow_left div.sub_shadow_right div.sub_content div.productlist {
	float:left;
	margin-right:21px;
	width:134px;
}
#divHorizMenu ul li:hover div.sub_shadow div.sub_shadow_left div.sub_shadow_right div.sub_content div.productlist a {
	margin:0px;
	background:transparent;
	position:inherit;
	cursor:pointer;
	float:none;
	padding:0px;
	color:#808285;
}
#divHorizMenu ul li:hover div.sub_shadow div.sub_shadow_left div.sub_shadow_right div.sub_content div.productlist.last {
	margin-right:0px;
}
#divHorizMenu ul li:hover div.sub_shadow div.sub_shadow_left div.sub_shadow_right div.sub_content div.productlist div.img {
	display:block;
	height:49px;
	width:212px;
	position:relative;
}
#divHorizMenu ul li:hover div.sub_shadow div.sub_shadow_left div.sub_shadow_right div.sub_content div.productlist div.img img {
	position:absolute;
	bottom:0px;
	left:0px;
}
#divHorizMenu ul li:hover div.sub_shadow div.sub_shadow_left div.sub_shadow_right div.sub_content div.productlist img {
	margin-bottom:9px;
	height:50px;
}
#divHorizMenu ul li:hover div.sub_shadow div.sub_shadow_left div.sub_shadow_right div.sub_content div.productlist ul li, #divHorizMenu ul li:hover div.sub_shadow div.sub_shadow_left div.sub_shadow_right div.sub_content div.productlist ul li a {
	background:transparent;
	position:inherit;
	cursor:pointer;
	float:none;
	line-height:19px;
	margin-bottom:4px;
	padding:0px;
	margin-left:0px;
	color:#404245;
	font-size:11px;
	width:120px;
    text-align:left;
}
#divHorizMenu ul li:hover div.sub_shadow div.sub_shadow_left div.sub_shadow_right div.sub_content div.productlist ul li a {
	margin:0px;
	padding:2px 0px 2px 1px;
	width:135px;
}
#divHorizMenu ul li:hover div.sub_shadow div.sub_shadow_left div.sub_shadow_right div.sub_content div.productlist ul li {
	padding:1px 0px 0px 0px;
}

#divHorizMenu ul li:hover div.sub_shadow div.sub_shadow_left div.sub_shadow_right div.sub_content div.productlist ul li a:hover{
	background:transparent url('../images/nav/arrow_right_2.gif') top left no-repeat;
	background-position:10px 8px;
	z-index:3;
}
#divHorizMenu ul li:hover div.sub_shadow div.sub_shadow_left div.sub_shadow_right div.sub_content div.productlist ul li:hover a {
	background-color:#f1f1f1;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	padding-left:21px;
	z-index:2;
	margin-left:-20px;
	width:135px;
}

#divHorizMenu ul li:hover div.sub_shadow div.sub_shadow_left div.sub_shadow_right div.sub_content div.productlist ul li {
	padding-left:10px;
	text-indent:0px;
	background:transparent url('../images/nav/arrow_right_2.gif') top left no-repeat;
	background-position:0px 9px;
}
#divHorizMenu ul li:hover div.sub_shadow div.sub_shadow_left div.sub_shadow_right div.sub_content div.productlist ul li.first a {
	color:#215f8b;
	margin:0px;
	padding:0px;
	font-size:14px;
	cursor:pointer;
	width:120px;
}
#divHorizMenu ul li:hover div.sub_shadow div.sub_shadow_left div.sub_shadow_right div.sub_content div.productlist ul li.first {
	margin-bottom: 6px;
	background:transparent url('../images/nav/pfeilchen_textlink.gif') top left no-repeat;
	background-position:0px 6px;
}
#divHorizMenu ul li:hover div.sub_shadow div.sub_shadow_left div.sub_shadow_right div.sub_content div.productlist ul li.first:hover {
	background:transparent url('../images/nav/arrow_right_2.gif') no-repeat;
	background-position:0px 6px;
}
#divHorizMenu ul li:hover div.sub_shadow div.sub_shadow_left div.sub_shadow_right div.sub_content div.productlist ul li.first a:hover{
	background:transparent url('') top left no-repeat;
}
#divHorizMenu ul li:hover div.sub_shadow div.sub_shadow_left div.sub_shadow_right div.sub_content div.productlist ul li.first:hover a {
	color:#00142a;
}
#divHorizMenu ul li:hover div.sub_shadow div.sub_shadow_left div.sub_shadow_right div.sub_content div.productlist ul li:hover {
	background-color:#f1f1f1;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}

/* other subpoints top nav*/
#divHorizMenu ul li:hover div.sub_shadow div.sub_shadow_left div.sub_shadow_right div.sub_content div.productlist2 {
	float:left;
	margin-right:20px;
	width:205px;
}
#divHorizMenu ul li:hover div.sub_shadow div.sub_shadow_left div.sub_shadow_right div.sub_content div.productlist2 ul {
	margin-bottom:-10px;
	margin-top:-8px;
}
#divHorizMenu ul li:hover div.sub_shadow div.sub_shadow_left div.sub_shadow_right div.sub_content div.productlist2 ul li, #divHorizMenu ul li:hover div.sub_shadow div.sub_shadow_left div.sub_shadow_right div.sub_content div.productlist2 ul li a {
	background:transparent;
	position:inherit;
	float:none;
	line-height:16px;
	height:16px;
	margin-bottom:3px;
	padding:0px;
	margin-left:0px;
	color:#404245;
	font-size:11px;
	width:219px;
    text-align:left;
    display:block;
}
#divHorizMenu ul li:hover div.sub_shadow div.sub_shadow_left div.sub_shadow_right div.sub_content div.productlist2 ul li a {
	margin:0px;
	padding:3px 0px 4px 2px;
}
#divHorizMenu ul li:hover div.sub_shadow div.sub_shadow_left div.sub_shadow_right div.sub_content div.productlist2 ul li {
	height: 19px;
	margin-left: -5px;
	padding:2px 0px 4px 0px;
}
/*new*/
#divHorizMenu ul li:hover div.sub_shadow div.sub_shadow_left div.sub_shadow_right div.sub_content div.productlist2 ul li {
	padding-left:10px;
	text-indent:3px;
	background:transparent url('../images/nav/arrow_right_2.gif') top left no-repeat;
	background-position:5px 10px;
}
#divHorizMenu ul li:hover div.sub_shadow div.sub_shadow_left div.sub_shadow_right div.sub_content div.productlist2 ul li img {
	padding-left:3px;
	text-indent:3px;
}
#divHorizMenu ul li:hover div.sub_shadow div.sub_shadow_left div.sub_shadow_right div.sub_content div.productlist2 ul li.first a {
	color:#003b6a;
	font-size:14px;
	width:205px;
}
#divHorizMenu ul li:hover div.sub_shadow div.sub_shadow_left div.sub_shadow_right div.sub_content div.productlist2 ul li:hover {
	background-color:#f1f1f1;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
#divHorizMenu ul li:hover div.sub_shadow div.sub_shadow_left div.sub_shadow_right div.sub_content div.productlist2 ul li.locked {
	padding:1px 0px 4px 0px;
	padding-left:10px;
	text-indent:3px;
	background:transparent url('images/nav/arrow_right_2.gif') top left no-repeat;
	background-position:5px 11px;
}
#divHorizMenu ul li:hover div.sub_shadow div.sub_shadow_left div.sub_shadow_right div.sub_content div.productlist2 ul li.locked:hover {
	background-color:#f1f1f1;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}