/* Hinweis neuer Internetauftritt Sept. 2011 */
#hint_new_web { position:absolute; 
                top:128px; 
                left:300px;
                z-index:99999;
                visibility:hidden;  
                border:solid #eeeeee 1px; 
                background-color:#000000; 
                color:#ffffff;  
                font-size:14pt; font-family:Arial, 
                Helvetica; padding:0px; 
                text-align:center; }
.hint_new_web { background-color:#000000; 
                color:#ffffff;  
                font-size:14pt; 
                font-family:Arial, Helvetica; 
                padding:0px; 
                text-align:center; }

/* Rittal conception 3.2006 */

body,th,td,p {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 9pt;
}

body {
        margin-left: 0px;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        background-color: #F2F4F3;

}


li {  list-style-type:square; }


#rittal {        position:absolute;
        left:34px;
        top:18px;
        width:56px;
        height:93px;
        z-index:1000;
}

.navback {
        background-image:url(../img/head_back_2.jpg);
}

.headline {
        padding: 10px 38px 11px 22px;
}

h1 {
        font-size: 18px;
        font-weight: bold;
        margin: 0px 0px 1px 0px;
        line-height: 18px;
        color: #333;
}

h2 {
        font-size: 9pt;
        font-weight: normal;
        margin: 0px;
}

h4 {
        display: block;
        width: 100%;
        background-color:#FFFFFF;
        font-size: 10pt;
        font-weight: bold;
        color: #000;
        margin: 0px 12px 12px 0px;
}

.head1 {
        background-image:url(../img/head_back_1.jpg);
}


.headline_links {
        background-image:url(../img/headline_links_back.jpg);
}
.headline_back {
        background-image:url(../img/headline_back.jpg);
}

.headlineschatten {
        background-image:url(../img/headline_back_schatten.jpg);
	background-repeat:no-repeat;
        font-size: 1px;
}

#all {
        /* position:absolute; */
        left:0px;
        top:0px;
/*      z-index:100; */
        width: 981px;

}

#line {
        position:absolute;
        left:0px;
        top:128px;
        width: 100%;
        height:65px;
        background-color: #AAD6F1;
        z-index:1;
        background-image:url(../img/line_back.jpg);
}

.teaserhead {
        font-size: 10px;
        font-weight: bold;
        padding: 4px 4px 4px 4px;
        background-color: #BDDCF9;
        border-bottom: 1px solid #fff;
        border-left: 1px solid #fff;

}

.teaserbild {
        border-bottom: 1px solid #fff;
        border-left: 1px solid #fff;

}

td.teaserbox {
line-height: 16px;
}

.teaserbox {
        font-size: 10px;
        padding: 4px 4px 4px 4px;
        background-color: #F2F3F3;
        border-bottom: 1px solid #fff;
        border-left: 1px solid #fff;

}

.teaserbox a {
        text-decoration: none;
        text-indent: 6px;
        color: #000;
}

.teaserbox a:hover {
        text-decoration:underline;
}

.teaserbox a:visited {
        text-decoration:none;
}


input {
        font-size:10px;
}


.abstand {
        padding: 2px 5px 16px 20px;
}

td.abstand {
/*        background-image:url(../img/back_content.jpg); */
}

.products_teaser {
        padding: 0px 10px 0px 0px;
/*        background-color: #cc2; */
        font-size: 10pt;
        color: #000;
}

.abstand strong {
/*        color: #369; blau */
        color: #000;
}

td.products_teaser a {
font-size: 10pt;
text-decoration: none;
}

.product_top {
        padding: 0px 54px 0px 0px;
        font-size: 10pt;
}

.product_top_kategorie {
        padding: 0px 30px 0px 0px;
        font-size: 9pt;

}

.product_top strong, .product_top_kategorie strong {
        color: #000;
        font-size: 10pt;
}

/**** Marginalspalte ****/

.product_marginal {
        padding: 0px 0px 0px 0px;
        font-size: 6pt;
}

.marginalhead {
        text-align: left;
        background-color: #e50043;
        padding: 2px 4px 2px 4px;
        font-size: 11px;
        font-weight:bold;
        color: #fff;
        border-top: 1px solid #CECECE;
        border-right: 1px solid #CECECE;
        border-left: 1px solid #CECECE;
}

.product_marginal .marginalhead {
        text-align: left;
        background-color: #DA027F;
        padding: 4px 4px 4px 10px;
        font-size: 8pt;
        font-weight:bold;
        color: #fff;
        border-top: 1px solid #CECECE;
        border-right: 1px solid #CECECE;
        border-left: 1px solid #CECECE;
}

.product_marginal .marginalbox{
        background-color:#FFF;
        text-align: left;
        font-size: 8pt;
        padding: 4px 8px 4px 0px;
        border: 1px solid #CECECE;
}

.marginal {
        text-align:center;
        background-color:#EBEDED;
}

td.marginalbox {
        font-size: 8pt;
}

.marginalbox li  {
                list-style-type:none;
        background-image:url(../img/nav/arrow_marginal.gif);
        background-repeat:no-repeat;
        margin: 1px 0px 1px 8px;
        padding: 0px 0px 3px 12px;
}

.marginalbox li.text  {
                list-style-type:none;
        background-image:url(../img/nav/quad_marginal.gif);
        background-repeat:no-repeat;
        margin: 1px 0px 1px 8px;
        padding: 0px 0px 3px 12px;
}

.marginalbox a:link, .marginalbox a{
        text-decoration: underline;
}

.marginalbox a:hover {
        text-decoration: none;
}

/**** Linke Navigation ***/

.leftnav{
        background-image:url(../img/leftnav_back.jpg);
        overflow:visible;
}

.link {
        color: #ff0000;
        font-weight: bold;
        font-size:10pt;

}

a {     text-decoration: none;
        color: #336699;
        }

a:hover {
        text-decoration: underline;
        color: #336699;
}

a.topnav {
        text-decoration: none;
        color: #000;
        }

a.topnav:hover {
        text-decoration: underline;
        color: #000;
}

.rahmen {
        border: 1px solid #CECECE;
        margin: 0px 2px 12px 0px;
        padding: 0px;
        background-color: #FFF;
        }

.rahmen td {
        padding-left: 2px;
}

.rahmen_top {
        border-left: 1px solid #CECECE;
        border-top: 1px solid #CECECE;
        border-right: 1px solid #CECECE;
        margin: 0px 2px 12px 0px;
        padding:10px 0px 8px 50px;
        background-color: #FFF;
        font-size: 9pt;
        }

.rahmen_bottom {
        border-left: 1px solid #CECECE;
        border-bottom: 1px solid #CECECE;
        border-right: 1px solid #CECECE;
        margin: 0px 2px 12px 0px;
        padding: 6px 2px 4px 6px;
        background-color: #FFF;
        font-size: 9pt;
        }

.auswahl {
        font-size: 10pt;
        }

.producttablehead {
        font-size: 9pt;
        background-color:#D0E1FD;
        padding: 0px;
}

.producttableleft {
        font-size: 9pt;
        background-color:#eeeeee;
        padding: 2px 2px 2px 2px;
        line-height: 18px;
}

.producttableleft a, .producttableleft a:link {
        font-size: 9pt;
        text-decoration: underline;
}

.producttableleft a:hover {
        text-decoration: none;
}
.producttableleft a:visited {
        text-decoration: underline;
}

.producttable {
        border-bottom: 1px solid #000;
}

.producttableright {
        font-size: 9pt;
        background-color:#fff;
        padding: 0px;
        line-height: 18px;
}


h3 {
        margin: 2px 0px 3px 0px;
}

.inhalt em {
        font-style: normal;
        font-size: 10pt;
        font-weight: bold;
        color: #333333;
        }

.inhalt strong {
        font-size: 10pt;
        color: #333333;
}

.inhalt {
        color: #454545;
        line-height: 14pt;
        padding: 0px 0px 0px 0px;

}

.inhalt td {
        font-size: 9pt;
}


.inhalt .bild {
        font-size: 7pt;
        padding: 4px;
        line-height: 10pt;
        background-color:#F2F2F2;
}

.inhalt h3 a, .inhalt h3 a:link {
font-size: 9pt;
font-weight: bold;
color: #336699;
background-image: url(../img/nav/arrow_red_.gif);
background-repeat:no-repeat;
text-decoration: none;
padding: 0px 0px 3px 14px;
}

.inhalt ul {
        /* font-size: 0.75em;
    line-height:1.4em;*/
    margin: 0px 0px 0px 0px;
    padding-left:1.2em;
    padding-bottom:0.8em;
    list-style-image: url(../img/list_1.gif);
}

.inhalt h3 a:hover {
        text-decoration: underline;
        background-image:url(../img/nav/arrow_red_.gif);
        background-repeat:no-repeat;
        color: #336699;
}

.unterstrich {
        text-decoration: underline;
}


input {

}

.eingabe {
        width: 120px;
        border: 1px solid #676767;
        font-size: 10px;
        padding: 2px;
}

.eingabe2 {
        width: 400px;
        border: 1px solid #676767;
        font-size: 10px;
        padding: 2px;
}

.go {
        border: 1px solid #676767;
        font-size: 10px;
        font-size: 10px;
        padding: 1px;
}

.suchen {
        padding: 24px 0px 10px 8px;
}

.suche {
        margin: 4px;
}



td.bild img {
        border: 0px solid #F2F2F2;
}

.headbild {
        margin: -12px 0px 20px 0px;
}

.inhalt img {
/*        border: 1px solid #CECECE; */
}

.inhalt p {
        margin: 0px 0px 10px 0px;
        }


.inhalt a:link, .inhalt a {
        text-decoration: none;
}

.inhalt a:hover {
        text-decoration: underline;
}


.uebersicht a:link, .inhalt a {
        text-decoration: none;
        color: #336699;
}

.uebersicht a:hover {
        text-decoration: underline;
}


.uebersicht strong {
        color: #000;
        font-size: 11pt;
}

.uebersicht img {
        border: 1px solid #CECECE;
}

.uebersicht_teaser {
        font-size: 9pt; /*9pt */
        line-height: 11pt;
        padding: 0px 6px 0px 0px;
}

.uebersicht_head {
        background-color: #69B7E8;
        }



em {display: block;
        margin: 0px 0px 10px 0px;

}

.blaettern {
        background-color:#FFFFFF;
        padding:  2px 4px 2px 4px;
        }

.blaettern a, .blaettern a:link {
        color:#369;
        text-decoration:underline;
        }

.blaettern a:hover {
        color:#369;
        text-decoration:none;
        }

.Stil1 {
        color: #DA027F;
        font-weight: bold;
        font-size: 13px;
}

.products {
        padding: 16px 0px 16px 22px;
}

.products_teaser {
        padding: 0px 10px 0px 0px;
/*        background-color: #cc2; */
        font-size: 9pt;
        color: #000;
}

.products strong {
/*        color: #369; blau */
        color: #000;
}

td.products_teaser a {
        font-size: 9pt;
}


/* TABELLE NEUHEITEN */
.aktion {
	padding:1px;
}
	
	
td.foot {
        font-size: 8pt;
        padding: 0px 9px 4px 15px;
        color: #000;
        font-weight: normal;
        text-align:left;
}

html, body {height: 100%;}
body {margin: 0px; padding: 0px;}
#aussen{width: 43em; min-height: 100%; position: relative; z-index:100;}
* html #aussen {height: 100%;} /* IE Hack für 100 % Höhe */
 #footer1 {position: absolute; bottom: 0; left: 0; width: 100%; z-index:999; }
   * html #footer1 {bottom: -1px;} /* Nächster IE Hack, da bottom: 0; als bottom: 1px interpretiert wird */
   #all { margin-bottom: 2em; float: left;}


   /* Ab hier nur noch ein wenig Kosmetik ;) */

   body {background-image:url(../img/back_quer.jpg);}
   
   #footer1 {font-size: 8pt; text-align: left; color: #000; padding: 0px 0px; font-weight: normal;}
   #all { padding: 0px; } 


@media print {

#footer1 {
	display:none;
}

/* body	{
writing-mode: tb-rl;
height: 80%;
margin: 10% 0%;
} */

}

#bildheadline {
		 position:absolute;
		 left:229px;
		 top:259px;
		 width:529px;
		 height:72px;
		 z-index:1001;
}
#bildsubline {
		 position:absolute;
		 left:231px;
		 top:332px;
		 width:528px;
		 height:40px;
		 z-index:1002;
}

#bildheadline span {
		 font-size:34px;
		 font-weight:bold;
		 color:#FFFFFF;
		 line-height:35px;
		 }

#bildsubline span {
		 font-size:14px;
		 font-weight:bold;
		 color:#FFFFFF;
		 line-height:15px;
		 }