a { outline: none; text-decoration: none }
a:hover { outline: none; text-decoration: underline }
img { border: 0 }
html { overflow-y: scroll }
body { background: #e5e5e5 }
h3 { font-size: 13px; margin: 8px 0; padding: 0; color: #888 }
#content input, textarea, select { border-top: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; border-right: 1px solid #696969; border-bottom: 1px solid #696969; letter-spacing: 1px; font-size: 10px; height: 18px; color: #000000  }


.text { font-size: 13px; padding-left: 12px }
.btext { font-size: 9px; padding-left: 12px; color: #808080; font-weight: bold }
.input1 { background-color: #fff}
.input2 { background-color: #fff; padding-left: 6px }
.required { background-color: #f4f4f4 }
div.error { display: table; color: #e95009; font-size: 11px; background: url(gfx/notice.png) no-repeat right bottom; width: 375px; line-height: 1.45em; height: 63px; margin-left: 50px }
div.error>div { display: table-cell; color: #e95009; font-size: 11px; background: url(gfx/error.png) no-repeat left top; width: 259px; text-align: center; line-height: 1.45em; height: 43px; margin-left: 50px; padding: 4px 108px 0 8px }
div.error>div.extend { display: table-cell; color: #e95009; font-size: 11px; background: url(gfx/error2.png) no-repeat left top; width: 259px; text-align: center; line-height: 1.45em; height: 71px; margin-left: 50px; padding: 4px 108px 0 8px }


#container { margin: 10px auto; min-height: 100%; color: #bbb; font-family: Arial; font-size: 0.9em; background: #e5e5e5; width: 800px }


#header { background: url(gfx/header.png) no-repeat center top; height: 283px }


#menu { float: left; width: 238px; height: 210px; margin: 0 0 0 35px; font-size: 15px }

#container #header #menu ul li:hover a { color: #fff }
#menu ul li a, #menu ul li a:visited, #menu ul li a:link { font-weight: normal; color: #999; background: url(gfx/menu_icon_ina.png) no-repeat left center; padding-left: 15px }
#menu ul li a.act, #menu ul li a.act:visited, #menu ul li a.act:link { font-weight: normal; color: #fff; background: url(gfx/menu_icon_act.png) no-repeat left center }

/*#container #header #menu ul li ul li a:hover { background: url(gfx/menu_sub_icon_anim.gif) no-repeat left center }*/
#menu ul li ul li a, #menu ul li ul li a:visited, #menu ul li ul li a:link { font-size: 12px; font-weight: normal; color: #999; background: url(gfx/menu_icon_ina.png) no-repeat left center; padding-left: 15px; margin-left: 15px }
#menu ul li ul li a.act, #menu ul li ul li a.act:visited, #menu ul li ul li a.act:link { font-weight: normal; color: #fff; background: url(gfx/menu_icon_act.png) no-repeat left center }
#container #header #menu ul li ul li a, #container #header #menu ul li ul li a:visited, #container #header #menu ul li ul li a:link { font-weight: normal; color: #999; background: url(gfx/menu_icon_ina.png) no-repeat left center; padding-left: 15px }
#container #header #menu ul li ul li.act a { color: #fff; background: url(gfx/menu_icon_act.png) no-repeat left center }
#container #header #menu ul li ul.pop li a { color: #999; background: url(gfx/menu_icon_ina.png) no-repeat left center; margin-left: 30px }
#container #header #menu ul li ul li:hover a { color: #fff; background: url(gfx/menu_icon_act.png) no-repeat left center }

#menu ul li:hover { cursor: pointer }
#menu ul { list-style-type: none; list-style-image: none; margin: 0; padding: 28px 0 0 }
#menu ul li { background: url(gfx/menu_ina.png) no-repeat center top; padding: 0 0 5px 55px; font-variant: small-caps }
#menu ul li.act { background: url(gfx/menu_act.png) no-repeat center top; padding-left: 85px }
#menu ul li.none { background: url(gfx/menu_dots.png) no-repeat center bottom; height: 30px }
#menu ul li:hover a { text-decoration: none; background: url(gfx/menu_icon_act.png) no-repeat left center }

#menu ul li ul.pop { background: none; height: 122px; padding: 0; margin: 0 }
#menu ul li ul.pop li { height: 17px; background: url(gfx/menu_sub_ina.png) no-repeat center top; padding: 0 0 0 15px }
#menu ul li ul.pop li.first { background: none; padding-left: 15px }
#menu ul li ul.pop li.act { background: url(gfx/sub/middle_act.png) no-repeat center top; padding-left: 15px }
#menu ul li ul.pop li.top { background: url(gfx/menu_sub_dots.png) no-repeat center bottom; height: 9px }
#menu ul li ul.pop li.bottom { background: url(gfx/sub/bottom.png) no-repeat center top; height: 45px }
#menu ul li ul.pop li.middle { background: url(gfx/sub/middle_ina.png) no-repeat center top }
#container #header #menu ul li:hover { height: 22px; background: url(gfx/menu_act.png) no-repeat center top; padding: 0 0 0 55px }
#container #header #menu ul li.none:hover { height: 30px; background: url(gfx/menu_dots.png) no-repeat center bottom; padding: 0 0 5px 55px }
#container #header #menu ul li:hover>ul.pop li { height: 17px; background: url(gfx/sub/middle_ina.png) no-repeat center top; margin-left: 0; padding-left: 0 }
#container #header #menu ul li:hover>ul.pop li.first { background: url(gfx/sub/ina.png) no-repeat center top; padding-left: 0 }
#container #header #menu ul li:hover>ul.pop li.act { background: url(gfx/sub/middle_act.png) no-repeat center top }
#container #header #menu ul li:hover>ul.pop li.top { background: url(gfx/sub/dots.png) no-repeat center bottom; height: 9px }
#container #header #menu ul li:hover>ul.pop li.bottom { background: url(gfx/sub/bottom.png) no-repeat center top; height: 45px }
#container #header #menu ul li:hover>ul.pop li.middle { background: url(gfx/sub/middle_ina.png) no-repeat center top }
#container #header #menu ul li ul.pop:hover>li { background: url(gfx/sub/ina.png) no-repeat center top; margin-left: 0 }
#container #header #menu ul li ul.pop:hover>li.first { background: url(gfx/sub/ina.png) no-repeat center top; padding-left: 0 }
#container #header #menu ul li ul.pop:hover>li.act { background: url(gfx/sub/act.png) no-repeat center top }
#container #header #menu ul li ul.pop:hover>li.top { background: url(gfx/sub/dots.png) no-repeat center bottom; height: 9px }
#container #header #menu ul li ul.pop:hover>li.bottom { background: url(gfx/sub/bottom.png) no-repeat center top; height: 45px }
#container #header #menu ul li ul.pop:hover>li.middle { background: url(gfx/sub/middle_ina.png) no-repeat center top }
#container #header #menu ul li ul.pop li:hover.first { background: url(gfx/sub/act.png) no-repeat center top; padding: 0 0 0 0 }
#container #header #menu ul li ul.pop li:hover.middle { background: url(gfx/sub/middle_act.png) no-repeat center top; padding: 0 0 0 0 }

#menu ul li ul { display: none }
#menu ul li:hover>ul.pop { display: block; position: relative; top: -22px; left: 140px; background: url(gfx/sub/top.png) no-repeat left top; width: 140px; height: 122px; overflow: hidden }
#menu ul li.sub { background: url(gfx/menu_ina_more.png) no-repeat center top }
#menu ul li.sub.act { background: url(gfx/menu_act.png) no-repeat center top }

#menu ul li ul.act li { height: 17px; background: url(gfx/menu_sub_ina.png) no-repeat -10px top; padding: 0; margin: 0 }
#menu ul li ul.act li.act { height: 17px; background: url(gfx/menu_sub_act.png) no-repeat -10px top; padding: 0 }
#menu ul li ul.act li.embed { height: 17px; background: url(gfx/menu_sub_embed_ina.png) no-repeat -10px top; padding: 0 }
#menu ul li ul.act li.act.embed { height: 17px; background: url(gfx/menu_sub_embed_act.png) no-repeat -10px top; padding: 0 }
#container #header #menu ul li.act:hover { height: auto; background: url(gfx/menu_act.png) no-repeat center top; padding: 0 0 5px 85px }
#container #header #menu ul li.act:hover ul.act { height: 29px; background: none; padding: 5px 0 0 0; margin: 0 }
#container #header #menu ul li.act:hover ul.act li { height: auto; background: url(gfx/menu_sub_ina.png) no-repeat -10px top; padding: 0; margin: 0 }
#container #header #menu ul li.act:hover>ul.act li.act { background: url(gfx/menu_sub_act.png) no-repeat -10px top }
#container #header #menu ul li.act ul.act li:hover { background: url(gfx/menu_sub_act.png) no-repeat -10px top }

#menu ul li ul.act { display: block; padding: 5px 0 0 0; margin: 0; width: auto; height: 29px }
#menu ul li:hover>ul.act { position: relative; top: 0; left: 0; background: none; padding: 0 0 0 55px; margin: 0; width: auto; height: 34px }

#menu ul#language li:hover a { font-size: 10px; text-decoration: underline; background: none; padding: 0; margin: 0 }
#menu ul#language li a, #menu ul#language li a:visited, #menu ul#language li a:link { font-size: 10px; font-weight: normal; color: #a0a0a0; padding-left: 13px; font-variant: normal }
#menu ul#language li#de a { background: url(gfx/language_de.png) no-repeat left center }
#menu ul#language li#en a { background: url(gfx/language_en.png) no-repeat left center }
#menu ul#language { height: 24px }
#menu ul#language li { background: none; padding: 0; margin: 0; height: 12px; width: 40px }
#menu ul#language li#de { padding-left: 8px }
#container #header #menu ul#language li#de:hover { padding: 0 0 0 8px; height: 12px; background: none }
#menu ul#language li#en { padding-left: 14px }
#container #header #menu ul#language li#en:hover { padding: 0 0 0 14px; height: 12px; background: none }

#links { float: left; width: 238px; height: 15px; text-align: center; margin: 195px 0 0 0; font-size: 10px; color: #fff }
#links a, #links a:visited, #links a:link { font-size: 10px; font-weight: normal; color: #fff }

#headslogan { float: left; width: 283px; height: 23px; margin: 0; background: url(gfx/headslogan.png) no-repeat left top }

#image { float: left; /*width: 283px;*/ width: 800px; height: 283px; font-size: 10px; color: #fff; background: url(gfx/image_home.png) no-repeat right top }


#pagebar { float:left; width: 522px; height: 59px; font-size: 11px; color: #000; margin: 0 0 0 35px; background: url(gfx/pagebar_dots.png) no-repeat left 50px }

#pageinfo { float: left; width: 215px; height: 15px; font-size: 13px; font-weight: bold; color: #111; margin: 25px 0 0 0; padding: 0 0 0 20px; background: url(gfx/pageinfo_arrow.png) no-repeat left 2px }

#pageroot { float: right; width: 285px; height: 15px; font-size: 10px; text-align: right; color: #000; margin: 28px 0 0 0; vertical-align: middle }
#pageroot a { font-size: 10px; font-weight: normal; color: #808080; }


#page { background: url(gfx/content.png) repeat center top }

#content { color: #888; clear: both; background: url(gfx/content_top.png) no-repeat center top; overflow: hidden}
#content a, #content a:visited, #content a:link { font-weight: normal; color: #9A9A9A; text-decoration: underline }
#content a.input3 { display: block; outline: none; text-decoration: none; text-align: center; font-weight: bold; font-size: 14px; height: 36px; width: 93px; border: none; background: url(gfx/button.png) no-repeat center top; color: #fff; padding: 5px 0 0; margin: 0 }

#content #left { float: left; width: 450px; padding: 2px 60px 50px 75px; text-align: justify; }

#content #left td.text { padding-left: 34px }

#content #left .tooltip { background: #cdcdcd; border: 1px solid #ababab; color: #888; font-family: arial }

#content #left ul { list-style-type: none; padding: 0 }
#content #left ul li { background:transparent url(gfx/tick.png) no-repeat scroll 8px top; clear: both; margin: 0; min-height: 23px; padding: 4px 0 2px 36px }

#content #left #pagetree ul { list-style-type: none; padding: 0 }
#content #left #pagetree ul li { margin: 0; clear: both; padding: 0 }
#content #left #pagetree ul ul li { margin: 0 0 0 25px }
#content #left #pagetree ul ul ul li { margin: 0 0 0 25px; padding-left: 25px }
#content #left #pagetree ul ul ul ul li { margin: 0 0 0 25px; padding-left: 50px }
#content #left #pagetree ul li a { float: left; margin: 3px 0 0 0 }
#content #left #pagetree ul li div { float: left; margin: 0; padding-top: 4px; width: 240px; font-size: 10px }
#content #left #pagetree ul li div#pagenav { float: left; margin: 3px 8px 0 24px; width: 58px; height: 90px; font-size: 10px }
#content #left #pagetree ul li div#pagenav a { display: block; height: 29px; width: 29px; margin: 51px 0 0 0; padding: 0 }
#content #left #pagetree ul li div#pagenav a#left { background: url(gfx/pagetree/button_l1_ina.png) no-repeat left top }
#content #left #pagetree ul li div#pagenav a:hover#left { background: url(gfx/pagetree/button_l1_act.png) no-repeat left top }
#content #left #pagetree ul li div#pagenav a#left.disabled { background: url(gfx/pagetree/button_l_disabled.png) no-repeat left top }
#content #left #pagetree ul li div#pagenav a:hover#left.disabled { background: url(gfx/pagetree/button_l_disabled.png) no-repeat left top }
#content #left #pagetree ul li div#pagenav a#right { background: url(gfx/pagetree/button_r_ina.png) no-repeat left top }
#content #left #pagetree ul li div#pagenav a:hover#right { background: url(gfx/pagetree/button_r_act.png) no-repeat left top }

#content #right { float: left; width: 198px; padding: 0 0 50px 0 }
#content #right #slogan { width: 165px; height: 13px; background: url(gfx/slogan.png) no-repeat left top; margin: 10px 0 35px 0 }
#content #right #image { background: url(gfx/j.lingott.png) no-repeat left top; width: 151px; height: 160px; padding-right:35px; margin-left:15px }
#content #right #direction { background: url(gfx/map.png) no-repeat left top; width: 171px; height: 160px; padding-right:35px; margin-left:15px }
#content #right #name { font-size:12px;font-weight:bold;color:#8e8e8e;margin-left:23px }
#content #right #bureau { font-size:10px;font-weight:normal;color:#8e8e8e;margin-left:23px }
#content #right #phone { font-size:11px;font-weight:normal;color:#cbcbcb;background: url(gfx/person_icon_phone.png) no-repeat left center;margin-left:23px;padding-left:18px }
#content #right #mail { font-size:11px;font-weight:normal;color:#cbcbcb;background: url(gfx/person_icon_mail.png) no-repeat left center;margin:10px 0 0 23px;padding-left:18px }
#content #right #xing { font-size:11px;font-weight:normal;color:#cbcbcb;background: url(gfx/person_icon_xing.png) no-repeat left center;margin-left:23px;padding-left:18px }
#content #right #vcard { font-size:11px;font-weight:normal;color:#cbcbcb;background: url(gfx/person_icon_vcard.png) no-repeat left center;margin-left:23px;padding-left:18px }
#content #right #googlemaps a { background: url(gfx/googlemaps.png) no-repeat left top; display: block; width: 30px; height: 30px }
#content #right a, #content #right a:visited, #content #right a:link { font-weight: normal; color: #cbcbcb; text-decoration: none }
#container #content #right a:hover { text-decoration: underline }


#footer { clear: both; background: url(gfx/footer.png) no-repeat center top; color: #9A9A9A; height: 60px; font-size: 10px; padding: 12px 0 0 0 }
#footer a, #footer a:visited, #footer a:link { font-weight: bold; color: #000 }

#footer #left { float: left; width: 195px; height: 26px; margin-left: 25px }

#footer #left ul li a.social { float: left; width: 22px; height: 26px; display: block; margin: 0 2px }
#footer #left ul li a.social#mrwong { background: url(gfx/social/mrwong.png) no-repeat left top }
#footer #left ul li a.social#digg { background: url(gfx/social/digg.png) no-repeat left top }
#footer #left ul li a.social#delicious { background: url(gfx/social/deli.cio.us.png) no-repeat left top }
#footer #left ul li a.social#facebook { background: url(gfx/social/facebook.png) no-repeat left top }
#footer #left ul li a.social#stumbleupon { background: url(gfx/social/stumbleupon.png) no-repeat left top }
#footer #left ul li a.social#igoogle { background: url(gfx/social/igoogle.png) no-repeat left top }

#footer #left ul { margin: 0; padding: 0 }
#footer #left ul li { float: left; width: 24px; display: inline; margin: 0; padding: 0 }
#footer #left ul li a#mrwong { display: block; width: 24px; height: 24px; background: url(gfx/book_0.png) no-repeat left top }
#footer #left ul li a#digg { display: block; width: 24px; height: 24px; background: url(gfx/book_1.png) no-repeat left top }
#footer #left ul li a#delicious {display: block; width: 24px; height: 24px; background: url(gfx/book_2.png) no-repeat left top }
#footer #left ul li a#facebook { display: block; width: 24px; height: 24px; background: url(gfx/book_3.png) no-repeat left top }
#footer #left ul li a#stumbleupon { display: block; width: 24px; height: 24px; background: url(gfx/book_4.png) no-repeat left top }
#footer #left ul li a#igoogle { display: block; width: 24px; height: 24px; background: url(gfx/book_5.png) no-repeat left top }
#footer #left ul li a#winlive { display: block; width: 24px; height: 24px; background: url(gfx/book_6.png) no-repeat left top }

#footer #right { float: right; width: 195px; height: 26px; background: url(gfx/logo.png) no-repeat right top; margin-right: 25px }

#footer #center { text-align: center }