/* ---------------------------------------------------------------------------------------------------- */
/* =ALLGEMEIN */
/* ---------------------------------------------------------------------------------------------------- */
html{ overflow-y: scroll; }
body{ background: #d4d4d4 url(../img/body_bg.jpg) top left repeat-x; color: #545454; font: 12px/18px Verdana, sans-serif; margin: 0; padding: 0; text-align: center;}

h1{ color: #fd4239; font-size: 14px; margin: 0; padding: 0 0 10px 0; }
h2{ color: #545454; font: 12px/18px Verdana, sans-serif; font-weight: bold; margin: 12px 0 0 0; padding: 0; }
p{ margin: 0; padding: 0; }
a{ color: #FF4330; text-decoration: none; }
a:hover{ text-decoration: underline; }
img{ border: none; }
.csc-textpic-image, .csc-textpic, .csc-textpic-imagewrap, .csc-textpic-image img, .csc-textpic-single-image img { margin: 0; padding:0 0 5px 0; }

table{ border-collapse: collapse; border-spacing: 0;  margin: 8px 0 12px; padding: 0; table-layout: auto; width: 100%; font: 12px/18px Verdana, sans-serif; border: none;  }
table.statistiken{ font-size: 9px; }
td{ text-align: left; vertical-align: top; padding: 0; margin:0;}
table.statistiken td, table.statistiken th{ text-align: center; border-bottom: 1px solid #E6E6E6; padding: 2px 0;}

ul{ margin: 0; padding: 5px 0 15px 40px; }
li{ margin: 0; padding: 3px 0; }

.pdfWrapper{ background: url(../img/dot_hor.png) top left repeat-x; padding: 0; }
a.pdf{ background: url(../img/pdf_long.png) bottom right no-repeat; display: block; padding: 5px 30px 5px 0; }
a.external_link{ background: url(../img/external_link.png) 0 60% no-repeat; padding: 0 0 0 12px; margin: 0; display: inline-block;}

.clearer{ clear: both; height: 0; line-height: 0; }

.line{ background: url(../img/dot_hor.png) 0 100% repeat-x; margin: 0 0 12px 0; padding: 0 0 15px 0; height: 10px; _height: 10px;}
.lineBranche{ background: url(../img/dot_hor.png) 0 100% repeat-x; margin: 0; padding: 0;}

.branche h2{ color: #FF4330; font: 12px/18px Verdana, sans-serif; font-weight: bold; margin: 0; padding: 0; }
.standort{ margin:0; padding: 0 18px; }

.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

/* ---------------------------------------------------------------------------------------------------- */
/* =MODULES */
/* ---------------------------------------------------------------------------------------------------- */
#container{ margin: 0 auto; padding: 0; width: 955px; background-color: #fff; border: 1px solid #bcbcbc; border-top: 3px solid #fd4239; text-align: left;}

/* ---------------------------------------------------------------------------------------------------- */
/* =HEADER */
/* ---------------------------------------------------------------------------------------------------- */
#header p{ color: #FF4330; text-align: right; }
#logo{ float: left; padding: 16px 0 25px 14px; }
#branchenregister{ float: right; padding: 30px 25px 0 0; width:500px; text-align: right;}
#branchenregister h1{color: #fd4239; margin: 0; padding: 0; }
#branchenregister select{ margin: 3px 0 0 0; padding:0; border: 1px solid #c1c1c1;}

/* ---------------------------------------------------------------------------------------------------- */
/* =NAVMAIN */
/* ---------------------------------------------------------------------------------------------------- */
ul#navMain{ background-color: #ededed; float: left; list-style: none; margin: 0; padding: 0; width: 955px; }

ul#navMain li{ background: url(../img/nav_trenner.png) center right no-repeat; float: left; margin: 0; padding: 6px 25px; }
ul#navMain li.lastNav{ background: none; padding-right: 0;}
ul#navMain li a{ color: #545454; text-decoration: none; font-weight: bold; }
ul#navMain li a:hover, ul#navMain li a.act{ color: #FF4330; }

ul#navMain li a.act{ color: #FF4330; }

/* ---------------------------------------------------------------------------------------------------- */
/* =NAVSUB */
/* ---------------------------------------------------------------------------------------------------- */
div#navSubWrapper{ float: left; height: auto; width: 240px; }

#navSub ul{ background: url(../img/nav_dots.png) 30px bottom no-repeat; list-style: none; margin: 0 20px 0 0; padding: 0 0 1px 0; width: 220px; }

#navSub ul li{ margin: 0; padding: 0; }
#navSub ul li a{ background: url(../img/nav_dots.png) 30px top no-repeat; color: #545454; display: block; text-decoration: none; padding: 6px 6px 6px 30px; }
#navSub ul li a:hover{ color: #FF4330; }
#navSub ul li a.act{ background-color: #ededed; color: #FF4330; font-weight: bold; }

#navSub ul li li{ background: none; }

#navSub ul ul{ list-style: none; margin: 0 0 10px 0; padding: 0; }
#navSub ul ul li a{ background: none; padding: 3px 6px 3px 30px; }
#navSub ul ul li a:hover, #navSub ul ul li a.act, #navSub ul ul li.last a{ background-color: #fff; }


/* ---------------------------------------------------------------------------------------------------- */
/* =STARTSEITE */
/* ---------------------------------------------------------------------------------------------------- */
#bgPicWrapper{ float: left; background: #fff url(../img/family.jpg) 375px bottom no-repeat; }

/* =News */
/* ---------------------------------------------------------------------------------------------------- */
#newsWrapper{float: left; width: 360px; padding: 90px 0 18px 27px; margin:0;}
table.news{ float: left; border-collapse: collapse; border-spacing: 0; width: 333px; padding: 0; margin:0;}
#newsBlock{ float: left; }
.newsItem{ clear: both; float: left; padding: 10px 0; width: 360px; }

.newsItem .news-list-morelink a, #newsFramed .news-list-morelink a{ float: right; margin: 0; padding: 0;}
#newsFramed{ border: 1px solid #feb3b0; clear: both; float: left; margin: 10px 0 0 0; padding: 8px 10px 3px;}
#newsFramed .newsItem{ width: 338px; padding: 5px 0; margin:0;}

/* =Sponsoren */
/* ---------------------------------------------------------------------------------------------------- */
#container_right{ clear: right; float: right; width: 503px; margin: 0 25px 0 40px; display: inline;}

#contentRight{ float: right; width: 180px; /*margin: 132px 0 0 0;*/ margin: 15px 0 0; padding: 0; }
#contentRight img, #contentLeft img{ border: 1px solid #C9C9C9; margin-bottom: 10px; }
#contentRight .button img, #contentLeft .button img{ border: 1px solid #fff; margin-bottom: 0; }

#contentLeft { margin: 23px 0 0 30px; }

/* ---------------------------------------------------------------------------------------------------- */
/* =MAIN */
/* ---------------------------------------------------------------------------------------------------- */
#contentWrapper{ background: #fff url(../img/content_bg.png) top left repeat-y; float: left; margin: 23px 0; width: 953px; min-height: 450px; }

#contentPrintWrapper{ float: left; margin: 0; padding: 0 25px; width: 442px;}
#contentPrintWrapper.withoutSidebar{ width: 650px; }
.contentNormal{ width: 442px;}
.contentOhneSidebar{ width: 650px; }
#print{clear: both; margin-top: 20px; }


#container_right.main{ background: none; height: auto; margin: 0 25px 0 0; padding: 0; width: 180px;}

#container_right.main #contentRight{ margin: 0;}


/* Search */
/* ---------------------------------------------------------------------------------------------------- */

#search{ clear: both; float: right; margin: 0 0 18px 0; padding: 0; width: 180px; text-align: left;}
.searchform{ clear: both; padding: 0; margin: 0;}
.searchform fieldset label{ float: left;}
.searchform fieldset input{ margin: 0; float:left;}
.inputboxsearch{ float: left; color: #545454; width: 156px; border: 1px solid #c1c1c1; padding: 1px 0 1px 2px; margin: 0;}
.searchbutton{ float: right; clear: right; color: #111111; border: none; padding: 0; margin: 0; border-left: 1px solid #c1c1c1;}
.underline{margin: 0 0 8px 0; padding: 8px 0;background: url(../img/nav_dots.png) 0 100% repeat-x;}
.browsebox{margin: 10px 0; padding:0 0 10px 0;background: url(../img/nav_dots.png) 0 100% repeat-x;}
.tx-indexedsearch-searchbox{display: none;}

/* ---------------------------------------------------------------------------------------------------- */
/* =footer */
/* ---------------------------------------------------------------------------------------------------- */
#footer{ clear: both; width: 955px; margin: 0 auto; padding: 10px 0; }
#sektionen p a{ padding: 0 10px; }
#sektionen p a strong{ color:#000000; }

#sektionen{ float: left; }
#copyright{ float: right; }


/* ---------------------------------------------------------------------------------------------------- */
/* Formulare */
/* ---------------------------------------------------------------------------------------------------- */
fieldset { border: solid 0px; display: inline;}
div#formular{ width: 440px;clear: both;}
div#formular p{clear: both;padding: 0px;margin: 0 0 5px 0;}
div#formular p label{float: left;width: 130px;margin: 0 0 5px 0;padding: 0 0 8px 0;	}
div#formular p input{float: left; border: 1px solid #c9c9c9; background: #ffffff; color: #fd4239; margin: 0 5px 0 0; padding: 2px 0 1px 0; width: 190px; }
div#formular p input.checkbox{color: #fd4239; margin: 0;padding: 0; width: 30px; border:none;}
div#formular p input.radio{color: #fd4239; margin: 0;padding: 0;width: 30px; border:none;}
div#formular p label.checkboxText{ width: 380px; line-height:13px; }
div#formular p select{font-weight: normal;float: left; border: 1px solid #c9c9c9; background: #ffffff;color: #fd4239;margin: 0;padding: 2px 0 0 4px;text-align: left;}
div#formular p textarea{border: 1px solid #c9c9c9;background: #ffffff;color: #fd4239;font-weight: normal;float: left;padding: 1px 0 0 4px;text-align: left; width: 300px; font: 12px/18px Verdana, Arial, Helvetica, sans-serif;}
div#formular p.formBox{padding: 2px 0;margin: 0 0 0 0;}
div#formular p.formText{clear: both;margin: 0;padding: 3px 0;}
div#formular .mf-submit/*, .mf-submit*/{display: block; float: left;margin: 10px 0 10px 130px;padding: 0;font: 11px Verdana, Arial, Helvetica, sans-serif #fd4239; font-weight: bold;width: 80px;text-align: center;border: 1px solid #c9c9c9;background: #ffffff;}
div#formular p.error{color: #fd4239;margin: 0 0 5px 0;padding: 0;}
div#formular .plz{	width: 60px;margin-right: 5px;}
div#formular .ort{width: 122px;}
span.error{color: #fd4239;}
.formSpacer{margin: 20px 0; padding: 0;}
div#formular span.line{ background: url(../img/dot_hor.png) 0 100% repeat-x; margin: 0 0 12px 0; padding: 0 0 15px 0;}


.newsletterText{ clear: both;}

.legende_radio { float: left; margin-bottom: -25px; }
#form_umfrage2011 div#formular { width: 650px; }
#stark { background:url(../img/sehr_gut.png) bottom center no-repeat; height: 100px; width: 26px; float: left; padding-right: 1px; margin-right: 18px; }
#schwach { background:url(../img/schlecht.png) bottom center no-repeat; height: 100px; width: 26px; float: left; padding-right: 1px; }
#gut { background:url(../img/gut.png) bottom center no-repeat; height: 100px; width: 26px; float: left; padding-right: 1px; margin-right: 15px; }
#mittel { background:url(../img/mittel.png) bottom center no-repeat; height: 100px; width: 26px; float: left; padding-right: 1px; margin-right: 16px; }
#keineantwort { background:url(../img/keine_antwort_neu2.png) bottom right no-repeat; height: 100px; width: 44px; float: left; padding-right: 1px; }
.breite400px { height: 10px; width: 425px; float: left; }
.breite90px { height: 10px; width: 100px; float: left; }
.breiteStandard { height: 10px; float: left; }
.breite60px { width: 103px; /*width: 60px;*/ }
.breite40px { width: 27px; /*width: 40px;*/ }

div#formular p.radio_titel { display: inline; margin-bottom: 5px; float: left; font-size: 12px; font-weight: bold; }
.radio_wrapper { float: left; height: 22px; padding-top: 3px; }
label.radio_label { /*width: 395px;*/ width: 430px; float: left; padding-left: 5px; }
.radio_wrapper input.radio { /*width: 34px;*/ float: left; margin: 2px 0 0 0; padding: 0; }
.hellgrau { background: #EDEDED; }
.pink { background: #FCE3E3; }
.kursangebottext { font-weight: bold; }

.radio_right { margin-right: 50px; }

.radio_wrapper input.radio1 { margin-right: 30px; }
.radio_wrapper input.radio2 { margin-right: 30px; }
.radio_wrapper input.radio3 { margin-right: 30px; /*margin-right: 75px;*/ }
.radio_wrapper input.radio4 { margin-right: 40px; /*margin-right: 10px;*/ }
.radio_wrapper input.radio5 { margin-right: 10px; }

/* ---------------------------------------------------------------------------------------------------- */
/* Branchenregister */
/* ---------------------------------------------------------------------------------------------------- */
.tx-wtdirectory-pi1 select, .F3-CatSelect select{background: #fd4239;color: #fff;margin: 10px 0 0 0;padding: 0;text-align: left; border: solid 1px #c1c1c1;}
h2.wtdirectory{padding: 0; margin: 0;}



/*-----------------------------------------------------------
/* Online-Shop
/*---------------------------------------------------------*/
form#myform { padding: 0;}


.trade_minibasket { width: 650px; } /* 470px */
.trade { width: 650px; } /* 480px */

td.produktbeschreibung {  
background: transparent url(../img/nav_dots.png) repeat-x scroll left bottom;
} /* td.products */

.tx-trade-pi1 input {
/*background-color:#D1EBF6;*/
/*border:medium none;*/
color:#F53400;
height:17px;
margin-bottom:0;
margin-left:0;
margin-right:0;
margin-top:0 !important;
padding:0 0 0 2px;
vertical-align:middle;

border:1px solid #909090; /* 7F9DB9 */
}

.tx-trade-pi1 .mf-submit {
background-color: #f5f5f5;
border: 1px solid #002652;
color: #002652;
cursor: pointer;
height: 20px;
margin: 0 0 2px;
padding: 0 0 2px;
border: 1px solid #909090; /* 7F9DB9 */
float: right;
}

table.trade_minibasket { margin: 0 0 -20px 0; border: 1px solid #909090; } /* 7F9DB9 */

table.trade tr th, table.trade_minibasket tr th { border-bottom: 1px solid #909090; background-color: #f5f5f5; /*7F9DB9 CDDFF9*/ }

td.trade_small { width: 160px; }

.produktbeschreibung { width: 400px; word-wrap: break-word;} /* 230px */

.listeTitel { width: 400px;}
.listeKaufen { width: 230px;} /* 250 */

.wrapperPreisAnzahlKaufen { }/*width: 222px; */
.Preis { float: left; margin-right: 5px; width: 80px; text-align: right; padding: 8px 0 0 0; }
.Anzahl { float: left; width: 75px; text-align: right; padding: 8px 0 0 0; }
.Kaufen { float: right; width: 60px; padding: 8px 0 0 0; }

.borderWarenkorb { border-bottom: 1px solid #909090; width: 580px; }
td .rechtsWarenkorb { vertical-align: middle; width: 90px; }

.TitelEins { width: 390px; } /* 260 */
.TitelZwei { width: 70px; } /* 70 */
.TitelDrei { width: 50px; } /* 50 */
.TitelVier { width: 90px; text-align: right; } /* 90 */

.BerechnungTitel { vertical-align: middle; border-bottom: 1px solid #909090; }
.BerechnungPreis { vertical-align: middle; border-bottom: 1px solid #909090; width: 100px; text-align: right; }
.BerechnungAnzahl { vertical-align: middle; border-bottom: 1px solid #909090; }
.BerechnungTotal { vertical-align: middle; text-align: right; border-bottom: 1px solid #909090; text-align: right; }

.Rechnungsadresse { margin-top: -30px;}
.Versandadresse {}

.DankeTabelle { width: 470px; }

table.trade tr td { margin: 1px; padding: 2px 4px 5px 4px;} /*padding: 2px 4px 13px 4px;*/
table.trade tr td.trade_title { margin: 1px; padding: 10px 4px 2px 4px;}

td.trade_title { font-weight: normal; }

.trade_cat1 { color: #F53400; font-size: 15px; margin: 15px 0 0 0; }

.tx-trade-pi1 input.nextbutton { cursor: pointer; color: black; width: 130px; }
.nextbuttonrechts { text-align: right; }

th.trade_small { width: 140px; text-align: right; }

.rechts { float: right; text-align: right; }
.total { width: 680px; }

.trade_cat1WarenKorb { color: #F53400; }

.ConfirmAnzahl { text-align: left; }
.ConfirmPreis { text-align: right; }
.ConfirmTotal { text-align: right; }
.ConfirmAnzahlTitel { width: 450px; }
.ConfirmPreisEinzel { text-align: right; }
.ConfirmTotalAlles { text-align: right; }

table.trade_details { background-color: #f5f5f5; }

.BestellungTR { height: 35px; }
.BestellungTD { vertical-align: middle; }

.link_basket { left: 4px; position: relative; top:56px; padding: 0 0 20px 0; margin: 0;}
/*
.BerechnungTitel { vertical-align: middle; width: 300px; border-bottom: 1px solid #C4D5E9; }
.BerechnungPreis { vertical-align: middle; width: 150px; border-bottom: 1px solid #C4D5E9; }
.BerechnungAnzahl { vertical-align: middle; width: 45px; border-bottom: 1px solid #C4D5E9; }
.BerechnungTotal { vertical-align: middle; width: 150px; text-align: right; border-bottom: 1px solid #C4D5E9; }
*/


/**************************
* COMMERCE 
**************************/

/*Listview for Products*/

table.com-list {padding: 0; margin:0 0 28px 0; background: url(../img/dot_hor.png) 0 100% repeat-x;}
table.com-list td {background: url(../img/dot_hor.png) 0 0 repeat-x; padding: 7px 0; margin:0;}
tr.com-list-even {padding: 0; margin:0;}
tr.com-list-odd {padding: 0; margin:0;}
td.com-list-col-img { }

td.com-list-col-title { }

td.com-list-col-title a:link,
td.com-list-col-title a:active,
td.com-list-col-title a:hover,
td.com-list-col-title a:visited { padding: 0; margin:0;}

.com-list-col-price{text-align:right; width:54px}

td.com-list-col-teaser { padding: 0; margin:0;}
td.com-list-col-price { padding: 0 10px 0 0 ; margin:0;}
td.com-list-col-action {padding: 0; margin:0; width: 70px;}
div.com-list-action-entry {padding: 0; margin:0;}

input.com-input-qty { float: right; margin: 0 5px 0 0; width: 25px; text-align:center;}
.com-input-stk { padding: 0; margin: 0; float: right;}

input.weiter, 
.com-chkout-address-fields-submit input{padding: 0; font-weight: bold; float: right; color:#ff4330; background:#fff; border:none;}
input.weiter:hover,
.com-chkout-address-fields-submit input:hover{text-decoration:underline;}


/**************************
* Basket
**************************/
table.com-basket-list { border-right:none;background: url(../img/dot_hor.png) 0 0 repeat-x;}
tr.com-basket-header {display: none;}
table.com-basket-list td { padding: 7px 0;}
tr.com-basket-even {background: url(../img/dot_hor.png) 0 100% repeat-x;}
tr.com-basket-odd {background: url(../img/dot_hor.png) 0 100% repeat-x;}

td.com-price-gross-total{width: 58px}
td.com-bold{font-weight:bold;}
td.com-text-right{text-align:right;}
td.com-stk{padding:0 3px;}
table.com-basket-list td.com-price{width:54px; text-align:right; padding-right: 12px}

.com-basket-submit{text-align:right}
.com-chkout-address-fields-submit{text-align:right}
.com-basket-previous{float:left; font-weight:bold;}

/* address */
div.com-chkout-address-fields input{font: 11px Verdana, sans-serif;}
div.com-chkout-address-fields .invoice-input-billing-zip{float:left; width:50px; margin:0; padding:0 10px 0 0}
div.com-chkout-address-fields .invoice-input-billing-zip input{width:50px;}
div.com-chkout-address-fields .invoice-input-billing-city{float:left; width:160px; margin:0;}
div.com-chkout-address-fields .invoice-input-billing-city input{width:160px;}
div.com-chkout-address-fields .invoice-label-billing-zip{float:left; margin:0;}
div.com-chkout-address-fields .invoice-label-billing-city{diplay:none; position:absolute; top: -9999px; left: -9999px}

div.com-chkout-address-fields textarea{width:220px; font: 11px Verdana, sans-serif; }

div.com-chkout-address-fields .mandatory input{border: 1px solid red}


div.com-chkout-address-fields dl {clear:both; width: 440px;margin:15px 0px;}

div.com-chkout-address-fields dt, 
div.com-chkout-address-fields dd { padding-bottom: .5em; }

div.com-chkout-address-fields dt { 
	float: left; 
	width: 140px;
}

div.com-chkout-address-fields dd input{width:220px}

div.com-chkout-address-fields dd { text-align: left; }
div.com-chkout-address-fields dd.com-chkout-address-radio,
dd.com-chkout-address-item-select {
	clear: left;
	float: left;
	width: 5%;
}

div.com-chkout-address-fields dt.com-chkout-address-radiolabel {
	float: none;
	width: auto;
}

dt.com-chkout-address-item-data {
	float:none;
	width:auto;	
	margin-left:5%;	
}