/* BASIC */
/* EVERY STYLES SET HERE INFLUENCE THE CONTENT AREA. SPECIAL LINK, LIST, PARAGRAPH, IMAGE OR HEADLINE SETTINGS SHOULD BE MADE WHERE EXACTLY NEEDED. */

/* UNIVERSAL SELECTOR: SETS EVERY MARGIN AND PADDING TO "0" */
* { margin: 0; padding: 0; }

body { background-color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666; }
img { border: 0px none; }

a:link, a:active, a:visited { color: #666; text-decoration: none; outline: none; }
a:hover {  }

ul, li { list-style-type: disc; }
table, tr, td { font-family: Arial, Helvetica, sans-serif; font-size: 11px; border: 0px none; }

input, textarea{ background-color: #edfaff; border: 1px solid #bee5f6; color: #666666; }

h1 { margin: 0px 0px 12px 0px; font-size: 15px; text-transform: uppercase; color: #E2001A; }
h2 { margin: 0px 0px 12px 0px; font-size: 12px; }
h3 { margin: 0px 0px 12px 0px; font-size: 12px; color: #E2001A; }

p { margin: 0px 0px 12px 0px; }

hr { margin: 0px 0px 12px 0px; height: 0px; border: 0px none; border-bottom: 1px dotted #666; }
hr.aktuelles { margin: 0px 0px 2px 0px; }


/* PAGE */
/* THIS IS THE WRAPPING CONTAINER OF EVERYTHING. IT CAN CENTER OR MOVE THE WHOLE WEBSITE WHEN NEEDED. */
#page { margin: 10px auto; width: 970px; }


/* HEADER */
/* THIS IS THE TOP CONTAINER OF THE WEBSITE. IT CONTAINS THE TOP IMAGE AND/OR LOGO AND/OR A BREAD-CRUMB-NAVIGATION. */
#head { margin: 0px 0px 5px 0px; height: 160px; background-image: url('../img/banner-elektromarken.jpg'); background-repeat: no-repeat; text-align: right; }
#logo { padding: 35px 19px 0px 0px; }


/* MAIN */
/* THE MAIN CONTAINER WRAPS EVERYTHING BETWEEN THE HEADER AND THE FOOTER IN ONE CONTAINER */
#main { background-image: url('../img/bg-nav.jpg'); background-repeat: no-repeat; background-position: left bottom; }


/* NAVIGATION */
/* EVERYTHING THAT HAS TO DO WITH NAVIGATION HAS TO BE PUT IN HERE. */
#nav { float: left; width: 175px; height: 542px; /*background: #BDE5F6 url('../img/bg-nav.jpg') no-repeat; background-position: left bottom;*/ font-size: 12px; }
#navBox {  }
#nav li { /*height: 22px;*/ list-style-type: none; background-color: #FFF; border: 1px solid #BDE5F6; border-bottom: 0px none; line-height:16px; }
#nav li a:hover { color:#E2001A; }
#nav li.sel { background-color: #EDFAFF; }
#nav li.sel a:hover { color: #E2001A; }
#nav li.lv2 { background-color: #EDFAFF; font-size: 11px; }
#nav li.lv2 a { padding: 4px 0px 3px 15px; }
#nav li.lv2 a:hover { color: #E2001A; }
#nav li.lv3 { /*height: 20px;*/ padding: 0px 0px 3px 0px; background-color: #EDFAFF; border: 0px none; border-left: 1px solid #BDE5F6; border-right: 1px solid #BDE5F6; font-size: 11px; }
#nav li.lv3 a { padding: 1px 0px 0px 30px; }
#nav li.lv3 a:hover { color: #E2001A; }
#nav li.lv4 { /*height: 20px;*/ padding: 0px 0px 3px 0px; background-color: #EDFAFF; border: 0px none; border-left: 1px solid #BDE5F6; border-right: 1px solid #BDE5F6; font-size: 11px; }
#nav li.lv4 a { padding: 1px 0px 0px 45px; }
#nav li.lv4 a:hover { color: #E2001A; }
#nav li.lv5 { /*height: 20px;*/ padding: 0px 0px 3px 0px; background-color: #EDFAFF; border: 0px none; border-left: 1px solid #BDE5F6; border-right: 1px solid #BDE5F6; font-size: 11px; }
#nav li.lv5 a { padding: 1px 0px 0px 45px; }
#nav li.lv5 a:hover { color: #E2001A; }
#nav li a { display: block; padding: 4px 0px 3px 5px; /*height: 20px;*/ }
#nav li.sel a.sel { color: #E2001A; }
#nav li.act a { color:#E2001A; } 


/* CONTENT */
/* THIS IS THE CONTENT CONTAINER. IT CONTAINS THE INNER DIV�S FOR STYLING UP THE CONTENT. */
#cont { float: left; width: 600px; margin: 0px 10px; font-size: 12px; }
#contBox { padding-top:10px; }
#contBox ul { margin: 0px 0px 10px 15px;}
#contTopBar { width: 100%; height: 24px; background-color: #E5E5E5; text-align: right; }

.cont2col { clear: both; margin: 0px 0px 10px 0px; background-image: url('../img/bg-dotted.gif'); background-position: center top; background-repeat: repeat-y; }
.cont2colNoBorder { clear: both; margin: 0px 0px 10px 0px; }
.cont2colLeft { float: left; padding: 0px 10px 0px 0px; width: 290px; }
.cont2colLeftNoBorder { float: left; padding: 0px 0px 0px 0px; width: 295px; }
.cont2colRight { float: left; padding: 0px 0px 0px 10px; width: 289px; }
.cont2colRightNoBorder { float: left; padding: 0px 0px 0px 10px; width: 294px; }

.cont2colSpace { clear: both; margin: 0px 0px 10px 0px; }
.cont2colSpaceLeft { float: left; padding: 0px 30px 0px 10px; width: 260px; border-right: 1px dotted #999; }
.cont2colSpaceRight { float: left; padding: 0px 10px 0px 30px; width: 259px; }

.cont3col { clear: both; margin: 0px 0px 10px 0px; }
.cont3colLeft { float: left; padding: 0px 15px 0px 0px; width: 190px; }
.cont3colMiddle { float: left; padding: 0px 15px 0px 0px; width: 190px; }
.cont3colRight { float: left; padding: 0px 0px 0px 0px; width: 190px; }


/* TEASER */
/* THIS IS THE TEASER CONTAINER FOR PAGE ELEMENTS LIKE NEWS */
#tsr { float: left; width: 175px; font-size: 12px; }
.tsrBox { margin: 0px 0px 5px 0px; border: 1px solid #999; }
.tsrBoxHead { padding: 5px 10px; background-color: #999; font-weight: bold; color: #FFF; }
.tsrBoxCont { padding: 10px; }


/* SITEMAP */
.csc-sitemap a { display:block; }
.csc-sitemap a:hover { color:#E2001A; }
.csc-sitemap li { list-style-type:disc; list-style-image:none; line-height:20px; margin-bottom:3px; }
.csc-sitemap li li{ margin-left:5px; margin-right:5px; }
.csc-sitemap li li a{  }
.csc-sitemap li li li { border:0px; }
.csc-sitemap li li li a{  }


/* NEWS */
.news-single-backlink{ padding-top:20px; }
.tx-indexedsearch-redMarkup { color:#E2001A; font-weight:normal; }
.tx-indexedsearch-res { padding-bottom:15px; }


/* CONTACT */
.mailform-table-outer td{ vertical-align:top; }
.tx_mailform_none, .tx_mailform_valid, .tx_mailform_invalid, .tx_mailform_required { padding-top:10px; }
.tx_mailform_checkbox_element{ line-height:20px; }
.tx_mailform_checkbox_element input{ margin-right:5px; }
.tx_mailform_select { width:215px;font-size: 11px;padding:2px 0px 2px 2px;background-color:#edfaff;border:1px solid #bee5f6;color:#666666;clear:both;}
.tx_mailform_text { width:210px; font-size: 11px; padding:2px; float:right;clear:both; }
.tx_mailform_textarea { clear: both; width:275px;font-family: Arial, Helvetica, sans-serif; font-size: 11px;padding:2px; }
.tx_mailform_div_output_select-check { padding-top:3px; }
.tx_mailform_div_err_msg_1, .tx_mailform_div_err_msg_float-none { color:#E2001A; }
.tx_mailform_submit { width: 55px; padding:2px; border: 1px solid #bee5f6; background-color: #FFF; font-size: 11px; color: #666; text-align: center; border-spacing: 0px; }
.tx_mailform_div_label_left { float: left; width: 60px; }
.tx_mailform_radio_wrap_h{width:110px;float:right;}
.tx_mailform_radio_element_h { float:left;clear:left;padding:3px; }

/* some special formattings depending on ordering */
.tx_mailform_div_input{width:215px;float:right;}
.tx_mailform_field_text,.tx_mailform_field_checkbox,.tx_mailform_field_textarea,.tx_mailform_field_submit{clear:both;}
.tx_mailform_field_textarea .tx_mailform_div_label_left{clear:both;}
.tx_mailform_field_textarea .tx_mailform_div_input{float:left;clear:left;}

.tx_mailform_cb_label{margin-left:3px;}

#tx_mailform_div-item-21-FFL060UNI .tx_mailform_radio_wrap_h { width: 215px; }
#tx_mailform_div-item-21-FFL060UNI .tx_mailform_radio_element_h { float: left; clear: none; }
.mailform_radio_box { padding:0px; background: transparent; border:0px; }

.div-outer-id-0-0-0{ border-right: 1px dotted #bee5f6; }

.tx_mailform_layout_error{color:#bee5f6;}


/* PARTNER */
.partner { margin: 0px 0px 10px 0px; }
.partnerImg { float: left; }
.partnerTxt { float: left; padding: 10px 0px 0px 10px; width: 290px; }
.email { padding: 0px 0px 0px 15px; background-image: url('../img/icon-mail.gif'); background-position: left center; background-repeat: no-repeat; }
.website { padding: 0px 0px 0px 15px; background-image: url('../img/icon-website.gif'); background-position: left center; background-repeat: no-repeat; }
.left { padding: 0px 0px 0px 12px; background-image: url('../img/icon-back.gif'); background-position: left center; background-repeat: no-repeat; }
.right { padding: 0px 12px 0px 0px; background-image: url('../img/icon-forward.gif'); background-position: right center; background-repeat: no-repeat; }


/* SUB-MENU */
ul.nav_elmar { clear: both; margin-left: 0px; height: 15px; font-size: 11px; }
ul.nav_elmar li { float: left; margin: 0px; padding: 0px 5px 0px 5px; list-style-type: none; border-right: 1px solid #CCC; }
ul.nav_elmar li.first { margin: 0px 0px 0px -15px; padding: 0px 5px 0px 0px; }
ul.nav_elmar li.last { padding: 0px 0px 0px 5px; border-right: 0px none; }
ul.nav_elmar li.sel a { color: #E2001A; }

ul.nav_elmar_archiv { clear: both; margin-left: 0px; height: 15px; font-size: 11px; }
ul.nav_elmar_archiv li { float: left; margin: 0px; padding: 0px 5px 0px 5px; list-style-type: none; border-right: 1px solid #CCC; }
ul.nav_elmar_archiv li.first { margin: 0px 0px 0px -15px; padding: 0px 5px 0px 0px; }
ul.nav_elmar_archiv li.last { padding: 0px 0px 0px 5px; border-right: 0px none; }
ul.nav_elmar_archiv li.sel a { color: #E2001A; }


/* CAROUSEL */
#carouselBox { width: 590px; height: 300px; overflow: hidden; background-image: url('../img/elektriker.jpg'); background-position: center top; background-repeat: no-repeat; }
#holder_images { display: none; overflow: hidden; }
#carousel img { padding: 1px; }
#carousel img.link:hover { border: 4px solid #0e0893; }


/* MISC */
/* THIS IS AN AREA FOR MISCELLANEOUS STYLES. IT CONTAINS VARIOUS DIV�S AND CLASSES. */
.clearer { clear: both; }
.divider { margin: 0px 5px; }
.yellowBox { margin: 0px 0px 10px 0px; padding: 15px; background-color: #FFF23D; }
.right { text-align: right; }
.middle { text-align: center; }
.spacer { margin: 0px 0px 10px 0px; }
.nospace { margin: 0px; }
.imgFloatRight { float: right; }
.imgFloatLeft { float: left; margin: 0px 12px 12px 0px; }
.underline { text-decoration: underline; }
.linkbutton{ display: block; padding: 5px; background-color: #EDFAFF; }
.linkbutton-yellow{ display: block; padding: 5px; background-color: #fffab0; }
#cont a.red { color: #E2001A; }
.csc-textpic-intext-right .csc-textpic-imagewrap{float:right;}
hr.noStyle { clear: both; margin: 0px; border: 0px none; }
#frontpage-teaser{display:none;width:600px;height:300px;}
#contBox .csc-textpic-intext-right .csc-textpic-single-image{margin-left:10px;}


/* SEARCH */
.tx-macinasearchbox-pi1 { display: inline; }
.topBarForm { margin: 0px; padding: 0px; display: inline; }
.topBarInput { margin: 0px 0px 0px 5px; padding: 2px 0px 0px 5px; width: 95px; height: 14px; border: 1px solid #9A9A9A; background-color: #FFF; font-size: 11px; color: #999; }
.topBarButton { margin: 0px 10px 0px 0px; padding: 0px; width: 55px; height: 18px; border: 1px solid #9A9A9A; background-color: #FFF; font-size: 11px; color: #666; text-align: center; border-spacing: 0px; }

.tx-indexedsearch-form { padding: 0px 0px 12px 0px; }
.tx-indexedsearch-res { border-top: 1px dotted #666; padding: 5px 0px; }
.res-tmpl-css { border-bottom: 1px dotted #666; border-top:0px; }
#contBox ul.browsebox { list-style-type: none; list-style-image: none; margin: 0px; }
#contBox ul.browsebox li { display: inline; padding: 3px; }


/* DOWNLOADS */
hr.download { margin: 0; padding: 0px 0px 2px 0px; }
.downloadLeft { float: left; padding: 2px 0px 0px 0px; width: 425px; }
.downloadRight { float: left; padding: 2px 0px 0px 0px; width: 155px; }


/* FOOTER */
/* THIS IS THE BOTTOM CONTAINER OF THE WEBSITE. IT CLEARS THE FLOATS AND CONTAINS COPYRIGHT AND/OR FOOTER NAVIGATION. */
#foot { margin: 5px 0px 0px 0px; padding: 5px 0px 0px 0px; height: 19px; background: #E5E5E5 url('../img/bg-footer.gif') no-repeat; }
#footBox { margin: 0px 0px 0px 20px; }