html, body {}
body { padding: 0; margin:0; text-align: left; background: white; font-family: Arial, sans-serif; font-size: 12px; }


h1 { font-family: Arial, sans-serif; font-size: 12px; text-weight: normal; }
h2 { font-family: Arial, sans-serif; font-size: 12px; text-weight: normal; }

/* link settings */

a {text-decoration: none}

a:link { color: #00c;  }
a:active { color: #00c;  }
a:visited { color: #00c;  }

//a:link { color: #000000;  }
//a:active { color: #000000;  }
//a:visited { color: #000000;  }




.links_blue a { font-family: Arial, Helvetica, sans-serif; font-size: 14px;  }
.links_blue a:link { color: #398DE1;  }
.links_blue a:active { color: #398DE1;  }
.links_blue a:visited { color: #398DE1;  }

.links_black a:link { color: #000000;  }
.links_black a:active { color: #000000;  }
.links_black a:visited { color: #000000;  }

a:hover { text-decoration: underline; }


/* headline */
.headline { 	font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		color: #398DE1;
		font-weight: bold;
}

/* headline_sub */
.headline_sub { font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #333333;
		font-weight: bold;
}


/* general input box */
.textfield { width:180px }

/* outer table */
#outer{ height:100%; width: 975px; min-height:100%; margin: 0px auto 0px auto; }
html>body #outer{ height:auto; } /*for mozilla as IE treats height as min-height anyway*/
table {border: none;text-align: left; }

/* header: logo, navigation, langnage selection */
.header {height: 90px}
.left_column {width: 190px}
.right_column {width: 186px}
.center_column {padding: 0 30px 0 30px; text-align:left }

/* footer: copyright etc */
.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
}


/* customer login */

.login_form {padding:0; margin:0; display:inline }
.login_field {height: 114px; padding: 10px 20px 0 15px; margin-top:20px}
.login_input{font-size: 11px; border: solid 1px #B0B1B3; height: 16px; width: 84px; }
.login_butt {padding-top: 12px; padding:7px 0 0 10px;}


/* login */
.login_top_left{background:url("/gfx/login_top_left.gif") no-repeat; width:8px; height: 14px;}
.login_top_right{background:url("/gfx/login_top_right.gif") no-repeat; width:8px; height: 14px;}
.login_top_repeat{background:url("/gfx/login_top_repeat.gif") repeat-x; height: 14px;}
.login_left_repeat{background:url("/gfx/login_left_repeat.gif") repeat-y; width:8px;}
.login_right_repeat{background:url("/gfx/login_right_repeat.gif") repeat-y;width:8px;}
.login_bottom_left{background:url("/gfx/login_bottom_left.gif") no-repeat; width:8px; height: 33px;}
.login_bottom_right{background:url("/gfx/login_bottom_right.gif") no-repeat; width:8px; height: 33px;}
.login_bottom_repeat{background:url("/gfx/login_bottom_repeat.gif") repeat-x; height: 33px;}


/* main message */

.right_text_bg {background: url("/gfx/right_bg_element.gif") repeat-y center; width: 184px; padding: 0 10px 0 10px; text-align: justify}
.element_top {background: url("/gfx/right_top_element.gif") no-repeat center; width: 184px;}
.element_heroe {background: url("/gfx/right_heroe.gif") no-repeat center; width: 184px; height: 142px; vertical-align:bottom; text-align: left;}
.element_heroe div {padding: 0 0 15px 15px}

/* colored boxes */

.green_top_left{background:url("/gfx/green_top_left.gif") no-repeat; width:7px; height: 37px;}
.green_top_right{background:url("/gfx/green_top_right.gif") no-repeat; width:7px; height: 37px;}
.green_top_repeat{background:url("/gfx/green_top_repeat.gif") repeat-x; height: 37px; }
.green_left_repeat{background:url("/gfx/green_left_repeat.gif") repeat-y; width:7px;}
.green_right_repeat{background:url("/gfx/green_right_repeat.gif") repeat-y; width:7px;}
.green_bottom_left{background:url("/gfx/green_bottom_left.gif") no-repeat; width:7px; height: 8px;}
.green_bottom_right{background:url("/gfx/green_bottom_right.gif") no-repeat; width:7px; height: 8px;}
.green_bottom_repeat{background:url("/gfx/green_bottom_repeat.gif") repeat-x; height: 2px;}

.blue_top_left{background:url("/gfx/blue_top_left.gif") no-repeat; width:7px; height: 37px;}
.blue_top_right{background:url("/gfx/blue_top_right.gif") no-repeat; width:7px; height: 37px; }
.blue_top_repeat{background:url("/gfx/blue_top_repeat.gif") repeat-x; height: 37px; text-align: left; }
.blue_left_repeat{background:url("/gfx/blue_left_repeat.gif") repeat-y; width:7px;}
.blue_right_repeat{background:url("/gfx/blue_right_repeat.gif") repeat-y; width:7px;}
.blue_bottom_left{background:url("/gfx/blue_bottom_left.gif") no-repeat; width:7px; height: 8px;}
.blue_bottom_right{background:url("/gfx/blue_bottom_right.gif") no-repeat; width:7px; height: 8px;}
.blue_bottom_repeat{background:url("/gfx/blue_bottom_repeat.gif") repeat-x; height: 2px;}
.blue_header { color: #FFFFFF; }


.yellow_top_left{background:url("/gfx/yellow_top_left.gif") no-repeat; width:7px; height: 37px;}
.yellow_top_right{background:url("/gfx/yellow_top_right.gif") no-repeat; width:7px; height: 37px;}
.yellow_top_repeat{background:url("/gfx/yellow_top_repeat.gif") repeat-x; height: 37px; }
.yellow_left_repeat{background:url("/gfx/yellow_left_repeat.gif") repeat-y; width:7px;}
.yellow_right_repeat{background:url("/gfx/yellow_right_repeat.gif") repeat-y; width:7px;}
.yellow_bottom_left{background:url("/gfx/yellow_bottom_left.gif") no-repeat; width:7px; height: 8px;}
.yellow_bottom_right{background:url("/gfx/yellow_bottom_right.gif") no-repeat; width:7px; height: 8px;}
.yellow_bottom_repeat{background:url("/gfx/yellow_bottom_repeat.gif") repeat-x; height: 2px;}

/* common grey box */
.gray_top_left{background:url("/gfx/gray_top_left.gif") no-repeat; width:8px; height: 39px;}
.gray_top_right{background:url("/gfx/gray_top_right.gif") no-repeat; width:8px; height: 39px;}
.gray_top_repeat{background:url("/gfx/gray_top_repeat.gif") repeat-x; height: 39px; vertical-align: top  }
.gray_left_repeat{background:url("/gfx/gray_left_repeat.gif") repeat-y; width:8px;}
.gray_right_repeat{background:url("/gfx/gray_right_repeat.gif") repeat-y;width:8px;}
.gray_bottom_left{background:url("/gfx/gray_bottom_left.gif") no-repeat; width:8px; height: 9px;}
.gray_bottom_right{background:url("/gfx/gray_bottom_right.gif") no-repeat; width:8px; height: 9px;}
.gray_bottom_repeat{background:url("/gfx/gray_bottom_repeat.gif") repeat-x; height: 9px;}
.gray_header {padding-top: 10px}

/* communicator (community) */

.select_top_left{background:url("/gfx/select_top_left.gif") no-repeat; width:10px; height: 32px;}
.select_top_right{background:url("/gfx/select_top_right.gif") no-repeat; width:10px; height: 32px;}
.select_top_repeat{background:url("/gfx/select_top_repeat.gif") repeat-x; height: 32px; vertical-align: top;}
.select_top_repeat div{background:url("/gfx/black_arrow_down.gif") no-repeat 4px 14px; text-align: left; padding: 9px 0 0 15px }
.select_cont {border-left: solid 1px #E6E6E6; border-right: solid 1px #E6E6E6}
.select_bottom_left{background:url("/gfx/select_bottom_left.gif") no-repeat; width:10px; height: 32px;}
.select_bottom_right{background:url("/gfx/select_bottom_right.gif") no-repeat; width:10px; height: 32px;}
.select_bottom_repeat{background:url("/gfx/select_bottom_repeat.gif") repeat-x; height:32px;}
.select_b_txt {font-size: 11px; padding-top: 7px}

.select_title {background:url("/gfx/select_top.gif") no-repeat; width: 184px; height: 32px}
.select_footer {background:url("/gfx/select_footer.gif") no-repeat; width: 184px; height: 35px; padding-top: 10px}
.select_bg {background:url("/gfx/select_bg.gif") repeat-y; width: 184px; text-align: left; padding-top: 10px}
.select_users {padding: 0; margin : 0}
.select_users_white {padding: 0; margin : 0; list-style-type: none; line-height: 20px; background:url("/gfx/select_offline.gif") no-repeat 10px 0px; padding-left: 30px}
.select_users_white a {text-decoration: underline; color:#0075C8}
.select_users_gray {padding: 0; margin : 0; list-style-type: none; line-height: 20px; background:url("/gfx/select_offline_gray.gif") no-repeat 1px 0px; padding-left: 30px}
.select_users_gray a {text-decoration: underline; color:#0075C8}


/* menu */

.left_menu ul {padding: 0; margin: 0 }
.left_menu ul li#menu {padding: 0 0 0 25px; margin: 0; text-align: left; display: block; line-height: 30px; list-style-type: none; background: url("/gfx/menu_bg.gif") no-repeat;  border-bottom: solid 1px white; line-height:29px; width: 164px  }
.left_menu ul li#submenu {padding: 0 0 0 25px; margin: 0; text-align: left; display: block; line-height: 30px; list-style-type: none; border-bottom: solid 1px white; background:#FFF59D;  border-bottom: solid 1px white; line-height:29px; width: 164px}
.left_menu ul li#top_el {padding: 0 0 0 25px; margin: 0; text-align: left; display: block; line-height: 30px; list-style-type: none; border-bottom: solid 1px white; background:url("/gfx/menu_top.gif") no-repeat;  border-bottom: solid 1px white;  line-height:29px; width: 164px}
.left_menu ul li#bottom_el {padding: 0 0 0 25px; margin: 0; text-align: left; display: block; line-height: 30px; list-style-type: none; border-bottom: solid 1px white; background:url("/gfx/menu_footer.gif") no-repeat;  line-height:29px; width: 164px}

.left_menu ul li a{ color: #000000;  }
.left_menu ul li a:link{ color: #000000;  }
.left_menu ul li a:active{ color: #000000;  }
.left_menu ul li a:visited{ color: #000000;  }
.left_menu ul li a:hover{color: #000000; font-weight: bold; text-decoration: none; }

.top_navigation {padding: 0; margin: 0; font-family: Arial, sans-serif; font-size: 12px; text-weight: normal;}
.top_navigation li {padding: 5px 0 0 0; margin: 0; display: inline;}

.top_navigation li a#services{float:right;border-left: solid 1px white; text-align: center; color: gray; line-height: 29px; width: 95px; font-weight: bold; border-top: solid 3px #5CA2E7;}
.top_navigation li a:hover#services, .top_navigation li a#services_act {float:right;border-left: solid 1px white; text-align: center; color: white; background: url("/gfx/menu_services_hover.gif") repeat-x; line-height: 29px; width: 95px; font-weight: bold; border-top: none; padding-top: 3px; text-decoration: none; }

.top_navigation li a#community{float:right;border-left: solid 1px white; text-align: center; color: gray; line-height: 29px; width: 95px; font-weight: bold; border-top: solid 3px #FEE509;}
.top_navigation li a:hover#community, .top_navigation li a#community_act{float:right;border-left: solid 1px white; text-align: center; color: white; background: url("/gfx/menu_community_hover.gif") repeat-x; line-height: 29px; width: 95px; font-weight: bold; border-top: none; padding-top: 3px;  text-decoration: none;}

.top_navigation li a#suchen{float:right;border-left: solid 1px white; text-align: center; color: gray; line-height: 29px; width: 95px; font-weight: bold;  border-top: solid 3px #A3C113;}
.top_navigation li a:hover#suchen, .top_navigation li a#suchen_act{float:right;border-left: solid 1px white; text-align: center; color: white; background: url("/gfx/menu_suchen_hover.gif") repeat-x; line-height: 29px; width: 95px; font-weight: bold; border-top: none; padding-top: 3px;  text-decoration: none;}

/* Language definition */

.menu_lang {padding:0; margin: 0}
.menu_lang li {line-height: 30px; background-color: #f4f4f4; border-bottom:solid 1px white; text-align: left; padding: 0 0 0 40px; margin: 0; list-style-type: none; font-size: 11px; cursor: hand; cursor: pointer;  background-repeat:no-repeat; background-position: 10px center}
.menu_lang li#de {background-image: url("/gfx/flag_de.gif");}
.menu_lang li#ww {background-image: url("/gfx/flag_eu.gif");}
.menu_lang li#us {background-image: url("/gfx/flag_us.gif");}
.menu_lang li#gb {background-image: url("/gfx/flag_gb.gif");}
.menu_lang li#at {background-image: url("/gfx/flag_at.gif");}
.menu_lang li#ch {background-image: url("/gfx/flag_ch.gif");}

.menu_lang li a{color: #000000; text-decoration: none; }
.menu_lang li a:link{color: #000000; text-decoration: none; }
.menu_lang li a:active{color: #000000; text-decoration: none; }
.menu_lang li a:visited{color: #000000; text-decoration: none; }
.menu_lang li a:hover{color: #000000; text-decoration: none; }

.cur_lan{height: 30px; background-color: #f4f4f4; border-bottom:solid 1px white; text-align: left; padding: 0 0 0 40px; margin: 0; list-style-type: none; font-size: 11px; cursor: pointer; cursor: hand;}
.cur_lan#de {background-image:url("/gfx/flag_de.gif"); background-repeat:no-repeat; background-position: 10px center; width: 143px; color:#848484; }
.cur_lan  div{padding:8px 0 0 0; background:url("/gfx/black_arrow_down.gif") no-repeat 130px 13px;}