/*

Colors:
#0096c8 Blue Dark
#00addd Blue Medium Dark
#00bee4 Blue Medium
#8ad5ec Blue Medium Light
#d5eef6 Blue Light
#f0c120 Yellow Dark
#ffe04f Yellow Medium Dark
#ffe880 Yellow Medium
#ffefaa Yellow Medium Light
#fff6d2 Yellow Light

*/
.content { text-align:justify; }
/* #################################################################################################### */
/* Eric Meyers CSS Reset */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
margin:0;
padding:0;
border:0;
outline:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:baseline;
}
sub,sup {
font-size:75%;
line-height:0;
}
sup {
position:relative;
top:-.1em;
}
sub {
position:relative;
bottom:+.3em;
}
/* remember to define focus styles! */
:focus { outline:0; }
body {
line-height:1;
color:black;
background:white;
}
ol,
ul { list-style:none; }
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse:separate;
border-spacing:0;
}
caption,
th,
td {
text-align:left;
font-weight:normal;
vertical-align:top; /*Sebastian Janzen*/
}
blockquote:before,
blockquote:after,
q:before,
q:after { content:""; }
blockquote,
q { quotes:"" ""; }
/* #################################################################################################### */
/* global styles */
body { padding:0 0 1px 0; }
.clear,
.floatFix { clear:both; }
strong { font-weight:bold; }
a.more {
background:url(pics/metaNavBtn.gif) no-repeat 0px 0px;
padding:0 0 10px 30px;
}
div.content div.contentItem a {
text-decoration:none;
color:#3e3e3e;
}
div.content div.contentItem a:hover { text-decoration:underline !important; }
/* #################################################################################################### */
/* page elements in alphabetical order */
/* #################################################################################################### */
/* abstractBox */
.abstractBox {
border:1px solid #cdcdcd;
width:594px;
position:relative;
background:#fff;
font:normal normal normal 12px/1.5em Verdana, Geneva, sans-serif;
color:#3e3e3e;
padding: 0 0 10px 0;
}
.abstractBox hr {
clear:both;
margin-top:10px;
margin-bottom:10px;
border:none;
height:12px;
background:url(pics/hr_large.png) no-repeat center center;
}
.abstractBox h1 {
color:#00addd;
font:normal normal normal 18px/1.5em Verdana, Geneva, sans-serif;
padding: 0 30px 0px 22px;
}
.abstractContent {
background:url(pics/abstractBoxBg.gif) no-repeat left top;
width:594px;
padding:15px 1px 1px 1px;
position:relative;
top:-1px;
left:-1px;
}
.abstractContent img { padding-top: 25px; }
.abstractBox h2 {
text-align:left;
color:#8C8A8C;
font-family:Verdana, Geneva, sans-serif;
font-weight:normal;
font-size:14px;
padding:0 30px 0px 22px;
}
.abstractBox p { padding:0 30px 12px 22px; }
.abstractBoxText .abstractContent { padding:15px 1px 1px 1px; }
.abstractBoxText p,
.abstractBoxText h1 { padding-left:33px; }
/* #################################################################################################### */
/* calendar */
.calendar {
border:1px solid #cdcdcd;
width:247px;
background:#fff;
color:#3e3e3e;
font:normal normal normal 12px/1.5em Verdana, Geneva, sans-serif;
margin-bottom:10px;
}
.calendar h2 {
font-size:18px;
line-height:1em;
color:#fff;
padding:8px 10px 5px 20px;
width:219px;
background:#14b3e6 url(pics/subNavBg.gif) no-repeat left top;
position:relative;
left:-1px;
top:-1px;
}
.calendar table { margin:5px; }
.calendar .calheaderPager a {
font:normal normal bold 12px/1.2em Verdana, Geneva, sans-serif;
color:#3e3e3e;
text-decoration:none;
}
.calendar .calheaderPager {
text-align:center;
padding:15px 0 15px 0;
}
.calendar .calheader a {
font:normal normal bold 12px/1.2em Verdana, Geneva, sans-serif;
color:#3e3e3e;
text-decoration:none;
}
.calendar .calheader a:hover { text-decoration:underline; }
.calendar .caldata a { text-decoration:underline; }
.calendar .caldata,
.calendar .calseldata a {
font:normal normal normal 12px/1.2em Verdana, Geneva, sans-serif;
color:#3e3e3e;
}
.calendar td.caldata,
.calendar td.calseldata,
.calendar td.calseldatacurrent {
padding:4px 8px 3px 8px;
border-left:1px solid #ccc;
}
.calendar td.calheader {
border-left:1px solid #ccc;
padding:4px 8px 7px 8px;
}
.calendar td.firstitem { border:none; }
.calendar td.calseldatacurrent a {
text-decoration:none;
color:#00addd;
}
/* #################################################################################################### */
/* calendarList */
.calendarList {
font:normal normal normal 12px/1.2em Verdana, Geneva, sans-serif;
color:#3e3e3e;
}
.calendarListItem {
background:url(pics/calendarListItemBg.gif) no-repeat left top;
padding:15px 0 17px 0;
width:593px;
}
.calendarListFirstItem { background:none; }
.calendarList h2 {
color:#00addd;
font-size:18px;
font-weight:normal;
padding:0 0 9px 0;
}
.calendarList h4 {
color:#00addd;
font-size:16px;
padding:0 0 9px 0;
}
.content .calendarList h3 {
color:#00addd;
font-size:16px;
font-weight:normal;
padding:0 0 9px 0;
}
.calendarList h3 strong {
font-weight:bold;
color:#3e3e3e;
font-size:12px;
display:block;
padding:0 0 9px 0;
}
.calendarList p { font:normal normal normal 12px/1.5em Verdana, Geneva, sans-serif; }
.calendarList button {
background:url(pics/formButtonCalendar.gif) no-repeat left top;
font:normal normal bold 11px/22px Verdana, Geneva, sans-serif;
width:83px;
height:22px;
color:#000;
text-align:center;
border: none;
position:relative;
margin-top: 10px;/*left:149px;*/
}
/* #################################################################################################### */
/* contentNewspaper */
.content {
font:normal normal normal 12px/1.83em Verdana, Geneva, sans-serif;
background:#fff;
width:596px;
margin-top:5px;
text-align:justify;
color:#3e3e3e;
}
.contentItem {
margin-bottom:2em;
text-align:left;
color:#3e3e3e;
}
.content h2,
.mediaDownloadAllFilesTitle,
.content h2 a {
font:normal normal normal 18px/1.1em Verdana, Geneva, sans-serif;
color:#00addd;
position:relative;
top:-5px;
padding-bottom:5px;
text-align:left;
}
.content h3 {
font:normal normal normal 16px/1.03em Verdana, Geneva, sans-serif;
color:#000;
position:relative;
top:-5px;
padding-bottom:3px;
text-align:left;
}
.content ul,
.content p {
font:normal normal normal 12px/1.83em Verdana, Geneva, sans-serif;
color:#3e3e3e;
margin-bottom:1.2em;
text-align:justify;
}
.content h1,
.content h2,
.content h3 { padding-right:17px; }
.content .section1 h1,
.content .section1 h2,
.content .section1 h3,
.content .section1 p,
.content .section2 h1,
.content .section2 h2,
.content .section2 h3,
.content .section2 p { padding-right:0; }
.content .section1 {
float:left;
border-right:1px solid #d6d6d6;
width:263px;
padding:0 24px 0 1px;
margin-bottom:2em;
text-align:justify;
}
.content .section2 {
padding:0 15px 0 24px;
float:left;
border-left:1px solid #d6d6d6;
position:relative;
left:-1px;
width:266px;
margin-bottom:2em;
text-align:justify;
}
div.content div.section1 div.contentItem h2 a,
div.content div.section2 div.contentItem h2 a { color: #00addd; }
.content li {
padding:0 0 0 32px;
background:url(pics/liBg.gif) no-repeat 15px 10px;
text-align:left;
}
.content li,
.content li a {
font:normal normal normal 12px/1.83em Verdana, Geneva, sans-serif;
color:#3e3e3e;
text-decoration:none;
text-align:left;
}
.content li a {
background:url(pics/listLinkBullet.gif) no-repeat 15px 7px;
position:relative;
left:-32px;
padding:0 0 0 32px;
display:block;
}
.content li a.glossaryTermLink {
display:inline;
padding:0px;
left:0px;
position: static;
background-image: none;
text-decoration: underline;
}
.content li a:hover { text-decoration:underline; }
.content p a {
text-decoration:underline;
color:#3e3e3e;
cursor:pointer;
}
.content .contentItem p a { text-decoration:none; }
a {
text-decoration:underline;
color:#3e3e3e;
cursor:pointer;
}
.content hr {
clear:both;
margin-top:20px;
margin-bottom:20px;
border:none;
height:12px;
background:url(pics/hr_large.png) no-repeat center center;
}
.content .contentWrapper { padding-right:17px; }
/* #################################################################################################### */
/* footer */
.footer {
background:#54c8ed url(pics/footerBg.gif) repeat-x left top;
border:1px solid #b1b1b1;
width:858px;
padding:18px 0 15px;
position:relative;
font:normal normal normal 11px/1.63em Verdana, Geneva, sans-serif;
color:#414141;
}
.footerContent { background:url(pics/footerLines.gif) repeat-y left top; }
.footer .cornerLeft,
.footer .cornerRight {
position:absolute;
bottom:-1px;
height:4px;
}
.footer .cornerLeft {
left:-1px;
width:3px;
background:url(pics/footerCornerLeft.gif) no-repeat left top;
}
.footer .cornerRight {
right:-1px;
width:5px;
background:url(pics/footerCornerRight.gif) no-repeat left top;
}
.footer h2 {
color:#fff;
font-size:16px;
position:relative;
top:-8px;
}
.footer a {
color:#414141;
text-decoration:none;
}
.footer a:hover { text-decoration:underline; }
.footerHotlinks,
.footerInteresting,
.footerNewsletter { float:left; }
.footerHotlinks {
width:247px;
padding:0 15px 0 21px;
}
.footerInteresting {
width:273px;
padding:0 15px 0 21px;
}
.footerInteresting a { /*background:url(pics/metaNavBtn.gif) no-repeat 0px 0px;
padding:0 0 10px 30px;*/
}
.footerInteresting ul,
.footerInteresting p { margin:0 0 11px 0; }
.footerNewsletter {
width:199px;
padding:0 0 0 39px;
}
.footerNewsletter input.dialogInput {
font:normal normal normal 11px/1em Verdana, Geneva, sans-serif;
color:#414141;
width:150px;
}
.footerNewsletter input { vertical-align:middle; }
.footerNewsletter p { margin-bottom:10px; }
/* #################################################################################################### */
/* formCalculator */
.formIntro {
border-bottom:1px solid #ccc;
font:normal normal normal 12px/1.2em Verdana, Geneva, sans-serif;
color:#000;
padding:0 0 8px 0;
margin-bottom:11px;
}
.formCalculator {
border:1px solid #cdcdcd;
width:594px;
position:relative;
background:#fff;
font:normal normal normal 12px/1.5em Verdana, Geneva, sans-serif;
color:#3e3e3e;
margin-bottom:30px;
}
.formCalculatorContent {
background:url(pics/formMainContentBg.gif) no-repeat left top;
width:543px;
padding:19px 20px 21px 33px;
position:relative;
top:-1px;
left:-1px;
}
.formCalculator h2 {
font:normal normal normal 18px/1.1em Verdana, Geneva, sans-serif;
color:#00addd;
position:relative;
padding-bottom:5px;
}
.formCalculator p {
font:normal normal normal 12px/1.2em Verdana, Geneva, sans-serif;
color:#000;
padding:0 0 11px 0;
}
.formCalculatorContentSection1 {
width:212px;
padding:0 20px 0 0;
float:left;
border-right:1px solid #ccc;
}
.formCalculatorContentSection1 select {
width:205px;
margin:0 0 8px 0;
}
.formCalculatorContentSection2 {
width:260px;
float:left;
position:relative;
left:-1px;
border-left:1px solid #ccc;
padding:0 0 0 20px;
}
.formCalculatorContent th,
.formCalculatorContent td { padding:0 10px 2px 0; }
.formCalculatorContent table { margin-bottom:20px; }
.formCalculator button {
background:url(pics/formButton.gif) no-repeat left top;
font:normal normal bold 11px/22px Verdana, Geneva, sans-serif;
width:217px;
height:22px;
color:#000;
text-align:center;
border:0 none;
}
a.info {
font:normal normal normal 11px/1.2em Verdana, Geneva, sans-serif;
color:#000;
padding:0 0 0 34px;
background:url(pics/infoBtn.gif) no-repeat left top;
display:block;
text-decoration:none;
}
a.info:hover { text-decoration:underline; }
/* #################################################################################################### */
/* formRegister */
.formRegister {
border:1px solid #cdcdcd;
width:594px;
position:relative;
background:#fff;
font:normal normal normal 12px/1.5em Verdana, Geneva, sans-serif;
color:#3e3e3e;
margin-bottom:30px;
}
.formRegisterContent {
background:url(pics/formMainContentBg.gif) no-repeat left top;
width:554px;
padding:19px 20px 21px 22px;
position:relative;
top:-1px;
left:-1px;
}
.formRegister h2 {
font:normal normal normal 18px/1.1em Verdana, Geneva, sans-serif;
color:#00addd;
position:relative;
padding-bottom:10px;
}
.formRegister label {
font:normal normal normal 12px Verdana, Geneva, sans-serif;
color:#000;
width:165px;
display:block;
float:left;
text-align:left;
padding-right: 10px;
}
.formRegister input.text {
border:1px solid #ccc;
font-weight:bold;
width:248px;
}
.formRegister textarea.text {
  width: 250px;
  height: 100px;
  border: 1px solid #CCCCCC;
}
.formRegister li {
padding-bottom:5px;
position:relative;
clear:both;
}
.formRegister ul { padding-bottom:10px; }
.formRegisterStep {
width:51px;
height:51px;
background:url(pics/formRegisterStepBg.gif) no-repeat left top;
font:normal normal bold 24px/51px Verdana, Geneva, sans-serif;
color:#CCC;
text-align:center;
position:absolute;
left:0;
top:0;
}
.formRegisterStepContent {
padding:6px 0 0 73px;
position:relative;
}
.completed { background:url(pics/formControlCheckedBg.gif) no-repeat right top; }
a.invoiceAddress {
color:#666;
font:normal normal normal 11px/1.2em Verdana, Geneva, sans-serif;
display:block;
margin-bottom:12px;
}
.formRegister button {
background:url(pics/formButton.gif) no-repeat left top;
font:normal normal bold 11px/22px Verdana, Geneva, sans-serif;
width:217px;
height:22px;
color:#000;
text-align:center;
border:0 none;
position:relative;
left:165px;
}
.formRegisterStepContent1 {
padding:0 0 30px 0;
margin:0 0 30px 0;
border-bottom:1px solid #ccc;
}
.formRegister p {
font:normal normal normal 12px/1.83em Verdana, Geneva, sans-serif;
color:#000;
margin-bottom:1em;
}
p.formHint {
border-bottom:1px solid #ccc;
font:normal normal bold 12px/1.2em Verdana, Geneva, sans-serif;
padding:0 0 8px 0;
margin-bottom:11px;
color:#000;
}
.formRegister input.error, .formNewsletter input.error { border: 1px solid #c77; }
.formRegister div.error, .formNewsletter div.error {
margin-top:-19px;
float:right;
width:16px;
height:16px;
background:url(pics/sign-problem.png) no-repeat top left;
}
.formRegister input.small { width: 38px; }
.formRegister input.large,
.formRegister li select { width:204px; }
.formRegister ul.invoiceAddress { display:none; }
.formRegister div.popup-failure-text, .formNewsletter div.popup-failure-text {
padding:10px 10px 10px 38px;
border:1px solid #00ade4;
margin:0 10px 10px 10px;
background:#ffffe1 url(pics/page.png) no-repeat 10px 8px;
}
/* #################################################################################################### */
/* formRegisterExpertDialogue */
.formRegisterExpertDialogue {
border:1px solid #cdcdcd;
width:594px;
position:relative;
background:#fff;
font:normal normal normal 12px/1.5em Verdana, Geneva, sans-serif;
color:#3e3e3e;
margin-bottom:30px;
padding-bottom:20px;
}
.formRegisterExpertDialogueContent {
background:url(pics/formMainContentBg.gif) no-repeat left top;
width:543px;
padding:19px 20px 21px 33px;
position:relative;
top:-1px;
left:-1px;
}
.formRegisterExpertDialogue p {
margin-bottom:15px;
margin-right:20px;
}
.formRegisterExpertDialogue h2 {
color:#00addd;
font:normal normal normal 18px/1.5em Verdana, Geneva, sans-serif;
}
.formRegisterExpertDialogue h3 {
font-size:11px;
margin-bottom:10px;
}
.formRegisterExpertDialoguePersonalInfo,
.formRegisterExpertDialogueLocation {
font-size:11px;
margin-bottom:20px;
}
.formRegisterExpertDialoguePersonalInfo label {
display:block;
float:left;
width:200px;
}
.formRegisterExpertDialoguePersonalInfo input.text {
width:320px;
border:1px solid #ccc;
font:normal normal normal 11px/1.5em Verdana, Geneva, sans-serif;
}
.formRegisterExpertDialoguePersonalInfo li { margin-bottom:4px; }
.formRegisterExpertDialoguePersonalInfo,
.formRegisterExpertDialogueQuestions {
padding-bottom:15px;
border-bottom:1px solid #ccc;
}
.formRegisterExpertDialogueQuestions { margin-bottom:10px; }
.formRegisterExpertDialogueQuestions label {
display:block;
font-size:11px;
padding-bottom:4px;
}
.formRegisterExpertDialogueQuestions select {
width:500px;
border:1px solid #ccc;
margin-left:16px;
font:normal normal normal 11px/1.5em Verdana, Geneva, sans-serif;
}
.formRegisterExpertDialogueOther { margin:15px 0 0 0; }
.formRegisterExpertDialogueOther label {
font-size:11px;
float:left;
padding-right:10px;
}
.formRegisterExpertDialogueOther input {
width:380px;
border:1px solid #ccc;
font:normal normal normal 11px/1.5em Verdana, Geneva, sans-serif;
}
.formRegisterExpertDialogue textarea {
border:1px solid #ccc;
width:510px;
height:150px;
margin-bottom:10px;
}
.formRegisterExpertDialogue button { float:right; }
.formRegisterExpertDialogue button {
background:url(pics/formButton.gif) no-repeat left top;
font:normal normal bold 11px/22px Verdana, Geneva, sans-serif;
width:217px;
height:22px;
color:#000;
text-align:center;
border:0 none;
margin-right:20px;
}
/* #################################################################################################### */
/* mainNav */
.mainNav {
font:normal normal bold 13px/34px Verdana, Geneva, sans-serif;
background:url(pics/mainNavBg.gif) repeat-x 0px -34px;
}
.mainNav div { background:url(pics/mainNavBg.gif) no-repeat 0px 0px; }
.mainNav ul {
background:url(pics/mainNavBg.gif) no-repeat 100% -68px;
height:34px;
padding: 0 10px;
text-align:center;
}
.mainNav li {
background:url(pics/mainNavBg.gif) no-repeat left -136px;
float:left;
}
.mainNav .firstItem { background:none; }
.mainNav .lastItem a { background:none; }
.mainNav a {
display:block;
text-decoration:none;
color:#fff;
padding:0 13px;
background:url(pics/mainNavBg.gif) no-repeat 100% -170px;
}
.mainNav a:hover,
.mainNav a.active {
color:#00addd;
background:url(pics/mainNavBg.gif) repeat-x left -102px;
}
/* #################################################################################################### */
/* metaNav */
.metaNav,
.metaNav a {
font:normal normal normal 11px/1.2em Verdana, Geneva, sans-serif;
color:#3e3e3e;
}
.metaNav li { float:left; }
.metaNav a,
.metaNav span {
text-decoration:none;
padding:0 13px;
border-right:1px solid #999;
}
.metaNav a:hover { text-decoration:underline; }
.metaNav input {
font:normal normal normal 11px/1.2em Verdana, Geneva, sans-serif;
color:#3e3e3e;
vertical-align:middle;
position:relative;
top:-2px;
}
.metaNav input.text { margin-left:14px; }
.metaNav img {
position:relative;
top:1px;
}
.metaNav ul { float:left; }
/* #################################################################################################### */
/* member */
.member {
width:606px;
margin:0 0 20px 0;
}
.member h2 {
font:normal normal normal 18px/1.1em Verdana, Geneva, sans-serif;
color:#00addd;
padding:0 0 17px 0;
}
.member p {
font:normal normal normal 12px/1.5em Verdana, Geneva, sans-serif;
color:#3e3e3e;
padding:0 0 26px 0;
}
.member a {
text-decoration:none;
color:#00addd;
}
.member .memberMember {
width:303px;
float:left;
margin-bottom:20px;
}
.member .memberMember img { float:left; }
.member .memberMember p { padding:24px 10px 0 125px; }
.member .memberMember a { display:block; }
/* #################################################################################################### */
/* newsBox */
.newsBox {
border:1px solid #cdcdcd;
font:normal normal normal 12px/1.4em Verdana, Geneva, sans-serif;
width:247px;
background:#fff;
color:#3e3e3e;
margin-bottom:10px;
}
.newsBox div {
background:url(pics/dogEar.gif) no-repeat left top;
width:199px;
position:relative;
left:-1px;
top:-1px;
padding:19px 25px 0 25px;
}
.newsBox h2 {
color:#00addd;
font-size:16px;
margin-bottom:15px;
}
.newsBox h3 { }
.newsBox p { margin-bottom:17px; }
.newsBox a {
color:#00addd;
text-decoration:none;
}
.newsBox a:hover { text-decoration:underline; }
/* #################################################################################################### */
/* sidebarBox */
.sidebarBox {
border:1px solid #cdcdcd;
font:normal normal normal 12px/1.4em Verdana, Geneva, sans-serif;
width:247px;
background:#fff;
color:#3e3e3e;
margin-bottom:10px;
}
.sidebarBox div {
background:url(pics/dogEar.gif) no-repeat left top;
width:199px;
position:relative;
left:-1px;
top:-1px;
padding:19px 25px 0 25px;
}
.sidebarBox h2 {
color:#00addd;
font-size:16px;
margin-bottom:15px;
}
.sidebarBox h3 { }
.sidebarBox p { margin-bottom:17px; }
.sidebarBox a {
color:#00addd;
text-decoration:none;
}
.sidebarBox a:hover { text-decoration:underline; }
/* #################################################################################################### */
/* partnerBox */
.partnerBox {
border:1px solid #cdcdcd;
font:normal normal normal 12px/1.4em Verdana, Geneva, sans-serif;
width:247px;
background:#fff;
color:#3e3e3e;
margin-bottom:10px;
}
.partnerBox div {
background:url(pics/dogEar.gif) no-repeat left top;
width:249px;
position:relative;
left:-1px;
top:-1px;
padding:21px 0;
text-align:center;
}
.partnerBox span { display:block; }
.partnerBox a {
color:#3e3e3e;
text-decoration:none;
}
/* #################################################################################################### */
/* serviceNav */
.serviceNav {
/*margin-top:20px;*/
position:relative;
bottom:0px;
width:576px;
}
.serviceNav a {
font:normal normal normal 11px/1.2em Verdana, Geneva, sans-serif;
color:#999;
text-decoration:none;
}
.serviceNav a { color:#999; }
.serviceNav a:hover { text-decoration:underline; }
.serviceNav ul { float:right; }
.serviceNav li {
float:left;
font:normal normal normal 11px/1.2em Verdana, Geneva, sans-serif;
padding:0 0 0 20px;
}
.serviceNav p { float:left; }
/* #################################################################################################### */
/* subNav */
.subNav {
border:1px solid #cdcdcd;
width:247px;
background:#fff;
color:#3e3e3e;
font:normal normal normal 12px/1.5em Verdana, Geneva, sans-serif;
margin-bottom:10px;
}
.subNav h2 {
font-size:18px;
line-height:1em;
color:#fff;
padding:8px 10px 5px 20px;
width:219px;
background:#14b3e6 url(pics/subNavBg.gif) no-repeat left top;
position:relative;
left:-1px;
top:-1px;
}
.subNav ul { padding:22px 16px 21px 19px; }
.subNav ul ul { padding:0px 16px 0px 19px; }
.subNav a,
.subNav span {
border-top:1px solid #dbdbdb;
display:block;
padding:8px 0 8px 21px;
text-decoration:none;
color:#3e3e3e;
background:url(pics/bulletBlueLo.gif) no-repeat 1px 13px;
}
.subNav span,
.subNav a:hover { background:url(pics/bulletBlueHi.gif) no-repeat 1px 13px; }
.subNav span { font-weight:bold; }
.subNav .firstItem a,
.subNav .firstItem span { border:none; }
.subNav a.active {
font-weight:bold;
background:url(pics/bulletBlueHi.gif) no-repeat 1px 14px;
}
/* #################################################################################################### */
/* topTeaser */
/* #################################################################################################### */
/* member */
.technicalCommission {
width:606px;
margin:0 0 20px 0;
}
.technicalCommission h2 {
font:normal normal normal 18px/1.1em Verdana, Geneva, sans-serif;
color:#00addd;
padding:0 0 17px 0;
}
.technicalCommission p {
font:normal normal normal 12px/1.5em Verdana, Geneva, sans-serif;
color:#3e3e3e;
padding:0 0 26px;
}
.technicalCommission a {
text-decoration:none;
color:#00addd;
}
.technicalCommission img {
width:142px;
height:150px;
padding:12px 12px 11px 12px;
display:block;
background:url(pics/technicalCommissionPassepartout.gif) no-repeat left top;
margin: 0px 0pt 5px !important;
}
.content table.passepartout img {
width:142px;
height:150px;
padding:12px 12px 11px 12px;
display:block;
background:url(pics/technicalCommissionPassepartout.gif) no-repeat left top;
margin: 0px 0px 5px !important;
}
.technicalCommission p {
margin:0 0 0 11px;
width:142px;
}
/* #################################################################################################### */
/* textbox */
.textbox {
border:1px solid #cdcdcd;
background:#fdfdfd url(pics/textboxBg.gif) repeat-x left top;
font:normal normal normal 12px/1.83em Verdana, Geneva, sans-serif;
color:#3e3e3e;
width:575px;
position:relative;
}
.textboxCorner {
background:url(pics/textboxCorners.gif) no-repeat left top;
position:absolute;
width:4px;
height:4px;
}
.textboxCornerNw {
background-position:0px 0px;
left:-1px;
top:-1px;
}
.textboxCornerNe {
background-position:-4px 0px;
right:-1px;
top:-1px;
}
.textboxCornerSe {
background-position:-4px -4px;
right:-1px;
bottom:-1px;
}
.textboxCornerSw {
background-position:0px -4px;
left:-1px;
bottom:-1px;
}
.textboxContent {
background:url(pics/textboxBracket.gif) no-repeat 36px 31px;
padding:26px 30px 22px 97px;
}
.textboxContent p { margin-bottom:1.5em; }
/* #################################################################################################### */
/* topTeaser */
.topTeaser {
border:1px solid #cdcdcd;
font:normal normal normal 12px/1.4em Verdana, Geneva, sans-serif;
width:247px;
background:#fff;
color:#3e3e3e;
margin-bottom:10px;
}
.topTeaser div {
background:url(pics/dogEar.gif) no-repeat left top;
width:249px;
position:relative;
left:-1px;
top:-1px;
padding:21px 0;
}
.topTeaser img {
display:block;
padding-bottom:13px;
position:relative;
left:-3px;
}
.topTeaser a {
text-decoration:none;
color:#00addd;
}
.topTeaser a:hover { text-decoration:underline; }
.topTeaser p {
padding-left:26px;
padding-right:26px;
margin-bottom:10px;
}
.topTeaser hr {
border:none;
height:12px;
background:url(pics/hr.gif) no-repeat center center;
}
/* #################################################################################################### */
/* logoStrip */
.logoStrip div {
  overflow:hidden;
  text-align:center;
  width:167px;
  height:48px;
  float:left;
}
.logoStrip {
  overflow:hidden;
  height:48px;
  margin:17px 0 5px 0;
}

/* Scroller Box */
#scroller_container {
 width: 850px;
 height: 48px;
 overflow: hidden;
 margin:17px 0 5px 0;
}

/* CSS Hack Safari */
#dummy {;# }

#scroller_container {
overflow: hidden;
}
/* Scoller Box */


/* #################################################################################################### */
/* page layout */
/* canvas includes content only, additional banners are positioned absolutely */
.canvas {
margin:auto;
width:858px;
position:relative;
}
.skyscraperAd {
position:absolute;
right:-38px;
top:124px;
width:1px;
}
.skyscraperAd .ad { position:absolute; }
.header {
position:relative;
height:145px;
}
.headerAd { padding:10px 0 0; }
.header .metaNav {
position:absolute;
right:2px;
top:24px;
}
.header .logo {
position:absolute;
left:0;
top:24px;
}
.mainNav {
position:absolute;
left:0;
top:110px;
width:100%;
}
.mainContent {
float:left;
width:606px;
padding:0 0 0 1px;
margin-bottom: 40px;
}
.sidebar {
float:left;
width:249px;
}
.footer { margin-bottom:38px; }
.abstractBox { margin-bottom:15px; }
.serviceNav {
height:0px;
padding:0;
position:relative;
top:-22px;
}
.subTopics { margin: 2em 0; }
.subTopicFrame { float: left; }
.subTopicLine { margin-bottom: 2em; }
.subTopic { padding-right: 10px; }
.subTopics .lineLast { padding-right: 0; }
#statisticheader h1,
#statisticheader img { display:none; }
#statistcinput td { padding-bottom:30px; }
#statistcinput select { width:100%; }
.contentTitle {
font:normal normal normal 18px/1.1em Verdana, Geneva, sans-serif;
color:#00addd;
position:relative;
top:-5px;
padding-bottom:5px;
text-align:left;
}
.contentSubtitle { font-weight:bold; }
span.moreFooter a {
  text-decoration:none;
  padding:0 0 0 13px;
  background:url(pics/pfeil-weiss.jpg) no-repeat left center;
}
span.more a,
a.moreLink {
text-decoration:none;
padding:0 0 0 13px;
background:url(pics/listLinkBullet.gif) no-repeat left center;
}
span.more a:hover,
span.moreFooter a:hover,
a.moreLink:hover { text-decoration:underline; }
.content p a.top {
float:right;
display:block;
color:#00ADDD;
text-decoration:none;
}
.content p a.top:hover { text-decoration:underline; }
div.thumbs table.contentThumbnails { width:100%; }
.contentThumbnails td a {
background:url(pics/technicalCommissionPassepartout.gif) no-repeat left top;
width:142px;
height:150px;
padding:12px 12px 36px 12px;
display:block;
margin:auto;
}
.thumbs .navigation { padding:0 17px 0 0; }
.thumbs .navigation a {
text-decoration:none;
color:#00addd;
}
.thumbs .navigation a:hover { text-decoration:underline; }
.mediaDownloadAllFiles { font:normal normal normal 12px/1.8em Verdana, Geneva, sans-serif; }
.pageTranslations { float:right; }
.metaNav .boxGroup { float:left; }
.metaNav .lastItem a { border:none; }