/******************** Allgemeine CSS Eigenschaften ********************/

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
background-color:#FFF;
margin:0px;
}

#wrapper {
float:left;
margin-left:50px;
width:960px;
height:100%;
}

a.infolink {
color:#ff6633;
}

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

/* Ende Allgmeine CSS Eigenschaften */


/******************** CSS Stil für den HEADER ********************/

#header {
float:left;
width:960px;
height:165px;
background-color:#FFF;
/*background-image:url(../img/outta-ol.jpg);
background-repeat:no-repeat;*/
}

#infos {
float:right;
width:auto;	
height:134px;
color:#ff6633;
font-size:0.8em;
padding-right:5px;
padding-top:5px;
}

#navi {
float:left;
background-color:#f8ac92;
width:963px;
height:26px;

}


/******************** CSS Stil für die NAVIGATION ********************/

#navi ul {
margin-top:0px;
padding-left:0px;
margin-left:480px;
list-style:none;
text-align:center;
vertical-align:middle;
font-size:0.8em;
}

#navi ul li {
display:inline;
float:left;
width:119px;
background-color:#f15a23;
border-left:1px solid #FFF;
line-height:26px;
color:#ffcc33;
font-weight:bold;
text-decoration:none;
}

#navi ul li a {
color:#fff;
text-decoration:none;
}

#navi ul li a:hover {
color:#ffcc33;
}

/* Ende CSS für Navigation */

/* Ende CSS für Header */


/******************** CSS Stil für DREISTEPS ********************/

#dreisteps, #mehrinfos {
float:left;
width:239px;
height:275px;
background-color:#FFF;
margin-left:1px;
}

#mehrinfos {
height:auto;
}

#dreisteps-lo, #mehrinfos-lo {
float:left;
width:10px;
height:26px;
background-image:url(../img/dreisteps-lo.gif);
font-size:0;
}

#dreisteps-mo, #mehrinfos-mo {
float:left;
width:214px;
height:22px;
padding-left:5px;
padding-top:3px;
color:#FFF;
font-size:0.9em;
font-weight:bold;
background-color:#f8ac92;
border-top:1px solid #f58962;
}

#dreisteps-mo h1, #mehrinfos-mo h1 {
margin:0;
font-size:14px;
}

#dreisteps-ro, #mehrinfos-ro {
float:left;
width:10px;
height:26px;
background-image:url(../img/dreisteps-ro.gif);
font-size:0;
}

#dreisteps-content-oben {
float:left;
width:237px;
height:50px;
border-left:1px solid #f58962;
border-right:1px solid #f58962;
}

#mehrinfos-content-oben {
float:left;
width:237px;
border-left:1px solid #f58962;
border-right:1px solid #f58962;
}

#dreisteps-content-oben p, #mehrinfos-content-oben p {
font-size:12px;
margin-top:5px;
margin-bottom:0;
padding-left:15px;
}

#mehrinfos-content-oben p {
padding-right:15px;
}


#dreisteps-content-1{
float:left;
width:237px;
height:35px;
background-image:url(../img/dreisteps-1.gif);
background-position:top left;
background-repeat:no-repeat;
border-left:1px solid #f58962;
border-right:1px solid #f58962;
}

#dreisteps-content-1 p{
font-size:12px;
margin-top:3px;
margin-bottom:0;
padding-right:4px;
padding-left:55px;
}

#dreisteps-content-2 {
float:left;
width:237px;
height:65px;
background-image:url(../img/dreisteps-2.gif);
background-position:top left;
background-repeat:no-repeat;
border-left:1px solid #f58962;
border-right:1px solid #f58962;
}

#dreisteps-content-2 p{
font-size:12px;
margin-top:0px;
margin-bottom:0;
padding-right:4px;
padding-left:55px;
}

#dreisteps-content-3{
float:left;
width:237px;
height:40px;
background-image:url(../img/dreisteps-3.gif);
background-position:top left;
background-repeat:no-repeat;
border-left:1px solid #f58962;
border-right:1px solid #f58962;
}

#dreisteps-content-3 p{
font-size:12px;
margin-top:0px;
margin-bottom:0;
padding-right:4px;
padding-left:55px;
}

#dreisteps-content-unten {
float:left;
width:237px;
height:48px;
border-left:1px solid #f58962;
border-right:1px solid #f58962;
}

#dreisteps-content-unten p {
font-size:12px;
margin-top:7px;
padding-top:7px;
padding-bottom:7px;
text-align:center;
background-color:#f15a23;
}

#dreisteps-content-unten a {
color:#FFF;
text-decoration:none;
}

#dreisteps-content-unten a:hover {
color:#FFF;
text-decoration:underline;
}

#dreisteps-content-unten a:visited{
color:#FFF;
text-decoration:none;
}

#dreisteps-lu, #mehrinfos-lu  {
float:left;
width:11px;
height:9px;
background-image:url(../img/dreisteps-lu.gif);
font-size:0;
}

#dreisteps-mu, #mehrinfos-mu  {
float:left;
width:217px;
height:8px;
background-color:#FFF;
border-bottom:1px solid #f58962;
font-size:0;
}

#dreisteps-ru, #mehrinfos-ru  {
float:left;
width:11px;
height:9px;
background-image:url(../img/dreisteps-ru.gif);
font-size:0;
}

/* Ende CSS für Dreisteps */


/******************** CSS Stil für PARTNER ********************/

#partner {
float:left;
height:223px;
background-color:#FFF;
font-size:0;
}

#partner-lo {
float:left;
width:10px;
height:26px;
background-image:url(../img/dreisteps-lo.gif);
font-size:0;
}

#partner-mo {
float:left;
width:215px;
height:22px;
padding-left:5px;
padding-top:3px;
color:#FFF;
font-size:0.9em;
font-weight:bold;
background-color:#f8ac92;
border-top:1px solid #f58962;
}

#partner-mo h1 {
margin:0;
font-size:14px;
}

#partner-ro {
float:left;
width:10px;
height:26px;
background-image:url(../img/dreisteps-ro.gif);
font-size:0;
}

#partner-content {
float:left;
width:238px;
height:171px;
background-color:#FFF;
border-left:1px solid #f58962;
border-right:1px solid #f58962;
}

#partner-content p {
padding-left:15px;
font-size:12px;
}

#partner-lu {
float:left;
width:11px;
height:9px;
background-image:url(../img/dreisteps-lu.gif);
font-size:0;
}

#partner-mu {
float:left;
width:218px;
height:8px;
background-color:#FFF;
border-bottom:1px solid #f58962;
font-size:0;
}

#partner-ru {
float:left;
width:11px;
height:9px;
background-image:url(../img/dreisteps-ru.gif);
font-size:0;
}

/* Ende CSS für Partner */


/******************** CSS Stil für FOOTER ********************/

#footer {
float:left;
width:120px;
height:auto;
margin-top:8px;
padding-top:3px;
padding-left:3px;
font-size:0.6em;
color:#666;
}

#footer p {
font-size:11px;
color:#666;
}

/* Ende CSS für Footer */