/* initialisierung*/

/*div{border:1px solid #ff0000}*/
*{
    padding:0; 
    margin:0
}
img {
    border: 0px;
}
a {
    text-decoration:underline;
    color:#000000;
}
a:hover {
    text-decoration:none;
    color:#000000;
}

/*body und background*/
body {  
    background-color: #000000;
    margin: 0px 0px 0px 0px;
}
#bg_left {  
    position:absolute;
    top:550px;
    left:0px;
    z-index:1;
}
#bg_right {  
    position:absolute;
    top:0px;
    right:0px;
    z-index:1;
}
#container_button_anmeldung {  
    position:absolute;
    top:0px;
    right:0px;
    z-index:10;
    cursor:hand;
}
#logo{
    position:absolute;    
    top:0px;
    left:0px;
    width:115px;
    height:80px;
}
#itsyou{
    position:absolute;
    top:0px;
    right:5px;
    z-index:100
}
a.link_itsyou{
    font: normal normal normal 10px verdana;
    color: #aaaaaa;
    text-decoration:none;
}
a.link_itsyou:hover{
    font: normal normal normal 10px verdana;
    color: #888888;
    text-decoration:none;
}
/*main*/
#container_main{  
    position:absolute;
    top:100px;
    left:0;
    width:100%;
    height:435px;
    z-index:15;
    border:0px solid #ffffff;
}
#container_logo_select{  
    position:absolute;
    top:0px;
    left:0px;
    width:180px;
    height:435px;
    background-image: url(templates/img/background_logo_select.jpg);
}
#container_services{  
    position:absolute;
    top:100px;
    right:0px;
    height:437px;
    background-color:#000000;
    z-index:300;
}
#container_anmeldung{  
    position:absolute;
    top:-572px;
    left:160px;
    height:572px;
    width:100%;
    background-color:#000000;
    background-image: url(templates/img/bg_anmeldung.jpg);
    background-repeat:no-repeat;
    background-position:0px 95px;
    z-index:250;
    border:0px solid #ff0000;
}
a.normal_link{
    font: normal normal normal 9px verdana;
    color: #000000;
    text-decoration:underline;
}
a.normal_link:hover{
    font: normal normal normal 9px verdana;
    color: #666666;
    text-decoration:none;
}
a.text_link{
    font: normal normal normal 10px verdana;
    color: #000000;
    text-decoration:none;
}
a.text_link:hover{
    font: normal normal normal 10px verdana;
    color: #000000;
    text-decoration:underline;
}
a.text_gross_link{
    font: normal normal normal 12px verdana;
    color: #000000;
    text-decoration:none;
}
a.text_gross_link:hover{
    font: normal normal normal 12px verdana;
    color: #000000;
    text-decoration:underline;
}
a.normal_text_link{
    font: normal normal normal 10px verdana;
    color: #000000;
    text-decoration:underline;
}
a.normal_text_link:hover{
    font: normal normal normal 10px verdana;
    color: #000000;
    text-decoration:none;
}
.text_gross{
    font: normal normal normal 12px verdana;
    color: #000000;
}
a.normal_link{
    font: normal normal normal 10px verdana;
    color: #ffffff;
    text-decoration:underline;
}
a.normal_link:hover{
    font: normal normal normal 10px verdana;
    color: #ffffff;
    text-decoration:none;
}

#client_access{
    position:absolute;
    top:105px;
    left:3px;
}
.text_in_black{
    font: normal normal normal 10px verdana;
    color: #ffffff;
}
.input_client{
    font: normal normal normal 11px verdana;
    color: #666666;
    width:101px;
    height:18px;
    background-color:#000000;
    border:1px solid #ffffff
}
.text_normal {
    font: normal normal normal 10px verdana;
    color: #000000
}    
/*hauptmenu*/
#haupt_menu_mitte{
     position:absolute;
     top:580px;
     margin-left:-240px;
     left:50%;
     border:0px solid #ffffff;
     z-index:60;
     height:60px;
     width:460px;
     text-align:center;
}
a.menu_haupt{
    font: normal normal normal 9px verdana;
    color: #ffffff;
    text-decoration:none;
    background:#000000;
}
a.menu_haupt:hover{
    font: normal normal normal 9px verdana;
    color: #000000;
    text-decoration:none;
    background:#ffffff;
 }
a.menu_haupt_strong{
    font: normal normal bold 9px verdana;
    color: #ffffff;
    text-decoration:none;
    background:#000000;
}
a.menu_haupt_strong:hover{
    font: normal normal bold 10px verdana;
    color: #000000;
    text-decoration:none;
    background:#ffffff;
}

a.menu_haupt_selected{
    font: normal normal normal 9px verdana;
    color: #000000;
    text-decoration:none;
    background:#ffffff;
}
a.menu_haupt_selected:hover{
    font: normal normal normal 9px verdana;
    color: #ffffff;
    text-decoration:none;
    background:#000000;
}
 

 
/*servicecenter*/
#service_open{  
    position:absolute;
    top:0px;
    right:0px;
    width:178px;
    height:435px;
    background-image: url(../img/service_open.gif);
    z-index:30;
    visibility:visible;
}
#service_close{  
    position:absolute;
    top:0px;
    right:0px;
    width:30px;
    height:435px;
    z-index:20;
}
#service_close_oben{  
    position:absolute;
    top:50px;
    left:5px;
    z-index:20;
    border:0px solid #000000
}
#text_services{
    position:absolute;
    top:137px;
    left:5px;
}
.text_services{
    font: normal normal normal 9px verdana;
    color: #666666;
}
a.text_service{
    font: normal normal normal 9px verdana;
    color: #000000;
    text-decoration:underline;
}
a.text_service:hover{
    font: normal normal normal 9px verdana;
    color: #666666;
    text-decoration:none;
}
#menu_service{
   position:absolute;
   top:355px;
   left:32px;
}
a.menu_service{
    font: normal normal normal 10px verdana;
    color: #000000;
    text-decoration:none;
    background:#f2f2f2;
}
a.menu_service:hover{
    font: normal normal normal 10px verdana;
    color: #ffffff;
    text-decoration:none;
    background:#000000;
 }
a.verkleinern{
    font: normal normal normal 10px verdana;
    color: #000000;
    text-decoration:none;
}
a.verkleinern:hover{
    font: normal normal normal 10px verdana;
    color: #666666;
    text-decoration:none;
}
 
 /*logo selection*/
#pull_produkt_selected{
    position:absolute;
    top:314px;
    left:20px;
    width:100px;
    height:14px;
    border:0px solid #000000;
    z-index:5;
    font:normal normal normal 10px verdana;
    color:#ffffff;
    overflow: hidden;
}
#klick_produkt{
    position:absolute;
    top:309px;
    left:120px;
    border:0px solid #ff0000;
    z-index:5;
}
#pull_produkt{
    position:absolute;
    top:332px;
    left:17px;
    width:120px;
    height:140px;
    border:1px solid #ffffff;
    background-color:#ffffff;
    z-index:1000;
    display:none;
}
a.text_pull{
    font: normal normal normal 9px verdana;
    color: #000000;
    text-decoration:none;
    background:#ffffff;
    line-height:15px;
 }
 a.text_pull:hover{
    font: normal normal normal 9px verdana;
    color: #ffffff;
    text-decoration:none;
    background:#000000;
    line-height:15px;
 }
#scroller1 {
    width: 120px; /* edit me */
    height: 140px; /* edit me */
    border: 0px solid #ff000;
}
#content1 {
    height: 140px; /* edit me */
    width: 113px; /* edit me */
    overflow: hidden;
    float: left;
    border:0px solid #ff0000
}
#scrollarea1 {
    height: 138px; /* edit me */
    width: 5px;
    float: left;
    cursor: pointer;
}
#scrollBarContainer1 {
    height: 100px; /* edit me (ff: height - 18px - ie: height - 46px) */
}

#scrollKnob1 {
    width: 5px;
    margin: 1px;
    background: #aaaaaa;
}
#scrollForward1, #scrollBack1 {
    width: 5px;
    margin: 1px;
    background: #aaaaaa;
    height: 18px;
}
#pull_marke_selected{
    position:absolute;
    top:367px;
    left:20px;
    width:100px;
    height:14px;
    border:0px solid #000000;
    z-index:15;
    font:normal normal normal 10px verdana;
    color:#ffffff;
    overflow: hidden;
}
#klick_marke{
    position:absolute;
    top:361px;
    left:120px;
    border:0px solid #ff0000;
    z-index:15;
}
#pull_marke{
    position:absolute;
    top:384px;
    left:17px;
    width:120px;
    height:140px;
    border:1px solid #ffffff;
    background-color:#ffffff;
    z-index:15;
    display:none;
}
#scroller2 {
    width: 120px; /* edit me */
    height: 140px; /* edit me */
    border: 0px solid #ff000;
    z-index:15;
}
#content2 {
    height: 140px; /* edit me */
    width: 113px; /* edit me */
    overflow: hidden;
    float: left;
    border:0px solid #ff0000
    z-index:15;
}
#scrollarea2 {
    height: 140px; /* edit me */
    width: 5px;
    float: left;
    cursor: pointer;
}
#scrollBarContainer2 {
    height: 100px; /* edit me (ff: height - 18px - ie: height - 46px) */
}

#scrollKnob2 {
    width: 5px;
    margin: 1px;
    background: #aaaaaa;
    min-height: 18px;
}
#scrollForward2, #scrollBack2 {
    width: 5px;
    margin: 1px;
    background: #aaaaaa;
    height: 18px;
}
#pull_zweck_selected{
    position:absolute;
    top:419px;
    left:20px;
    width:100px;
    height:14px;
    border:0px solid #ff0000;
    z-index:5;
    font:normal normal normal 10px verdana;
    color:#ffffff;
    overflow: hidden;
}
#klick_zweck{
    position:absolute;
    top:415px;
    left:120px;
    border:0px solid #ff0000;
    z-index:5;
}
#pull_zweck{
    position:absolute;
    top:274px;
    left:17px;
    width:120px;
    height:140px;
    border:1px solid #ffffff;
    background-color:#ffffff;
    z-index:1000;
    display:none;
}
#scroller3 {
    width: 120px; /* edit me */
    height: 140px; /* edit me */
    border: 0px solid #ff000;
}
#content3 {
    height: 140px; /* edit me */
    width: 113px; /* edit me */
    overflow: hidden;
    float: left;
    border:0px solid #ff0000
}
#scrollarea3 {
    height: 140px; /* edit me */
    width: 5px;
    float: left;
    cursor: pointer;
}
#scrollBarContainer3 {
    height: 100px; /* edit me (ff: height - 18px - ie: height - 46px) */
}

#scrollKnob3 {
    width: 5px;
    margin: 1px;
    background: #aaaaaa;
    min-height: 18px;
}
#scrollForward3, #scrollBack3 {
    width: 5px;
    margin: 1px;
    background: #aaaaaa;
    height: 18px;
}

.input_anmeldg {
    width:195px;
    height:26px;
    background:url('../img/bg_input.gif');
    border:0px solid #000000;
    font:normal normal normal 11px verdana;
    color:#ffffff;
    line-height:26px;
    padding-left:10px
}
.link_ws{
    font:normal normal normal 11px verdana;
    color:#ffffff;
    text-decoration:underline;
}
.link_ws:hover{
    font:normal normal normal 11px verdana;
    color:#ffffff;
    text-decoration:underline;
}
.link_ws_klein{
    font:normal normal normal 9px verdana;
    color:#ffffff;
    text-decoration:underline;
}
.link_ws_klein:hover{
    font:normal normal normal 9px verdana;
    color:#ffffff;
    text-decoration:underline;
}
.input_anmeldg {
    width:195px;
    height:26px;
    background:url('templates/img/bg_input.gif');
    border:0px solid #000000;
    font:normal normal normal 11px verdana;
    color:#ffffff;
    line-height:26px;
    padding-left:10px
}
.text_normal_ws{
    font:normal normal normal 11px verdana;
    color:#ffffff;
}
#open_servicecenter{
    position:absolute;
    top:130px;
    right:30px;
    z-index:100
}
.input_suche{
    font: normal normal normal 11px verdana;
    color: #ffffff;
    width:100px;
    height:15px;
    background-color:#000000;
    border:0px solid #ffffff;
    line-height:18px
}
#suche{
    position:absolute;
    top:267px;
    left:16px;
    z-index:300;
}

/*autocompleter*/
a.result_kat{
    font:normal normal bold 9px verdana;
    color:#000000;
    text-decoration:none;
    line-height:12px;
}
a.result_kat:hover{
    font:normal normal bold 9px verdana;
    color:#000000;
    text-decoration:none;
    line-height:12px;
}
a.result_kat_prod{
    font:normal normal normal 9px verdana;
    color:#888888;
    text-decoration:none;
    line-height:12px;
}
a.result_kat_prod:hover{
    font:normal normal normal 9px verdana;
    color:#888888;
    text-decoration:none;
    line-height:12px;
}
a.result_prod{
    font:normal normal normal 9px verdana;
    color:#000000;
    text-decoration:none;
    line-height:12px;
}
a.result_prod:hover{
    font:normal normal normal 9px verdana;
    color:#000000;
    text-decoration:none;
    line-height:12px;
}

input.autocompleter-loading
{
    background-image:url(templates/img/loading.gif);
    background-repeat:no-repeat;
    background-position:right 50%;
}
.autocompleter-choices{
   background-color:#ffffff;
   height:200px;
   width:550px;
   z-index:500; 
}
ul.autocompleter-choices    { 
    position:absolute; 
    width:339px; 
    padding:0; 
    list-style:none; 
    z-index:50; 
    background:#ffffff; 
    border:1px solid #3b5998; 
    top:0; 
}

ul.autocompleter-choices li { 
    margin:0; 
    list-style:none; 
    padding:0px 10px; 
    cursor:pointer; 
    font-weight:normal; 
    white-space:nowrap; 
    color:#000000; 
    font-size:11px; 
}
ul.autocompleter-choices li:hover { 
    background:#a3bbd8;
    color:#000000; 
}