
html, body {
height:100%;
margin:0;
padding:0;
width:100%;
background-color:#EEEEEE;
}

body {
font-family:arial,helvetica,sans-serif;
font-size:70%;
color:#555555;
}

table{
font-size:1em;
}

li{
font-family:arial,helvetica,sans-serif;
font-size:1em;
}

img {
border:0 none;
}

table td{
border:0 none;
margin:0;
padding:0;
}

a {
color:#555555;
text-decoration:underline;
}

a:link, a:visited {
color:#555555;
}

a:hover, a:active {
color:#999999;
}

.container_A {
padding-left:5px;
padding-right:5px;
position:relative;
text-align:center;
}

.container_B {
margin:0 auto;
position:relative;
text-align:left;
width:770px;
}

.formular {
font-size:1.5em;
color:#555555;
padding:10px;
}

/* LOGO BAR */

#headerWithNavi {
background-color:#ffffff;
background-position:right top;
background-repeat:no-repeat;
height:100px;
}

#headerWithNavi .logoField {
padding:0;
}

/* NAVI LINKS*/

#navi_links {
background-image:url(../img/navi_top.gif);
background-color:#EBEBEB;
background-repeat:repeat-x;
float:left;
height:21px;
width:570px;
}


#navi_links ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}

#navi_links li {
background-color:#DCDCDC;
background-image: url(../img/navi_left.gif);
background-repeat:no-repeat;
display:block;
float:left;
font-weight:bold;
margin:0;
padding:0;
position:relative;
}

#navi_links li a {
background-image: url(../img/navi_right.gif);
background-position:right top;
background-repeat:no-repeat;
border-bottom:1px solid #FFFFFF;
display:block;
line-height:1.8em;
padding:0 20px 0 10px;
text-decoration:none;
white-space:nowrap;
}

#navi_links li div {
background-color:#FFFFFF;
background-image:none;
border:0 none;
font-size:1px;
height:1px;
line-height:1px;
margin:-1px 0 0;
padding:0;
position:relative;
width:1px;
}

#navi_links li.active {
background-color:#FFFFFF;
}

#navi_links li.active a {
border-bottom:1px solid #FFFFFF;
color:#000000;
}

#navi_links li.first {
background-position:-10px 0;
}

#navi_links li.firstActive {
background-color:#FFFFFF;
background-image:none;
}

#navi_links li.firstActive a {
border-bottom:1px solid #FFFFFF;
color:#000000;
}

#navi_links li.last a {
background-image:url(../img/navi_last.gif);
}

#navi_links li.lastActive {
background-color:#FFFFFF;
}

#navi_links li.lastActive a {
background-image:url(../img/navi_lastActive.gif);
border-bottom:1px solid #FFFFFF;
color:#000000;
}

#navi_links li.afterLast {
background-color:#EBEBEB;
background-image:none;
border:medium none;
width:1px;
}

#navi_links li.clsli span {
background-color:#EBEBEB;
background-image:url(../img/nav-tabbar-top.gif);
background-repeat:repeat-x;
border:medium none;
display:block;
padding:3px 0;
}

#navi_links li.clsli div {
background-color:#B4B4B4;
background-image:none;
border:0 none;
font-size:1px;
height:1px;
line-height:1px;
margin:0 0 0 -1px;
padding:0;
position:relative;
width:1px;
}


/* NAVI RECHTS */


#navi_rechts {
background-color:#DCDCDC;
background-position:center top;
float:right;
width:200px;
}

#navi_rechts table td {
vertical-align:top;
}

#helfer {
border-left:1px solid #FFFFFF;
font-weight:bold;
width:100%;
}

#helfer a.helferTop {
background-image:url(../img/helferTop.gif);
background-repeat:repeat-x;
display:block;
text-decoration:none;
width:auto;
}

#helfer .helferRight {
background-image:url(../img/helferRight.gif);
background-position:right top;
background-repeat:no-repeat;
border-bottom:1px solid #B4B4B4;
display:block;
line-height:1.7em;
padding:1px 10px 0 12px;
}

#login a {
background-color:#555555;
background-image:url(../img/arrow-right-small-static.gif);
background-position:9px 5px;
background-repeat:no-repeat;
border-left:1px solid #FFFFFF;
border-top:1px solid #FFFFFF;
color:#FFFFFF;
display:block;
padding:2px 10px 4px 22px;
position:relative;
text-decoration:none;
}

/* BODY */

td.bodyLeft {
width:550px;
padding: 0 10px 10px 10px;
}

td.bodyRight {
position:relative;
width:180px;
padding:10px;
background-color:#CCCCCC;
}

/* FOOTER */

#footer {
margin-bottom:7px;
padding-top:14px;
vertical-align:bottom;
text-align:center;
float:right;
}

#footer ul {
bottom:0;
display:inline;
font-size:0.9em;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}

#footer li {
display:block;
float:left;
margin:0;
padding:0;
position:relative;
vertical-align:bottom;
white-space:nowrap;
}

#footer li a {
background-image:url(../img/footernavi-sep.gif);
background-position:right top;
background-repeat:no-repeat;
display:block;
margin:0 10px 0 0;
padding:0 10px 0 0;
text-decoration:none;
white-space:nowrap;
}
