/*general*/
body { background-color: white; margin: 0; padding: 0; }
h1 { color: #a7c520; font-size: 46px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 700; font-style: normal; line-height: normal; margin: 20px 0 0 20px; padding: 0; }
h2 { color: #000000; font-size: 30px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 500; font-style: normal; line-height: normal; margin: 10px 0 0 20px; padding: 0; }
h3 { color: #09418a; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-weight: bold; line-height: normal; }
p { color: #555a71; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 18px; margin: 0 0 5px; padding: 0; }
ul { color: #555a71; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 16px; }
li { margin-bottom: 5px; list-style-image: url(../img/arrw_rgt.png); }
i { font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; }
a { color: #09418a; text-decoration: underline; }
a:hover { color: white; background-color: #09418a; text-decoration: none; }
/*layout
*/
#viewport { width: 100%; height: 100%; }
#center_v { background-image: url(../img/center_v.jpg); position: absolute; left: 50%; top: 50%; width: 100%; height: 640px; margin-left: -50%; margin-top: -320px; border-top: 1px solid #a4b0c8; border-bottom: 1px solid #a4b0c8; }
#content { background-color: transparent; background-repeat: repeat; width: 1000px; height: 640px; margin: 0 0 0 auto; }
#logo { background-image: url(../img/24_25gry.png); background-repeat: repeat; position: absolute; top: 0; width: 200px; height: 128px; z-index: 10; visibility: visible; }
#header { background-image: url(../img/24_50wht.png); background-repeat: repeat; vertical-align: bottom; visibility: visible; position: absolute; top: 0; z-index: 8; right: 0; width: 800px; height: 128px; }
#text { background-image: none; position: relative; top: 140px; left: 20px; width: 480px; height: auto; z-index: 6; float: left; }
#example { background-image: none; position: relative; top: 140px; left: 20px; width: 640px; height: auto; z-index: 6; float: left; }
#disclaimer { background-image: url(../img/24_50wht.png); background-repeat: repeat; position: relative; z-index: 6; top: 146px; left: 20px; width: 480px; height: 440px; overflow: scroll; float: left; }
#navi { background-image: none; position: relative; top: 130px; width: 200px; height: 400px; z-index: 10; float: left; margin: 0; padding: 0; }
#footer { background-image: url(../img/24_50wht.png); background-repeat: repeat; position: absolute; right: 0; bottom: 0; width: 800px; height: 28px; z-index: 8; visibility: visible; }
#motiv { background-image: none; text-align: right; position: absolute; bottom: 0; width: 1000px; height: 360px; z-index: 1; }
#motivhoch { background-image: none; text-align: right; position: absolute; z-index: 1; bottom: 0; width: 1000px; height: 480px; }
/*site-wide elements*/
.petit { color: #000; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 13px; position: relative; top: 5px; left: 20px; }
/*navigation
*/
ul#navi li { font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; line-height: 15px; list-style-type: none; list-style-image: none; }
ul#navi  li a { color: #09418a; text-decoration: none; background-image: url(../img/24_grn.png); height: 36px; visibility: visible; margin-bottom: -3px; padding: 5px 0 0 10px; list-style-type: none; list-style-image: none; display: block; }
ul#navi li a:hover { color: #fff; background-image: url(../img/24_grn_o.png); background-repeat: repeat; }