BODY { margin-top: 0px; margin-left:0px; background-color: #FFFFFF; background-image: url(../images/hg-nav.gif); } /* Farben 1 dunkel #4C58D1 mittel #8484EB hell #D9D9FF 2 #1FC2C2 #68CACA #CCF2F2 3 #1FEB1F #78CE78 #FFC299 4 #EB1FC2 #EB84D6 #FFBFF2 5 #EB1F1F #EB7070 #FFB2B2 6 #FF6600 #EBA170 #FFC299 7 #EBEB1F #EBEB5B #FFFFB2 */ H1.h1 { font: 11pt Arial, sans-serif; font-weight: bold; color: #4C58D1; } H1.h2 { font: 11pt Arial, sans-serif; font-weight: bold; color: #1FC2C2; } H1.h3 { font: 11pt Arial, sans-serif; font-weight: bold; color: #78CE78; } H1.h4 { font: 11pt Arial, sans-serif; font-weight: bold; color: #EB1FC2; } H1.h5 { font: 11pt Arial, sans-serif; font-weight: bold; color: #EB1F1F; } H1.h6 { font: 11pt Arial, sans-serif; font-weight: bold; color: #FF6600; } H1.h7 { font: 11pt Arial, sans-serif; font-weight: bold; color: #EBEB1F; } DIV#text { font: 10pt Arial, sans-serif; position: absolute; width: 390px; left: 247px; top: 114px; color: black; line-height: 160%; } img.bild { border: 1px solid #000000; float:left; margin-right:20px; margin-top:0px; margin-bottom:0px} img.grafik { border: 0px float:left; margin-right:20px; margin-top:0px; margin-bottom:0px} .tip1 { font: 10pt Arial, sans-serif; width: 390px; color: black; line-height: 160%; padding: 10px; background-color: #F6F6F6; border: 1px solid #4C58D1} .tip2 { font: 10pt Arial, sans-serif; width: 390px; color: black; line-height: 160%; padding: 10px; background-color: #F6F6F6; border: 1px solid #1FC2C2} .tip3 { font: 10pt Arial, sans-serif; width: 390px; color: black; line-height: 160%; padding: 10px; background-color: #F6F6F6; border: 1px solid #78CE78} .tip4 { font: 10pt Arial, sans-serif; width: 390px; color: black; line-height: 160%; padding: 10px; background-color: #F6F6F6; border: 1px solid #EB1FC2} .tip5 { font: 10pt Arial, sans-serif; width: 390px; color: black; line-height: 160%; padding: 10px; background-color: #F6F6F6; border: 1px solid #EB1F1F} .tip6 { font: 10pt Arial, sans-serif; width: 390px; color: black; line-height: 160%; padding: 10px; background-color: #F6F6F6; border: 1px solid #FF6600} .tip7 { font: 10pt Arial, sans-serif; width: 390px; color: black; line-height: 160%; padding: 10px; background-color: #F6F6F6; border: 1px solid #EBEB1F} /* Navigation */ #navlist { position: absolute; left: 0px; top: 150px; width: 190px; height: 100%; padding: 0; margin: 0; background-color: #EBEBEB; border-top: 1px solid gray; } #navlist li { list-style: none; margin: 0px; padding: 0px; text-align: left; border-bottom: 1px solid gray; } #navlist li a { display: block; margin: 0px; padding: 3px 3px 3px 30px; text-decoration: none; font: 9pt Arial, sans-serif; } /* Einzelne Nav Punkte */ #nav1 a { background-image: url(../images/nav1.gif); background-repeat: no-repeat; background-position: left; border-left: 8px solid #8484EB; } #nav2 a { background-image: url(../images/nav2.gif); background-repeat: no-repeat; background-position: left; border-left: 8px solid #68CACA; } #nav3 a { background-image: url(../images/nav3.gif); background-repeat: no-repeat; background-position: left; border-left: 8px solid #78CE78; } #nav4 a { background-image: url(../images/nav4.gif); background-repeat: no-repeat; background-position: left; border-left: 8px solid #EB84D6; } #nav5 a { background-image: url(../images/nav5.gif); background-repeat: no-repeat; background-position: left; border-left: 8px solid #EB7070; } #nav6 a { background-image: url(../images/nav6.gif); background-repeat: no-repeat; background-position: left; border-left: 8px solid #EBA170; } #nav7 a { background-image: url(../images/nav7.gif); background-repeat: no-repeat; background-position: left; border-left: 8px solid #EBEB5B; } /*Kontakt Subnavigation */ #subnav1 { border-left: 8px solid #8484EB; font: 8pt Arial, sans-serif; } #subnav1 li { border-bottom: 0px; } #subnav1 li a { background-image: url(../images/li-1.gif); background-repeat: no-repeat; background-position: left; border-left: 0px; padding-left: 0.8em; } #subnav2 { border-left: 8px solid #68CACA; font: 8pt Arial, sans-serif; } #subnav2 li { border-bottom: 0px; } #subnav2 li a { background-image: url(../images/li-2.gif); background-repeat: no-repeat; background-position: left; border-left: 0px; padding-left: 0.8em; } #subnav3 { border-left: 8px solid #FFC299; font: 8pt Arial, sans-serif; } #subnav3 li { border-bottom: 0px; } #subnav3 li a { background-image: url(../images/li-3.gif); background-repeat: no-repeat; background-position: left; border-left: 0px; padding-left: 0.8em; } #subnav4 { border-left: 8px solid #EB84D6; font: 8pt Arial, sans-serif; } #subnav4 li { border-bottom: 0px; } #subnav4 li a { background-image: url(../images/li-4.gif); background-repeat: no-repeat; background-position: left; border-left: 0px; padding-left: 0.8em; } #subnav5 { border-left: 8px solid #EB7070; font: 8pt Arial, sans-serif; } #subnav5 li { border-bottom: 0px; } #subnav5 li a { background-image: url(../images/li-5.gif); background-repeat: no-repeat; background-position: left; border-left: 0px; padding-left: 0.8em; } #subnav6 { left: 0px; width: 150px; display: block;} #subnav6 li { border-bottom: 0px;} #subnav6 li a { background-image: url(../images/li-6.gif); background-repeat: no-repeat; background-position: left; border-left: 0px; padding-left: 0.8em; } #subnav6 { left: 0px; width: 150px; display: block;} #subnav7 li { border-bottom: 0px;} #subnav7 li a { background-image: url(../images/li-7.gif); background-repeat: no-repeat; background-position: left; border-left: 0px; padding-left: 0.8em; } /*hoover Effekts */ #nav1 a:hover { background-color: #D9D9FF } #nav2 a:hover { background-color: #CCF2F2 } #nav3 a:hover { background-color: #C1F0C1 } #nav4 a:hover { background-color: #FFBFF2 } #nav5 a:hover { background-color: #FFB2B2 } #nav6 a:hover { background-color: #FFC299 } #nav7 a:hover { background-color: #FFFFB2 } /* Navigation Ende */ A { font: 9pt Arial, sans-serif; color: #333333; text-decoration: underline} A:hoover { color: #3300CC} DIV#footer { position: absolute; left: 0px; margin-top: 30px; padding-bottom: 20px; font: 7pt Verdana, sans-serif; color: #333333;} DIV#foo1 { background-color: #D9D9FF; position: absolute; left: -247px; width: 190px; margin-top: 26px; height: 22px; border-top: 1px solid #B1B1B1; border-bottom: 1px solid #B1B1B1;} DIV#foo2 { background-color: #CCF2F2; position: absolute; left: -247px; width: 190px; margin-top: 26px; height: 22px; border-top: 1px solid #B1B1B1; border-bottom: 1px solid #B1B1B1;} DIV#foo3 { background-color: #C1F0C1; position: absolute; left: -247px; width: 190px; margin-top: 26px; height: 22px; border-top: 1px solid #B1B1B1; border-bottom: 1px solid #B1B1B1;} DIV#foo4 { background-color: #FFBFF2; position: absolute; left: -247px; width: 190px; margin-top: 26px; height: 22px; border-top: 1px solid #B1B1B1; border-bottom: 1px solid #B1B1B1;} DIV#foo5 { background-color: #FFB2B2; position: absolute; left: -247px; width: 190px; margin-top: 26px; height: 22px; border-top: 1px solid #B1B1B1; border-bottom: 1px solid #B1B1B1;} DIV#foo6 { background-color: #FFC299; position: absolute; left: -247px; width: 190px; margin-top: 26px; height: 22px; border-top: 1px solid #B1B1B1; border-bottom: 1px solid #B1B1B1;} DIV#foo7 { background-color: #FFFFB2; position: absolute; left: -247px; width: 190px; margin-top: 26px; height: 22px; border-top: 1px solid #B1B1B1; border-bottom: 1px solid #B1B1B1;} A.footer { font: 7pt Verdana, sans-serif; color: #333333; text-decoration: none} A.footer:hoover { color: #3300CC} div#band { border: 0px; position: absolute; padding-left: 10px; padding-right: 30px; top: 40px; left: 220px; background-color: #B2B2B2; right: 0px} div#ima { border: 0px; position: absolute; top: 40px; left: 700px} div#fac { border: 0px; position: absolute; top: 144px; left: 696px} div#lang { border: 0px; position: absolute; top: 330px; left: 700px} .formular { font: 10pt Arial, sans-serif; } input { border: 1px solid #666666; width: 200px;} input.radio { border: none; width: 30px; } input.button { border: none; width: 100px; } textarea { border: 1px solid #666666; width: 200px; height: 100px } select { width: 200px; border: 1px solid #666666; }