body, html {
height:100%;
margin:0;
padding:0;
width:100%;
}
body {
}
body.im {
background:#666666 none repeat scroll 0 0;
color:#666666;
font-family:Arial,sans-serif;
font-size:12px;
font-style:normal;
font-variant:normal;
font-weight:normal;
text-align:center;
}
a:link, a:visited {
color:#666666;
text-decoration:none;
}
a:hover, a:active {
color:#000000;
text-decoration:none;
}

p {
color:#666666;
font-family:Arial,sans-serif;
font-size:11px;
font-style:normal;
font-variant:normal;
font-weight:normal;
}

h1 {
color: #FFFFFF;
font-family:Arial,sans-serif;
font-size:16px;
font-style:normal;
font-variant:normal;
font-weight:strong;
text-align:center;
}
img {
border:0 none;
}

/* weißer HG */

#interface {
background-color: #FFFFFF;
background:#FFFFFF no-repeat scroll 75px 200px;
height:1030px;
margin:auto;
min-height:100%;
position:relative;
text-align:left;
width:954px;
}
/* weißer HG für downloads*/

#interfacedl {
background-color: #FFFFFF;
background:#FFFFFF no-repeat scroll 75px 200px;
height:840px;
margin:auto;
min-height:100%;
position:relative;
text-align:left;
width:954px;
}



/* Appel-Logo */

#logo {
left:68px;
position:absolute;
top:25px;
}

#logo img {
border:0 none;
width:150px;
}

#header {
height:110px;
left:260px;
position:absolute;
top:10px;
width:780px;
z-index:99;
}

#header img {
border:0 none;
}

/* Topnavigation */

#topnav {
left:236px;
position:absolute;
top:84px;
width:780px;
}

/* Sidebar */

#sideone {
background:#474747;
left:68px;
width:150px;
height:44px;
position:absolute;
top:108px;
}
#sidetwo a:link, #sidetwo a:visited {
color:#FFFFFF;
text-decoration:none;
}
#sidetwo a:hover, #sidetwo a:active {
color:#009FDA;
text-decoration:none;
}
#sidetwo a.selected {
color:#009FDA !important;
}

#sidetwo {
background:#474747;
font-color:#CCCCCC;
font-size:10px;
left:68px;
width:150px;
height:89px;
position:absolute;
top:156px;
text-align:right;
}

#sideblue {
background: #009DE0 url(http://www.appelpromotion.de/img/bg/sidebarFooterCorner.gif) no-repeat scroll right bottom;
border-color: #FFFFFF;
left:68px;
width:150px;
height:219px;
position:absolute;
top:250px;
}

#sidegrey {
background:#dadada;
left:68px;
width:150px;
height:300px;
position:absolute;
top:475px;
}

/* Logo ideen+marken */

#iplusmlogo {
left:22px;
position:absolute;
top:250px;
}

#iplusmlogo img {
border:0 none;
}


#downloadlist {
left:236px;
position: absolute;
top: 142px;
width: 708px;
}

/* Interface für Fremdseiten*/

#interfremd {
background-color: #FFFFFF;
background:#FFFFFF no-repeat scroll 75px 200px;
height:620px;
margin:auto;
min-height:100%;
position:relative;
text-align:left;
width:960px;
}

#fremd {

position: absolute;
left:0px;
top:108px;
width:958px;
height:600px;
scrolling:auto;
}



/* Boxen für Themenkataloge */
#box1 {
background-image: url("imgnavi/image_82.jpg");
left:236px;
width:167px;
height:141px;
position:absolute;
top:108px;
float:left;
}

#box2 {
background-image: url("imgnavi/krawatten.jpg");
left:417px;
width:167px;
height:141px;
position:absolute;
top:108px;
}

#box3 {
background-image: url("imgnavi/shirt.jpg");
left:597px;
width:167px;
height:141px;
position:absolute;
top:108px;
}

#box4 {
background-image: url("imgnavi/kalender.jpg");
left:777px;
width:167px;
height:141px;
position:absolute;
top:108px;
}
#box5 {
background:#a76f3e;
left:236px;
width:348px;
height:295px;
position:absolute;
top:262px;
}
#box6 {
background:#a76f3e;
left:597px;
width:167px;
height:141px;
position:absolute;
top:262px;
}
#box7 {
background-image: url("imgnavi/streuen.jpg");
left:777px;
width:167px;
height:141px;
position:absolute;
top:262px;
}
#box8 {
background-image: url("imgnavi/importmarken.jpg");
left:597px;
width:167px;
height:141px;
position:absolute;
top:416px;
}
#box9 {
background:#009de0;
left:777px;
width:167px;
height:141px;
position:absolute;
top:416px;
}
#box10 {
background-image: url("imgnavi/wachsen.jpg");
left:236px;
width:167px;
height:141px;
position:absolute;
top:570px;
}
#box11{
background:#333333;
left:417px;
width:167px;
height:141px;
position:absolute;
top:570px;
}
#box12 {
background-image: url("imgnavi/senator.jpg");
left:597px;
width:167px;
height:141px;
position:absolute;
top:570px;
}
#box13 {
background-image: url("imgnavi/victorinox.jpg");
left:777px;
width:167px;
height:141px;
position:absolute;
top:570px;
}

/* Marken-Logos */

#brand-box-header {
left:238px;
top: 724px;
font-size: 11px;
line-height: 20px;
position: absolute;
}

#brand-box {
background-color: #FFFFFF;
left:238px; 
top: 744px;
width: 708px;
height: auto;
position: absolute;
}

#subline {
left:238px; 
top: 754px;
position: absolute;

}

/* Brand box 
#brand-box {}
#brand-box H3 {color:#009FDA;}
#brand-box UL {margin:0px; padding:0px;}
#brand-box LI {position:relative; float:left; list-style:none; padding:0px; width:90px; height:40px; line-height:40px; margin-left:5px; margin-bottom:5px; border:1px solid #FFFFFF; text-align:center;}
#brand-box LI IMG {
/*
	border:0px;
	filter:alpha(opacity=50);
	opacity:0.5;
	-moz-opacity:0.5;

}
#brand-box LI.hover {}
#brand-box LI.hover IMG {
/*
	filter:alpha(opacity=100);
	opacity:1.0;
	-moz-opacity:1.0;

}*/