/* CSS Document */
.clearAll {
	clear:both;
}

/* Checkout Info-Links */
.prodSelectInfoLink {
	float:left; 
	margin-right:20px;
}
.prodToolTip {
	font-size:0.64em; 
	background-color:grey;
}


/* BOOTSTRAP FORM ELEMENTS IN CHECKOUT */
.email-valid {
	background-color: #d4edda; /* light green */
}
.email-invalid {
	background-color: #f8d7da; /* light red */
}

.form-control {
	border-width: 2px; /* match focus state */
}
.form-control.custom-height {
	box-sizing: border-box;
	padding: 0.15rem 0.15rem;
	font-size: 0.8rem;
	height: 26px;
	border-width: 2px;
	border-color: rgb(190, 190, 190);
	box-shadow: none !important;
}

.form-control.custom-height:focus {
	box-sizing: border-box; /* <- important */
	border-width: 2px !important;
	border-color: #66afe9 !important;
	box-shadow: none !important;
	outline: none;
}


.form-select.custom-height {
	height: 26px;
	font-size: 0.8rem;
	padding: 2px 0.5rem 0 0.5rem; /* top padding manually adjusted */
	line-height: normal; /* use browser default, more natural */
	background-position: right 0.5rem center;
	box-shadow: none !important;
	border-width: 1px !important;
	border-color:rgb(169, 169, 169) !important; 
	background-color:rgb(224, 224, 224) !important; 
	}

.form-select.custom-height:focus {
	box-shadow: none !important;
	border-color: #66afe9 !important;
	outline: none;
}


/* CART CART CART */
/* CART CART CART */
.cart {
	font-size:0.78em;
	width:680px;
}
.cartHeader {
	font-size:0.82em;
	font-weight:bold;
	height:1em;
}
.cartArticleGroupHeader {
	font-size:0.78em;
	font-style:italic;
	margin-top:1em;
	height:1.8em;
	vertical-align:bottom;
	color:#06C;
}
.cartCell {
	vertical-align:top;
}
.cartCellValue {
	font-weight:bold;
}
.cartCellValue #valueLeft {
	float:left; 
	background:url(../cart/pictures/value.gif) 0px 0px no-repeat; 
	width:16px; 
	height:16px; 
	margin-right:7px;
	 
}
.cartCellValue #valueLeft:hover {
	float:left; 
	background:url(../cart/pictures/value.gif) -16px 0px no-repeat; 
	width:16px; 
	height:16px; 
	margin-right:7px;
	 
}
.cartCellValue #valueRight {
	float:left; 
	background:url(../cart/pictures/value.gif) -48px 0px no-repeat; 
	width:16px; 
	height:16px; 
	margin-left:7px;
	 
}
.cartCellValue #valueRight:hover {
	float:left; 
	background:url(../cart/pictures/value.gif) -32px 0px no-repeat; 
	width:16px; 
	height:16px; 
	margin-left:7px;
	 
}

#stockYes {
	background:url(../cart/pictures/lieferstatus.gif) 0px 0px no-repeat; 
	width:16px; 
	height:16px;
	float:left;
}
#stockNo {
	background:url(../cart/pictures/lieferstatus.gif) -16px 0px no-repeat; 
	width:16px; 
	height:16px;
	float:left;
}

.stockDeliverable {
    background-color: rgb(5, 172, 5);
    position: absolute;
    width: 10px;
    height: 10px;
    text-align: center;
    border-radius: 5px;
	margin-top:3px;
}
.stockNotDeliverable {
    background-color: rgb(239, 169, 48);
    position: absolute;
    width: 10px;
    height: 10px;
    text-align: center;
    border-radius: 5px;
	margin-top:3px;
}
.stockOut {
    background-color: rgb(230, 15, 15);
    position: absolute;
    width: 10px;
    height: 10px;
    text-align: center;
    border-radius: 5px;
	margin-top:3px;
}

.cartDividerLine {
	width:680px;
	border:none;
	margin-left:0px;
	margin-top:3px;
	height:1px;
	color:#000;
	background-color:#000;
}

.cartDividerLineShort {
	width:425px;
	border:none;
	margin:0;
	margin-top:2px;
	margin-bottom:2px;
	height:1px;
	color:#000;
	background-color:#000;
}

.cartSmallText {
	font-size:9px;
}



/* CART PRODUCTSELECTION */
/* CART PRODUCTSELECTION */
#cartProductsForm {
	font-size:0.70em;
}
.productInput {
	height:13px;
}
.articleInputDiv {
	float:left; 
	width:60px;
}
.articleInputText {
	float:left;
	width:260px; 
	vertical-align:middle; 
	margin-top:3px; 
	margin-bottom:2px;
}


/* CART GLOBAL BUTTON */
/* CART GLOBAL BUTTON */
#cartButtonDiv {
	position:relative;
	top:7px;
}
#cartButtonDiv a {
	text-decoration:none;
	font-size:10px;
	color:#999;
}
#cartButtonDiv a:hover {
	color:#FFF;
}


/* CHECKOUT CHECKOUT */
/* CHECKOUT CHECKOUT */
#checkoutNav {
	font-size:0.70em;
}

#checkoutNav ul li {
	float:left;
	margin-left:0px;
	margin-right:0px;
}
#checkoutNav ul li p {
	text-decoration:none;
	font-weight:bold;
	margin-left:auto;
	margin-right:auto;
}

.formHolder {
	height:270px;
}
.formNavigation {
	width:740px;
	text-align:center;
}
.formNavigationControls {
	width:400px;
	padding-left:30px;
	padding-right:30px;
	margin-left:auto;
	margin-right:auto;
}
.formWeiterButton {
	background-color:#0C0;
}

.formHeadline {
	font-weight:bold;
	font-style:normal;
	font-size:16px;
}









.companyList {
	position:absolute;
	list-style-type:none;
	padding:0; 
	margin:0;
	top:7px;
	margin-left:0px;
	display:inline;
	font-size:10px; 
	font-weight:normal; 
}
.companyList li {
	display:inline; 
	padding-left:10px; 
	padding-right:10px;
}
.companyList li a {
	display:inline-table;
	text-decoration:none;
	color:#999;
}
.companyList li a:hover {
	text-decoration:none;
	color:#FFF;
}





#companyWindow_title {
	margin:0px ; padding:0px; border:none;
	margin-top:0px;
	height:22px;
}
#companyWindow_body {
	z-index:1000;
	background-color:#FEEA00;
}






.startPageLink {
	text-decoration:none;
	width:32px;
	height:32px;
	 
	float:left;
	background:url(../assets/menu/menuToStart.gif) 0px 0px no-repeat;
}
.startPageLink:hover {
	background:url(../assets/menu/menuToStart.gif) -32px 0px no-repeat;
}


.channelLink {
	text-decoration:none;
	color:#FFF;
}
.channelLinkContainer {
	min-height:57px;
}
.channelStartH1 {
	font-size:1.2em;
	font-weight:bold;
	letter-spacing:-0.05em;
	padding-top:0.4em;
	padding-left:0.3em;
}
.channelStartH2 {
	font-size:0.70em;
	font-weight:normal;
	letter-spacing:-0.02em;
	padding-left:0.58em;
}


/* START BUTTONS*/

#menuViewType {
	/* background-image is set dynamically */
	width:14.6em; 
	height:55px;
}
#menuViewTypeSelector {
	/* background-color is set dynamically */
	outline:none;
	border-color:#000;
	border-style:solid;
	border-width:1px;
	color:#FFF;
	font-size:0.80em;
	line-height:1.28em;
	width:12.9em;
	margin-top:20px;
	margin-left:0px;
}


#menuChannel {
	background:url(../assets/menu/menuHeadBack.gif) no-repeat right;
	width:13.6em; 
	height:32px;
}
#menuCurrentChannelName {
	clear:both;
	position:absolute;
	margin-left:3em;
	margin-top:9px;
}
#menuCurrentChannelName a {
	font-size:0.58em;
	font-weight:bold;
	text-decoration:none;
	color: #B5B5B5;
}
#menuCurrentChannelName a:hover, #menuCurrentChannelName a.active, #menuCurrentChannelName a.current {
	font-size:0.64em;
	font-weight:bold;
	text-decoration:none;
	color: #FFF;
}
#channelSelectorForm {
	margin-left:4px; 
	margin-top:3px; 
	position:absolute; 
	float:left;
}



/*  MENU-LIST */
/*  MENU-LIST */
.menuList {
	list-style:none;
	margin:0;
	border:none;
	padding:0;
}

/* LIST ITEM CLOSED*/
/* LIST ITEM CLOSED*/
.menuListItem {
	width:14.6em; 
	height:1.35em; 
	line-height:1.4em;
	background:url(../assets/menu/menuItemBack.jpg) no-repeat bottom right;
}
.menuListItem:hover {
	background:url(../assets/menu/menuItemBack_f2.jpg) no-repeat bottom right;
}
.menuListItem a {
	display:block;
	font-size:0.70em;
	text-decoration:none;
	color:#FFF;
	padding-left:12px;
}
.menuListItem a:hover, .menuListItem a:active, .menuListItem a.current {
	font-weight:bold;
}

/* LIST ITEM CLOSED :::::  CURRENT */
/* LIST ITEM CLOSED :::::  CURRENT */
.menuListItemCurrent {
	width:14.6em; 
	height:1.4em; 
	line-height:1.5em;
	background:url(../assets/menu/menuItemBack_f2.jpg) no-repeat bottom right;
}
.menuListItemCurrent a {
	display:block;
	font-size:0.70em;
	text-decoration:none;
	color:#FFF;
	padding-left:12px;
}
.menuListItemCurrent a:hover, .menuListItemCurrent a:active, .menuListItemCurrent a.current {
	font-weight:bold;
}

/* LIST ITEM OPEN*/
/* LIST ITEM OPEN*/
.menuListOpenTopic {
	width:14.6em;  
	line-height:1.4em;
	background:url(../assets/menu/menuTopicBack.jpg) no-repeat bottom right;
}
.menuListOpenTopic a {
	display:block;
	font-size:0.70em;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
	color:#FFF;
	padding-left:12px;
}


/*  SUB-MENU-LIST */
/*  SUB-MENU-LIST */
.menuSubList {
	list-style:none;
	margin:0;
	border:none;
	padding:0;
	padding-top:0.1em;
	padding-bottom:0.4em;
}
.menuSubItem {
	width:13.6em; 
	height:1.1em; 
	line-height:1.1em;
}
.menuSubItem a {
	display:block;
	font-size:0.70em;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	color:#FFF;
	padding-left:23px;
}


#menuBottom {
	background:url(../assets/menu/menuBottomBack.gif) no-repeat right top;
	width:13.6em; 
	height:32px;
}






/* the cfselect dropdownlist*/
#contentSelector {
	outline:none;
	border-color:#000;
	border-style:solid;
	border-width:1px;
	color:#000;
	font-size:0.80em;
	line-height:1.28em;
	width:220px;
	margin-top:12px;
}



#dotSelector {
	list-style: none;
	padding:0;
	border:0;
	width:100%;
	text-align:center;
}
#dotSelector li {
	float:left;
	width:16px;
	height:16px;
}
#dotSelector li a:link, #dotSelector li a:visited  {
	width:16px;
	height:16px;
	text-decoration:none;
	display:block;
	background-image:url(../contents/headers/selectors.gif);
	background-repeat:no-repeat;
	background-position: -16px 0px; 
}
#dotSelector li a:hover  {
	background-image:url(../contents/headers/selectors.gif);
	background-repeat:no-repeat;
	background-position: -32px 0px; 
}
#dotSelector li a:active  {
	background-image:url(../contents/headers/selectors.gif);
	background-repeat:no-repeat;
	background-position: 0px 0px; 
}
#dotSelector li a.current:active, 
#dotSelector li a.current:hover, 
#dotSelector li a.current:link, 
#dotSelector li a.current:visited {
		background-image:url(../contents/headers/selectors.gif);
	background-repeat:no-repeat;
	background-position: 0px 0px; 
}






/* TILE for SECTOR - Articles*/
/* TILE for SECTOR - Articles*/
.sectorMembersWrapper {
	text-align:center;

}
.sectorMemberBox {
	width:15em; 
	height:170px; 
	float:left; 
	text-align:center;
	margin-top:3px;
}
.sectorMemberBox img {
	border:none;
}
.sectorMemberText {
	margin-top:2px;
}
.sectorMemberText a {
	text-decoration:none;
	font-size:0.80em;
	font-weight:bold;
	color:#000;
}

/* TILE for Articles Titles*/
/* TILE for Articles Titles*/
.articleTileCategoryHead {
	text-align:left;
	width:100%;
	font-size:0.86em;
	font-weight:bold;
	color:#000;
}
.articleTileWrapper {
	text-align:center;
	width:100%;
}
.articleTitleBox {
	width:185px; 
	height:250px; 
	float:left; 
	text-align:center;
	margin-top:3px;
}
.articleTitleText {
	margin-top:5px;
}
.articleTitleText a {
	text-decoration:none;
	font-size:0.68em;
	font-weight:bold;
	color:#000;
}









.myToolTip {
	font-size:0.72em;
}


body {
	margin:0;
	padding:0 !important;
	border:none;
	font-family:Verdana, Geneva, sans-serif;
	font-size:1em;
	width:100%;
	height:100%;
	background-color:#152F93;
	overflow-y:scroll; 
}
h1 {
	margin:0;
	border:0;
	padding:0;
	font-size:1.3em;
	letter-spacing:-0.05em;
	font-weight:bold;
}
h2 {
	margin:0;
	border:0;
	padding:0;
	font-size:1.02em;
	letter-spacing:-0.05em;
	font-weight:normal;
}
h3 {
	font-size:1.00em;
	font-weight:bold;
}closebuttclear
p {
	font-size:0.85em;
	font-weight:normal;
}

body img {
	margin:0;
	border:0;
	padding:0;
}
body a {
	text-decoration:none;
}

body strong {
	font-weight:bold;
}


#contentMain{
	background-color:#FEEA00;
	margin-left:32px;
	margin-top:15px;
}
.productArea {
	position:relative;
	text-align:left;
	margin-top:0px;
	margin-left:-10px;
	top:-10px;
}

.productPriceTable {
	font-size:0.60em;
}

/* absolute positioned DIV for clicking over the headerImage*/
#prodLogoClick {
	position:absolute;
	margin-top:54px; 
	margin-left:4.1em; 
	width:300px; 
	height:74px; 
	 
}


/**/
.standardTextBlock {
	text-align:left;
}
.standardTextBlock .header {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.93em;
	font-weight:bold;
	color:#000;
}
.standardTextBlock .text {
	font-size:0.71em;
	font-weight:normal;
	line-height:1.25em;
	color:#000;
}
.strongBlue {
	font-size:16px;
	font-weight:bold;
	color:#102eff;
	margin-top:3px;
}


/* FLOATING TEXT TEXT*/
.floatingColumns {
	text-align:left;
	width:100%;
	margin-top:1em;
	display:block;
}
.column {
	float:left;
	width:14.6em;
	height:auto;
	margin-top:0;
	margin-bottom:1em;
	margin-right:1em;
}
.columnHeader {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	font-weight:bold;
	color:#000;
}
.columnHeaderImage {
	margin-top:15px;
	margin-bottom:10px;
}
.columnText {
	font-size:0.85em;
	font-weight:normal;
	line-height:1.25em;
	color:#000;
}
.columnText p {
	margin:0;
	margin-top:0.5em;
}

/* POPUPS -- VIEWERS*/
/* POPUPS -- VIEWERS*/

#suchmichViewer {
	visibility:hidden;
	z-index:5;
	position:absolute;
}
#suchdasViewer {
	visibility:hidden;
	z-index:5;
	position:absolute;
}

#myPopupContent {
	margin-top:70px;
	position:absolute;
	height:360px;
	width:100%;
	overflow:auto;
	z-index:1001;
}

#popupcontent{
   position: absolute;
   visibility: hidden;
   overflow:hidden;
   border:1px solid #CCC;
   background-color:#FEEA00;
   border:1px solid #333;
   padding:5px;
   z-index:1000;
}

.popupContentContainer {
	background-color:#FEEA00; 
	overflow:hidden; 
}

#contentsViewer {
   position: fixed;
   visibility: hidden;
   background-color:#FEEA00;
   padding:0px;
   top:50%; 
   left:50%; 
   transform:translate(-50%, -50%); 
   width:350px; 
   height:450px; 
   text-align:center; 
   z-index:1100; 
   overflow:hidden; 
   border:1px solid #000;
}

#contentsViewerBody {
	position:relative;
}

.viewerImage {
	position:relative; 
	margin-left:auto; 
	margin-right:auto; 
	width:300px; 
	height:356px;
}

#viewerTools {
	position:relative; 
	width:350px;
	text-align:center;
}

.viewerToolsList {
	list-style:none;
	padding:0;
	margin:0;
	border:none;
	width:250px;
	margin-left:auto;
	margin-right:auto;

}

.viewerFirstActive {
	display:inline;
	margin:0;
	float:left;
	width:37px;
	height:24px;
	background:url(../assets/viewer/viewerNavs.png) 0px 0px no-repeat;
	 
}

.viewerFirstDis {
	display:inline;
	margin:0;
	float:left;
	width:37px;
	height:24px;
	background:url(../assets/viewer/viewerNavs.png) -148px 0px no-repeat;
	 
}

.viewerBeforeActive {
	display:inline;
	margin:0;
	float:left;
	width:37px;
	height:24px;
	background:url(../assets/viewer/viewerNavs.png) -37px 0px no-repeat;
	 
}

.viewerBeforeDis {
	display:inline;
	margin:0;
	float:left;
	width:37px;
	height:24px;
	background:url(../assets/viewer/viewerNavs.png) -185px 0px no-repeat;
	 
}

.viewerMiddleText {
	display:inline;
	margin:0;
	margin-top:2px;
	float:left;
	width:100px;
	text-align:center;
}

.viewerNextActive {
	display:inline;
	margin:0;
	float:left;
	width:37px;
	height:24px;
	background:url(../assets/viewer/viewerNavs.png) -74px 0px no-repeat;
	 
}

.viewerNextDis {
	display:inline;
	margin:0;
	float:left;
	width:37px;
	height:24px;
	background:url(../assets/viewer/viewerNavs.png) -222px 0px no-repeat;
	 
}

.viewerLastActive {
	display:inline;
	margin:0;
	float:left;
	width:37px;
	height:24px;
	background:url(../assets/viewer/viewerNavs.png) -111px 0px no-repeat;
	 
}

.viewerLastDis {
	display:inline;
	margin:0;
	float:left;
	width:37px;
	height:24px;
	background:url(../assets/viewer/viewerNavs.png) -259px 0px no-repeat;
	 
}





/*  TOOL BUTTONS*/
/*  TOOL BUTTONS*/
.closeButton {
	background:url(../assets/viewer/viewerClose.jpg) 0px 0px no-repeat;
	 
	text-decoration:none;
	width:32px;
	height:32px;
}
.closeButton:hover {
	background:url(../assets/viewer/viewerClose.jpg) -32px 0px no-repeat;
}

.leftButton {
	background:url(../assets/viewer/leftRight.jpg) 0px 0px no-repeat;
	 
	text-decoration:none;
	width:50px;
	height:30px;
}
.leftButton:hover {
	background:url(../assets/viewer/leftRight.jpg) -50px 0px no-repeat;
}


.rightButton {
	background:url(../assets/viewer/leftRight.jpg) -100px 0px no-repeat;
	 
	text-decoration:none;
	width:50px;
	height:30px;
}
.rightButton:hover {
	background:url(../assets/viewer/leftRight.jpg) -150px 0px no-repeat;
}


/*  TOOL BUTTONS*/
/*  TOOL BUTTONS*/
.navArea {
	margin-top:42px; 
	width:78px; 
	height:26px; 
	text-align:center;
	 
}
.navAreaDisabled {
	margin-top:42px; 
	width:78px; 
	height:26px; 
	text-align:center;
	 
}
#navDisabled {
	width:32px; 
	height:32px; 
	margin-left:auto; 
	margin-right:auto; 
	background:url(../assets/navigation/navs.png) -128px 0px no-repeat;
}
#navLeftEnabled {
	width:32px; 
	height:32px; 
	margin-left:auto; 
	margin-right:auto; 
	background:url(../assets/navigation/navs.png) -64px 0px no-repeat;
}
#navLeftEnabled:hover {
	background:url(../assets/navigation/navs.png) 0px 0px no-repeat;
}

#navRightEnabled {
	width:32px; 
	height:32px; 
	margin-left:auto; 
	margin-right:auto; 
	background:url(../assets/navigation/navs.png) -96px 0px no-repeat;
}
#navRightEnabled:hover {
	background:url(../assets/navigation/navs.png) -32px 0px no-repeat;
}