/* BODY */
*				{ margin: 0; padding: 0; } 
body				{ width: 100%; height: 100%; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 12px; color: #666666; line-height: 1.3em; background-image: url(../images/page_bg.jpg); }


/*LINK*/

a.orange_norm:link		{ color: #D6661A; text-decoration: underline; }
a.orange_norm:visited	{ color: #D6661A; text-decoration: underline; }
a.orange_norm:hover		{ color: #F2AE7C; text-decoration: none; }
a.orange_norm:active		{ color: #D6661A; text-decoration: none; }

a.lightorange_fat_ou:link	{ color: #F2AE7C; text-decoration: none; }
a.lightorange_fat_ou:visited{ color: #F2AE7C; text-decoration: none; }
a.lightorange_fat_ou:hover	{ color: #FADFB4; text-decoration: none; }
a.lightorange_fat_ou:active	{ color: #F2AE7C; text-decoration: none; }

a.darkgreen_norm:link	{ color: #375633; text-decoration: underline; }
a.darkgreen_norm:visited	{ color: #375633; text-decoration: underline; }
a.darkgreen_norm:hover	{ color: #5A8554; text-decoration: none; }
a.darkgreen_norm:active	{ color: #375633; text-decoration: none; }

a.darkgreen_fat:link		{ color: #375633; font-weight: bold; text-decoration: underline; }
a.darkgreen_fat:visited	{ color: #375633; font-weight: bold; text-decoration: underline; }
a.darkgreen_fat:hover	{ color: #5A8554; font-weight: bold; text-decoration: none; }
a.darkgreen_fat:active	{ color: #375633; font-weight: bold; text-decoration: none; }

a.black_fat:link		{ color: #000000; font-weight: bold; text-decoration: underline; }
a.black_fat:visited		{ color: #000000; font-weight: bold; text-decoration: underline; }
a.black_fat:hover		{ color: #666666; font-weight: bold; text-decoration: none; }
a.black_fat:active		{ color: #000000; font-weight: bold; text-decoration: none; }

a.tn_start			{ display: block; background-image: url(../images/topnavi_start.gif); width: 147px; height:24px; text-decoration: none; margin-right: 2px; float: left; }
a.tn_start:hover		{ background-image: url(../images/topnavi_start_sel.gif); text-decoration: none; }
a.tn_five			{ display: block; background-image: url(../images/topnavi_fivesteps.gif); width: 228px; height:24px; text-decoration: none; margin-right: 2px; float: left; }
a.tn_five:hover		{ background-image: url(../images/topnavi_fivesteps_sel.gif); text-decoration: none; }
a.tn_coll			{ display: block; background-image: url(../images/topnavi_collection.gif); width: 148px; height:24px; text-decoration: none; margin-right: 2px; float: left; }
a.tn_coll:hover		{ background-image: url(../images/topnavi_collection_sel.gif); text-decoration: none; }
a.tn_req			{ display: block; background-image: url(../images/topnavi_request.gif); width: 184px; height:24px; text-decoration: none; margin-right: 2px; float: left; }
a.tn_req:hover		{ background-image: url(../images/topnavi_request_sel.gif); text-decoration: none; }
a.tn_about			{ display: block; background-image: url(../images/topnavi_aboutus.gif); width: 141px; height:24px; text-decoration: none; margin-right: 2px; float: left; }
a.tn_about:hover		{ background-image: url(../images/topnavi_aboutus_sel.gif); text-decoration: none; }
a.tn_cont			{ display: block; background-image: url(../images/topnavi_contact.gif); width: 132px; height:24px; text-decoration: none; float: left; }
a.tn_cont:hover		{ background-image: url(../images/topnavi_contact_sel.gif); text-decoration: none; }

a.artbox			{ float: left; background: url(../images/artlist_item-bg.gif) repeat-x; width: 364px; height: 132px; margin-right: 15px; margin-bottom: 15px; text-decoration: none; }
a.artbox:hover		{ float: left; background: url(../images/artlist_item-bg_hover.gif) repeat-x; width: 364px; height: 132px; margin-right: 15px; margin-bottom: 15px; text-decoration: none; }

a.overview_box		{ width: 169px; height: 259px; float: left; border: 1px solid #CCCCCC; margin-right: 15px; margin-bottom: 15px; background-color: #F0F1F1; text-decoration: none; color: #666666; display: table-cell; text-align: center; }
a.overview_box:hover		{ width: 169px; height: 259px; float: left; border: 1px solid #D6661A; margin-right: 15px; margin-bottom: 15px; background-color: #FFEAC9; text-decoration: none; color: #97442E; display: table-cell; text-align: center; }

a.singleitem_box		{ border: 1px solid #CCCCCC; background-color: #F0F1F1; text-decoration: none; color: #666666; display: table-cell; text-align: center; }
a.singleitem_box:hover	{ border: 1px solid #D6661A; background-color: #FFEAC9; text-decoration: none; color: #97442E; display: table-cell; text-align: center; }

a.lnavi_maincat		{ width: 176px; margin: 0px 11px; padding: 10px 0px; font-size: 12px; border-top: 1px dashed #B1D6AD; color: #FFFFFF; text-decoration: none; display: table; }
a.lnavi_maincat:hover	{ width: 176px; margin: 0px 11px; padding: 10px 0px; font-size: 12px; border-top: 1px dashed #B1D6AD; background-color: #82AC7F; color: #FFFFFF; text-decoration: none; display: table; }
a.lnavi_maincat_sel		{ width: 176px; margin: 0px 11px; padding: 10px 0px; font-size: 12px; border-top: 1px dashed #B1D6AD; background-color: #82AC7F; color: #FFFFFF; text-decoration: none; display: table; }
a.lnavi_maincat_sel:hover	{ width: 176px; margin: 0px 11px; padding: 10px 0px; font-size: 12px; border-top: 1px dashed #B1D6AD; background-color: #B1D6AD; color: #FFFFFF; text-decoration: none; display: table; }
a.lnavi_subcat		{ width: 156px; margin: 0px 11px; padding: 5px 10px; font-size: 12px; border-top: 1px dashed #B1D6AD; color: #B1D6AD; text-decoration: none; display: table; }
a.lnavi_subcat:hover		{ width: 156px; margin: 0px 11px; padding: 5px 10px; font-size: 12px; border-top: 1px dashed #B1D6AD; color: #375633; background-color: #82AC7F; text-decoration: none; display: table; }
a.lnavi_subcat_sel		{ width: 156px; margin: 0px 11px; padding: 5px 10px; font-size: 12px; border-top: 1px dashed #B1D6AD; color: #375633; background-color: #82AC7F;text-decoration: none; display: table; }
a.lnavi_subcat_sel:hover	{ width: 156px; margin: 0px 11px; padding: 5px 10px; font-size: 12px; border-top: 1px dashed #B1D6AD; color: #375633; background-color: #B1D6AD; text-decoration: none; display: table; }

a.lnavi_reccat		{ width: 176px; margin: 0px 11px; padding: 10px 0px; font-size: 12px; border-top: 1px dashed #B1D6AD; color: #FFFFFF; text-decoration: none; display: table; }
a.lnavi_reccat:hover		{ width: 176px; margin: 0px 11px; padding: 10px 0px; font-size: 12px; border-top: 1px dashed #B1D6AD; background-color: #82AC7F; color: #FFFFFF; text-decoration: none; display: table; }
a.lnavi_reccat_sel		{ width: 176px; margin: 0px 11px; padding: 10px 0px; font-size: 12px; border-top: 1px dashed #B1D6AD; background-color: #82AC7F; color: #FFFFFF; text-decoration: none; display: table; }
a.lnavi_reccat_sel:hover	{ width: 176px; margin: 0px 11px; padding: 10px 0px; font-size: 12px; border-top: 1px dashed #B1D6AD; background-color: #B1D6AD; color: #30512D; text-decoration: none; display: table; }

a.listfirst			{ float: left; background: url(../images/button_page-first.png) no-repeat; width: 49px; height: 19px; padding: 2px; }
a.liststd			{ float: left; background: url(../images/button_page-std.png) no-repeat; width: 36px; height: 19px; padding: 2px; }
a.listlast			{ float: left; background: url(../images/button_page-last.png) no-repeat; width: 49px; height: 19px; padding: 2px; }

a.bigpic			{ position: relative; z-index: 1; color: #000000; text-decoration: none; cursor: default; }
a.bigpic:hover		{ z-index: 2; cursor: default; }
a.bigpic span			{ display: none; } 
a.bigpic:hover span		{ display: block; position: absolute; top: -420px; left: -85px; width: 420px; height: 540px; border: 1px #D6661A outset; } 

a.colout_black		{ position: relative; color: #202020; font-size: 8pt; line-height: 95%; text-decoration: none; text-weight: bold; cursor: default; text-shadow: white 1px 0px 1px, white 0px 1px 1px, white -1px 0px 1px, white 0px -1px 1px, black 2px 2px 2px; z-index: 0; }
a.colout_black:hover		{ cursor: default; }
a.colout_black span		{ display: none; } 
a.colout_black:hover span	{ display: block; position: absolute; top: 1px; left: -83px; width: 84px;  } 

a.colout_white		{ position: relative; color: #D0D0D0; font-size: 8pt; line-height: 95%; text-decoration: none; text-weight: bold; cursor: default; text-shadow: black 1px 0px 1px, black 0px 1px 1px, black -1px 0px 1px, black 0px -1px 1px, black 2px 2px 2px; z-index: 0; }
a.colout_white:hover		{ cursor: default; }
a.colout_white span		{ display: none; } 
a.colout_white:hover span	{ display: block; position: absolute; top: 1px; left: -83px; width: 84px;  } 


/*DIV*/

div#page_container		{ width: 1010px; margin: auto; background: url(../images/page_bg-shadows.jpg) repeat-y; }
div#center_bg			{ float: left; margin: 0px 10px; width: 990px; background-color: #F7F3F0; }
div#topnavi			{ width: 990px; height: 24px; margin-top: 2px; }
div#content			{ margin: 2px; background: url(../images/content_bg.gif) repeat-x; display: table; }
div#footer			{ width: 990px; height: 32px; background-image: url(../images/footer_bg.gif); padding-left: 20px; padding-right: 20px; display: table-cell; vertical-align: middle; }
div#plain_content		{ margin-left: 210px; padding: 15px; min-height: 667px; min-width: 746px; }
div#leftnavi			{ float: left; width: 210px; padding-right: 15px; }
div#leftnavi_inner		{ min-height: 667px; padding: 5px; background: url(../images/left-navi_bg.jpg) no-repeat; }
div#rightnavi			{ float: right; width: 210px; }
div#rightnavi_inner		{ min-height: 667px; padding: 5px; background: url(../images/left-navi_bg.jpg) no-repeat; }
div#coll_content		{ min-height: 717px; width: 100%; margin-left: 210px; }
div#leftnavi_headline	{ background-color: #30512D; width: 176px; padding: 4px 11px 20px 11px; font-size: 18px; font-weight: bold; }
div#subcat_box		{ background-color: #30512D; width: 198px; color: #FFFFFF; }
div#leftnavi_headline_rec	{ background-color: #528250; width: 176px; padding: 4px 11px 20px 11px; font-size: 18px; font-weight: bold; }
div#subcat_box_rec		{ background-color: #528250; width: 198px; color: #FFFFFF; }
div#search_box		{ background: url(../images/searchbar_bg.gif) repeat-x; height: 45px; width: 776px; line-height: 38px; color: #000000; font-size: 11px; }
div#article_box		{ padding: 15px 0px; min-height: 320px; max-width: 770px; display: table; }
div#article_left		{ width: 250px; float: left; }
div#article_right		{ margin-left: 260px; width: 480px; }
div#article_right.head	{ margin: 0px; padding: 4px 4px; line-height: 2em; color: #000000; font-size: 16.5pt; border-bottom: 1px solid #375633; font-weight: bold; }
div#article_right.artnr	{ margin: 0px; padding: 4px 4px; line-height: 350%; color: #000000; text-align: right; border-bottom: 1px solid #375633; height: 46px; }
div#article_right.desc	{ margin: 0px; padding: 14px 4px; color: #000000; border-bottom: 1px solid #375633; }
div#article_right.quest	{ margin: 0px; padding: 4px 4px; line-height: 2em; color: #000000; border-bottom: 1px solid #375633; text-align: right; }
div#col_box_container	{ margin-left: 15px; width: 748px; display: table; }
div#col_box			{ background: url(../images/colbox_bg.gif) repeat-x; margin: 0 auto; width: 748px; display: table; border: 1px solid #CCCCCC; }
div#colsize_box		{ margin: 0 auto; width: 748px; display: table; height: 3em; color: #375633; }
div#colsize_output		{ color: #97442E; font-weight: bold; font-size: 19px; text-align: center; background: url(../images/colsize-box_bg.gif) repeat-x; border: 1px dashed #D6661A; height: 25px; display: block; line-height: 135%; z-index: 5; }
div#tooltip			{ position: absolute; display: none; z-index: 50; }
div#tooltip_text		{ width: 400px; color: #666666; background: #F2AE7C url(../images/tooltip_text-bg.gif) repeat-x; border-left: 1px solid #D6661A; border-top: 1px solid #D6661A; border-right: 1px solid #D6661A; padding: 8px; }
div#tooltip_name		{ width: 400px; height: 17px; color: #FFFFFF; background: #F2AE7C url(../images/tooltip_name-bg.gif) repeat-x; border: 1px solid #D6661A; padding: 4px 8px; font-weight: bold; }
div#listnavbox		{ border: 1px dashed #D6661A; padding: 8px 10px 4px 10px; width: 720px; text-align: center; }
div#mainpic_left		{ width: 130px; padding-right: 10px; float: left; }
div#mainpic_right		{ width: 130px; margin-left:610px; }
div#popup			{ position: absolute; height: 276px; width: 780px; margin: -137px 0px 0px -286px; top: 50%; left: 50%; background-color: #F5F5F5; border: 1px #07A698 outset; z-index: 10; }
div#popup_content		{ background: #FFFFFF url(../images/popup_bg.gif) top left repeat-x; padding: 15px; height: 224px; text-align: center; vertical-align: middle; }



div.popup_sizetable_hl	{ border: 1px solid #375633; background: url(../images/sizetable-hl_bg.gif) repeat-x top left; height: 20px; text-align: left; }
div.horizhalf_left		{ width: 501px; float: left; text-align: left; }
div.horizhalf_right		{ margin-left: 501px; width: 260px; text-align: right; margin-right: 15px; }
div.navibox_header_cyan	{ width: 180px; max-width: 180px; height: 32px; border: 1px solid #CCCCCC; background: url(../images/navibox_header-bg_cyan.gif) repeat-x; color: #FFFFFF; font-size: 13px; font-weight: bold; line-height: 250%; padding: 0px 8px; text-align: center; }
div.navibox_header_green	{ width: 180px; max-width: 180px; height: 32px; border: 1px solid #CCCCCC; background: url(../images/navibox_header-bg_green.gif) repeat-x; color: #FFFFFF; font-size: 13px; font-weight: bold; line-height: 250%; padding: 0px 8px; text-align: center; }
div.navibox_header_orange	{ width: 180px; max-width: 180px; height: 32px; border: 1px solid #CCCCCC; background: url(../images/navibox_header-bg_orange.gif) repeat-x; color: #FFFFFF; font-size: 13px; font-weight: bold; line-height: 250%; padding: 0px 8px; text-align: center; }
div.navibox			{ width: 180px; max-width: 180px; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; background: url(../images/navibox_bg.gif) repeat-x; padding: 8px; font-size: 11px; line-height: 1.2em; }
div.navibox_pic		{ width: 196px; max-width: 196px; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; background: url(../images/navibox_bg.gif) repeat-x; }
div.divider			{ width: 10px; height: 6px; }
div.float_left		{ float: left; }
div.sect_left			{ float: left; width: 25px; text-align: right; padding: 2px 5px 2px 0px; }
div.sect_subleft		{ float: left; width: 40px; text-align: right; padding: 2px 5px 2px 0px; }
div.sect_right		{ margin-left: 30px; padding: 2px 0px; }
div.sect_subright		{ margin-left: 45px; padding: 2px 0px; }
div.fieldname			{ float: left; width: 190px; padding: 6px 10px 0px 0px; text-align: right; }
div.fieldinput		{ padding-top: 3px; }
div.steps_row			{ clear: right; width: 100%; }
div.steps_item_left		{ width: 370px; text-align: center; }
div.steps_item_right		{ float: right; width: 370px; text-align: center; }
div.steps_item_center	{ margin: 0px auto; text-align: center; width: 370px; }
div.steps_number		{ float: left; width: 100px; }
div.steps_text		{ float: left; margin-left: 110px; }
div.steps_pic			{ padding-left: 10px; }
div.clear			{ clear: both; }
div.textline_row		{ padding: 0px 2px; }
div.textline_topic		{ float: left; width: 20%; color: #000000; font-weight: bold; }
div.textline_topic_nf	{ width: 20%; color: #000000; font-weight: bold; }
div.textline_text		{ width: 80%; margin-left: 20%; }
div.article_desc		{ padding-left: 15px; padding-bottom: 15px; line-height: 135%; }
div.col_container		{ float: left; width: 88px; margin: 2px 2px 1px 2px; z-index: 5; }
div.col_field_cont		{ float: left; border: 1px solid #CCCCCC; z-index: 5; }
div.col_field			{ float: left; height: 24px; z-index: 5; }
div.col_field_text		{ color: #666666; font-size: 7pt; letter-spacing: -0.03em; overflow: hidden; z-index: 5; }
div.artlist_picbox		{ float: left; width: 104px; height: 134px; overflow: hidden; display: block; text-align: center; }
div.artlist_cont		{ margin-left: 109px; position: absolute; }
div.artlist_cont_name	{ color: #000000; font-weight: bold; font-size: 15px; overflow: hidden; height: 30px; border-bottom: 1px solid #D6661A; width: 255px; padding: 2px 0px; line-height: 220%; }
div.artlist_cont_logo	{ height: 30px; border-bottom: 1px solid #D6661A; text-align: right; overflow: hidden; width: 255px; padding: 2px 0px; line-height: 250%; }
div.artlist_cont_artnr	{ color: #000000; height: 30px; border-bottom: 1px solid #D6661A; width: 255px; padding: 2px 0px; line-height: 250%; text-align: left; }
div.artlist_cont_artnr_rec	{ color: #000000; height: 30px; border-bottom: 1px solid #D6661A; width: 255px; padding: 2px 0px; line-height: 250%; text-align: right; }
div.artlist_cont_mehr	{ width: 255px; padding-top: 8px; color: #000000; }
div.overview_pic		{ width: 169px; height: 217px; display: table-cell; vertical-align: middle; }
div.overview_text		{ padding: 5px; font-weight: bold; font-size: 14px; border-top: 1px solid #CCCCCC; height: 30px; max-width: 159px; white-space: normal; }
div.listnavbuttons		{ margin: 0 auto; display: inline-block; }
div.mainpic_text		{ width: 116px; padding: 10px 2px; font-weight: bold; font-size: 14px; border-top: 1px solid #CCCCCC; height: 30px; white-space: normal; }
div.stdtext_topborder	{ border-top: 1px dashed #B1D6AD; padding-top: 4px; }


/*NO DIVS*/
.artlist_pic			{ border: 1px solid #CCCCCC; }
.standard			{ padding: 3px 2px; }
.artlist_choice		{ position: absolute; top: 25px; left: -15px; z-index: 5; }


/*FONT*/

h1				{ color: #D6661A; font-size: 18px; font-weight: bold; }
h3				{ color: #5A8554; font-size: 14px; font-weight: bold; }
.blacksmall			{ color: #000000; font-size: 10px; }
.blackfat			{ color: #000000; font-weight: bold; }
.greysmall			{ color: #666666; font-size: 10px; }
.greynorm			{ color: #666666; }
.greyfat			{ color: #666666; font-weight: bold; }
.orangefat			{ color: #D6661A; font-weight: bold; }
.redfat_14			{ color: #FF0000; font-size: 14px; font-weight: bold; }


/*SEITEN-ELEMENTE*/

ul				{ list-style-image: url(../images/bullet_orange.gif); padding-left: 15px; }
img.logo			{ padding-bottom: 50px; }


/*FORM-ELEMENTE*/

input				{ background-color: #FFFFFF; font-size: 12px; font-family: Helvetica, Arial, Verdana, sans-serif; }
.quicksearch_box		{ border: 1px #D6661A solid; color: #375633; width: 140px; height: 20px; margin-left: 10px; background: url(../images/textinput_bg.gif) repeat-x; }
.quicksearch_button		{ width: 21px; height: 36px; background: url(../images/button_arrow-right.png) center center no-repeat; border: none; cursor: pointer; }
.orderform_box		{ border: 1px #D6661A solid; color: #375633; width: 156px; height: 20px; background: url(../images/textinput_bg.gif) repeat-x; }
.orderform_button		{ margin-left: -3px; width: 21px; height: 36px; background: url(../images/button_arrow-right.png) center center no-repeat; border: none; cursor: pointer; }
.textfield			{ border: 1px #D6661A solid; color: #375633; height: 18px; background: url(../images/textinput_bg.gif) repeat-x; margin: 1px; }
.textfield_error		{ border: 1px #D6661A solid; color: #375633; height: 18px; background: url(../images/textinput_error_bg.gif) repeat-x; margin: 1px; }
.textarea			{ border: 1px #D6661A solid; color: #375633; }
.absenden_button		{ width: 100px; height: 19px; background: url(../images/button_absenden.png) center center no-repeat; border: none; cursor: pointer; }