/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=50);
	-moz-opacity: 0.50;
	opacity: 0.50;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	width:868px;
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
width:874px;
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	background-color: #FFFFFF;
	position: absolute;
	display:none;
	height:520px;
	width:866px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -320px 0 0 -435px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect {
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent {
	border:none;
	margin-bottom:0px;
	margin-top:1px;
	_margin-bottom:-3px;
}


/*OO-Header*/
.g_flowleft {float:left;}
.g_flowright {float:right;}
.g_invisible {display:none;}

/* Link classes */

a.arrow_blue_left {background:url('/oosk/b2n/slk/img/head/arrow_blue.gif') no-repeat left 3px;padding-left:8px;}
a.arrow_lightblue {background:url('/oosk/b2n/slk/img/head/arrow_lightblue.gif') no-repeat 0 8px;color:#95abc8;padding-left:8px;}
a.arrow_red {background:url('/oosk/b2n/slk/img/head/arrow_red.gif') no-repeat 0 8px;color:#b90322;padding-left:8px;}
a.black {color:black;}
a.white {color:white;}

/* content */
div#content div#head {font-size:11px;}

/* Head Shopselect */
div#content div#head div.head_shopselect {
	height:20px;
	overflow: hidden;
	position:relative;
	line-height:20px;
}

/* Head Permanentumfrage */
div#content div#head div.head_shopselect div#oo-survey-tb {
	padding:0 10px;
	background:#eaeef4;
	left:1px;
	position:absolute;
	top:0px;
	color:#2A568F;
	text-decoration:none;
}
div#content div#head div.head_shopselect div#oo-survey-tb a{
	color:#2A568F;
	text-decoration:none;
}

div#content div#head div.head_shopselect div.head_shopselect_active {background:#eaeef4;color:#2A568F;padding:0px 10px 0px 10px;}
div#content div#head div.head_shopselect div.head_shopselect_inactive a {color:#94aac7;padding:0px 10px 0px 10px;}
div#content div#head div.head_shopselect div.loginmessage {left:406px;position:absolute;top:0px;}

/* Head Toolbar */
div#content div#head div.head_toolbar {
	height:59px;
	margin-top:13px;
	position:relative;
	z-index:10; /* -- umbau -- */
}

div#content div#head div.head_toolbar img.head_toolbar_logo {left:0px;position:absolute;top:0px;}
div#content div#head div.head_toolbar div.head_toolbar_basket {left:705px;position:absolute;top:9px;}
div#content div#head div.head_toolbar div.head_toolbar_find {left:142px;position:absolute;top:9px;}
div#content div#head div.head_toolbar div.head_toolbar_find_searcharea {margin:5px 0 0 0;}

div#content div#head div.head_toolbar div.head_toolbar_find_searcharea div.head_toolbar_find_searcharea_left {
	background:url('/oosk/b2n/slk/img/head/searcharea_left.gif') no-repeat;
	height:25px;
	overflow:hidden;
	width:3px;	
}

div#content div#head div.head_toolbar div.head_toolbar_find_searcharea div.head_toolbar_find_searcharea_middle {background:url('/oosk/b2n/slk/img/head/searcharea_middle.gif') repeat-x;height:25px;overflow:hidden;}

div#content div#head div.head_toolbar div.head_toolbar_find_searcharea div.head_toolbar_find_searcharea_right {
	background:url('/oosk/b2n/slk/img/head/searcharea_right.gif') no-repeat;
	height:25px;
	margin-right:6px;
	overflow:hidden;
	width:3px;		
}

div#content div#head div.head_toolbar div.head_toolbar_myottooffice {
	left:406px;
	position:absolute;
	top:9px;
	z-index:10;  /* umbau */
}

div#content div#head div.head_toolbar div.head_toolbar_tab {
	
	font-size:11px;
	margin:6px 3px 0 0;
	position:relative;
}

div#content div#head div.head_toolbar div.head_toolbar_tab div.head_dropdown_search {width:144px;}


span.head_toolbar_tab_middle_red {
	color:#b90322;
	font-weight:bold;
	padding-right:12px;
}
div#content div#head div.head_toolbar div.head_toolbar_headline {
	color:#2a568f;
	font-size:18px;
	line-height:18px;
}

div.oo-dropList {
	background:url(/oosk/b2n/slk/img/head/nav.gif) no-repeat;
	height:60px;
	margin-top:10px;
	position:relative;
	z-index: 2;
}
div.oo-dropList ul.oo-mainmenu li.oo-mainmenu-tab {
	background:transparent url(/oosk/b2n/slk/img/head/nav_blue_divider.gif) no-repeat scroll right top;
	float:left;
	font-size:13px;
	padding:13px 10px 0 11px;
	height:29px;
}
div.oo-dropList ul.oo-mainmenu li.oo-mainmenu-tab-category,
div.oo-dropList ul.oo-mainmenu li.oo-special-nav {
	position: relative;
}
div.oo-dropList ul.oo-mainmenu li div.oo-contentholder div.oo-nav-content {
	background-color: #fff;
	border-right: 1px solid rgb(185,3,34);
	border-left:  1px solid rgb(185,3,34);
	text-align: left;
}
div.oo-dropList div.head_navigation_switch {
	bottom:3px;
	color:white;
	cursor:pointer;
	font-size:11px;
	font-weight:bold;
	line-height:9px;
	position:absolute;
	right:6px;
}
/* IE6 */ * html div.oo-dropList div.head_navigation_switch { z-index: -1; }
/* IE7 */ * + html div.oo-dropList div.head_navigation_switch { z-index: -1; }
div.oo-dropList ul.oo-mainmenu div.oo-contentholder .oo-roundcorner-div-2
{
	background-color: rgb(185,3,34);
	margin:0 2px;
}
div.oo-dropList ul.oo-mainmenu div.oo-contentholder .oo-roundcorner-div-1
{
	background-color: #fff;
	margin:0 1px;
	border-right:1px solid rgb(185,3,34);
	border-left:1px solid rgb(185,3,34);
}

div.oo-dropList ul.oo-mainmenu li.oo-tab-right div.oo-contentholder .oo-roundcorner-top {
	margin-left: 0;
}
div.oo-dropList ul.oo-mainmenu {
	margin:0;
	list-style-type:none;
	white-space:nowrap;
}
div.oo-dropList ul.oo-mainmenu li.oo-mainmenu-tab span.oo-mainmenu-tab-link,
div.oo-dropList ul.oo-mainmenu li.oo-mainmenu-tab a.oo-mainmenu-tab-link {
	text-decoration: none;
	height:29px;
	color:#fff;	
	color: #fff;
}
div.oo-dropList ul.oo-mainmenu li.oo-mainmenu-tab a.oo-mainmenu-tab-link:hover {
	text-decoration: underline;
}

div.oo-dropList ul.oo-mainmenu li.oo-tab-right_hover {
	background:rgb(185, 3, 34) url(/oosk/b2n/slk/img/head/tab_hover_left2.gif) no-repeat scroll left top;
}
/* Formatierung der Boxen */
div.oo-dropList ul.oo-mainmenu li div.oo-contentholder {
	left:0;
	position:absolute;
	display: none;
	top:42px;
	background-color: transparent;
	z-index: 1000;
}

/* Formatierung der Sondernavigation */
div.oo-dropList ul.oo-mainmenu li.oo-special-nav {
	background: none;
	/* padding:1px 1px 15px 1px */
	padding-left: 6px;
	padding-right: 5px;
}
div.oo-dropList table {
	border-collapse:collapse;
	margin:-1px -10px;
	font-size:1em;
}

/* Anpassung Stichwortliste */
div.oo-dropList ul.oo-mainmenu li div.oo-tab-a_z {
	position:absolute;
	width:960px;
	z-index:1000;
}

/* --- ab hier shopspezifische Einstellungen für die FlyOuts --- */
div.oo-dropList ul.oo-mainmenu li div.oo-tab-01 .oo-roundcorner-top {
	margin-left: 0;
}

/* Styles für Hovereffekt per Javascript */
div.oo-dropList ul.oo-mainmenu li.oo-mainmenu-tab_hover {
	background-color:rgb(185, 3, 34);
	height:29px;
}

/* Mein OTTO Office */
div.head_toolbar_myottooffice,
div.head_toolbar_basket
{
	position:relative;
	z-index:1000;
}

/* Liste formatieren */
ul.oo-my-shop-list {
	margin:0;
	padding: 0;
	list-style:none;
	white-space:nowrap;
}
ul.oo-my-shop-list li.oo-my-shop, 
ul.oo-my-shop-list li.oo-toolbar-default {
	margin:6px 3px 0 0;
	padding: 0;
	float: left;
	height:29px;
}
div.toolbar_tab_text {
	white-space: nowrap;
	padding: 4px 7px 4px 7px;
	border-left:rgb(216,219,224) solid 1px;
	border-right:rgb(216,219,224) solid 1px;
}
li.oo-my-shop div.toolbar_tab_text a {
	background-image:url(/oosk/b2n/slk/img/head/pin_white.gif);
	background-position:0em 0.2em;
	background-repeat:no-repeat;
	padding-left: 1.3em;
	color:#fff;
}

/* Links formatieren */
ul.oo-my-shop-list li.oo-my-shop a,
ul.oo-my-shop-list li.oo-toolbar-default a {
	display:block;
}

/* Fly-In Rahmen Mein Shop formatieren */
ul.oo-my-shop-list li.oo-my-shop div.toolbar_tab_text {
	background-color:#B90322;
	border-left:#B90322 solid 1px;
	border-right:#B90322 solid 1px;
}

ul.oo-my-shop-list li.oo-my-shop b.oo-roundcorner-2,
ul.oo-my-shop-list li.oo-my-shop div.oo-roundcorner-div-2 {
	background-color:#B90322; margin:0 2px;
}
ul.oo-my-shop-list li.oo-my-shop b.oo-roundcorner-1,
ul.oo-my-shop-list li.oo-my-shop div.oo-roundcorner-div-1 {
	background-color:#B90322; margin:0 1px;
}
/* Fly-In Rahmen Default formatieren */
ul.oo-my-shop-list li.oo-toolbar-default div.oo-roundcorner-div-2 {
	background-color:#D8DBE0; margin:0 2px;
}
ul.oo-my-shop-list li.oo-toolbar-default div.oo-roundcorner-div-1 {
	background-color:#fff;
	border-right: 1px solid #D8DBE0;
	border-left: 1px solid #D8DBE0;
	margin:0 1px;
}
/* Fly-In Links Default formatieren */
ul.oo-my-shop-list li.oo-toolbar-default div.toolbar_tab_text a {
	color:#2A568F;
	text-decoration:none;
}
/* MyShop Box formatieren */
ul.oo-my-shop-list li.oo-my-shop div.oo-dropList-myshop {
	position:absolute;
	display: none;
	padding: 4px 0 0 0;
}
ul.oo-my-shop-list li.oo-my-shop div.oo-dropList-myshop b.oo-dropList-myshop-top {
	margin-left: 0px;
}
ul.oo-my-shop-list li.oo-my-shop div.oo-dropList-myshop ul {
	margin: 0;
	background-color: #B90322;
	padding: 10px;
	list-style-type: none;
}
ul.oo-my-shop-list li.oo-my-shop div.oo-dropList-myshop ul li {
	border-bottom: 1px solid rgb(255, 255, 255);
	width: 230px;
	height: 25px;
	vertical-align: middle;
	padding-top: 8px;
}
ul.oo-my-shop-list li.oo-my-shop div.oo-dropList-myshop ul li a {
	color: white;
	font-weight: bold;
	background:url('/oosk/b2n/slk/img/base/arrow_right_white.gif') no-repeat 0 3px;
	padding-left: 12px;
}
div.head_toolbar_myottooffice ul.oo-my-shop-list li.oo-toolbar-default a:hover {
	text-decoration: underline;
}

div.toolbar_tab_text_hover {
	border-left-color: #2c5790;
	border-right-color: #2c5790;
}
ul.oo-my-shop-list li.oo-toolbar-default div.oo-roundcorner-div-2_hover {
	background-color: #2c5790;
}
ul.oo-my-shop-list li.oo-toolbar-default div.oo-roundcorner-div-1_hover {
	border-left-color: #2c5790;
	border-right-color: #2c5790;
}
div.head_toolbar_myottooffice ul.oo-my-shop-list div.oo-dropList-myshop {
	left: 0px;
	width:250px;
}
/* Hovereffekt  MyShop */
div.head_toolbar_myottooffice ul.oo-my-shop-list li.oo-my-shop a.oo-myshop-tab:hover {
	color: #fff;
	text-decoration: underline;
}
/* Warenkorbanzeige */
div.head_toolbar_basket ul.oo-my-shop-list div.toolbar_tab_text {
	width: 212px;
}
div.head_toolbar_basket a:hover {
	text-decoration: underline;
}
/* Formatierung der Box */
div.head_toolbar_basket ul.oo-my-shop-list li.oo-my-shop a,
div.head_toolbar_basket ul.oo-my-shop-list li.oo-toolbar-default a {
	display:inline;
}
div.head_toolbar_basket ul.oo-my-shop-list div.oo-contentholder {
	background-color:transparent;
	position:absolute;
	display:none;
	width: 260px;
	top:50px;
	z-index: 1000;
}
div.head_toolbar_basket ul.oo-my-shop-list div.toolbar_tab_text  a.oo-headlink {
	background:url('/oosk/b2n/slk/img/head/tab_basket.gif') no-repeat 0 1px;
	padding-left: 18px;
}
/* Formatierung des Rahmen */
div.head_toolbar_basket ul.oo-my-shop-list li div.oo-nav-content {
	background-color: #fff;
	border-left: 1px solid rgb(44,87,144);
	border-right: 1px solid rgb(44,87,144);
	padding: 10px;
}
div.head_toolbar_basket ul.oo-my-shop-list li b.oo-div-bg {
	background-color:rgb(44,87,144);
}
div.head_toolbar_basket ul.oo-my-shop-list li b.oo-div-foot {
	border-left-color: rgb(44,87,144);
	border-right-color: rgb(44,87,144);
	background-color: #fff;
}
/* Formatierung der Artikel */
div.head_toolbar_basket div.oo-nav-content div.oo-divider {
	background:#D8DBE0;
	height:1px;
	margin:1px 0 1px 0;
	overflow:hidden;
}
div.head_toolbar_basket div.oo-nav-content div.oo-element {	
	height:40px;
	overflow:hidden;
	border-bottom:1px solid #DADEE3;
	vertical-align:middle;
}
div.head_toolbar_basket div.oo-nav-content div.oo-element div {
	vertical-align:middle;
	text-align:left;
}
div.head_toolbar_basket div.oo-nav-content div.oo-element div a.oo-link {
	color: #000;
	padding-left: 3px;
}
div.head_toolbar_basket ul.oo-my-shop-list li.oo-toolbar-default a:hover {
	text-decoration: underline;
}
div.head_toolbar_basket ul.oo-my-shop-list div.oo-tab-basket {
	left: -32px;
}
div.head_toolbar_basket div.oo-tab-basket b.oo-basket-top2,
div.head_toolbar_basket div.oo-tab-basket b.oo-basket-top1 {
	margin-right: 0;
	border-right: 1px solid rgb(44,87,144);
}
div.head_toolbar_basket div.oo-tab-basket b.oo-basket-top1 {
	border-left: 1px solid rgb(44,87,144);
}
div.head_toolbar_basket div.oo-tab-basket b.oo-basket-top2 {
	border-left: 31px solid rgb(44,87,144);
}
div.head_toolbar_basket div.oo-tab-basket div.oo-nav-content div.oo-wk-no-items {
	white-space: normal;
	margin-top:25px;
	margin-bottom:25px;
	font-weight: bold;
}
div.oo-nav-content table {
	margin: 0;
}
li.oo-mainmenu-tab-category div.oo-contentholder div.oo-nav-content table {
	width: 0;
}
div.oo-nav-content table th {
	padding: 4px 10px 4px 10px;
	font-size:12px;
}
div.oo-nav-content table td {
	padding: 4px 10px 4px 10px;
	border-left: 1px solid #ececec;
	font-size:12px;
	vertical-align: top;
}
div.oo-nav-content table .oo-nav-tab-right {
	border-left: 0px none
}
div.oo-nav-content table th h5,
div.oo-nav-content table td h5{
	font-size:14px;
	font-weight:bold;
	margin:0 11px 0 0;
	padding:8px 0;
	width:180px;
}
div.oo-nav-content table th.oo-nav-content-row-h5 a {
	cursor:pointer;
	text-decoration: none;
}
div.oo-nav-content table td a {
	text-decoration: none;
}
div.oo-nav-content table th h5 {
	font-size:14px;
	font-weight:bold;
	margin:0 11px 0 0;
	padding:8px 0;
	width:180px;
}
div.oo-nav-content table td a {
	text-decoration: none;
}
div.oo-nav-content table th.oo-nav-group-highlight,
div.oo-nav-content table td.oo-nav-group-highlight {
	background-color: #EAEEF4;
}
div.oo-nav-content table tr.oo-nav-content-row td.oo-nav-element-highlight,
div.oo-nav-content table tr.oo-nav-content-row td.oo-nav-element-highlight a,
div.oo-nav-content table tr.oo-nav-content-row-a_z td.oo-nav-element-highlight,
div.oo-nav-content table tr.oo-nav-content-row-a_z td.oo-nav-element-highlight a {
	background-color: #B90322;
	color: #fff;
}
div.oo-nav-content table tr.oo-nav-content-row th.oo-nav-element-highlight,
div.oo-nav-content table tr.oo-nav-content-row th.oo-nav-element-highlight a,
div.oo-nav-content table tr.oo-nav-content-row th.oo-nav-element-highlight a h5{
	background-color: #2A568F;
	color: #fff;
}
div.oo-nav-content table td.oo-nav-row-VF img,
div.oo-nav-content table tr.oo-nav-content-row-vf td img {
	border: solid 1px transparent;
}
div.oo-nav-content table td.oo-nav-element-highlight-vf img,
div.oo-nav-content table tr.oo-nav-content-row-vf td.oo-nav-element-highlight img {
	border: solid 1px #B90322;
}
/* Anpassung Stichwortliste */
div.oo-dropList ul.oo-mainmenu li div.oo-tab-a_z {
	white-space: normal;
}
/* Styleanpassung Markenshops Hauptnavigation */
div.oo-nav-content table tr.oo-nav-content-row-ms th {
	padding-top: 0;
	padding-bottom: 0;
}
div.oo-nav-content table tr.oo-nav-content-row-ms th h5 {
	padding: 0;
}
div.oo-nav-content table tr.oo-nav-content-row-ms td {
	border-left: none;
	white-space: normal;
}
div.oo-nav-content table tr.oo-nav-content-row-ms td hr {
	margin:12px 0 0 0;
	height: 1px;
}
div.oo-nav-content table tr.oo-nav-content-row-ms td div {
	float: left;
	padding: 4px 3px 4px 3px;
	margin: 0;
}
div.oo-nav-content table tr.oo-nav-content-row-ms td div a img{
	border: solid 1px #fff;
}
div.oo-nav-content table tr.oo-nav-content-row-ms td div.oo-mainmenu-tab-link-ms-activ {
	background-color: #EAEEF4;
	color: #fff;
}
div.oo-nav-content table tr.oo-nav-content-row-ms td div.oo-mainmenu-tab-link-ms-activ a img{
	border: solid 1px #B90322;
}