/* -- INFO -----------------------------------------------------------------------
# Project:			StockBig Rebuild
# File:				style.css
# Markup:			2.1
# Author:			WebSeason GmbH
------------------------------------------------------------------------------- */


/*-| Independent &  general Classes [START] */
* { margin:0; padding:0; }
.setleft-childs * { float:left; }
.clearall	{ float: none; clear: both; height: 0em; line-height: 0em; font-size: 0em;}
ul, ol { list-style:none; }
.invisible {width:0px;height:0px;left:-1000px;top:-1000px;position:absolute;overflow:hidden;display:inline;}
body { padding:0px; background:url('../img/tex_main.jpg') no-repeat top center #000; font: normal 12px Arial, Helvetica, sans-serif; color:#ffffff; }
#center { margin:0 auto; text-align: left; width:1000px; }
img { border:0px; }
/*-| Independent & general Classes [STOP!] */

/*-| Layout Base [START] */
#header { float:left; width:1000px; font-size:14px; height:129px; overflow:hidden;}
#wrapper { float: left; width:1000px; background:url('../img/tex_wrapper.gif');}
#wrapper-inside { float: left; width:1000px; background:url('../img/tex_left.jpg') no-repeat left bottom;}
#left { float:Left; width:150px; }
#spacer { float:left; width:1px; height:458px; overflow:hidden;}
#main { float:left; width:600px; padding: 0 10px;}
#right {float:left; width:220px; background:url('../img/tex_right.gif') no-repeat; padding:5px 5px 0 5px;}
#footer { float:left; width:600px; border-top:10px solid #000; border-bottom:10px solid #000; height:18px; background:#126e73; color:#cdcdcd; text-align:center;padding:0 240px 0 160px;}
#normalcontent { width:600px; float:left; padding-bottom:20px;}
/*-| Layout Base [STOP!] */

/*-| Header [START] */
#header h1 { float:left; padding: 22px 0 0 18px; height:79px;width:982px}
#header p { float:left; color:#06373a;font-size:13px; padding:0 0 0 18px;}
/*-| Header [STOP!] */

/*-| Language [START] */
#language { float:left; width:600px; background:#000; height:26px;}
#language ul { float:left; }
#language ul li { float:left;padding-right:10px;}
#language ul li a { float:left; background: #111; color:#fff; font-size:12px; text-decoration:none; background-repeat:no-repeat; padding:1px 0 3px 30px;}
#language ul li a:hover { text-decoration:underline;}
#language ul li.first a { background-image:url('../img/flag_de.gif');}
#language ul li.last a { background-image:url('../img/flag_en.gif');}
/*-| Language [STOP!] */

/*-| Left Navigation [START] */
#left .mod_navigation { float:left; width:149px; background:url('../img/tex_left.gif') no-repeat top left; font-size:12px;font-weight:bold;}
#left ul.level_1 { float:left; width:140px; padding:5px 0px 0px 5px; }
#left ul.level_1 li { float:left; width:140px; border-bottom:2px solid #f1f2f2; padding: 0 0 0 0; background-repeat:no-repeat;}
#left ul.level_1 li a { text-decoration:none; float:left; width:128px; height:19px; padding:2px 0 0 12px;}
#left ul.level_1 li.first { background-image:url('../img/nav_first.gif'); }
#left ul.level_1 li.second { background-image:url('../img/nav_second.gif'); }
#left ul.level_1 li.third { background-image:url('../img/nav_third.gif'); }
#left ul.level_1 li.fourth { background-image:url('../img/nav_fourth.gif'); }
#left ul.level_1 li.fifth { background-image:url('../img/nav_fifth.gif'); }
#left ul.level_1 li.sixth { background-image:url('../img/nav_sixth.gif'); }
#left ul.level_1 li.seventh { background-image:url('../img/nav_seventh.gif'); }
#left ul.level_1 li.first a, #left ul.level_1 li.sixth a, #left ul.level_1 li.seventh a { color:#fff; }
#left ul.level_1 li.second a, #left ul li.third a, #left ul li.fourth a, #left ul li.fifth a {color:#1e1e1e;}
#left ul.level_2 { float:left; width:140px; padding-top:1px;}
#left ul.level_3 { display:none; }
#left ul.level_2 li, #left ul.level_2 li.first { background:none; font-size:10px; font-weight:normal; padding: 0 0 0 2px; width:138px;}
#left ul.level_2 li { }
#left ul.level_2 li a { float:left; width:138px; height:auto; padding:2px 0px;}
#left ul.level_2 li a { color:#000; }
#left ul.level_1 li ul.level_2 li a { color:#000; }
#left ul.level_1 li ul.level_2 li.active a {color:#127a83;}
/*-| Left Navigation [STOP!] */

/*-| Right Col [START] */
#right h3 { float:right; height:19px; border-bottom:5px solid #f2f2f2; text-align:right;font-size:11px; padding: 2px 3px 0 0; color:#fff;}
#right { font-size:10px; color:#000;}
#right p { padding:0 0 0 14px; border-bottom:7px solid #f1f2f2; width:206px; float:left;}
#right p a { color:#000;}
#right p a:hover { text-decoration:underline; color:#127a83;}
#right img { border:none; border-bottom:5px solid #f1f2f2; float:left;}
#right div { float:left; }
/*-| Right Col [START] */

/*-| Footer [START] */
#footer p { float:left; font-size:12px; padding: 1px 0 0 0;}
#footer .mod_navigation { float:right; }
#footer ul { float:right; padding-top:1px; width:400px;}
#footer li { float:right; padding:0 8px 0 9px; background:url('../img/tex_footer_li.gif') no-repeat 0px 5px;}

#footer li.last {background:none;}
#footer a { float:left;font-size:12px; color:#fff; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
/*-| Footer [STOP!] */

/*-| Main [START] */
#main { color:#000; position: relative; }
#tabnavi { float:left; width:600px; border-bottom:2px solid #000000; background: #000 url('../img/tex_tabholder1.gif') no-repeat right top; }
#tabnavi ul { float:left; }
#tabnavi li { float:left; font-size:12px; border-right:2px solid #000; background:url('../img/tex_tabnavi_li.gif') no-repeat;}
#tabnavi li a { float:left; padding:2px 10px 0px 10px; height:17px;background:url('../img/tex_tabnavi_a.gif') no-repeat top right; text-decoration:none; color:#000;}
#tabnavi li.active a { color:#fff; }
#tabnavi li a:hover { text-decoration:underline; }
#tabnavi li.last { border-right: 0px; }
#tabnavi li.last a { background: url('../img/tex_tabnavi_a_last.gif') no-repeat right top; padding-right: 25px; }
#main h2 { float:left; width:590px; height:16px; border-bottom:2px solid #000; background:url('../img/tex_h2.jpg') no-repeat #000; color:#fff; font-size:11px; padding: 2px 0 0 10px; margin:0 0 20px 0;}

#normalcontent .ce_text, #normalcontent .ce_downloads, #normalcontent .ce_form, #normalcontent .ce_table, #normalcontent .ce_list, #normalcontent .ce_image, #normalcontent .mod_sitemap, #normalcontent .mod_newslist, #normalcontent .mod_login { padding: 0 20px; clear:both;}
#main p { color:#000; font-size:12px; padding:2px 0;}
#main a { color:#000;}
#main a:hover { text-decoration:none; color:#127a83;}
#main h3 { color:#000; font-size:12px; font-weight:bold; padding:12px 0 8px 0;}

#main .ce_downloads p { background-repeat: no-repeat; padding:0 0 3px 20px;}
#main .ce_downloads p a { color:#000;}
#main .ce_downloads p a:hover { text-decoration:none; color:#127a83;}

#main .ce_list ul,#main .ce_list ol, #main .ce_text ul, #main .ce_text ol { padding:2px 0 8px 0; }
#main .ce_list li, #main .ce_text li, #main .mod_sitemap li { padding:0 0 2px 8px; background:url('../img/icon_li.gif') no-repeat 0px 5px;}

#main .mod_sitemap ul.level_1 li { font-weight:bold; }
#main .mod_sitemap ul.level_1 li ul.level_2 li { font-weight:normal; }
#main .mod_sitemap ul.level_1 li ul.level_2 li ul.level_3, #main .mod_sitemap ul.level_1 li ul.level_2 { padding-top:4px;}
#main .mod_sitemap ul.level_1 li ul.level_2 li ul.level_3 li { font-size:10px;}

#main .formset { float:left; width:560px; padding:2px 0; }
#main .formset p { clear:both;margin-left:150px; color:maroon; }
#main .formset div.radio_container { float:left; width:360px; }
#main .formset div.checkbox_container { float:left; width:360px; }
#main .formset label { font-size:12px; float:left; width:150px; }
#main .formset span { float:left; padding-right:15px; }
#main .formset span label { width:auto; padding-right:5px; }
#main .formset div.checkbox_container input { float:left; }
#main .formset div.checkbox_container label { width:310px; padding-left:5px; }
#main .formset input { font-family: Arial, Helvetica, sans-serif; font-size:12px; }
#main .ce_table table { font-size:12px; border-left:1px solid #8ccdcf;border-top:1px solid #8ccdcf; width: 100%;}
#main .ce_table table td, #main .ce_table table th { text-align:left; vertical-align:top; border-right:1px solid #8ccdcf;border-bottom:1px solid #8ccdcf; padding:1px 3px 2px 3px;}
#main .ce_table table th {background-color:#8ccdcf;font-weight:bold;}
#main .ce_table table tr.even td { background-color:#edf7f7;}
#main .ce_table table tr.odd td { background-color:#e2f2f3;}

#main .mod_newslist .layout_short { padding-bottom:10px;}
#main .mod_newslist .layout_short p.info { padding:0px; background:url('../img/icon_date.gif') no-repeat 0px 0px; padding:1px 0 1px 19px;}
#main .mod_newslist .layout_short h3 { padding:0px;}

#main .layout_full p.info { clear:both;padding:0px; background:url('../img/icon_date.gif') no-repeat 20px 0px; padding:1px 0 1px 39px;}
#main .layout_full h3 { padding-left:20px;}
#main p.back {clear:both;padding-left:20px;}
/*-| Main [STOP!] */

#Produkte { position: relative; margin-top: -20px; float:left; width:600px;height:410px;background:url('../img/tex_produkte.jpg') no-repeat; }
#Produkte .ce_text { position:absolute; z-index: 1000; float:left;padding:10px 0 0 10px; width:230px; }
#Produkte .ce_text p { padding-left:20px; font-size: 11px; }
#Produkte .ce_image { position: absolute; z-index: 900; }
#Produkte .ce_gallery { position: absolute; bottom: 0; width: 600px; clear: both; }
#Produkte .ce_gallery a { display: block; float: left; width: 50px; }
#Produkte .ce_gallery a img { vertical-align: middle; }
#Produkte .ce_gallery #nextProductImage { width: 170px; padding: 16px 15px; background: url('../img/pfeil_rechts.gif') left center no-repeat; text-decoration: none; }
#Produkte .ce_gallery #nextProductImage:hover { text-decoration: underline; }
#Produkte .ce_gallery #prevProductImage { width: 170px; padding: 16px 15px; background: url('../img/pfeil_links.gif') right center no-repeat; text-decoration: none; text-align: right; }
#Produkte .ce_gallery #prevProductImage:hover { text-decoration: underline; }
#Produkte .qualitymark { position: absolute; right: 20px; top: 20px; font-weight: bold; text-align: right; font-size: 13px; }

#main .backlink { clear: both; width: 585px; border-top: 3px black solid; padding-right: 15px;}
#main .backlink a { text-align: right; display: block; float: right; padding: 0 20px; margin-right:10px; background: url('../img/pfeil_rechts.gif') right center no-repeat; text-decoration: none; margin-bottom: -20px; }

#main #Produkte .backlink { position: absolute; bottom: 0; right: 0; width: 600px; border: none; }
#main #Produkte .backlink a { margin: 0; }

#main .backlink a:hover,
#Produkte .backlink a:hover { text-decoration: underline; }
#main .backlink a img,
#Produkte .backlink a img { vertical-align: middle; }

#hauptspalte-homepage,
#hauptspalte-startseite { background-color: #001c1d; margin-bottom: -20px; height: 432px }


