body { margin: 0; padding: 8px; font-size: 69%; font-family: Arial,Verdana,Geneva,Helvetica,sans-serif }

#vdfNav { height: 24px; background-color: #ff0000 }
#vdfNavShadow { background: transparent url('../imgs/naviShadow.gif') repeat-x; height: 6px; margin-bottom: 6px }
#vdfNavList { margin: 0; padding: 0; list-style: none; list-style-type: none; list-style-image: none }
.vdfNavItem { float: left; line-height: 24px; border-right: 1px solid #fff; list-style-type: none; list-style-image: none }
.vdfNavItem:hover { background-color: #cc0202 }
.vdfNavItem a { display: block; color: #fff !important; line-height: 24px; font-weight: bold; padding: 0 10px 0 10px; text-decoration: none !important }
.vdfNavItem a:hover { color: #fff !important; background-color: #cc0202; text-decoration: none !important }

table,tr,td { font-size: 12px }
td { padding: 6px; border-right: 1px solid #fff; border-bottom: 1px solid #fff }

h1 { color: #008698; padding: 6px 6px 6px 0; font-size: 20px; line-height: 22px }
h2 { font-size: 16px }
#errors h3 { color: #f00; font-size: 14px }
a { text-decoration: none }
a:hover { text-decoration: underline !important; color: #008698 !important }
img { border: 0 }
#vdfLogoRightBox a,#vdfFooterLinks a { color: #666 }
hr { background: transparent url('../imgs/dotts.gif') center no-repeat; height: 1px; color: transparent; padding: 4px; border: 0; width: 758px }
form { margin: 0; padding: 0 }
input { style: vertical-align: bottom-text }
ul,ol { margin-left: 20px; margin-top: 5px }
ul.ulNavigationLeft { margin-left: 0; margin-top: 0 }

#vdfMainContainer { width: 1020px }
#vdfMain { padding: 0 8px 0 8px; background-color: #fff }
#vdfLogoImage { float: left; margin-left: 34px }
#vdfLogoRightBox { float: right; text-align: right }
#vdfFooterLinks { color: #666; border-top: 1px dotted #b1b1b1; padding-top: 4px; margin-top: 4px }
#vdfLine { border-top: 1px solid #b1b1b1; margin: 0; padding: 0; font-size: 0; margin-bottom: 8px }
#vdfTeaserContainer { width: 180px; float: left; margin-right: 20px; height: 100% }
#vdfContentContainer { float: left; width: 780px }
#vdfCustomerLogo { position: absolute; top: 28px; left: 220px; width: 600px; text-align: center }

#pflichtdienstBUErr, #pflichtdienstBUD21Err, #pflichtdienstBUD22Err, #pflichtdienstBUD23Err, #taktErr { border: 3px solid #fff }

#overDiv td { padding: 2px !important; border: 0 !important }
#overDiv .vdf td { font-size: 10px !important; border: 1px solid #000; color: #888 }
#overDiv table.vdf { border-collapse: collapse }

.vdfFeatureImages { height: 58px }

.submit { background-color: #ff0000; color: #fff; border: 1px solid #ccc; padding: 3px; cursor: pointer }
.submit:hover { background-color: #fff; color: #ff0000; border: 1px solid #ff0000 }
a.submit:hover { color: #f00 !important; text-decoration: none !important }

.vdfBox { margin: 0 6px 6px 6px; float: left; width: 238px; background: #fff url('../imgs/box_middle.gif') }
.vdfBoxTop { background: #fff url('../imgs/box_top.gif') left top no-repeat; height: 6px }
.vdfBoxBottom { background: #fff url('../imgs/box_bottom.gif') left bottom no-repeat; height: 6px }
.vdfBoxContent { margin: 0 8px 0 8px }

.vdfSimpleBox3 { float: left; width: 222px; margin-right: 12px; padding: 6px 8px 6px 8px }
.vdfSimpleBox2 { float: left; width: 348px; margin-right: 12px; padding: 6px 8px 6px 8px }
.vdfSimpleBox1 { float: left; width: 722px; padding: 6px 8px 6px 8px }
.vdfSimpleBox3Pad { float: left; width: 200px; margin-right: 12px; padding: 6px 8px 6px 8px }
.vdfSimpleBox2Pad { float: left; width: 420px; margin-right: 12px; padding: 6px 8px 6px 8px }
.vdfSimpleBox1Pad { width: 722px; padding: 6px 8px 6px 8px }

.iconRightContentSpottingA { background-image: url('../imgs/iconRightPetrol.gif') !important }

.vdfTop { background: transparent url('../imgs/top.gif') right no-repeat; padding-right: 16px }

.cb { clear: both }
.cl { clear: left }
.cr { clear: right }

.red { color: #f00 }

.vdfInput { width: 200px; border: 2px solid #ccc; padding: 2px; margin-right: 4px }


#vdfSimpleContent li { margin-bottom: 8px }
#vdfSimpleContent a { text-decoration: underline }

.svDebug { border: 3px solid #ff0000; line-height: 16px; font-size: 12px; padding: 3px }
.svDebug label { width: 100px; font-weight: bold; display: block; float: left }
.svDebug .value { float: left }