/* 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; */
}
	
	
a {     text-decoration: none;
        color: #336699;
        }

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

/* Head */

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


#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: 500px;
	font-size: 18px;
    font-weight: bold;
    line-height: 18px;
    color: #fff;
	z-index: 10;
}

#bar h2 {
	position:relative;
	top: 15px;
	left: 217px;
	width: 400px;
	font-size: 9pt;
	font-weight: normal;
	color: #fff;
	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 */

/* nicht fix RB 2007.02.22 */
#leftnav {
	float: left;
	width: 196px;
	} 
	
/*#leftnav {
	display:block;
	position:absolute;
	left:0px;
	top:193px;
	float: left;
	width: 196px;
	z-index:100;
	} */
	
/* Content mit Marginalspalte*/

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

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

#content_marginal p {
	/* margin: 0px 0px 20px 12px; */
/*	background-color:#CCFF99; */
}

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

#content_marginal li {
        /* font-size: 0.75em;
    line-height:1.4em;*/	
    margin-left: 30px;
    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  {
	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 {
	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;
}

h4 {
	width:522px;
	font-size:10pt;
	font-weight: bold;
	display: inline;
	color: #fff;
	float: left;
	margin: 0px 0px 18px 22px;
	background-color:#7DACDE;
	text-indent: 22px;
	background-image:url(../img/pic/pfeil_h4.gif);
	background-repeat:no-repeat;
	padding: 4px;
}
	
p.text {
	display:inline;
	width: 530px;
	float: left;
	margin: 0px 13px 18px 22px;
/*	background-color:#FFCC33;  */
	} 
	
p.text strong {
	color:#333333;
}

/* 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: 173px;
	height: 96px;
	border: 1px solid #E8E8E8;
	margin: 0px 0px 18px 22px;
}

dl.links dt{
	float: left;
	font-size: 10pt;
	font-weight:bold;
	line-height: 11pt;
	color: #D9017E;
	display: block;
	width: 162px;
	padding-left: 11px;	
	padding-top:10px;	
}

dl.links dd{
	float: left;
	display: inline;
	font-size:8pt;
	line-height: 11pt;
	color:#333333;
/*	width: 173px; */
	padding: 1px 0px 0px 11px;
/*	background-color:#cecece; */
}

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

.links a strong, .links a:link strong{
	text-decoration: none;
	color: #D9017E;	
}

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

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

/* Content Produktuebersicht */

dl.prod {
	display: inline;
	float: left;
	width: 173px;
	height: 96px;
	border: 1px solid #E8E8E8;
	margin: 0px 0px 18px 22px;
}

dl.prod dt{
	float: left;
	display: inline;
	font-size:8pt;
	line-height: 12pt;
	color:#333333;
	height:16px;
/*	width: 173px; */
	padding-left:8px;	
	margin-top:42px;
/*	background-color:#cecece;  */
}

dl.prod dd{
	float: left;
	font-size: 10pt;
	font-weight:bold;
	line-height: 11pt;
	color: #D9017E;
	display: block;
	width: 162px;
	padding-left:8px;	
	padding-top:0px;	
	bottom: 2px;
}



dl.prod a, dl.prod a:prod, dl.prod a:hover {
	text-decoration: none;
/*	color: #336699; */
	color:#333333;
}

.prod a strong, .prod a:link strong{
	text-decoration: none;
	color: #D9017E;	
}

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

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


dl.boxes {
	display: inline;
	float: left;
	width: 520px;
	height: 96px;
	margin: 0px 0px 18px 22px;
	background-color:#7DACDE;
	}
	
dl.boxes dt {
	font-size: 9pt;
	font-weight: bold;
	text-indent: 22px;
	background-image:url(../img/pic/pfeil_h4.gif);
	background-repeat:no-repeat;
	padding: 6px;
	
}

dl.boxes dd {
	display:inline;
	background-color:#FFFFFF;
	margin: 0px 10px 10px 10px;
	padding:3px;
	float:left;
	font-size:8pt;
	line-height: 11pt;
	}

dl.boxes img {
	float:right;
	margin: -6px -6px -6px 40px;
	} 
	
	
dl.system {
	float:left;
	display: inline;
	float: left;
	width: 520px;
	margin: 0px 0px 18px 22px;
	}
	
dl.system dt {
	display:inline;
	width: 170px;
	float: left;
}

dl.system dd {
	float:left;
	display:inline;
	width: 300px;
	margin: 0px 10px 10px 10px;
	float:left;
	line-height: 13pt;
	}
	
dl.system dd strong {
	font-size:11pt;
	color:#333333;
	}
	
dl.system img {

	} 

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

/* 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 p.infobanner {
	margin: 10px 7px 6px 4px; 
}

p.navigator {
	margin: 10px 0px 0px 22px;
}


/* Teaser */

dl.teaser {
	margin: 20px 0px 10px 4px;
	}
	
dl.teaser dd {
	font-size:8pt;
	color: #000;
	}
	
/* 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;
}
*/
/* Content über gesamte Breite */

#content {
	float: left;
	width: 795px;
/*	background-color:#CCFF99; */
	background-image:url(../img/headline_back_schatten.jpg);
	background-repeat:no-repeat;
	padding-top: 19px;
	}

/* Topnav */

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

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

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

#animationhome {
	position:absolute;
	left:0px;
	top:193px;
	z-index:1000;
	visibility: visible;
	width: 990;
	}
	
#animationhome1 {
	float: left;
	width: 987px;
	background-image:url(../img/content_schatten.jpg);
	background-repeat:no-repeat;
	padding-top: 0px;
	padding-bottom: 48px;
}
	
/* 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;}}};}