/* kki Micro Download Site */
/* kki FirstClass Deutschland e.K. 2007 */
/* Grafische Elemente & Grundelemente */
#HauptContainer {
position: absolute;
left: 50%;
top: 0px;
width: 950px;
color: #686868;
font-size: 9pt;
}
#HauptContainer2 {
position: absolute;
left: -475px;
top: 0px;
width: 950px;
}
#HauptContainer3 {
position: absolute;
width: 950px;
color: #686868;
top: 0px;
font-size: 9pt;
text-align: left;
left: 50%;
margin-left: -475px;
}
#ContainerTop {
background: url(/kkiImages/TopGrau.gif) no-repeat top left;
position: absolute;
left: 0px;
top: 0px;
width: 950px;
height: 32px;
}
#ContainerMid {
position: absolute;
left: 0px;
top: 32px;
width: 950px;
height: 270px;
}
#ContainerSammler {
background: url(/kkiImages/HG2.jpg) repeat top left;
position: absolute;
left: 0px;
top: 302px;
width: 950px;
min-height: 500px;
}
#ContainerMain {
position: relative;
margin:0px;
width: 520px;
}
#ContainerNews {
position: absolute;
left: 520px;
top: 0px;
width: 210px;
}
#ContainerNav {
position: absolute;
left: 730px;
top: 0px;
width: 170px;
}
#ContainerFusszeile {
background: url(/kkiImages/Fusszeile.gif) no-repeat top left;
margin:0px;
width: 950px;
height: 45px;
}
/* Textfelder */
#Main {
margin-left: 50px;
margin-top: 50px;
margin-right: 20px;
}
#News {
margin-left: 23px;
margin-top: 92px;
margin-right: 15px;
}
#TopNav{
position: absolute;
color: #B5B6B9;
left: 520px;
top: 12px;
width: 379px;
height: 15;
font-weight: bold;
font-size: 9pt;
text-align:right;
}
#BottomNav{
position: relative;
color: #FFFFFF;
width: 930px;
top: 25px;
left: 10px;
height: 15px;
font-size: 9pt;
text-align: left;
}
#Ueber {
position: absolute;
left: 540px;
top: 150px;
}
#Ueber h1{
font-size: 38pt;
margin: 0px;
font-weight: normal;
color: #FFFFFF;
}
#Ueber h2 {
font-size: 38pt;
margin-top: -15px;
font-weight: normal;
color: #0A3579;
}
#Ueber h1 a:link, #Ueber h1 a:visited, #Ueber h1 a:hover, #Ueber h1 a:active {
color: #FFFFFF;
text-decoration: none;
}
#Ueber h2 a:link, #Ueber h2 a:visited, #Ueber h2 a:hover, #Ueber h2 a:active {
color: #0A3579;
text-decoration: none;
}
/* Grundtypen */
body {
font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
background-color: #E9EAEB;
}
h1 {
font-size: 50pt;
margin-top: 0px;
font-weight: normal;
}
h1 a:link, h1 a:visited, h1 a:hover, h1 a:active {
text-decoration: none;
}
h2 {
font-size: 16pt;
margin-top: 0px;
margin-bottom: 14px;
color: #0A3579;
}
h2 a:link, h2 a:visited, h2 a:hover, h2 a:active {
color: #0A3579;
text-decoration: none;
}
h3 {
font-size: 10pt;
margin-top: 15px;
margin-bottom: 10px;
font-weight: bold;
color: #0A3579;
}
h3 a:link, h3 a:visited, h3 a:hover, h3 a:active {
color: #0A3579;
text-decoration: none;
}
h4 {
font-size: 9pt;
margin-top: 15px;
margin-bottom: 0px;
font-weight: bold;
color: #0A3579;
}
h4 a:link, h4 a:visited, h4 a:hover, h4 a:active {
color: #0A3579;
text-decoration: none;
}
.tdbackWin {
background: url(/kkiimages/TopButtonWin.jpg) no-repeat top left;
}
.tdbackMac {
background: url(/kkiimages/TopButtonOSX.jpg) no-repeat top left;
}
.tdbackLinux {
background: url(/kkiimages/TopButtonLinux.jpg) no-repeat top left;
}
.DownloadWinButton {
background: url(/kkiimages/ButtonWindows.jpg) no-repeat top left;
}
.DownloadOSXButton {
background: url(/kkiimages/ButtonOSX.jpg) no-repeat top left;
}
.DownloadLinuxButton {
background: url(/kkiimages/ButtonLinux.jpg) no-repeat top left;
}
.DownloadExtraButton {
background: url(/kkiimages/ButtonExtras.jpg) no-repeat top left;
}
a:link {
color: #4D6DA3;
text-decoration: none;
}
a:visited {
color: #4D6DA3;
text-decoration: none;
}
a:hover, a:active {
color: #4D6DA3;
text-decoration: underline;
}
a.weiss {
color: #FFFFFF;
}
#TopNav a:link {
color: #B5B6B9;
text-decoration: none;
}
#TopNav a:visited {
color: #B5B6B9;
text-decoration: none;
}
#TopNav a:hover, #TopNav a:active {
color: #FFFFFF;
text-decoration: none;
}
/* Menue */
#callMe {
margin-top: 25px;
margin-left: 18px;
width: 151px;
}
#callMe ul {
list-style-type: none;
padding: 0px;
margin: 0px;
}
#callMe li a, #callMe li a:link {
text-decoration: none;
font-weight: bold;
display: block;
color: #333333;
background: url(/kkiImages/Button-pink.png) no-repeat top left;
width: 134px;
height: 51px;
padding:9px 0px 0px 45px;
}
#menue {
margin-top: 0px;
width: 171px;
}
.menuekopf {
background-color: #393A3F;
width: 171px;
height: 2px;
border: 0px solid #000000;
margin-bottom: 0px;
}
#menue ul {
list-style-type: none;
padding: 0px;
margin: 0px;
}
#menue li {
display: block;
border: 0px solid #393A3F;
margin-bottom: 1px;
font-weight: bold;
}
#menue li a, #menue li a:link {
text-decoration: none;
display: block;
color: #FFFFFF;
background: url(/kkiImages/KnopfPassiv.gif) no-repeat top left;
width: 151px;
height: 23px;
padding:6px 0px 0px 20px;
}
#menue li a:visited {
color: #FFFFFF;
}
#menue li a:hover, #menue li a:active, #menue li a:focus {
color: #FFFFFF;
background: url(/kkiImages/KnopfAktiv.gif) no-repeat top left;
}
#menue li.Aktiv {
display: block;
border: 0px solid #393A3F;
margin-bottom: 1px;
font-weight: bold;
}
#menue li.Aktiv a, #menue li.Aktiv a:link {
text-decoration: none;
display: block;
color: #FFFFFF;
background: url(/kkiImages/KnopfAktiv.gif) no-repeat top left;
width: 151px;
height: 23px;
padding:6px 0px 0px 20px;
}
#menue li.Aktiv a:visited {
color: #FFFFFF;
}
#menue li.Aktiv a:hover, #menue li.Aktiv a:active, #menue li.Aktiv a:focus {
color: #FFFFFF;
background: url(/kkiImages/KnopfAktiv.gif) no-repeat top left;
}
#menue ul.subUL li.Sub {
display: block;
border: 0px solid #393A3F;
margin-bottom: 1px;
font-weight: normal;
}
#menue ul.subUL li.Sub a, #menue2 ul.subUL li.Sub a:link {
text-decoration: none;
display: block;
color: #B0B1B2;
background: url(/kkiImages/KnopfEbene2.gif) no-repeat top left;
width: 144px;
height: 23px;
padding:6px 0px 0px 27px;
}
#menue ul.subUL li.Sub a:visited {
color: #B0B1B2;
}
#menue ul.subUL li.Sub a:hover, #menue2 ul.subUL li.Sub a:active, #menue2 ul.subUL li.Sub a:focus {
color: #FFFFFF;
background: url(/kkiImages/KnopfAktiv.gif) no-repeat top left;
}
#menue ul.subUL li.SubAktiv {
display: block;
border: 0px;
margin-bottom: 1px;
font-weight: normal;
}
#menue ul.subUL li.SubAktiv a, #menue2 ul.subUL li.SubAktiv a:link {
text-decoration: none;
display: block;
color: #D0D1D2;
background: url(/kkiImages/KnopfAktiv.gif) no-repeat top left;
width: 144px;
height: 23px;
padding:6px 0px 0px 27px;
}
#menue ul.subUL li.SubAktiv a:visited {
color: #D0D1D2;
}
#menue ul.subUL li.SubAktiv a:hover, #menue2 ul.subUL li.SubAktiv a:active, #menue2 ul.subUL li.SubAktiv a:focus {
color: #FFFFFF;
background: url(/kkiImages/KnopfAktiv.gif) no-repeat top left;
}
| 