/* gemeinsame formatierungen (muessen als erstes stehen) */
body, td, form, img {
 margin: 0;
 padding: 0;
 border: 0;
} 
body {
 background-color: #777;
 text-align: center;
}
table {
 border-collapse: separate;
}
td, input, select, textarea, button, div {
 font-family: Verdana;
 font-size: 11px;
}
a {
 outline: none;
}
a:link, a:visited, a:active {
 color: #264C97;
}
a:hover {
 color: #A00;
}
a.btn {
 display: block;
 width: 155px;
 height: 24px;
 margin: 10px 0;
}
a.pgmscr {
 display: block;
 width: 160px;
 height: 118px;
 border: 1px solid #264C97;
 margin: 2px 0 10px 0;
}
strong {
 font-weight: bold;
}
span.itlc {
 font-style: italic;
}
h2.feature {
 font-size: 12px;
 background: url('img/i16_feature.png') no-repeat;
 height: 16px;
 margin: 20px 0 10px 0;
 color: #264C97;
}
h2.feature:first-letter {
 margin-left: 20px;
}
h2.sep {
 background: url('img/i16_sepbg.png');
 font-size: 12px;
 font-weight: bold;
 color: #264C97;
 border-top: 1px solid #264C97;
 margin: 30px 0 20px 0;
 height: 16px;
}
h3 {
 font-size: 12px;
 font-weight: bold;
 margin: 30px 0 15px 0;
}
ul, ol {
 margin-top: 10px;
 margin-bottom: 10px;
 list-style: square;
}
li {
 margin: 6px 0;
}
img.icn16 {
 width: 16px;
 height: 16px;
}
img.icn48 {
 width: 48px;
 height: 48px;
}
.bnb {
 border: 1px solid #444;
 background-color: #EFF2F7;
}
span.attention {
 font-weight: bold;
 color: #F00;
}
div.advantage {
 background: url('img/i16_check.png') no-repeat;
 height: 16px;
 color: #264C97;
}
div.advantage:first-letter {
 margin-left: 20px;
}
div.code {
 background: #F0F0F0;
 padding: 8px;
 margin: 10px 0;
 border: 1px dashed #000;
 color: blue;
}
span.xmlel {
 color: #A62A2A;
}
span.xmlat {
 color: #A62A2A;
}
span.xmlv {
 color: #000;
 font-weight: bold;
}




/* skeleton-formatierungen */
#skel_main {
 width: 760px;
 margin: 10px auto;
 text-align: left;
 background: url('img/skel_bg.png');
}
#skel_titlebar {
 display: block;
 height: 90px;
 background: url('img/skel_titlebar.png');
}
h1 {
 font-size: 12px;
 font-weight: bold;
 letter-spacing: 1px;
 color: #04A;
 border-bottom: 1px solid #04A;
 margin: 0 0 20px 0;
}
#skel_navbar {
 width: 160px;
 padding-top: 25px;
}
#skel_sectioncontent {
 float: right;
 width: 561px;
 background: #FFF;
 margin: 0 29px 0 15px;
}
#skel_footbar {
 clear: right;
 height: 19px;
 background: url('img/skel_footbar.png');
 text-align: right;
 padding: 16px 35px 0;
 font-size: 10px;
 color: #DDD;
}



/* navigationsbereich-formatierungen */
#skel_navbar a, #skel_navbar strong {
 display: block;
}
#skel_navbar strong {
 padding-left: 12px;
 height: 20px;
 letter-spacing: 2px;
 color: #FFF;
 background-image: url('img/skel_navbar_top.png');
 background-repeat: no-repeat;
 background-position: 0 18px;
}
#skel_navbar div {
 height: 2px;
 margin-bottom: 33px;
 background: url('img/skel_navbar_btn.png');
}
#skel_navbar a {
 line-height: 20px;
 text-decoration: none;
 background: url('img/skel_navbar_btn.png');
}
#skel_navbar a:hover {
 background-position: 0 -20px;
}
a.nav1:link, a.nav1:visited, a.nav1:active, a.nav1:hover,
    a.nav2:link, a.nav2:visited, a.nav2:active, a.nav2:hover {
 color: #FFF;
}
a.nav1act:link, a.nav1act:visited, a.nav1act:active, a.nav1act:hover,
    a.nav2act:link, a.nav2act:visited, a.nav2act:active, a.nav2act:hover {
 color: #FE5;
}
.nav1, .nav1act { padding-left: 12px; }
.nav2, .nav2act { padding-left: 30px; }

