/*
               Darstellung des Content
*/

/*               Abstände der äußeren Content-Box*/
.layout-box-content{
padding:65px 18px 0px 0px;
}

.link-txt{
position:relative;
border:0px solid red;
line-height:18px;
text-align:left;
padding:0px 12px 30px 16px;
}

#back{
border:0px solid red;
padding-left:13px;
line-height:18px;
background:transparent url('/ioi/siteresources/images/icons/pfeil-links.gif') no-repeat 0px 3px;
}

#back:hover{
background-image:url('/ioi/siteresources/images/icons/pfeil-links-over.gif');
}


#next{
margin-left:12px;
border:0px solid red;
padding-right:13px;
line-height:18px;
text-align:right;
background:transparent url('/ioi/siteresources/images/icons/pfeil.gif') no-repeat right 3px;
}

#next:hover{
background-image:url('/ioi/siteresources/images/icons/pfeil-over.gif');
}

.pdf{
width:74px;
padding:4px 3px 5px 23px;
margin-bottom:3px;
white-space:nowrap;
line-height:32px;
background:transparent url('/ioi/siteresources/images/icons/pdf.gif') no-repeat left top;
}

.imprintititle{
float:left;
width:43px;
}/*
               Darstellung des Formulars
*/
form{
	border:0px solid black;
	padding:0px 0px 0px 16px;
	margin:0px;
	font-weight:bold;
	float:left;
}

form p{
	border:0px solid red;
	width:240px;
}

.textarea, input, select{
	width:240px;
	border:1px solid #bfc0c2;
	font-size:11px;
	padding:3px 3px 3px 3px;
	font-family:verdana, arial, helvetica;
	font-weight:normal;
}

.inputstreet{
	width:168px;
	margin-right:10px;
}


.inputnumber{
	width:50px;
}




.inputplz{
	width:40px;
	margin-right:10px;
	float:left;
}


.inputcity{
	width:182px;
}



select{
	width:247px;
}

.submit{
	width:auto;
	cursor:pointer;	
}

.textarea, .textarea2{
	width:240px;
	height:80px;
	margin-bottom:8px;
}

.textarea2{
	height:50px;
}

.checkbox{
	width:auto;
	border:0px solid #bfc0c2;
	font-size:11px;
	padding:0px 10px 0px 0px;
	margin:0px 10px 0px 0px;
	font-family:verdana, arial, helvetica;
	font-weight:normal;
}

.radiobtn{
	width:auto;
	border:0px solid #bfc0c2;
	font-size:11px;
	padding:0px 0px 0px 0px;
	margin:0px 3px 0px 0px;
}

.form-row{
	position:relative;
	border:0px solid red;
	padding:0px;
	margin:0px 0px 9px 0px;
	height:auto;
	clear:both;
}

.form-title{
	position:relative;
	float:left;
	width:120px;
	padding-top:3px;
	border:0px solid red;
	height:auto;
}

.form-element, .form-element-txt, .form-element-submit{
	position:relative;
	margin:0px 0px 0px 130px; 
	border:0px solid red;
	height:auto;
	width:auto;
	font-weight:normal;
}

.form-element-txt{
	padding-top:3px;
}

.form-element-err{
	position:relative;
	left:133px;
	padding:0px 0px 5px 0px; 
	color:red;
	width:237px;
}

.form-element-submit{
	text-align:left;
	padding-right:7px;
}

/*               Links in der Navigation */
.delitem{
	font-weight:normal;
	margin-left:12px;
}

#moreprod{
	border:0px solid red;
	padding-left:13px;
	line-height:18px;
	background:transparent url('/ioi/siteresources/images/icons/pfeil.gif') no-repeat left 3px;
	font-weight:normal;
}

#moreprod:hover{
	background-image:url('/ioi/siteresources/images/icons/pfeil-over.gif');
}/*
               Darstellung des Layouts
*/
.layout{
position:relative;
left:auto;
top:auto;
width:801px;
height:auto;
border:0px solid red;
background:transparent url('/ioi/siteresources/images/background/shadow-right.gif') repeat-y right top;
}

#hp .layout{
position:absolute;
top:50%;
margin-top:-170px;
}

.layout-box{
position:relative;
width:790px;
height:auto;
border:0px solid green;
background:white;
padding:9px 0px 8px 0px;
}

.box-header{
position:relative;
height:150px;
background:#ffffff;
margin:0px 9px 10px 9px;
background-repeat:no-repeat;
background-position:right top;
}

#hp .box-header{
height:177px;
}


.logo{
width:312px;
height:80px;
background:#e6ebef;
}

.logo-hp{
position:absolute;
left:30px;
top:-90px;
border:0px solid red;
width:192px;
height:72px;
z-index:25;
}

.box-main{
background:#f1f5f6 url('/ioi/siteresources/images/background/bg-content.gif') repeat-x left bottom;
margin:0px 9px 0px 9px;
padding-bottom:25px;
min-height:360px;
}

#hp .box-main{
background:#f3cf17 url('/ioi/siteresources/images/misc/hp-txt.gif') no-repeat 440px 175px;
height:191px;
min-height:191px;
}

.layout-box-subnavigation{
float:left;
width:309px; 
padding:65px 0px 0px 0px;
}

.layout-box-minheight{
position:relative;
float:left;
width:1px; 
border:1px solid green;
}

.layout-box-content{
float:none;
position:relative;
width:auto; 
height:100%;
margin-left:322px;
border:0px solid red;

}


/*
               allgemeine Formatierung
*/
body{
padding:25px 0px 26px 0px; 
margin:0px;
background:#d7e0e5 url('/ioi/siteresources/images/background/bg-page.gif') repeat-x top left;
font-family:verdana, arial, helvetica;
font-size:11px;
font-weight:normal;
color:#5e839e;
}

.centerdiv{
width:801px;
margin:0px auto;
height:auto;
border:0px solid red;
}

a{
color:#5e839e;
text-decoration:none;
}

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

a.link{
text-decoration:underline;
}

.floater{
float:none;
clear:both;
}

#banner-bottom {
	position:absolute;
	right: 0px;
	z-index: 10;
	bottom: -115px;
	width: 460px;
	height: 100px;
	margin-top: 15px;
	padding-right: 45px;	
	}
	
#banner-bottom IMG {
	border: none;
	}
	
	/*
               Darstellung der Navigationen
*/
.language{
position:absolute;
right:11px;
top:-18px;
width:312px;
height:18px;
padding-right:9px;
border:0px solid red;
}

.navigation{
width:312px;
height:60px;
margin-top:10px;
background:#31396a url('/ioi/siteresources/images/background/bg-navigation.gif') repeat-y right top;
}

#hp .navigation{
height:177px;
margin-top:0px;
width:512px;
background:#31396a url('/ioi/siteresources/images/background/bg-navigation-hp.gif') repeat-y right top;
}

.footer-navigation{
position:absolute;
left:0px;
bottom:5px;
width:740px;
height:18px;
padding-left:18px;
border:0px solid red;
}

#hp .footer-navigation{
bottom:-30px;
z-index:20;
padding-left:37px;
}

/*               hover- und aktive Nav-Farbe erste und zweite Ebene*/
.navigation li a:hover, .navigation .navactive, .layout-box-subnavigation li a:hover, .layout-box-subnavigation .navactive{
color:#e8c50f !important;
text-decoration:none;
}

/*               Textformatierung Navigationen */
.language li a, .navigation li a, .layout-box-subnavigation li a, .footer-navigation li a, a.footer-contact{
text-decoration:none;
color:white;
font-weight:bold;
font-size:10px;
}

/*               Language-Navigation */
.language ul{
list-style:none;
margin:0px;
padding:0px;
border:0px solid black;
float:right;
}

.language li{
float:left;
border:0px solid red;
margin-left:8px;
text-transform:uppercase;
}

.language li a{
color:#b3c0c6;
}

.language li a:hover{
color:#5e839e;
}

/*               erste Navigation */
.navigation ul{
position:relative;
left:0px;
top:28px;
width:auto;
height:30px;
margin:0px;
padding:0px;
list-style:none;
border:0px solid red;
background:transparent url('/ioi/siteresources/images/background/bg-ul-navigation.gif') no-repeat 0px 4px;
padding-left:26px;
}

#hp .navigation ul{
top:145px;
background:transparent url('/ioi/siteresources/images/background/bg-ul-navigation-hp.gif') no-repeat 0px 4px;
}

.navigation li{
float:left;
position:relative;
border:0px solid white;
padding:6px 0px 8px 0px;
background:transparent url('/ioi/siteresources/images/background/bg-li-navigation.gif') repeat-y left top;
z-index:10px;
}

.navigation li a{
padding:0px 10px 0px 10px;
}

.navigation #first{
background-image:none !important;
}


.navigation #first a{
padding-left:0px !important;
}

/*               zweite Navigation */
.layout-box-subnavigation ul{
position:relative;
left:0px;
top:0px;
width:auto;
height:auto;
margin:0px 50px 0px 0px;
padding:0px 0px 60px 0px;
list-style:none;
border:0px solid red;
}

.layout-box-subnavigation li{
border-width:0px 0px 1px 0px;
border-color:#f1f5f6;
border-style:solid;
}

.layout-box-subnavigation li a{
color:#5e839e;
padding:5px 0px 5px 26px;
border:0px solid red;
display:block;
height:auto;
position:relative;
}

.layout-box-subnavigation li a:hover, .layout-box-subnavigation .navactive{
background:transparent url('/ioi/siteresources/images/background/bg-li-subnavigation.gif') repeat-y left top;
}



/*               Footer-Navigation */
.footer-navigation ul{
list-style:none;
margin:0px;
padding:0px;
border:0px solid black;
float:left;
}

.footer-navigation li{
float:left;
border:0px solid red;
margin-right:8px;
}

.footer-navigation li a{
color:#ffffff;
}

.footer-navigation li a:hover{
color:#5e839e;
}

a.footer-contact{
line-height:15px;
border:0px solid red;
position:absolute;
left:346px;
padding-left:14px;
background:transparent url('/ioi/siteresources/images/icons/pfeil-white.gif') no-repeat left 3px;
}

a.footer-contact:hover{
color:#5e839e;
text-decoration:none;
background-image:url('/ioi/siteresources/images/icons/pfeil-white-over.gif');
}


#hp .footer-navigation li a{
color:#b3c0c6;
}

#hp .footer-navigation li a:hover{
color:#5e839e;
}/*
               Darstellung der Schatten
*/
.shadow-bottom{
	position:absolute;
	width:790px;
	height:26px;
	left:0x;
	bottom:-26px;
	border:0px solid red;
	background:transparent url('/ioi/siteresources/images/background/shadow-bottom.gif') repeat-x left top;
}

.corner-bottom-right{
	position:absolute;
	width:43px;
	height:44px;
	bottom:15px;
	right:-11px;
	border:0px solid red;
	background:transparent url('/ioi/siteresources/images/background/corner-bottom-right.gif') no-repeat right bottom;
	z-index:10;
}

#hp .corner-bottom-right{
	background:transparent url('/ioi/siteresources/images/background/corner-bottom-right-hp.gif') no-repeat right bottom;
}

.corner-bottom-left{
	position:absolute;
	width:14px;
	height:11px;
	top:0px;
	left:0px;
	background:transparent url('/ioi/siteresources/images/background/corner-bottom-left.gif') no-repeat left top;
	z-index:10;
}

.shadow-right{
	position:absolute;
	width:11px;
	height:529px;
	top:0px;
	left:790px;
	border:0px solid red;
	background:transparent url('/ioi/siteresources/images/background/shadow-right-top.gif') no-repeat 0px 0px;
	z-index:10;
}

#hp .shadow-right{
	position:absolute;
	width:11px;
	height:350px;
	top:0px;
	left:790px;
	border:0px solid red;
	background:transparent url('/ioi/siteresources/images/background/shadow-right-top-hp.gif') no-repeat 0px 0px;
	z-index:10;
} /*                                                                                */
 /*  automatisch generierte CSS-Datei                                              */
 /*                                                                                */
 /*  Inhaltstyp: Inhalt                                                            */
 /*  benutztes Display: datenausgabe-links.tpl                                     */
 /*                                                                                */

.content-navigation{
	line-height:18px;
	text-align:justify;
	padding:16px;
	background:transparent url('/ioi/siteresources/images/background/bg-navigation-content.gif') repeat-y left top;
	border:0px solid red;
} /*                                                                                */
 /*  automatisch generierte CSS-Datei                                              */
 /*                                                                                */
 /*  Inhaltstyp: Inhalt                                                            */
 /*  benutztes Display: h2-textausgabe.tpl                                         */
 /*                                                                                */
h2{
position:relative;
color:#5e839e;
font-size:18px;
font-weight:normal;
width:auto;
margin:0px 12px 9px 0px;
padding:9px 8px 9px 16px;
line-height:18px;
}

.txt2{
position:relative;
border:0px solid red;
line-height:18px;
text-align:justify;
padding:0px 12px 30px 16px;
}

h3, h4, h5, h6{
position:relative;
color:#5e839e;
font-size:11px;
font-weight:bold;
font-weight:normal;
width:auto;
margin:0px 12px 3px 0px;
padding:20px 0px 2px 0px;
line-height:18px;
font-weight:bold;
} /*                                                                                */
 /*  automatisch generierte CSS-Datei                                              */
 /*                                                                                */
 /*  Inhaltstyp: Inhalt                                                            */
 /*  benutztes Display: inhalt.tpl                                                 */
 /*                                                                                */
h1{
position:relative;
background:white;
color:#e8c50f;
font-size:18px;
font-weight:normal;
width:auto;
margin:0px 12px 9px 0px;
padding:9px 8px 9px 16px;
line-height:18px;
}

.txt{
position:relative;
border:0px solid red;
line-height:18px;
text-align:justify;
padding:0px 12px 30px 16px;
}

h3, h4, h5, h6{
position:relative;
color:#5e839e;
font-size:11px;
font-weight:bold;
font-weight:normal;
width:auto;
margin:0px 12px 3px 0px;
padding:20px 0px 2px 0px;
line-height:18px;
font-weight:bold;
} /*                                                                                */
 /*  automatisch generierte CSS-Datei                                              */
 /*                                                                                */
 /*  Inhaltstyp: Inhalt                                                            */
 /*  benutztes Display: test.tpl                                                   */
 /*                                                                                */ /*                                                                                */
 /*  automatisch generierte CSS-Datei                                              */
 /*                                                                                */
 /*  Inhaltstyp: Produkt                                                           */
 /*  benutztes Display: listenansicht-des-produkt.tpl                              */
 /*                                                                                */
/*               dritte Navigation */
.floatbox{
position:relative;
float:left;
background:white;
margin:0px 0px 20px 0px;
padding:0px 0px 0px 0px;
border-width:0px 12px 0px 0px;
border-style:solid;
border-color:#f1f5f6;
width:200px;
}

.boxnav{
position:relative;
width:100%;
height:auto;
list-style:none;
border:0px solid red;
margin:0px;
padding:10px 0px 12px 0px;
}

.boxnav li{
border-style:solid;
border-color:white;
border-width:1px;
margin:0px 10px 0px 0px;
}

.boxnav li a{
position:relative;
display:block;
color:#5e839e;
padding-left:27px;
line-height:17px;
border:0px solid red;
background:transparent url('/ioi/siteresources/images/icons/pfeil.gif') no-repeat 14px 5px;
cursor:pointer;
font-weight:bold;
font-size:10px;
}

.boxnav li a:hover{
background-image:url('/ioi/siteresources/images/icons/pfeil-over.gif');
color:#e8c50f !important;
} /*                                                                                */
 /*  automatisch generierte CSS-Datei                                              */
 /*                                                                                */
 /*  Inhaltstyp: Produkt                                                           */
 /*  benutztes Display: produkt.tpl                                                */
 /*                                                                                */
h2{
position:relative;
color:#5e839e;
font-size:18px;
font-weight:normal;
width:auto;
margin:0px 12px 9px 0px;
padding:9px 8px 9px 16px;
line-height:18px;
}

.txtprod{
position:relative;
border:0px solid red;
line-height:18px;
text-align:justify;
padding:0px 12px 60px 16px;
} /*                                                                                */
 /*  automatisch generierte CSS-Datei                                              */
 /*                                                                                */
 /*  Inhaltstyp: eyecatcher                                                        */
 /*  benutztes Display: eyecatcher.tpl                                             */
 /*                                                                                */
.teaserimg{
position:absolute;
right:0px;
top:0px;
width:450px;
height:122px;
border:0px solid red;
}

.randomimg{
position:absolute;
right:0px;
bottom:0px;
width:450px;
height:28px;
margin:0px;
padding:0px;
border:0px solid red;
} /*                                                                                */
 /*  automatisch generierte CSS-Datei                                              */
 /*                                                                                */
 /*  Inhaltstyp: eyecatcher                                                        */
 /*  benutztes Display: fade-in-bild.tpl                                           */
 /*                                                                                */
.teaserimglarge{
position:absolute;
right:0px;
top:0px;
width:450px;
height:150px;
border:0px solid red;
}.inputinfo{
margin:5px 0px 6px 0px;
}.prodform{
	padding-bottom:6px;
}