@charset "UTF-8";
/* @media all
{ */
  /**
   * (en) Formatting YAML's  basic layout elements
   * (de) Gestaltung des YAML Basis-Layouts
   */

  /* (en) Marginal areas & page background */
  /* (de) Randbereiche & Seitenhintergrund */


@import url(content-rohloff.css);
@import url(fce-rohloff.css);
@import url(../extensions/News/tt_news.css);
@import url(../extensions/sg_dictionary/sg_dic_rohloff.css);
@import url(../extensions/indexed_search/indexed_search.css);
@import url(../extensions/fe_login/fe_login.css);
@import url(../extensions/cmwLinklist/cmwlinklist.css);
@import url(../extensions/FAQ/faq.css);
@import url(../extensions/css_filelinks/css-filelinks.css);
@import url(../extensions/direct-mail/dmail-subscription.css);
@import url(../extensions/tt_products/tt_products.css);


/*** jk_poll ***/
.tx_jkpoll_pi1_image { float:right !important; padding-left: 20px !important; }
.tx_jkpoll_pi1_answer_horizontal img { height:20px; }
#main ul.tx_jkpoll_pi1_answers li { list-style-image:none; margin-left:1.0em; }


html { margin: 0px; padding: 0px; }

body {
    background: #726B63 url(../img/verlauf.png) repeat-x top left;
    padding: 0px;
    color: #333;
    font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
}

  /* (en) Layout: width, background, borders */
  /* (de) Layout: Breite, Hintergrund, Rahmen */
#page_margins {
    min-width: 1024px;
    margin: 0 auto;
    border: none;
    padding: 0px 0px 0px 18px;
    background: url(../img/hg-schatten-li.png) repeat-y top left;
}

* html #page_margins {
    width: 80em;
}

#page {
    background: url(../img/hg-schatten-re.png) repeat-y top right;
    border: none;
    padding: 0px 18px 0px 0px;
    margin-right:2px;
}

  /* (en) Centering layout in old IE-versions */
  /* (de) Zentrierung des Layouts in alten IE-versionen */

body {text-align:center;}
#page_margins {text-align:left;}


  /* (en) Designing main layout elements */
  /* (de) Gestaltung der Hauptelemente des Layouts */
#header {
    color: #FFF;
    background: #BBB3A6 url(../img/hg-re-oben-3.png) repeat-x top right;
    margin: 0px;
    padding: 0px;
    height: auto;
    /* z-index: 200; */
}
* html #header {
    z-index: 10;
}
  
* html div.banner-kopf-linie {
    background: url(../img/bild-linie-oben.png) repeat-x bottom left;
    height: 2px;
    line-height: 2px;
    font-size: 2px;
}
div.banner-kopf {  display:block; clear:both;}

div.banner-kopf img {
    width: 100%;
    max-width:1043px !important;
    margin: 0px;
    padding: 1px 0px 0px 0px;
    background-color: #7f7462;
    border-top: 1px solid #a59c8b;
}

/*** Padding und Margin aller div Elemente innerhalb des Slider Containers entfernen. ***/
div#slider div {
   margin: 0;
   padding: 0;	
}
div#slider img {display:none;}
div#slider > img {display:block;}

div.nivoSlider, div.nivo-slice { margin: 0px; border-top: 1px solid #a59c8b; background-color: #7f7462; }
div.nivoSlider { width:100%; }
div.tx-t3sheaderslider-pi1 { padding: 1px 0 0;}
div.tx-t3sheaderslider-pi1 img { max-width:1043px !important; }
div#t3sheaderslider { margin: 0 0 0 1px; margin: 0 0 0 0px; }
div#t3sheaderslider { -webkit-margin-start: 0px } 

* html div.banner-kopf img {
    width: 80em;
    margin: 0px;
}

#flashborder {
    border-top: 1px solid #a59c8b;
    height: 1px;
    line-height: 1px;
    font-size: 1px;
}

#header img.headImg1 {
    position: absolute;
    top: 45px;
    left: 36px;
    font-size: 208%;
    z-index: 10;
}
  
#header h1 span {
    display: block;
    height: 1px;
    width: 1px;
    overflow: hidden;
    line-height: 105px;
}

#header div.tx-macinasearchbox-pi1 {
    position: relative;
    height: 62px;
    font-size: 11px;
    background: url(../img/hg-li-oben.png) no-repeat top left;
    bottom: 0;
    right: 0;
}
#header div.tx-macinasearchbox-pi1 form {
    padding: 30px 20px 0px 0px;
    float: right;
}
* html #header div.tx-macinasearchbox-pi1 form {
    padding: 30px 0px 0px 0px;
}
#header div.tx-macinasearchbox-pi1 input {margin-left:0;}
#header div.tx-macinasearchbox-pi1 form span {display:block; font-weight:bold; color:#aaa;}
#header div.tx-macinasearchbox-pi1 form input {
    width: 170px;
    height: 14px;
    line-height: 14px;
    padding: 3px 3px;
    float: left;
    border-top: 1px solid #7C7C7C;
    border-right: 1px solid #C3C3C3;
    border-left: 1px solid #C3C3C3;
    border-bottom: 1px solid #DDD;
}
#header div.tx-macinasearchbox-pi1 form input.msb_button {
    width: 22px;
    height: 22px;
    padding: 0px;
    border: none;
}

/*** Definition für die Produktsuche unterhalb des Servicemenu ***/
div.tx-macinasearchbox-pi1 input#swords {
    border-color: #7C7C7C #C3C3C3 #DDDDDD;
    border-style: solid;
    border-width: 1px;
    float: left;
    height: 14px;
    line-height: 14px;
    padding: 3px;
    width: 170px;
}
div.tx-macinasearchbox-pi1 input.msb_button {
    border: medium none;
    height: 22px;
    padding: 0;
    width: 22px;
    margin: 0;
}

#header #banner {position:absolute; top:25px; right:10px; z-index:10;}
#header #topnav {top:2px; font-size:0.9em; color:#aaa; background:transparent; display: none;}
#header #topnav span.accessKey {text-decoration:underline;}
#header #topnav span.showAccessKey {font-size:80%; font-style:italic;}
  
  /* (en) adjustment of main navigation */
  /* (de) Anpassung der Hauptnavigation */
  
div#nav {
    width: auto;
    border: none;
    background-color: transparent;
    border: none;
    padding: 0px;
    z-index: 16;
}
  
#nav_main {
    border-bottom:0;
    background: none;
    padding: 0px;
    width: auto;
}
#nav ul {
    margin-left:0;
    padding: 0px;
    background: none;
}
    
  
#nav_main {
    /* (en) containing floats in IE */
    /* (de) Einfassen der Floats im IE */
    width: auto;
    overflow: hidden;
    /* (en) containing floats in all other browsers */
    /* (de) Einfassen der Floats in allen anderen Browsern */
    float: left;
    display: inline;
    /* (en) Repeat the main color from the image */
    /* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
    background: none;
    border-top: none;
    border-bottom: none;
    line-height: 0;
    font-family:'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
    letter-spacing: 0.6px;
}

#nav_main ul {
    border-left: none;
    border-right: none;
    /* (en|de) Bugfix: IE - Doubled Float Margin Bug */
    display: inline;
    float: left;
    margin: 0;
    /* (en) Left margin of the first button  */
    /* (de) Abstand des ersten Buttons vom linken Rand  */
    margin-left: 240px;
    padding: 0;
    background: none;
    border: none;
  }

#nav_main ul li {
    border-left: none;
    border-right: none;    
    /* (en|de) Bugfix: IE - Doubled Float Margin Bug */
    display: inline;
    float: left;
    font-size: 1.0em;
    line-height: 1em;
    list-style-type: none;
    margin: 0;
    padding: 0;
    border: none;
    background: none;
}

#nav_main ul li a,
#nav_main ul li strong {
    background: url(../img/menue-50.png) repeat-x top left;
    color: #070F3D;
    display: block;
    font-size: 1em;
    font-weight: bold;
    margin: 0;
    padding: 0.8em;
    text-decoration: none;
    width: auto;
    border: none;
}
* html #nav_main a {
    background-color: #FE0000;
}
#nav_main ul li.ende a {
    background: url(../img/menue-50-abschluss.png) no-repeat top left;
    color: #070F3D;
    display: block;
    font-size: 1em;
    font-weight: bold;
    margin: 0;
    padding: 0.8em;
    text-decoration: none;
    width: auto;
    border: none;
}
#nav_main ul li.ende a:hover,
#nav_main ul li.ende a:focus,
#nav_main ul li.ende a:active {
    background: url(../img/menue-50-abschluss.png) no-repeat top left;
    color: #070F3D;
    display: block;
    font-size: 1em;
    font-weight: bold;
    margin: 0;
    padding: 0.8em;
    text-decoration: none;
    width: auto;
    border: none;
}

#nav_main ul li a:focus,
#nav_main ul li a:hover,
#nav_main ul li a:active {
    background: url(../img/menue-hover-50.png) repeat-x top left;
    color: #070F3D;
    text-decoration: none;
    border: none;
}

  #nav_main ul li#current {
    /* (en) Repeat the main color from the image */
    /* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
    background: none;
    border-left: none;
    border-right: none;
    border: none;
}

  #nav_main ul li#current strong,
  #nav_main ul li#current a,
  #nav_main ul li#current a:focus,
  #nav_main ul li#current a:hover,
  #nav_main ul li#current a:active {
    background: url(../img/menue-hover-50.png) repeat-x top left;
    color: #070F3D;
    display: block;
    font-size: 1em;
    font-weight: bold;
    margin: 0;
    padding: 0.8em;
    text-decoration: none;
    width: auto;
    border: none;
}

  
#main {
    background: #FBFBFB url(../img/bild-schattenlinie.png) repeat-x top left;
    padding: 0px 0px 20px 0px;
}
* html #main {
    width: 80em;
}

#main div.upper {
    background-color: #FBFBFB;
}



  
#foot_margins {
    min-width: 820px;
    min-width: 1024px;
    max-width: 80em;
    width: auto;
    margin: 0 auto;
    border: none;
    padding: 0px 0px 0px 18px;
    background: url(../img/hg-schatten-li-unten.png) repeat-y top left;
}
* html #foot_margins {
    width: 80em;
}
#foot {
    background: #726B63 url(../img/hg-schatten-re-unten.png) repeat-y top right;
    border: none;
    padding: 0px 18px 0px 0px;
    margin-right:2px;
}
* html #foot {
    width: 80em;
}
#foot_margins #foot div.footer {
    color: #FFF; 
    background: url(../img/hg-schatten-mitte-re-unten.png) no-repeat top right;
    margin: 0 auto;
    border: none;
    text-align: center;
    padding: 0px 0px 10px 0px;
}
#foot_margins #foot div.footer div.schatten-links {
    padding: 20px 0px 0px 0px;
    background: url(../img/hg-schatten-mitte-unten.png) no-repeat top left;
}

#footer {
    color: #FFF; 
    background: none;
    padding: 0px;
    border-top: none;
    font-weight: normal;
}
  
#footer a {
    color: #FBFBFB;
    text-decoration: none;
    font-weight: normal;
}
#footer a.rss {
    background: url(../img/icons/rss.gif) no-repeat center left;
    padding: 0px 0px 0px 20px;
}
#footer a.login {
    background: url(../img/icons/kunden-login.gif) no-repeat center left;
    padding: 0px 0px 0px 18px;
}

#footer a:hover {
    color: #F6C018;
}



/* ####################################
** ### Teaser #########################
** ####################################
*/
  #teaser {
    margin: 0;
    padding: 9px 0px 0px 0px;
    background: none;
    color: #A49E8C;
  }
  #teaser div {float:left; width:auto; font-size: 0.9em;}

  #teaser .rootline { margin: 6px 0px 0px 10px; }
  #teaser .rootline { padding-left: 20px; }
  #teaser .rootline a { color: #A49E8C; text-decoration:underline; font-weight: normal; }
  #teaser .rootline a:hover { background: transparent; text-decoration: none; }

  #teaser .langMenu { float: right; margin: 3px 20px 0px 0px; }
  #teaser .langMenu a:hover { background: transparent; cursor: pointer;}
  #teaser .langMenu img { margin-top: 5px; padding-right: 3px; }
  
  #teaser .langMenu .tx-srlanguagemenu-pi1 .CUR img { padding: 1px; margin-left: 6px; border: 1px solid #F8BF1A; }
  #teaser .langMenu .tx-srlanguagemenu-pi1 .CUR img.tx-srlanguagemenu-pi1-flag {padding-right: 1px;}

  #teaser .langMenu .tx-srlanguagemenu-pi1 .NO img { padding: 2px; margin-left: 6px; border: none; }
  #teaser .langMenu .tx-srlanguagemenu-pi1 .NO img.tx-srlanguagemenu-pi1-flag {padding-right: 2px;}

  #teaser .langMenu .tx-srlanguagemenu-pi1 .INACT img { padding: 2px; margin-left: 6px; border: none; }
  #teaser .langMenu .tx-srlanguagemenu-pi1 .INACT img.tx-srlanguagemenu-pi1-flag {padding-right: 2px;}
  
  #teaser .langMenu .tx-srlanguagemenu-pi1 form#sr_language_menu_form fieldset legend {display:none;}
  #teaser .langMenu .tx-srlanguagemenu-pi1 form#sr_language_menu_form fieldset label {display:none;}

  #teaser .selectFontSize {float:right; margin:6px 10px 0 0;}
  #teaser .selectFontSize a {color:#fff;}
  #teaser .selectFontSize a:hover {background:transparent;}

  #teaser .aktDatum {float:right; margin:6px 20px 4px 0;}


  #col1_content {
    padding: 15px 10px 10px 0px;
  }
  
  #col3_content {
    padding: 15px 20px 10px 10px;
  }
  
  
  div.csc-textpic {
    padding: 0px 20px 0px 0px;
  }
  

#submenu {
    width: auto;
    overflow: hidden;
    margin: 0 0 0 0;
    list-style-type: none;
    border-top: none;
    background: url(../img/submenue-hg-li.png) repeat-y bottom right;
    padding: 0px 0px 20px 0px;
}

#submenu ul {
    list-style-type: none;
    margin: 0;
    padding: 0px 13px 0px 0px;
    width: auto;
}
#submenu ul li {
    list-style-type: none;
}
#submenu li {    
    float: none;
    width: auto;
    margin: 0px 13px 0px 0px;
    background: url(../img/submenue-trenner.gif) repeat-x bottom right;
    padding: 0px 0px 1px 0px;
    list-style-image: none;
    list-style-type: none;
}

#submenu a,
#submenu strong {
    display: block;
    width: auto;
    padding: 1px 0px 1px 30px;
    margin: 0px 0px 0px 0px;
    text-decoration: none;
    background-color: transparent;
    color: #000;
    border-bottom: none;
    font-weight: normal;
}
#submenu strong {
    background: url(../img/submenue-trenner.gif) repeat-x bottom right;
}

  /* Just in case the skiplink anchor gets into THIS menu, because the tab-navigation was turned off */
  /* PLEASE LEAVE THE FOLLING SETTING IN PLACE */  
#submenu a#navigation {border-bottom:0; padding:0;}

  /* Menu Title */
#submenu li#title {
    width: auto;
    padding: 2px 0px 2px 30px;
    margin: 0px 0px 0px 0px;
    font-weight: bold;
    color: #02164C;
    background: transparent url(../img/submenue-title-li.png) repeat-x top right;
    text-transform: uppercase;
    border: none;
    font-family:'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
    letter-spacing: 0.6px;
  }

  #submenu li span {
    display: block;
    width: 0px;
    padding: 1px 0px 1px 10%;
    font-weight: bold;
    border-bottom: 1px #ddd solid;
  }
  
  #submenu li span.accessKey {
    display:inline;
    width:auto;
    padding:0;
    border:0 none;
    font-weight:normal;
    text-decoration:underline;
  }
  #submenu li span.showAccessKey {
    display:inline;
    width:auto;
    padding:0;
    border:0 none;
    font-weight:normal;
    font-style:italic;
    font-size:75%;
  }

  /* Level 1 */
  #submenu li#active,
  #submenu li strong {
    width: auto;
    padding: 1px 0px 1px 30px;
    font-weight: bold;
    color: #FFF;
    background-color: #938C7C;
    border-bottom: none;
  }

  #submenu li a {
    width: auto;
    padding: 1px 0px 1px 30px;
    margin: 0px;
    background-color: transparent;
    color: #000;
  }
  #submenu li a:focus,
  #submenu li a:hover,
  #submenu li a:active,
  #submenu li.ifsub a:focus,
  #submenu li.ifsub a:hover,
  #submenu li.ifsub a:active { background-color: #938C7C; color: #FFF; }
  
  #submenu li.ifsub a { background-color: #D6D0C4; color: #09103C; }

  /* Level 2 */
    
  #submenu li.sub1 a,
  #submenu li.sub1#active,
  #submenu li.sub1 strong,
  #submenu li.sub1 span { width: auto; padding: 0px 0px 0px 40px; }

  #submenu li.sub1 a { background-color: #D6D0C4; color: #09103C; }
  #submenu li.sub1 a:focus,
  #submenu li.sub1 a:hover,
  #submenu li.sub1 a:active { background-color:#938C7C; color: #FFF; }

  /* Level 3 */
  #submenu li.sub2 a,
  #submenu li.sub2#active,
  #submenu li.sub2 strong,
  #submenu li.sub2 span { width: auto; padding: 0px 0px 0px 60px; }

  #submenu li.sub2 a { background-color: #D6D0C4; color: #09103C; }
  #submenu li.sub2 a:focus,
  #submenu li.sub2 a:hover,
  #submenu li.sub2 a:active { background-color:#938C7C; color: #FFF; }

  /* Level 4 */
  #submenu li ul li ul li ul li a,
  #submenu li ul li ul li ul li#active,
  #submenu li ul li ul li ul li strong,
  #submenu li ul li ul li ul li span { width: 75%; padding-left: 25%; }

  #submenu li ul li ul li ul li a { background-color:#ffffff; color: #aaa; }
  #submenu li ul li ul li ul li a:focus,
  #submenu li ul li ul li ul li a:hover,
  #submenu li ul li ul li ul li a:active { background-color:#AA1124; color: #fff; }

  
  div.servicemenu {
    padding: 10px 0px;
  }

  #servicemenu {
    width: auto;
    overflow: hidden;
    margin: 0;
    list-style-type: none;
    border-top: none;
    background: url(../img/submenue-hg-li.png) repeat-y bottom right;
    padding: 0px 0px 20px 0px;
  }
  
  #servicemenu ul {
    list-style-type: none;
    margin: 0;
    padding: 0px 13px 0px 0px;
    width: auto;
  }
  
  #servicemenu li {
    float: none;
    width: auto;
    margin: 0px 13px 0px 0px;
    background: url(../img/submenue-trenner.gif) repeat-x bottom right;
    padding: 0px 0px 1px 0px;
    list-style-image: none;
  }
  
  #servicemenu li#smTitle {
    width: auto;
    padding: 2px 0px 2px 30px;
    margin: 0px 0px 0px 0px;
    font-weight: bold;
    color: #02164C;
    background: transparent url(../img/submenue-title-li.png) repeat-x top right;
    text-transform: uppercase;
    border: none;
    display: block;
    font-family:'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
    letter-spacing: 0.6px;
  }
  
  #servicemenu a,
  #servicemenu strong {
    display: block;
    width: auto;
    padding: 0px 0px 0px 30px;
    margin: 0px 0px 1px 0px;
    text-decoration: none;
    background-color: transparent;
    color: #000;
    border-bottom: none;
    font-weight: normal;
  }
  
  #servicemenu li span {
    display: none;
  }
  
  #servicemenu li a {
    width: auto;
    padding: 0px 0px 1px 30px;
    margin: 0px;
    background-color: transparent;
    color: #000;
  }
  
  #servicemenu li a:focus,
  #servicemenu li a:hover,
  #servicemenu li a:active { background-color: #A59D8E; color: #FFF; }

/* } */



@media screen {
  acronym, abbr {
    border: 0 none;
    text-decoration: none;
    letter-spacing: 0;
  }
}


/* Damit werden die Links aus der Printansicht entfernt */
@media print
{  

html { margin: 0px; }
body { background: transparent none; padding:0px; color: #000; font-size:13px !important; font-family:Helvetica, Arial, sans-serif; height:auto; }

h1, h2, h3, h4, h5, h6, a { font-family:'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif; }
h1 { padding-bottom:18px; font-size:20px !important; }
h2 { font-size:18px !important; }
h3 { font-size:18px !important; }
h4 { font-size:16px !important; }
h5 { font-size:16px !important; }
hr { border-top: 1px dotted #666; background:none !important; }
table, p, li { /* font-size:1.01em !important; */ font-size:13px !important; /* line-height:1.16em !important; */ line-height:18px !important; font-family: Helvetica, Arial, sans-serif; } 

#header img.headImg1 { font-size:0px !important; width:150px; height:auto; }

#page_margins,
#page,
#header,
#main,
#foot_margins,
#foot,
.footer,
#foot_margins #foot div.footer div.schatten-links { background:none !important; height:auto !important; overflow:visible !important; }

#page_margins { min-width:100%; padding:0px; }

#header { display:block; position:relative; }
#header img.headImg1 { position:absolute; top:0; left:auto; right:0 !important; }

#header div.tx-macinasearchbox-pi1,
div.banner-kopf { display:none; }

#main { padding:8px 0px 25px 0px; width:100%; }

#col3 { margin-left:0 !important; margin-right:1px !important; height:auto !important; overflow:visible !important; position:static; }
#col3_content { padding-left:0px !important; padding-right:0px !important; height:auto !important; overflow:visible !important; }

/** col1 Vorlage */
#main div.upper { background-color:#fff !important; padding:0 !important; margin:0 !important; position:relative !important; vertical-align:top !important; }

#main ul li { list-style-image: none; list-style-type: square; }
table.contenttable tr.tr-odd { border-bottom: 1px dotted #666; }
table.contenttable tr.tr-even { border-bottom: 1px dotted #666; }
.contenttable-2 td { border-right: 1px dotted #666; }
.contenttable-3 td { border-right: 1px dotted #666; }
.csc-sitemap li ul li { border-top: 1px dotted #666; }
.csc-sitemap li ul li ul li { border-top: 1px dotted #666; }

.subc { padding: 0 .5em; }
.subcl { margin: 0; padding: 0 0.5em 0 0; }
.subcr { margin: 0; padding: 0 0 0 0.5em; }

.c25l, .c25r { width: 25%; }
.c33l, .c33r { width: 33.333%; }
.c38l, .c38r { width: 38.2%; }
.c50l, .c50r { width: 50%; }
.c62l, .c62r { width: 61.8%; }
.c66l, .c66r { width: 66.666%; }
.c75l, .c75r { width: 75%; }

.c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l { float: left; }
.c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r { float: right; }

/** Haendlersuche */
.tx-rggooglemap-pi1 { position:relative !important; }
.teaserformbox { height:auto !important; width:auto !important; padding:4em 0 1em 0; }
#searchFormResult { height:auto !important; overflow:visible !important; position:relative !important; }
#map { width:540px !important; }

/** Herstellernachweis */
#main div.tx-ttaddress-pi1 { border-bottom:1px dotted #333; background-image:none; height:auto !important; overflow:visible !important; }
#main div.tx-ttaddress-pi1 ul { margin-top:20px; height:auto !important; overflow:visible !important; }
#main div.tx-ttaddress-pi1 ul li { height:auto !important; overflow:visible !important; }
.floatbox { overflow:visible; display:block; }

/* FCE */

div.mt-trenner { background: none; border-bottom: 1px dotted #666; }
div.wct-trenner { background: none; border-bottom: 1px dotted #666; }

#footer { display: block; text-align: left; color:#000; }
#footer span { display: none; }
a { font-weight:normal; }
a[href]:after { content: ""; }

}