body {
height: 100%;
font-family: Myriad, Trebuchet, Verdana, Geneva, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
text-align: left;
line-height: 16px;
padding: 0;
margin: 0;
background: #303030;
}
        
a {
color: #FFFFFF;
text-decoration: underline;
}        

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

h1 {
font-family: Myriad, Trebuchet, Verdana, Geneva, Helvetica, sans-serif;
font-size: 11px;
line-height: 16px;
text-decoration: none;
font-weight: normal;
}   

#habla_middle_div a {
color: #000000;
text-decoration: underline;
}

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

#habla_conversation_div {
color: #000000;
}


/* HEADER */

#header {
position: absolute;
top: -40px;
left: 0;
width: 100%;
height: 161px;
overflow: hidden;
}

#banner img {}

/* CONTENT */

#bg_white {
position: absolute;
top: 121px;
left: 0px;
width: 100%;
height: 605px;
background: #FFFFFF;
z-index: 1;
}

#content_rahmen {
position: absolute;
top: 135px;
left: 50%;
width: 780px;
margin-left: -390px;
z-index: 2;
}   

#content {
position: absolute;
top: 25px;
left: 18px;
width: 762px;
height: 465px;
}   

.textfield{
padding: 10px;
}

/* MAINMENU */

#mainmenu {
position: absolute;
top: 0px;
left: 0px;
width: 762px;
height: 25px; 
margin-left: 18px;
font-size: 12px;
}

#mainmenu div {
position: relative;
float: left;
text-align: left;
padding-right: 50px;
height: 25px;
}

#mainmenu div a {
font-size: 13px;
padding-left: 15px;
text-decoration: none;      
color: #252626;
}

#mainmenu div a:hover {
background: url(../imgs/menu/red_dot_hover.png) left center no-repeat;
}

#mainmenu div .hmact {
text-decoration: none;
background: url(../imgs/menu/red_dot.png) left center no-repeat;
} 

/* SUBMENU */

#submenu {
position: absolute;
top: 67px;
left: 0px;
width: 249px;
}

#submenu div {
width: 100%;
text-align: left;
}

#submenu a {
display: block;
padding-left: 28px;     
text-decoration: none; 
color: #FFFFFF;
}

#submenu a:hover {
background: url(../imgs/menu/red_dot_hover.png) left bottom no-repeat;
}

#submenu a.smact {
text-decoration: none;
background: url(../imgs/menu/red_dot.png) left bottom no-repeat;
} 

#submenu_kunden {
position: absolute;
top: 302px;
left: 0px;
width: 182px;
}

#submenu_kunden div {
width: 100%;
text-align: left;
}

#submenu_kunden a {
display: block;
padding-left: 28px;     
text-decoration: none; 
color: #FFFFFF;
}

#submenu_kunden a:hover {
background: url(../imgs/menu/red_dot_hover.png) left bottom no-repeat;
}

#submenu_kunden a.smact {
text-decoration: none;
background: url(../imgs/menu/red_dot.png) left bottom no-repeat;
} 
 
/* TEXT */ 

.textspalten {
float: left;
width: 250px;
margin: 0px;
padding: 6px;
}

/* FOOTER */

#footer {
position: absolute;
top: 490px;
left: 0px;
width: 762px;
text-align: center;  
color: #434343;     
padding-left: 18px;
}    

#footer a {
color: #434343;  
text-decoration: underline;
}        

#footer a:hover {
color: #666666;
}