html, body { height: 100%; padding: 0px; margin: 0px; font-family: Trebuchet, "Lucida Grande", Geneva, Arial, Verdana, sans-serif;}

h1 {margin: 20px 0;}
h2 {margin: 14px 0; font-size: 1.4em;}
h3 {margin: 14px 0; font-size: 1.1em; color: #739D13;}

p {color: #333;font-size: 1.1em; font-weight: normal;line-height: 1.5em;padding: 0; text-align: left;}

b {color: #739D13;}
i {color: #0080FF;}

li {margin-bottom: 12px;font-size: 1.1em;}

a {color: #1D1B6E; font-weight: 600;}
a.pdf {background-image: url(../img/cnt-pdficon.png); background-repeat: no-repeat; background-position: right 2px; padding-right: 30px; font-weight: 500;}
a.bin {background-image: url(../img/cnt-binicon.png); background-repeat: no-repeat; background-position: right 2px; padding-right: 30px; font-weight: 500;}
a.zip {background-image: url(../img/cnt-zipicon.png); background-repeat: no-repeat; background-position: right 2px; padding-right: 30px; font-weight: 500;}
a.dmg {background-image: url(../img/cnt-dmgicon.png); background-repeat: no-repeat; background-position: right 2px; padding-right: 30px; font-weight: 500;}
a.external {background-image: url(../img/cnt-exticon.png); background-repeat: no-repeat; background-position: right 0px; padding-right: 16px; font-weight: 600;}

p.intro {font-size: 1.2em; line-height: 1.65em;}
p.small {font-size: 1.0em;}
p.description {display:none;}
p.magnify {background-image: url(../img/bg-magnify.png); background-repeat: no-repeat; background-position: 5px top; padding: 0 0 0 35px; font-style: italic; color:#0080FF ; font-size: 1.2em;}

span.explain {font-size: 12px; display: block; padding: 5px;}

.floatingRight {float: right;}
img.floatingRight {vertical-align:top;}

#wrapper {margin-top: 20px; background-color:#fff;}

#mainNavContainer {background-image: url(../img/bg_top.png); width:960px; margin: 5px auto 0px auto; height:116px; border-bottom: 1px solid #777; border-top: 1px solid #777;}

#mainNav {margin-bottom: 0px; padding: 0px; list-style: none; height: 116px;}

#mainNav li {float: left; width: 129px; text-align: center; border-right: 3px ridge #ccc; margin: 0px; text-shadow: 1px 1px 1px #ddd;}

#mainNav li:hover, #mainNav li:last-child:hover {background-image: url(../img/bg_top_active.png); border-right: 3px groove #ccc; color: #ccc;}

#mainNav li.active {background-image: url(../img/bg_top_active.png); border-right: 3px groove #ddd; color: #ccc; text-shadow: 1px 1px 1px #ccc;}

#mainNav li:last-child.active {background-image: url(../img/bg_top_active.png); border-right: 1px solid #777; color: #ccc; text-shadow: 1px 1px 1px #ccc;}

#mainNav li:last-child {background-image: url(../img/bg_top-last.png);}

#mainNav li:first-child {width:296px; height: 116px; margin:0; padding:0; border-left: 1px solid #888;}

#mainNav li:first-child:hover {background-image: none; border-right: 3px ridge #ccc;}

#mainNav a {display: block; height: 28px; width: 128px; text-align: center; margin: 0; font-family: Helvetica, Arial, sans-serif; color: #444; text-decoration: none; font-weight: 500; font-size: 15px; padding-top: 88px;}

#mainNav li.active a {color: #444; height: 30px;}

#mainNav a#home {display: block; height: 88px; width: 128px; text-align: center; margin: 0; font-family: Helvetica, Arial, sans-serif; color: #444; text-decoration: none; font-weight: 500; font-size: 15px; padding-top: 0px;}

#mainNav a:hover {color: #ccc; text-shadow: 1px 1px 1px #ddd; text-shadow: none;}

#subNavContainer {background-image: url(../img/bg_top_active.png); background-position:13px -88px; height:35px; border: 1px solid #777; border-top: 0px; margin: 0px auto; width: 958px;}

#subNav {margin-bottom: 0px; padding: 0px; list-style: none; height: 35px;}

#subNav li {float: left; width: 129px; text-align: center; margin: 0px; text-shadow: 1px 1px 1px #aaa; padding-top:8px;}

#subNav li:first-child {padding-left: 0px;}

#subNav a {height: 25px; text-align: center; margin: 0; font-family: Helvetica, Arial, sans-serif; color: #333; text-decoration: none; font-weight: 500; font-size: 13px; padding-top: 8px;}

#subNav .inactive {display: block; height: 25px; text-align: center; margin: 0; font-family: Helvetica, Arial, sans-serif; color: #666; text-decoration: none; font-weight: 500; font-size: 13px; padding-top: 8px;}

#sidebar img {display: block; margin: 15px auto 5px auto;}
#sidebar p { padding: 5px;}
#sidebar p.small {font-size: 0.8em; width: 70%; margin: 0px auto 15px auto;}

#sidebar a.dl { display: block; text-align: center;}
#sidebar a.dl:hover {background-color: #efefef;}
#sidebar li {margin-bottom: 5px;}

p.section, #sidebar p.section, tr.section { background-color: #ccc; background-image: url(../img/bg_sidebar_section.png); border: 1px solid #999; -webkit-border-radius: 2px; -moz-border-radius: 2px; padding: 4px 8px 2px 8px; color: #666; text-transform: uppercase; letter-spacing: 0.3em; font-size: 1.0em; text-shadow: 1px 1px 1px #ccc;}


#sidebar .quote {background-image: url(../img/bg-quote.png); background-repeat: no-repeat; background-position: left top; padding: 0 0 0 25px; font-style: italic; font-weight: 400; color: #333; font-size: 1.0em;}

#footer {border-top: 1px solid #999; color: #ccc; font-size: 11px; padding: 10px 0; text-align: center;}

textarea, input.text {background: url(../img/bg_textfelder.png) no-repeat rgb(255, 255, 255); border: 1px solid #ccc;  border-left-color: rgb(214, 214, 214); border-top-color: rgb(203, 203, 203); padding: 5px 0px 5px 3px; margin: 3px 0  12px 0; font-size: 13px; display: block; width: 250px;}

textarea {width: 380px;}

ul.supportList {list-style: none; padding: 0px; margin: 0 0 10px 0;}
ul.supportList li {padding: 10px; margin: 0; border-bottom: 1px solid #fff;}
ul.supportList li:hover {background-color: #efefef; border-bottom: 1px solid #dedede;}

tr {padding: 5px 5px 15px 5px; border-bottom: 1px solid #efefef;}
tr.section td { padding-left: 8px;}
tr.beforeSection {border-bottom-width: 0px;}
tr:hover {background-color: #efefef;border-bottom: 1px solid #dedede;}
tr.section:hover {background-color: #efefef;border-bottom: 1px solid #999;}
tr.beforeSection:hover {border-bottom-width: 0px;}
td {padding: 2px 2px 2px 5px;}
td b { font-size: 14px;}

#sidextra p.small {font-size: 0.8em; width: 100%; margin: 0px auto 5px auto;}
#sidextra a {font-size: 0.8em;}
#sidextra table {margin-bottom: 5px;}
#sidextra h3 {font-size: 12px;}


table.vergleich {border: 1px solid #333; font-size: 10px; background-image: url(../img/bg_vergleich.png); background-position: 0px 18px;}
.vergleich tr.first {background-color: #F7C1C0; font-weight: bold; border-bottom: 1px solid #333;}
.vergleich tr.last {background-color: #8AB185; font-weight: bold; border-top: 1px solid #333;}
.vergleich tr {border-width: 0px;}
table.vergleich>td {border-bottom: 1px solid #999;}