/* Rittal conception 6.2006 */

*{
        margin: 0;
        padding: 0;
}

body {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 9pt;
        margin-left: 0px;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        background-color: #F2F4F3;
        }

/* All */

#all {
        float: left;
        width: 991px;
/*        background-color:#0066FF; */
}


/* Head */

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

#live_chat {
	    position:absolute;
        left:810px;
        top:35px;
        width:56px;
        height:93px;
        z-index:2000;
}


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

/* Headline */

#bar {
        position: absolute;
        top: 128px;
        left: 0px;
/*        width: 797px; */
        width: 987px;
        height: 65px;
        background-image:url(../img/headline_back.jpg);
/*        background-color:#33CCFF; */
        z-index: 10;
        }

#bar h1 {
        position:relative;
        top: 15px;
        left: 217px;
        width: 400px;
        font-size: 18px;
    font-weight: bold;
    line-height: 18px;
    color: #333;
        z-index: 10;
}

#bar h2 {
        position:relative;
        top: 15px;
        left: 217px;
        width: 400px;
        font-size: 9pt;
        font-weight: normal;
        z-index: 10;
        }

#top_ {
        width: 991px;
        height: 193px;
        float: left;
        z-index:10;
/*        background-color:#CC9966; */
}

#find {
        position: absolute;
        top: 156px;
        left: 804px;
        width:185px;
        height:40px;
        z-index:100;
        }

.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;
}

/* Leftnav */

#leftnav {
        float: left;
        width: 196px;
        }

/* Content mit Marginalspalte*/

#content_marginal {
        float: left;
        width: 600px;
/*        background-color:#CCFF99; */
        background-image:url(../img/content_schatten.jpg);
        background-repeat:no-repeat;
        padding-top: 22px;
        padding-bottom: 48px;
}

#content_marginal #products-description {
	margin-left: 20px;
}

#content_marginal #products-description h3{
	font-size: 14px;
	color: #000000;
	margin: 0 0 10px 0;
}

#content_marginal #products-description p{
	margin-bottom: 20px;
	width: 570px;
	float: left;
}

#content_marginal #products-description ul{
	clear:both;
	margin-bottom: 20px;
	margin-left: 0;
	padding: 0 0 0 0;
	list-style: none;	
	width: 570px;
	float: left;

}

#content_marginal #products-description ul li{
	text-align: center;
	display: inline;
	padding: 0 10px 0 0;
	margin: 0 10px 0 0;
	float: left;
}

#content_marginal #products-description ul li a{	
	color: #336699;
	font-weight: bold;
	text-decoration:none;
}

#content_marginal #products-description ul li a:hover{	
	text-decoration: underline;
}

#content_marginal #products-description ul li a span{	
	color: #da027f;
	font-weight: bold;
	text-decoration:none;
}

#content_marginal #products-description ul li a img{
	border-width: 1px 1px 1px 1px;
	border-style:solid;
	border-color: #CCCCCC;
	color: #CCCCCC;
}

#content_marginal #products-description table{
	border-width: 1px 0 0 1px;
	border-style:solid;
	border-color: #000000;
	width: 100%;
	background-color: #FFFFFF;
	float: left;
}

#content_marginal #products-description table thead tr th{
	border-style: solid;
	border-width: 0 1px 1px 0;
	border-color: #000000;
	padding: 15px 2px 15px 2px;
}

#content_marginal #products-description table tbody tr.alt{
	background-color: #e5f1f8;
}

#content_marginal #products-description table tbody tr th{
	border-style: solid;
	border-width: 0 1px 1px 0;
	border-color: #000000;
	padding: 7px 2px 7px 2px;
}

#content_marginal #products-description table tbody tr td{
	border-style: solid;
	border-width: 0 1px 1px 0;
	border-color: #000000;
	text-align:center;
	padding: 5px 2px 5px 2px;
}

/*****************************************************/
#content_marginal #products-description-new {
	margin-left: 20px;
	width: 525px;
}

#content_marginal #products-description-new #placeholder {
	margin: 10px 0 10px 0;
}



#content_marginal #products-description-new h3{
	font-size: 14px;
	color: #000000;
	margin: 0 0 10px 0;
	width: 525px;	
}

#content_marginal #products-description-new #left{
	width:525px;
	float:left;
}

#content_marginal #products-description-new #left p{
	margin-bottom: 20px;
}

#content_marginal #products-description-new #left ul{	
	list-style:disc;
	list-style-image:none;
	list-style-position:outside;
	margin-bottom: 20px;
}

#content_marginal #products-description-new #left ul li{
}

#content_marginal #products-description-new #right{
	width:525px;
	float:left;
}

#content_marginal #products-description-new #right ul{
	list-style:disc;
	list-style-image:none;
	list-style-position:outside;
	margin-bottom: 20px;
}

#content_marginal #products-description-new #right ul li{
}

#content_marginal #products-description-new table{
	border-width: 1px 0 0 1px;
	border-style:solid;
	border-color: #000000;
	width: 100%;
	background-color: #FFFFFF;
	float: left;
	margin-bottom: 20px;
}

#content_marginal #products-description-new table thead tr th{
	border-style: solid;
	border-width: 0 1px 1px 0;
	border-color: #000000;
	padding: 15px 2px 15px 2px;
}

#content_marginal #products-description-new table tbody tr.alt{
	background-color: #e5f1f8;
}

#content_marginal #products-description-new table tbody tr th{
	border-style: solid;
	border-width: 0 1px 1px 0;
	border-color: #000000;
	padding: 7px 2px 7px 2px;
}

#content_marginal #products-description-new table tbody tr td{
	border-style: solid;
	border-width: 0 1px 1px 0;
	border-color: #000000;
	padding: 5px 2px 5px 2px;
	text-align:center;
}

#content_marginal #products-description-new table tbody tr td ul{
	list-style:disc;
	list-style-image:none;
	list-style-position:outside;
	text-align:left;
	margin-left: 5px;
}

#content_marginal #products-description-new table tbody tr td ul li{
}

/*****************************************************/


/*****************************************************/
/*****************************************************/


/* Listenpunkte */
#content_marginal 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);
}

/* Abstand zwischen Textblöcken */
.pic_text br, .text_pic br, .text br, .text40_60 br, .text50_50 br {
        line-height: 11pt;
}

/* Links im Content */

.pic_text a, .pic_text a:link, .text a, .text a:link, .text40_60 a, .text40_60 a:link, .text50_50 a, .text50_50 a:link, .link1 a:link {
        background-image:url(../img/pic/nav_text.gif);
        background-repeat:no-repeat;
        text-decoration: none;
        font-weight: bold;
/*        color: 336699; */
        padding:0px 2px 0px 11px;
        font-size: 10pt;
        color: #29537C;
        line-height: 11pt;
}

a.cat_link {
        display:block;
        margin:0px;
        line-height: 13pt;
}

.pic_text a:hover, .text a:hover, .text40_60 a:hover, .text50_50 a:hover, .link1 a:hover {
        text-decoration: underline;
        color: 336699;
}

/*  Content Text*/

p.text, dl.pic_text dd, dl.text_pic dt {
        line-height: 14pt;
}

h3 {
        font-size:10pt;
        font-weight: bold;
        display: inline;
        color: #666;
        float: left;
        margin: 0px 13px 18px 22px;
}

p.text {
        display:inline;
        width: 500px;
        float: left;
        margin: 0px 13px 18px 22px;
/*        background-color:#FFCC33; */
        }

/* Content - Headbild */


p.image {
/*        margin: 0px 11px 18px 24px; */
        margin: 0px 13px 18px 22px;
        }

/* Content - Blöcke */


/* Rahmen um Bilder */

dt img {
        border: 1px solid #CECECE;
}


/* .zweispaltig_text {
        float: left;
        width: 500px;
        background-color: #FFCCFF;
} */

.pic_text {
        float: left;
        display:inline;
        margin: 0px 13px 18px 22px;
/*        background-color:#FFCC33;  */
}

dl.pic_text dt{
        float: left;
        display: block;
        width: 195px;
        font-size: 8pt;
        }

dl.pic_text dd{
        float: left;
        display: block;
        width: 320px;
        line-height: 14pt;
/*        background-color:#FF3333; */
}

dl.pic_text strong {
        font-size: 10pt;
        line-height: 14pt;
        color: #555555;
}

dl.pic_text ul {
        list-style-position:outside;
        list-style-type:square;
        }

dl.pic_text li {
        margin: 12px 0px 0px 4px;
}

.text_pic {
        float: left;
        display:inline;
        margin: 0px 13px 18px 22px;
/*        background-color: #CC9900; */
}

dl.text_pic dt{
        float: left;
        display: block;
        width: 400px;
/*        background-color:#FF3333; */
        }

dl.text_pic dd{
        float: left;
        display: block;
        width: 165px;
}

/* Zweispaltig 40 60 */

.text40_60 {
        float: left;
        display:inline;
        margin: 0px 15px 18px 24px;
/*        background-color:#FFCC33;  */
}

dl.text40_60 dt{
        float: left;
        display: block;
        width: 224px;
        line-height: 14pt;
        font-size: 8pt;
        padding-right:20px;
/*        background-color:#FFCC33;          */
        }

dl.text40_60 dd{
        float: left;
        display: block;
        width: 275px;
        line-height: 17pt;
/*        background-color:#FF3333; */
}

dl.text40_60 strong {
        font-size: 10pt;
        line-height: 14pt;
        color: #555555;
}

dl.text40_60 ul {
        list-style-position:outside;
        list-style-type:square;
        }

dl.text40_60 li {
        margin: 12px 0px 0px 4px;
}

/* Zweispaltig 50 50 */

.text50_50 {
        float: left;
        display:inline;
        margin: 0px 15px 18px 24px;
/*        background-color:#FFCC33;  */
}

dl.text50_50 dt{
        float: left;
        display: block;
        width: 250px;
        line-height: 14pt;
/*        background-color:#FFCC33;          */
        }

dl.text50_50 dd{
        float: left;
        display: block;
        width: 250px;
        line-height: 17pt;
        margin-left: 25px;
/*        background-color:#FF3333; */
}

dl.text50_50 strong {
        font-size: 10pt;
        line-height: 14pt;
        color: #555555;
}

dl.text50_50 ul {
        list-style-position:outside;
        list-style-type:square;
        }

dl.text50_50 li {
        margin: 12px 0px 0px 4px;
}


/* Content - Linkübersicht */

dl.links {
        display: inline;
        float: left;
        width: 250px;
/*        background-color:#FF99CC; */
        margin: 0px 13px 18px 22px;
}

dl.links dt{
        float: left;
        display: block;
        width: 86px;
}

dl.links dd{
        float: left;
        display: block;
        width: 164px;
/*        background-color:#cecece; */
}

dl.links a, dl.links a:link {
        text-decoration: none;
        color: #336699;
}

.links a strong, .links a:link strong{
        font-size: 10pt;
        text-decoration: none;
        color: #29537C;
}

dl.links a:hover {
        text-decoration: underline;
}

.li_arrow {
        color: #DA027F;
        font-weight: bold;
        font-size:10pt;
}

/* Content */

.advice {
        display: block;
        margin: 0px;
        padding: 7px 12px 8px 12px;
/*         background-color:#FFCCFF; */
        background-image:url(../img/advice.jpg);
        color: #000;
        font-size: 9pt;
        border: 1px solid #cecece;
        }

.advice strong {
        font-size: 9pt ! important;
}

.advice br {
        line-height: 6pt;
}

/* Content über gesamte Breite */

/* #content {
        float: left;
        width: 790px;

        background-image:url(../img/headline_back_schatten.jpg);
        background-repeat:no-repeat;
        padding-top: 22px;
        padding-bottom: 48px;
        }

#content p.text {
        display:inline;
        float: left;
        width: 760px;
        margin: 0px 13px 18px 22px;

        }

#content p.text table {
        float: left;
        background-color:#CCCC33;
}

#content .pic_text {
        float: left;
        width:745px;
        display:inline;
        margin: 0px 13px 18px 22px;

}

#content dl.pic_text dt{
        float: left;
        display: block;
        width: 215px;
        font-size: 8pt;
        }

#content dl.pic_text dd{
        float: left;
        display: block;
        width: 530px;
        line-height: 14pt;
/*        background-color:#FF3333; */
}

#content_ dl.pic_text strong {
        fontsize: 10pt;
        line-height: 14pt;
        color: #555555;
}

#content dl.pic_text ul {
        list-style-position:outside;
        list-style-type:square;
        }

#content dl.pic_text li {
        margin: 12px 0px 0px 4px;
}


/* Marginal */

#marginal {
        display: block;
        font-size: 8pt;
        color: #fff;
        float: left;
        width: 191px;
        background-image:url(../img/marginal_schatten.jpg);
        background-repeat:no-repeat;
/*        padding-top: 22px; FIREFOX */
        padding-top: 6px;
}

#marginal #image-gallery{
	margin-left: 10px;
	margin-top: 10px;
}

#marginal #image-gallery p{
	color: #000000;
}




#marginal p.infobanner {
        margin: 10px 7px 6px 4px;
}


/* Marginalbox */


ul.box {
        width: 180px;
        background-color:#fff;
        margin: 14px 7px 12px 4px;
        padding: 0px;
}

ul.box li {
        display: inline;
}

ul.box_head {
        text-align: left;
        background-color:#DA027F;
        padding: 4px 4px 3px 6px;
        font-size: 11px;
        font-weight:bold;
        border: 1px solid #DA027F;
        color: #fff;
}

ul.box_content {
        border-right: 1px solid #cecece;
        border-bottom: 1px solid #cecece;
        border-left: 1px solid #cecece;
        border-top: 1px solid #DA027F;
    font-size: 8pt;
}

ul.box_content li {
        display: block;
}

.box_content li {
        list-style-type:none;
    background-image:url(../img/nav/quad_marginal.gif);
    background-repeat:no-repeat;
        margin: 2px 4px 2px 4px;
    padding: 0px 2px 3px 12px;
        color: #333;
}

li.box_content_link {
        list-style-type:none;
    background-image:url(../img/nav/arrow_marginal.gif);
    background-repeat:no-repeat;
        margin: 2px 4px 2px 4px;
    padding: 0px 2px 3px 12px;
        color: #333;
}

.box_content a:link, .box_content a, .box_content_link a:link, .box_content_link a{
        text-decoration: underline;
                color: #336699;
}

.box_content a:hover, .box_content_link a:hover {
        text-decoration: none;

}

/*
p.teaserhead {
display: block;
        float: left;
        width: 180px;
        height: 23px;
        font-size: 11px;
        font-weight:bold;
        color: #fff;
        background-color: DA027F;
}

#marginal p.teaserbody {
        display:block;
        float: left;
        width: 180px;
        background-color:#FFF;
        border-left: 1px solid #cecece;
        border-right: 1px solid #cecece;
}

#marginal p.teaserfooter {
        display:block;
        width: 180px;
        height: 20px;
        border-top: 1px solid #cecece;
}
*/

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

.marginalhead {
        text-align: left;
        background-color:#DA027F;
        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;
}


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;
}
*/


/* Topnav */

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

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

.line {
	height: 3px;
	background: transparent url(../img/dash-blue-shadow.gif) repeat-x;
	overflow: hidden;
	margin: 10px 0 10px 0;
	float: right;
	display: block;
	width: 250px;
}

/*  Footer  */
#footer {
        width:987px;
        height:46px;
        background-image:url(../img/footer_all.png);
        background-repeat:no-repeat;
        font-size: 8pt;
}

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

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

#footerleft {
        float: left;
}

#footerright {
        width:791px;
        height:46px;
        float:left;
}

/****************************************************/
/* Form Handling */ 

#content_marginal #form { 
	margin: 0 0 0 20px;
}

#content_marginal #form p {
	margin: 0 0 10px 0;
	width: 525px;
	line-height: 14pt;
}

#content_marginal #form ol {
	margin: 0 0 10px 20px;	
	width: 525px;
}

#content_marginal #form ol li {
	margin: 0 0 5px 0;	
	width: 525px;
}

#content_marginal #form h3 {
	background: transparent url(../img/dash-blue-shadow.gif) repeat-x scroll center top;
	margin: 10px 0 5px 0;
	padding: 10px 0 0 0;
	width: 525px;
	color: #000000;
	font-size: 14px;
}

#content_marginal #form form {
	margin: 20px 0 20px 20px;
}

#content_marginal #form div label {
	font-weight: bold;
}

#content_marginal #form div #option{
	font-weight:normal;
	line-height: 1.6;
}

#content_marginal #form div input.text {
	width: 200px;
}

#content_marginal #form div input.checkbox {
	margin: 0 10px 0 0;
}

#content_marginal #form div input.button {
	margin: 20px 0 10px 0;
}

/* EOF Form Handling */ 
/****************************************************/

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

        body {background-image:url(../img/back_quer.jpg);}
   /*  #aussen {border-right: 1px solid #7C8B3E; border-left: 10px solid #7C8B3E;} */
   #footer {font-size: 8pt; text-align: left; color: #000; padding: 0px 0; font-weight: normal;}
   #all {padding: 0px;} #all {padding: 0px;}}};}