/* CSS Document */

/******************************
 * HTML
 ******************************/

* {
	margin: 0;
	padding: 0;
	font-size: 8pt;
}

FORM { margin: 0; padding: 0; }

BODY, HTML {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

BODY {
	margin-top: 1px;
}

H1, H2, H3 {
	font-size: 100%;
}

H4 { font-weight:bold; }

H4 { font-weight:bold; }

H1 {
	margin-bottom: 0.85em;
}

P, UL {
	padding: 0;
	margin: 0;
	margin-bottom: 0.85em;
}

LI {
	padding: 0;
	margin: 0;
	padding-left: 12px;
	margin-left: 3px;
	margin-bottom: 0.25em;
	list-style-type: none;
	background-image: url('../images/1/listarr.gif');
	background-repeat: no-repeat;
	background-position: left 0.4em;
}

HR {
	margin: 6px 0;
	height:0px;
	border:none;
	background:none;
	border-bottom:1px solid #C7C7C7;
}

TH {
	text-align: left;
}

FORM {
	display: inline;
	margin: 0;
}

INPUT.btn {
	background-color: #F0F0F1;
	border: 2px solid #215B96;
	color: #215B96;
	font-weight: bold;
	padding: 2px 6px;
	cursor: pointer;
}

INPUT.ovr {
	color: #F0F0F1;
	background-color: #215B96;
}


/******************************
 * Layout
 ******************************/
 
#outframe { 
	width: 978px;
	margin: auto;
	text-align:left;
}

#mainframe {
	margin:2px 0;
	padding: 2px 10px 23px 10px;
	border: 1px solid #c6c6c6;
}

* HTML BODY #mainframe { width:100% }


/* HEAD */

/*#headframe {
	background-image: url('../images/bg_headframe.jpg');
	background-repeat: no-repeat;
	background-position: 600px -5px;
}*/

#topmenu { text-align:right; }
#topmenu { margin-left:auto; }

#topmenu UL {
	padding: 0;
	margin: 0;
}

#topmenu LI {
	background:none;
	padding:0 0;
	margin:0;
}

/* TOP MENU */
#topmenu #navi { padding:5px 0; width:370px; }
#topmenu #navi UL { float:right; }
#topmenu #navi LI {
	float:left;
	border-right:1px solid #818181;
	padding:0 7px;
}
#topmenu #navi LI.last { border-right:none; }
#topmenu #navi LI A { text-decoration:none;}
#topmenu #navi LI A:hover { text-decoration:underline;}

/* LANG MENU */
#topmenu #langmenu {
	width:377px;
	text-align:right; padding:5px 0;
}
#topmenu #langmenu UL { float:right; }
#topmenu #langmenu LI {  float:left; }
#topmenu #langmenu LI {
	border-right: 1px solid #3f6617;
	padding:0 7px;
}
#topmenu #langmenu LI.last { border-right:none; }
#topmenu #langmenu A { text-decoration:none; }
#topmenu #langmenu A:hover { text-decoration:underline; }

/* BANNER */
#banner {
	height:83px;
	background-image: url('../images/logo.jpg');
	background-repeat: no-repeat;
}

/* ROOTMENU */
#rootmenu { padding-top:41px; }
#rootmenu UL { padding:0; margin:0; float:right; }
#rootmenu LI {
	background:none;
	border-right:1px solid #818181;
	margin:0;
	padding:0;
	padding:0 7px;
	float:left;
}
#rootmenu LI.last { border-right:none; }
#rootmenu LI A { text-decoration:none; }
#rootmenu LI A:hover { text-decoration:underline; }

/* SUBNAVIGATION */
#subnav {
	height:26px;
	background-image: url('../images/1/submenubg.gif');
	background-repeat: repeat-x;
}

#subnav UL {
	padding:0;
	margin:0;
	margin-top: 6px;
	float:left;
}

#subnav LI {
	background: none;
	margin:0;
	float:left;
	padding:0 6px;
	border-right: 1px solid #3f6615;
}
#subnav LI.last { border-right:none; }
#subnav LI A { text-decoration:none;  }
#subnav LI A:hover { text-decoration:underline; }
#subnav LI.sel A { font-weight:bold; }
#subnav LI EM { display: none; }
/* presubnavIGATION */
#presubnav {
	height:26px;
	background-image: url('../images/1/manavbg.gif');
	background-repeat: repeat-x;
}

#presubnav UL {
	padding:0;
	margin:0;
	margin-top: 6px;
	float: left;
}

#presubnav LI {
	background: none;
	margin:0;
	float:left;
	padding:0 6px;
	border-right: 1px solid #3f6615;
}
#presubnav LI.last { border-right:none; }
#presubnav LI A { text-decoration:none; color: #8797a7; font-weight:bold; }
#presubnav LI A:hover { text-decoration:underline; }
#presubnav LI.sel A { color: #374757; }
#presubnav LI EM { display: none; }


/*** navigation dropdown menus ***/

#sublevels {
	padding: 0px;
}

#sublevels .sub {
	display: none;
}

#sublevels .sub_v {
	display: block;
	background-color: #C0DE96;
	border: 1px solid #3F6615;
}

#sublevels A {
	color: #3F6615;
	padding: 3px;
	display: block;
	width: 10em;
	text-decoration: none;
	white-space: normal;
	border-bottom: 1px solid #3F6615;
}

#sublevels A.last {
	border-bottom-style: none;
}

#sublevels A:hover {
	color: #D0EEA6;
	background-color: #3F6615;
}

#sublevels LI EM { display: none; }


#page_div {
	margin-top: 6px;
}

/** CONTENT **/

#content_left { width: 182px; }
#content_right { width: 182px; }


/*
#content_overview { width: 521px; }
*/



/** BOXEN  **/

/* DEFAULT BOX */

.box {
	border:1px solid #C6C6C6;
	margin-bottom: 4px;
}

.box .title {
	padding:7px 0px 6px 10px; 
}

.box .title H1, .box .title H2 {
	display: inline;
}

/* BOX GROUP */

.boxgroup {
	border:1px solid #C6C6C6;
	margin-bottom:14px;
}

.box .body,
.boxgroup .body,
.anibox .body,
.linkbox .body  {
	/*border-bottom: 1px solid #FFFFFF;*/
}

.box .body P {
	margin: 0 10px 0.5em;
}

.box .body H3,
.boxgroup .body H3,
.anibox .body H3,
.linkbox .body H3  { font-weight:normal; padding:0px 10px; margin:14px 0 0 0; }

.boxgroup .box .body H4,
.anibox .body H4,
.linkbox .body H4  { font-weight: normal; padding:0px 10px;}

.box .body .text,
.boxgroup .body .text,
.anibox .body .text,
.linkbox .body .text  { font-weight: normal; padding:0px 10px; margin:14px 0;}

.box .body A,
.boxgroup .body A,
.anibox .body A,
.linkbox .body A { text-decoration:none; }

.box .body A:hover,
.boxgroup .body A:hover,
.anibox .body A:hover,
.linkbox .body A:hover { text-decoration:underline; }

.box .body .label,
.boxgroup .label,
.anibox .label,
.linkbox .label { padding:5px 10px; }


/* Animierte BOX */
.anibox H2 { 
	background-image: url('../images/1/box_closed_title_bg.jpg');
	background-repeat: no-repeat;
	background-position: right top;
	padding:7px 30px 6px 10px;
	cursor:pointer;
}

.openbox H2{
	background-image: url('../images/1/box_open_title_bg.jpg');
	background-repeat: no-repeat;
	background-position: right top;
	padding:7px 30px 6px 10px;
}


/* Content box */
/*
#content_main .openbox H2 { cursor:default; }
#content_main .openbox H1 { margin-top:14px; margin-bottom:0 }
#content_main .openbox .body H2 { background:none; padding:0 0 6px 0; }
#content_main .openbox H4, #content_main .openbox H3, #content_main .openbox .text { padding-left:0; }
#content_main .openbox H4 { font-weight:bold; }#content_main .openbox H4 { font-weight:bold; }
#content_main .openbox .text { margin-bottom:0px; }
#content_main .openbox .body { padding:0 10px ; }
*/


.contentbox .title {
	background-color: #0F0;
}

/* DEFAULT BOX */


.linkbox H2 A { display:block; padding:7px 30px 6px 10px; text-decoration:none; /*specific/*color:#406515;*/ }


/** FOOTER  **/

#footer { margin-top:25px; margin-bottom:25px; }

/* FOOTMENU */
#footmenu { text-align:right; vertical-align:top; }
#footmenu .menu A { text-transform: uppercase; text-decoration: none; }
#footmenu .menu A:hover { text-decoration: underline; }
#footmenu .languages A { text-transform:lowercase; text-decoration: none; }
#footmenu .languages A:hover { text-decoration: underline; }
#footer UL { display:inline; float: right; margin-bottom: 0px; }
#footer LI { float:left; margin:0px; padding:0 10px; border-right:1px solid #818181; background:none; }
#footer LI.last { border-right:none; padding-right:0; }


/** SCROLLBOX  **/

#scrollbox { width:520px; overflow: hidden; }
#scrollbox_body { }

.scrollbox .left { 
	cursor:pointer; 
	vertical-align:top;
	padding-top:6px;
	width:25px;
	text-align:center;
	/*border-right: 1px solid #afafaf;/**/
	background-image: url('../images/scrollbox_bg_left.gif');
	background-position: top right;
	/*background-image: url('../images/left_right_bg.gif');
	background-repeat: repeat-x;
	background-position: left 100%;/**/
}
.scrollbox .right { 
	cursor:pointer; 
	vertical-align:top;
	padding-top:6px;
	width:25px;
	text-align:center;
	/*border-left: 1px solid #afafaf;/**/
	background-image: url('../images/scrollbox_bg_right.gif');
	background-position: top left;
	/*background-image: url('../images/left_right_bg.gif');
	background-repeat: repeat-x;
	background-position: left 100%;/**/
}
.scrollbox .left IMG, .scrollbox .right IMG { padding: 53px 0 53px; }

.scrollbox .label { /*height: 44px;*/ }

.scrollbox .leftover { cursor:pointer; }
.scrollbox .rightover { cursor:pointer; }


/** BASKET  **/

.box .status { margin: 25px 0; }

.box .status TD { 
	text-align:center; 
	width:145px; 
	font-weight:bold;
	background-image: url('../images/1/basket_line_bg.jpg');
	background-repeat: repeat-x;
	background-color: #195172;
}

.box .status .line { margin-bottom:15px; }
.box .status .line DIV {
	margin:auto;
	border:1px solid #195172;
	font-weight:bold;
	padding:4px 0 5px 0;
	text-align:center;
	width:23px;
}

.box .listhead TD { 
height:28px; 
font-weight:bold;
}

.box .head TD { padding:5px 0px; }

.box .produktlist .nbentry TD{ padding:3px 0; }

.box .anibox .body { padding: 0; }

.box .delete_lnk {
	display:block;
	border:1px solid #c5c5c5;
	margin-right:5px;
	padding:1px 5px 1px 25px;
	font-weight:bold;
	background-image: url('../images/basket_delete.gif');
	background-repeat: no-repeat;
	background-position: 5px 53%;
}

#basket .delete_lnk {
	display:inline;
	padding:1px 5px 1px 15px;
}

#basket .delete_lnk:hover {
	text-decoration:none;
}

.box .save_lnk {
	padding:1px 5px 1px 25px;
	display:block;
	border:1px solid #c5c5c5;
	font-weight:bold;
	background-image: url('../images/basket_save.gif');
	background-repeat: no-repeat;
	background-position: 5px 53%;
}

#basket .save_lnk {
	display:inline;
	padding:1px 5px 1px 15px;
}

#basket .save_lnk:hover {
	text-decoration:none;
}

.box INPUT.txt , .box TEXTAREA {
	border:1px solid #b0b4b5;
	margin:2px 0;
	padding: 2px;
}

.box .result TH { text-align:center; }
.box .br { border-right: 1px solid #f0f0f2; }


.box .kontaktdata .title TD { padding:5px 5px; font-weight:bold; }
.box .kontaktdata .textblock TD { padding:5px 5px; }

.box .button { 
	border: 1px solid #1a5371;
	font-weight: bold;
	cursor: pointer;
}

#login_form INPUT.txt {
	width: 157px;
}

/** PAGER  **/
#content_main .pager { text-align:center; border:1px solid #C7C7C7; padding:3px 10px; margin-bottom:5px; }
#content_main .pager .sel { font-weight: bold; }

/** Easy Message  **/
#easy_message_title { padding:3px 10px; text-align:center; font-weight:bold; }
#easy_message_close { padding:0px 6px!important; font-size:140% }
#easy_message_content { padding:10px; }
#easy_message_bottom { text-align:center; padding:10px 0px 0 0; }
#easy_message_bottom INPUT { width:50px; border:1px solid #a7accf; }

/** Single Elements Styles  **/
.printbutton { border: 1px solid #C6C6C6; font-family:Verdana, Geneva, sans-serif; }
.emailbutton { border: 1px solid #C6C6C6; font-family:Verdana, Geneva, sans-serif;}



/******************************
 * LIST PRODUCTS
 ******************************/

.h1color { color: #9E005D; }

#products_top {
	background-image: url('../images/gradient_alu2r.jpg');
	background-position: center top;
	background-repeat: repeat-x;
	background-color: #F4F4F4;
	border-bottom: 1px solid #B0B0B0;
}

#products_top #qsearch, #products_top #basket_control {
	padding: 5px 10px;
	height: 36px;
}

#products_top #qsearch TD, #products_top #qsearch TH,
#products_top #basket_control TD, #products_top #basket_control TH {
	padding: 0px 6px;
}

#products_top #basket_control TH {
	text-align: left;
}

#products_top #basket_control .param {
	color: #215B96;
}
#products_top #basket_control .val {
	color: #E71804;
}
#products_top #basket_control .bdr {
	border: none;
	border-left: 1px solid #575757;
}
#products_top #basket_control .bbdr {
	border: none;
	border-left: 2px solid #9e005d;
}

#products_search {
	background-image: url('../images/gradient_alu2.jpg');
	background-position: center bottom;
	background-repeat: repeat-x;
	border-bottom: 1px solid #B0B0B0;
	margin-bottom: 6px;
}

#products_search #search_control .title TD {
	background-color: #215B96;
	color: #FFFFFF;
	font-weight: bold;
	padding: 2px 5px;
}

#products_search #search_control .body TD {
	padding: 2px;
}

#products_search INPUT.txt {
	border: 1px solid #374757;
	padding: 1px;
}

#products_search SELECT {
	border: 1px solid #374757;
	width: 77px;
}

#products_search OPTION {
	padding: 0 2px;
}

#products_search OPTION I {
	color: red;
}

#products_top #search INPUT.txt {
	height: 19px;
	padding: 1px 2px;
}

#products_top #search #submit {
	height: 19px;
	background-image: url('../images/menubg_chrome.png');
	background-position: center top;
	background-repeat: repeat-x;
	padding: 0 2px;
	border: 1px solid #808080;
	cursor: pointer;
}

/******************************
 * PRODUCTS OVERVIEW
 ******************************/

#mehrbrot {
	display: none;
	position: absolute;
}
#mehrbrot a {
	display: block;
	padding: 2px;
}
#mehrbrot a:hover {
	text-decoration: none;
}
.overview .title {}
.overview .title a { text-decoration: none; }
.overview .title a:hover { text-decoration: underline; }
.overview .title h1, .overview .title h2 {
	display: inline;
	padding: 7px 7px 6px;
}

.overview .title h2#thiscol {
	padding-right: 12px;
	cursor: pointer;
}

.overview #top_pager A {
	text-decoration: none;
}

.overview #top_pager A IMG {
	border: none;
}

.overview .pagelist A {
	text-decoration: none;
	padding: 2px 1px;
}

.overview .pagelist A.sel {
	text-decoration: underline;
	font-weight: bold;
}

.overview .pagelist A:hover {
	text-decoration: underline;
}

.overview #productslist TD.right {
	border-right: none;
}

.overview #productslist TD.bottom {
	border-bottom: none;
}

.overview .label TH {
	text-align: left;
	padding: 3px 10px;
}
.overview .label TD {
	text-align: right;
	padding: 3px 10px;
}

.overview .label STRONG, .detail .ek_price STRONG {
	font-size:110%;
}

.detail .ek_price STRONG {
	font-size:130%;
}

.detail .manufacturer .logo_alt {
	font-size: 150%;
	font-weight: bold;
}


.overview #productslist A {
	display: block;
	text-decoration: none;
	padding-top: 15px;
	padding-bottom: 5px;
}
.overview #productslist .label A {
	padding: 0;
}
.overview #productslist .blind {
	width: 240px;
}

/******************************
 * PRODUCTS DETAIL
 ******************************/

.detail h2 {	display: inline; }

.detail h1 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: 900;
	font-size: 120%;
	margin: 0;
	padding-right: 15px;
}

.detail .title .slopedown {
	background-image: url('../images/slope_dn.gif');
	background-repeat: no-repeat;
	background-position: left top;
}

.detail .title .slopeup {
	background-image: url('../images/slope_up.gif');
	background-repeat: no-repeat;
	background-position: left top;
}

.detail .title .slopetop {
	border-top: 1px solid #808080;
}

.detail .title .slopebottom {
	border-bottom: 1px solid #808080;
	background-image: url('../images/slope_bg.gif');
	background-repeat: repeat-x;
	background-position: left top;
}

.detail h2 {
	font-size: 110%;
	letter-spacing: 0.15em;
}

.detail .data {
	padding-right: 5px;
}

.detail .color {
	border: 1px solid #C6C6C6;
	margin-bottom: 11px;
}

.detail .color .title {
	background-color: #F0F0F0;
	height: 17px;
	padding: 2px;
	padding-left: 30px;
	background-image: url('../images/1/corner2.gif');
	background-repeat: no-repeat;
	background-position: -1px -1px;
}

.detail .image, #detail .zoom_image {
	margin-top: 11px;
	text-align: center;
}

.detail .zoom_image {
	text-align: center;
	cursor: pointer;
}

.detail .zoom_icon {
	background-image: url('../images/zoom.gif');
	background-position: 5px center;
	background-repeat: no-repeat;
	border-bottom: 1px solid #c7c7c7;
	padding: 4px 2px;
	padding-left: 30px;
	position: relative;
	top: -5px;
	height: 20px;
}

#detail .color .light {
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
}

#detail .color .light1 {
	background-image: url('../images/symbols/light_1.gif');
}

#detail .color .light2 {
	background-image: url('../images/symbols/light_2.gif');
}

#detail .color .light3 {
	background-image: url('../images/symbols/light_3.gif');
}

#detail .color INPUT.txt {
	padding: 2px 1px;
}

#detail .color INPUT.amount {
	text-align: right;
	border: 1px solid #215B96;
	color: #215B96;
}

/******************************
 * BASKET
 ******************************/

#basket .title {
	background-image: url('../images/1/box_open_title_bg.jpg');
	background-repeat: repeat-x;
}

#basket .title h1, #basket .title h2 {
	padding: 7px 7px 6px;
	margin: 0;
}

#basket .body H3 {
	padding: 5px;
	padding-left: 10px;
}

#basket .body  TH {
	padding: 5px;
}

#basket .body  TD {
	padding: 5px;
}

#basket .odd TD {
	background-color: #F0F0F1;
}

#basket .picture {
	border: 1px solid #818181;
	background-color: #FFFFFF;
	padding: 5px;
	width: 110px;
}

#basket .item TD {
	border-top: 1px solid #818181;
}

#basket .price STRONG {
	font-size: 115%;
}

#basket .free STRONG {
	color: inherit;
}

#basket .summary TD {
	border-top: 2px solid #575757;
	background-color: #F0F0F1;
}

#basket .summary .bld {
	height: 30px;
}

#basket .summary STRONG {
	font-size: 125%;
	color: red;
}

#basket .item .light {
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
}

#basket .item .light1 {
	background-image: url('../images/symbols/light_1.gif');
}

#basket .item .light2 {
	background-image: url('../images/symbols/light_2.gif');
}

#basket .item .light3 {
	background-image: url('../images/symbols/light_3.gif');
}

#basket .item INPUT.txt {
	padding: 2px 1px;
}

#basket .item INPUT.amount {
	text-align: right;
	border: 1px solid #215B96;
	color: #215B96;
	padding: 1px 2px;
	width: 3em;
}

#basket #basket_control {
	margin: 15px 0;
	padding: 0 10px;
}

.basket_status {
	margin: 10px 0;
}

.basket_status TD, .basket_status A {
	color: #215B96;
	font-weight: bold;
	text-decoration: none;
}

.basket_status .steps {
	background-image: url('../images/stepsbg.gif');
	background-repeat: repeat-x;
	background-position: center;
}

.basket_status .steps IMG {
	margin: 5px 0;
}


#orderhead {
	margin: 1em 0; 
}

#orderhead TH {
	background-color: #D8EBFE;
	color: #374757;
	padding:7px 30px 6px 10px; 
}

#orderhead TD {
	padding:7px 30px 6px 10px; 
}


/******************************
 * DEBUG
 ******************************/

#debugger_output { text-align:left; }


/******************************
 * QUICK STYLES
 ******************************/

* .bld {
	font-weight: bold;
}

* .norm {
	font-weight: normal;
}

* .nopad, TD.nopad, .nopad TD {
	padding: 0;
}

* .nomrg {
	margin: 0;
}

* .hspace {
	margin: 0 15px;
}

* .nobdr {
	border: none;
}

.left_bdr {
	border-left: 1px solid #C8C8C8;
}

.ctr TD {
	text-align: center;
}

.right, .num {
	text-align: right;
}

.center {
	text-align: center;
}

/**
 * Info + Sort Navi
 **/
#info_navi, #sort_navi {
  position: absolute;
  text-align: left;
}
#info_navi A, #sort_navi A {
  text-align:left;
  font-weight:bold;
  padding:3px;
  display:block;
}