/* CSS Document */ .body {background-color:#FFCC66; overflow-x:hidden; margin: 2px;} .contenttable {position:absolute; left:50%; top:50%; width:1000px; height:550px; margin-left:-500px; margin-top:-275px; } .headlinefront {text-align:right; margin-right:32px; margin-top: -56px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 45px; font-weight:bold; color:#FF9900;} .headlineback {text-align:right; margin-right:30px; margin-top: -5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 45px; font-weight:bold; color:#CCCCCC;} .headlinefront_small {text-align:left; margin-left:0px; margin-top: -19px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; font-weight:bold; color:#FF9900;} .headlineback_small {text-align:left; margin-left:2px; margin-top: -5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; font-weight:bold; color:#CCCCCC;} .partnergemeindenbox {margin-left:16px; } .borderorange {border:#FF9900 solid 1px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 10px;} .borderorange3 {border:#FF9900 solid 1px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 12px; background-color:#999;} .borderorange_lu {border-bottom:#FF9900 solid 1px; border-left:#FF9900 solid 1px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size: 10px;} .borderorange_u {border-bottom:#FF9900 solid 1px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 10px;} .borderorange_ru {border-bottom:#FF9900 solid 1px; border-right:#FF9900 solid 1px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 10px;} .borderorange2 {border:#FF9900 solid 2px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 12px;} .borderleft {border-left:#FF9900 solid 1px; margin-left: 5px; } p {font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 13px; } img {border:#FF9900 solid 0px; } td {font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 13px; } h1 {font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 18px; font-weight:bold;} h2 {font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 16px; font-weight:bold;} h3 {font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 14px; font-weight:bold;} ul#Navigation1 {text-align: right; margin-right: 10px; margin-top: 5px; } ul#Navigation1 li {list-style: none; display: inline; margin-left: 15px; } ul#Navigation2 {text-align: right; margin-right: 10px; margin-top: 15px; } ul#Navigation2 li {list-style: none; display: inline; margin-left: 15px; } ul#Navigation3 {text-align: right; margin-right: 10px; margin-top: 15px; margin-bottom:0px; } ul#Navigation3 li {list-style: none; display: inline; margin-left: 15px; } .textwhite {font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 11px; } .text {font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 13px; } td.scroll { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color:#000000; width: 740px; height: 304px; padding-right:16px; } a:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color:#FF9900; text-decoration:underline; } a:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color:#FF9900; text-decoration:underline; } a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color:#FF9900; text-decoration:underline; } a:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color:#FF9900; text-decoration:underline; } a:focus { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color:#FF9900; text-decoration:underline; } a.small:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:#FFFFFF; text-decoration:underline; } a.small:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:#FFFFFF; text-decoration:underline; } a.small:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:#FFFFFF; text-decoration:underline; } a.small:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:#FFFFFF; text-decoration:underline; } a.small:focus { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:#FFFFFF; text-decoration:underline; } a.navi:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color:#FFFFFF; text-decoration:none; font-weight: bold; text-align: center; } a.navi:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color:#FFFFFF; text-decoration:none; font-weight: bold; text-align: center; } a.navi:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color:#FFFFFF; text-decoration:underline; font-weight: bold; text-align: center; } a.navi:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color:#FFFFFF; text-decoration:none; font-weight: bold; text-align: center; } a.navi:focus { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color:#FFFFFF; text-decoration:underline; font-weight: bold; text-align: center; } a.navi_black:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; color:#000000; text-decoration:underline; font-weight: bold; text-align: center; } a.navi_black:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; color:#000000; text-decoration:underline; font-weight: bold; text-align: center; } a.navi_black:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; color:#000000; text-decoration:underline; font-weight: bold; text-align: center; } a.navi_black:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; color:#000000; text-decoration:none; font-weight: bold; text-align: center; } a.navi_black:focus { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; color:#000000; text-decoration:underline; font-weight: bold; text-align: center; } a.navi3:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color:#000000; text-decoration:none; font-weight: bold; text-align: center; } a.navi3:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color:#000000; text-decoration:none; font-weight: bold; text-align: center; } a.navi3:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color:#000000; text-decoration:underline; font-weight: bold; text-align: center; } a.navi3:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color:#000000; text-decoration:none; font-weight: bold; text-align: center; } a.nav3i:focus { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color:#000000; text-decoration:underline; font-weight: bold; text-align: center; } a.navi3_black:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; color:#000000; text-decoration:underline; font-weight: bold; text-align: center; } a.navi3_black:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; color:#000000; text-decoration:underline; font-weight: bold; text-align: center; } a.navi3_black:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; color:#000000; text-decoration:underline; font-weight: bold; text-align: center; } a.navi3_black:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; color:#000000; text-decoration:none; font-weight: bold; text-align: center; } a.navi3_black:focus { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; color:#000000; text-decoration:underline; font-weight: bold; text-align: center; } a.navi_small:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#FFFFFF; text-decoration:none; text-align: center; } a.navi_small:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#FFFFFF; text-decoration:none; text-align: center; } a.navi_small:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#FFFFFF; text-decoration:underline; text-align: center; } a.navi_small:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#FFFFFF; text-decoration:none; text-align: center; } a.navi_small:focus { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#FFFFFF; text-decoration:underline; text-align: center; } a.navi_small_black:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#000000; text-decoration:underline; text-align: center; } a.navi_small_black:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#000000; text-decoration:underline; text-align: center; } a.navi_small_black:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#000000; text-decoration:underline; text-align: center; } a.navi_small_black:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#000000; text-decoration:none; text-align: center; } a.navi_small_black:focus { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#000000; text-decoration:underline; text-align: center; } a.partnergemeinden:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color:#999999; text-decoration:none; font-weight: bold; text-align: center; } a.partnergemeinden:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color:#999999; text-decoration:none; font-weight: bold; text-align: center; } a.partnergemeinden:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color:#999999; text-decoration:underline; font-weight: bold; text-align: center; } a.partnergemeinden:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color:#999999; text-decoration:none; font-weight: bold; text-align: center; } a.partnergemeinden:focus { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color:#999999; text-decoration:underline; font-weight: bold; text-align: center; } a.partnergemeinden_black:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; color:#000000; text-decoration:unterline; font-weight: bold; text-align: center; } a.partnergemeinden_black:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; color:#000000; text-decoration:unterline; font-weight: bold; text-align: center; } a.partnergemeinden_black:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; color:#000000; text-decoration:underline; font-weight: bold; text-align: center; } a.partnergemeinden_black:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; color:#000000; text-decoration:unterline; font-weight: bold; text-align: center; } a.partnergemeinden_black:focus { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; color:#000000; text-decoration:underline; font-weight: bold; text-align: center; } a.normal:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#FFFFFF; text-decoration:none; font-weight: bold; text-align: center; } a.normal:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#FFFFFF; text-decoration:none; text-align: center; } a.normal:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#FFFFFF; text-decoration:underline; text-align: center; } a.normal:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#FFFFFF; text-decoration:none; text-align: center; } a.normal:focus { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#FFFFFF; text-decoration:underline; text-align: center; } a.big:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color:#FFFFFF; text-decoration:none; text-align: center; font-weight: bold;} a.big:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color:#FFFFFF; text-decoration:none; text-align: center; font-weight: bold;} a.big:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color:#FFFFFF; text-decoration:underline; text-align: center; font-weight: bold;} a.big:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color:#FFFFFF; text-decoration:none; text-align: center; font-weight: bold;} a.big:focus { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color:#FFFFFF; text-decoration:underline; text-align: center; font-weight: bold;} /* ================================================================ This copyright notice must be untouched at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/final_drop.html Copyright (c) 2005-2008 Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements. =================================================================== */ .main_menu { width:720px; height:32px; position:relative; z-index:100; font-family:arial, sans-serif; } /* hack to correct IE5.5 faulty box model */ * html .main_menu { width:725px; w\idth:725px; } /* remove all the bullets, borders and padding from the default list styling */ .main_menu ul { padding:0; margin:0; list-style-type:none; } .main_menu ul ul { width:120px; } /* float the list to make it horizontal and a relative positon so that you can control the dropdown main_menu positon */ .main_menu li {float:left; width:120px; position:relative;} /* style the links for the top level */ .main_menu a, .main_menu a:visited {display:block; font-size:12px; text-decoration:none; color:#FFFFFF; width:120px; height:30px; background:#FF9900; line-height:29px; font-weight:bold; } /* a hack so that IE5.5 faulty box model is corrected */ * html .main_menu a, * html .main_menu a:visited { width:120px; w\idth:120px;} /* style the second level background */ .main_menu ul ul a.drop, .main_menu ul ul a.drop:visited { background:#FF9900 no-repeat 120px center; } /* style the second level hover */ .main_menu ul ul a.drop:hover{ background:#FF9900 no-repeat 120px center; } .main_menu ul ul :hover > a.drop { background:#FF9900 no-repeat 120px center; } /* style the third level background */ .main_menu ul ul ul a, .main_menu ul ul ul a:visited { background:#FF9900; } /* style the third level hover */ .main_menu ul ul ul a:hover { background:#FF9900; } /* hide the sub levels and give them a positon absolute so that they take up no room */ .main_menu ul ul { visibility:hidden; position:absolute; height:0; top:31px; left:0; width:120px; } /* another hack for IE5.5 */ * html .main_menu ul ul { top:30px; t\op:31px; } /* position the third level flyout menu */ .main_menu ul ul ul{ left:149px; top:-1px; width:120px; } /* position the third level flyout menu for a left flyout */ .main_menu ul ul ul.left { left:-120px; } /* style the table so that it takes no ppart in the layout - required for IE to work */ .main_menu table {position:absolute; top:0; left:0; border-collapse:collapse; } /* style the second level links */ .main_menu ul ul a, .main_menu ul ul a:visited { background:#FF9900; color:#FFFFFF; height:auto; line-height:1em; padding:5px 5px; width:128px; border-width:0 1px 1px 1px; } /* yet another hack for IE5.5 */ * html .main_menu ul ul a, * html .main_menu ul ul a:visited { width:150px;w\idth:128px; } /* style the top level hover */ .main_menu a:hover, .main_menu ul ul a:hover{ color:#FFFFFF; background:#FF9900; text-decoration: underline; } .main_menu :hover > a, .main_menu ul ul :hover > a { color:#FFFFFF; background:#FF9900; text-decoration: underline; } /* make the second level visible when hover on first level list OR link */ .main_menu ul li:hover ul, .main_menu ul a:hover ul{ visibility:visible; } /* keep the third level hidden when you hover on first level list OR link */ .main_menu ul :hover ul ul{ visibility:hidden; } /* make the third level visible when you hover over second level list OR link */ .main_menu ul :hover ul :hover ul{ visibility:visible; } /* ================================================================ This copyright notice must be untouched at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/final_drop.html Copyright (c) 2005-2008 Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements. =================================================================== */ .menu {width:745px; height:32px; position:relative; z-index:100;border-right:1px solid #000; font-family:arial, sans-serif;} /* hack to correct IE5.5 faulty box model */ * html .menu {width:746px; w\idth:745px;} /* remove all the bullets, borders and padding from the default list styling */ .menu ul {padding:0;margin:0;list-style-type:none;} .menu ul ul {width:149px;} /* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */ .menu li {float:left;width:149px;position:relative;} /* style the links for the top level */ .menu a, .menu a:visited {display:block;font-size:12px;text-decoration:none; color:#fff; width:138px; height:30px; border:1px solid #000; border-width:1px 0 1px 1px; background:#09c; padding-left:10px; line-height:29px; font-weight:bold;} /* a hack so that IE5.5 faulty box model is corrected */ * html .menu a, * html .menu a:visited {width:149px; w\idth:138px;} /* style the second level background */ .menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd url(http://www.cssplay.co.uk/menus/breadcrumbs/grey-arrow.gif) no-repeat 130px center;} /* style the second level hover */ .menu ul ul a.drop:hover{background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;} .menu ul ul :hover > a.drop {background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;} /* style the third level background */ .menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;} /* style the third level hover */ .menu ul ul ul a:hover {background:#b2ab9b;} /* hide the sub levels and give them a positon absolute so that they take up no room */ .menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:149px;border-top:1px solid #000;} /* another hack for IE5.5 */ * html .menu ul ul {top:30px;t\op:31px;} /* position the third level flyout menu */ .menu ul ul ul{left:149px; top:-1px; width:149px;} /* position the third level flyout menu for a left flyout */ .menu ul ul ul.left {left:-149px;} /* style the table so that it takes no ppart in the layout - required for IE to work */ .menu table {position:absolute; top:0; left:0; border-collapse:collapse;;} /* style the second level links */ .menu ul ul a, .menu ul ul a:visited {background:#d4d8bd; color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;} /* yet another hack for IE5.5 */ * html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;} /* style the top level hover */ .menu a:hover, .menu ul ul a:hover{color:#000; background:#b7d186;} .menu :hover > a, .menu ul ul :hover > a {color:#000; background:#b7d186;} /* make the second level visible when hover on first level list OR link */ .menu ul li:hover ul, .menu ul a:hover ul{visibility:visible; } /* keep the third level hidden when you hover on first level list OR link */ .menu ul :hover ul ul{visibility:hidden;} /* make the third level visible when you hover over second level list OR link */ .menu ul :hover ul :hover ul{ visibility:visible;}