/* TAG */

/*
author:  Ronny Vorpahl
company: Intermatix
url:     www.intermatix.de

         (feel free to contact me for professional, compatible css)
*/

/* COMMON */

* { margin:0px;     padding:0px;     border:none;  
    background-color:transparent;
}

option {background-color:#FFFFFF;}

.clearMod, .clearmod, .clear { clear: both; line-height:0px; display: block; }  
/* FONTS */

* { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; line-height:15px; text-decoration:none;}

.error, .error * {color:#FF0000 !important;}

.box_green, .box_green * { font-family: Helvetica,Arial,sans-serif; font-size:12px; color:#000000; font-weight:normal;}
.box_white, .box_white * { font-family: Helvetica,Arial,sans-serif; font-size:12px; color:#6B7C8D; font-weight:normal;}

.box_green h1 { font-size:16px; line-height:20px; color:#FFFFFF; }
.box_white h1 { font-size:16px; line-height:20px; color:#6483A9; }

.box_green label { color:#FFFFFF; }
.box_white label { color:#6483A9; }

.box_green a, .box_green .submit { color:#FFFFFF; font-weight:bold;}
.box_green a:hover { background-color:#FFFFFF; color:#9fe500;font-weight:bold;}

.white_box210_main ,.white_box210_main *,
.empty_box_00, .empty_box_05, .empty_box_10, 
.empty_box_00 *, .empty_box_05 *, .empty_box_10 *, 
.better_business_main, .better_business_main *,
.content_white, .content_white * { font-family: Arial,Helvetica,sans-serif; font-size:12px; color:#6B7C8D; font-weight:normal;}

.white_box210_main h1,
.empty_box_00 h1, .empty_box_05 h1, .empty_box_10 h1, 
.better_business_main h1  { font-size:16px; line-height:20px; color:#6483A9; font-weight:bold; margin-bottom:15px;} 
.content_white h1 { font-size:16px; line-height:20px; color:#6483A9; font-weight:bold; margin-bottom:10px;}

.white_box210_main label,
.empty_box_00 label, .empty_box_05 label, .empty_box_10 label, 
.better_business_main label, 
.content_white label { color:#6483A9;}

.white_box210_main a, .white_box210_main .submit,
.empty_box_00 a, .empty_box_05 a, .empty_box_10 a, 
.empty_box_00 .submit, .empty_box_05 .submit, .empty_box_10 .submit, 
.better_business_main a, .better_business_main .submit, 
.box_white a, .box_white .submit,
.content_white a, .content_white .submit { color:#82B806; font-weight:bold; }

.white_box210_main a:hover, .white_box210_main submit:hover,
.empty_box_00 a:hover, .empty_box_05 a:hover, .empty_box_10 a:hover, 
.better_business_main a:hover, 
.box_white a:hover,
.content_white a:hover {  background-color:#6B7C8D; color:#FFFFFF; font-weight:bold;}


#subnavi_main a, #subnavi_main a:hover {color:#6483A9;}

/* BODY AND MAIN */

html {
    width:100%;
    height:auto;
    text-align:center;
}

body {	
    height:auto;
    width:100%;
    text-align:center;
    background:url(../img/bg_body2.gif) 0px 0px repeat-x; 
    background-color:#D1DBE5;
    padding:0px 0px;
}

#main  {	
    display:block;    width:830px;    height:auto;      margin:0px auto;
    background:url(../img/bg_main_middle.gif) 0px 0px repeat-y;
}

/*#main  { overflow:hidden; }*/

#main_top { 
    display:block;    width:830px;    height:6px; overflow:hidden; line-height:1px;
    /*background:url(../img/bg_main_top.gif) 0px 0px no-repeat;*/
    background-color:transparent;
    height:1px;
}

#main_middle { 
    display:block;    
    width:830px;  
    text-align:left;
    clear:both;
}

#main_inner{
    margin:15px 23px; 
}

#main_bottom { 
    display:block;    width:830px;    height:6px; overflow:hidden; line-height:1px;
    background:url(../img/bg_main_bottom.gif) 0px 0px no-repeat;
}


.margin_b00 { display:block; clear:both; margin-bottom:00px !important;}
.margin_b05 { display:block; clear:both; margin-bottom:05px !important;}
.margin_b08 { display:block; clear:both; margin-bottom:08px !important;}
.margin_b10 { display:block; clear:both; margin-bottom:10px !important;}
.margin_b15 { display:block; clear:both; margin-bottom:16px !important;}
.margin_b20 { display:block; clear:both; margin-bottom:20px !important;}
.margin_b25 { display:block; clear:both; margin-bottom:25px !important;}


/* MARGINS AND PADDINGS */

#top, #search_lang, #row_hr, #key_visual,#key_visua2,#key_visua3, #column257,#column158,#row_menu,#column210, #subnavi_main, #content_main, #content_m758 , #bottom
{   float:left; }

.box_green,
.box_white,
.better_business_main,
.content_white { margin:0px; padding:0px;}

#top,  #key_visual,#key_visua2,#key_visua3, #content_main, #bottom, #content_m758 
{  margin:5px; padding:0px;}

#top            { width:547px; height:63px; 
                  background:url(../img/bg_top.png) 0px -2px no-repeat;  display:block; clear:none;}
#search_lang    { width:209px; height:63px; line-height:10px; }
#language       {  height:10px; text-align:right; float:right; color:#8abd17;}
#language *     { color: #8abd17; }
#language a    { text-decoration:none;}
#language a:hover {background-color:#6B7C8D; color:#FFFFFF;}

#googlebox      { height:19px; margin-top:34px;  background:url(../img/google.png) 0 0 no-repeat; padding-left:47px; float:right;}
#row_hr         { width:766px; height:1px; margin:10px 5px 3px 5px; overflow:hidden; line-height:1px; background-color:#c4d0de;} 
#key_visual     { width:547px; height:257px; padding:0px;   }
#key_visua2     { width:547px; height:158px; padding:0px;   }
#key_visua3     { width:547px; height:158px; padding:0px;   }


.spacer {line-height:1px; height:10px; overflow:hidden; display:block; clear:both;}

#column257      { width:219px; clear:right; font-size:1px; line-height:1px; }
#column257 .spacer  { width:219px; }
#column158      { width:219px; clear:right; font-size:1px; line-height:1px;}
#column158 .spacer  { width:219px; }
#column210      { width:210px;  font-size:1px; line-height:0px;}
#column210 .spacer  { width:210px; }

.info_box       { width:199px; height:64px; padding: 10px;
                  background:url(../img/bg_info_box.png) 0px 0px no-repeat;  }
.skype_box      { width:199px; height:64px; padding: 10px;
                  background:url(../img/bg_skype_box.png) 0px 0px no-repeat;  }
.login_box      { width:199px; height:79px; padding: 10px;
                  background:url(../img/bg_login_box.png) 0px 0px no-repeat;  }

.livechat_box      { width:199px; height:148px; padding:10px;
                  background:url(../img/bg_livechat_box.png) 0px 0px no-repeat;  }
                  
                  
.white_box_main {  width:219px; clear:both;         
                    background:url(../img/bg_white_box_middle.png) 0px 0px repeat-y; }
.white_box_top   { width:219px;  height:10px; overflow:hidden; line-height:1px;
                   background:url(../img/bg_white_box_top.png) 0px 0px no-repeat;  }
.white_box_middle{ width:199px; padding:0px 10px 0px 10px; }
                   
.white_box_bottom{ width:219px; height:10px; overflow:hidden; line-height:1px;
                   background:url(../img/bg_white_box_bottom.png) 0px 0px no-repeat;  }
                   
.white_box210_main {  width:210px; clear:both;         
                    background:url(../img/bg_white_box210_middle.gif) 0px 0px repeat-y; }
.white_box210_top   { width:210px;  height:10px; overflow:hidden; line-height:1px;
                   background:url(../img/bg_white_box210_top.gif) 0px 0px no-repeat;  }
.white_box210_middle{ width:175px; padding:10px 15px 10px 20px;  }
                   
.white_box210_bottom{ width:210px; height:10px; overflow:hidden; line-height:1px;
                   background:url(../img/bg_white_box210_bottom.gif) 0px 0px no-repeat;  }

.empty_box_00 { margin:0px; padding:0px;}
.empty_box_05 { margin:5px; padding:0px;}
.empty_box_10 { margin:10px; padding:0px;}                 
#row_menu     { width:770px; height:38px; margin:3px 2px 5px 4px; }


.better_business_main   { width:210px; background:url(../img/bg_better_business_middle.gif) 0px 0px repeat-y; clear:both;}
.better_business_top    { width:210px;  height:10px; overflow:hidden; line-height:1px; 
                          background:url(../img/bg_better_business_top.gif) 0px 0px no-repeat;  }
.better_business_middle { width:175px; padding:10px 15px 10px 20px; }
.better_business_bottom { width:210px; height:10px; overflow:hidden; line-height:1px;
                          background:url(../img/bg_better_business_bottom.gif) 0px 0px no-repeat;  }

#subnavi_main         { width:210px; }
#subnavi_main *       {text-transform:uppercase; }

.subnavi_top          { width:160px;  height:8px; padding: 8px 10px 8px 39px; display:block; clear:both; font-weight:bold;
                        background:url(../img/bg_submenu_top_normal.gif) 0px 0px no-repeat;  }
.subnavi_middle       { width:160px; height:7px; padding:3px 10px 10px 39px; display:block; clear:both;font-weight:bold;
                        background:url(../img/bg_submenu_middle_normal.gif) 0px 0px no-repeat;  }
.subnavi_bottom       { width:160px; height:8px; padding: 3px 10px 13px 39px; display:block; clear:both;font-weight:bold;
                        background:url(../img/bg_submenu_bottom_normal.gif) 0px 0px no-repeat;  }

.subnavi_top_active   { width:160px;  height:8px; padding: 8px 10px 8px 39px; display:block; clear:both; font-weight:bold;
                        background:url(../img/bg_submenu_top_hover.gif) 0px 0px no-repeat;  }
.subnavi_middle_active{ width:160px; height:7px; padding:3px 10px 10px 39px; display:block; clear:both;font-weight:bold;
                        background:url(../img/bg_submenu_middle_hover.gif) 0px 0px no-repeat;  }
.subnavi_bottom_active{ width:160px; height:8px; padding: 3px 10px 13px 39px; display:block; clear:both;font-weight:bold;
                        background:url(../img/bg_submenu_bottom_hover.gif) 0px 0px no-repeat;  }
                        
.subnavi_top:hover    { background:url(../img/bg_submenu_top_hover.gif) 0px 0px no-repeat;     }
.subnavi_middle:hover { background:url(../img/bg_submenu_middle_hover.gif) 0px 0px no-repeat;  }
.subnavi_bottom:hover { background:url(../img/bg_submenu_bottom_hover.gif) 0px 0px no-repeat;  }
.subnavi_top span    {  background:url(../img/bg_submenu_top_hover.gif) 0px 0px no-repeat;  }
.subnavi_middle span {  background:url(../img/bg_submenu_middle_hover.gif) 0px 0px no-repeat;  }
.subnavi_bottom span {  background:url(../img/bg_submenu_bottom_hover.gif) 0px 0px no-repeat;  }

#content_main           { width:548px; margin:19px 5px 5px 11px; clear:right;} 
#content_m758           { width:758px; margin:19px 5px 5px 5px; clear:right;} 

#content_left   { width:274px; float:left; display:block; clear:none; } 
#content_lt     { width:274px; height:25px;}
#content_lm     { width:263px; border-top:1px solid #C4D0DE;  border-right:1px solid #C4D0DE; padding:10px 10px 0px 0px;}
#content_right  { width:274px; float:left; display:block; clear:none;}
#content_rt     { width:274px; height:25px;}
#content_rm     { width:264px; border-top:1px solid #C4D0DE; text-align:left; padding:10px 0px 0px 10px;}

#bottom_main      { width:766px; height:21px; margin:15px 5px 5px 5px; clear:both; }

#bottom_main * { color:#606F80; line-height:10px;}
#bottom_main a, { text-decoration:none;}
#bottom_main a:hover { background-color:#6B7C8D; color:#FFFFFF;}

#bottom_hr        { width:766px; height:4px;  margin-bottom:8px; overflow:hidden; line-height:4px; background-color:#c4d0de;} 
#bottom_navi      { width:600px; height:10px; text-align:left;  float:left;  }
#bottom_copyright { width:166px; height:10px; text-align:right; float:right; }

#row_menu * { height:36px; float:left; }
#row_content { margin-left:1px; clear:both;}
.menu_1 { width:090px; }
.menu_2 { width:112px; }
.menu_3 { width:125px; }
.menu_4 { width:138px; }
.menu_5 { width:096px; }
.menu_6 { width:209px; background:url(../img/bg_menu_6.png) } 

#menu_german #menu_normal_1 { background:url(../img/bg_menu_german_normal_1.png); }
#menu_german #menu_normal_2 { background:url(../img/bg_menu_german_normal_2.png); }
#menu_german #menu_normal_3 { background:url(../img/bg_menu_german_normal_3.png); }
#menu_german #menu_normal_4 { background:url(../img/bg_menu_german_normal_4.png); }
#menu_german #menu_normal_5 { background:url(../img/bg_menu_german_normal_5.png); }

#menu_german #menu_normal_1 span { background:url(../img/bg_menu_german_hover_1.png); }
#menu_german #menu_normal_2 span { background:url(../img/bg_menu_german_hover_2.png); }
#menu_german #menu_normal_3 span { background:url(../img/bg_menu_german_hover_3.png); }
#menu_german #menu_normal_4 span { background:url(../img/bg_menu_german_hover_4.png); }
#menu_german #menu_normal_5 span { background:url(../img/bg_menu_german_hover_5.png); }

#menu_german #menu_normal_1:hover { background:url(../img/bg_menu_german_hover_1.png); }
#menu_german #menu_normal_2:hover { background:url(../img/bg_menu_german_hover_2.png); }
#menu_german #menu_normal_3:hover { background:url(../img/bg_menu_german_hover_3.png); }
#menu_german #menu_normal_4:hover { background:url(../img/bg_menu_german_hover_4.png); }
#menu_german #menu_normal_5:hover { background:url(../img/bg_menu_german_hover_5.png); }

#menu_german #menu_active_1 { background:url(../img/bg_menu_german_active_1.png); }
#menu_german #menu_active_2 { background:url(../img/bg_menu_german_active_2.png); }
#menu_german #menu_active_3 { background:url(../img/bg_menu_german_active_3.png); }
#menu_german #menu_active_4 { background:url(../img/bg_menu_german_active_4.png); }
#menu_german #menu_active_5 { background:url(../img/bg_menu_german_active_5.png); }

#menu_english #menu_normal_1 { background:url(../img/bg_menu_english_normal_1.png); }
#menu_english #menu_normal_2 { background:url(../img/bg_menu_english_normal_2.png); }
#menu_english #menu_normal_3 { background:url(../img/bg_menu_english_normal_3.png); }
#menu_english #menu_normal_4 { background:url(../img/bg_menu_english_normal_4.png); }
#menu_english #menu_normal_5 { background:url(../img/bg_menu_english_normal_5.png); }

#menu_english #menu_normal_1 span { background:url(../img/bg_menu_english_hover_1.png); }
#menu_english #menu_normal_2 span { background:url(../img/bg_menu_english_hover_2.png); }
#menu_english #menu_normal_3 span { background:url(../img/bg_menu_english_hover_3.png); }
#menu_english #menu_normal_4 span { background:url(../img/bg_menu_english_hover_4.png); }
#menu_english #menu_normal_5 span { background:url(../img/bg_menu_english_hover_5.png); }

#menu_english #menu_normal_1:hover { background:url(../img/bg_menu_english_hover_1.png); }
#menu_english #menu_normal_2:hover { background:url(../img/bg_menu_english_hover_2.png); }
#menu_english #menu_normal_3:hover { background:url(../img/bg_menu_english_hover_3.png); }
#menu_english #menu_normal_4:hover { background:url(../img/bg_menu_english_hover_4.png); }
#menu_english #menu_normal_5:hover { background:url(../img/bg_menu_english_hover_5.png); }

#menu_english #menu_active_1 { background:url(../img/bg_menu_english_active_1.png); }
#menu_english #menu_active_2 { background:url(../img/bg_menu_english_active_2.png); }
#menu_english #menu_active_3 { background:url(../img/bg_menu_english_active_3.png); }
#menu_english #menu_active_4 { background:url(../img/bg_menu_english_active_4.png); }
#menu_english #menu_active_5 { background:url(../img/bg_menu_english_active_5.png); }


/* COOL SAFARI INPUT AND TEXTAREA_EFFECT */

.input_outer {
    float:left;
    height:18px; 
    border-width:1px; 
    border-style:solid;    
    border-color:#7c7c7c #c3c3c3 #dcdcdc #c3c3c3;
    background-color:transparent;
    margin:0px;
    overflow:hidden;
    
}

.input_outer  .input_inner {
    float:left;
    height:16px;  
    border-width:1px;
    border-style:solid;    
    border-color:#c3c3c3 #f1f1f1 white #f0f0f0;
    background-color:#FFFFFF;
    clear:both;  
    overflow:hidden; 
}

.input_outer  .input_inner .input{
    float:left;
    height:16px;
    border:none !important;
    padding:1px 2px 0px 2px !important;
    color:#666666;  
    background-color:#FFFFFF;
    overflow:hidden;  
}

.select_outer {
    float:left;
    height:20px; 
    border-width:1px; 
    border-style:solid;    
    border-color:#7c7c7c #c3c3c3 #dcdcdc #c3c3c3;
    background-color:transparent;
    margin:0px;
    overflow:hidden;
    
}

.select_outer  .select_inner {
    float:left;
    height:18px;  
    border-width:1px;
    border-style:solid;    
    border-color:#c3c3c3 #f1f1f1 white #f0f0f0;
    background-color:#FFFFFF;
    clear:both;  
    overflow:hidden; 
}

.select_outer  .select_inner .select{
    float:left;
    height:18px;
    border:none !important;
    padding:1px 2px 0px 2px !important;
    color:#666666;  
    background-color:#FFFFFF;
    overflow:hidden;  
}



.input_outer { width:128px; }
.input_outer .input_inner { width:126px;  }
.input_outer .input_inner .input { width:126px;  }

.textarea_outer {
    float:left;
    height:98px;
    border-width:1px; 
    border-style:solid;    
    border-color:#7c7c7c #c3c3c3 #dcdcdc #c3c3c3;
    background-color:#FFFFFF;
    margin:0px;
    overflow:hidden;
}

.textarea_outer .textarea_inner {
    float:left;
    height:96px;
    border-width:1px;
    border-style:solid;    
    border-color:#c3c3c3 #f1f1f1 white #f0f0f0;
    background-color:#FFFFFF;
    clear:both;  
    overflow:hidden; 
}

.textarea_outer .textarea_inner .textarea{
    float:left;
    height:96px;
    border:none !important;
    padding:1px 2px 0px 2px !important;
    color:#666666;  
    background-color:#FFFFFF;
    overflow:hidden;  
}

.textarea_outer { width:200px; height:115px; }
.textarea_outer .textarea_inner { width:198px;  height:113px; }
.textarea_outer .textarea_inner .textarea { width:198px;  height:113px; }

.submit {background:url(../img/go_large.gif) 0 0 no-repeat; height:19px; width:19px; line-height:16px;}
.linkicon {background:url(../img/go_small.gif) 0 0 no-repeat; padding-left:16px; height:14px; line-height:19px;}

/* TYPO */

editpanel{
    vertical-align:bottom;
    margin:0px;
    padding:0px;
    clear:both;
    display:block;
}    

editpanel *{
    vertical-align:bottom;
    margin:0px;
    padding:0px;
    clear:none;
    display:inline;
}    

.searchresult_top {}
.searchresult_middle {margin:5px 20px 10px 20px; }

.line_hr  { width:100%; height:1px; margin:5px 0px 10px 0px; overflow:hidden; line-height:1px; background-color:#c4d0de;} 

.width075 {width:075px;  display:block; float:left; }
.width200 {width:200px;  display:block; float:left; }
.width150 {width:100px;  display:block; float:left; }
.width250 {width:273px;  display:block; float:left; clear:none;}
.width500 {width:540px;  display:block; float:left; clear:none;}

#form_contact .form_submit { display:block; float:right; }
#form_contact .width250 label {display:block; float:left; width:90px; clear:none; line-height:25px;}
#form_contact .width500 label {display:block; float:left; width:90px; clear:none; line-height:25px;}

#form_contact .input_outer {margin:2px;}
#form_contact .select {margin:2px; width:170px; border:1px solid #c3c3c3;}
#form_contact .textarea_outer {margin:2px;}

#form_contact .input_outer { width:168px; }
#form_contact .input_outer .input_inner { width:166px;  }
#form_contact .input_outer .input_inner .input { width:166px;  }


#form_contact .textarea_outer { width:442px; height:115px; margin:2px;}
#form_contact .textarea_outer .textarea_inner { width:440px;  height:113px; }
#form_contact .textarea_outer .textarea_inner .textarea { width:440px;  height:113px; }
