* { margin:0; padding:0; }
html { overflow-y:scroll; overflow-x:auto; }
html, body { background:#fff; color:#000; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:90%; }
body { margin:0; padding:0; position: relative; }

#container { margin: 0 auto; width: 980px; overflow: hidden; background: #fff url(/Files/System/vb_bg.gif) no-repeat top left; }
#logonavi { width: 225px; float: left; padding: 0 20px 0 0; }
#top { width: 735px; float: left; overflow: hidden; }
#footer { margin: 0 auto; width: 980px; overflow: hidden; background: #313131 url(/Files/System/vb_footer.gif) no-repeat top right; color: #fff; bottom: 0; height:95px; }

/*** LOGONAVI ***/
#logocontainer { width: 200px; float: left; padding: 40px 0 20px 25px; }
#logo { width: 180px; z-index:10; }

/*** TOP ***/
#topgrafik { height: 180px; }
#topgrafik, #legend { width: 735px; float: left; }
#legend { overflow: hidden; font-size: 9px; padding: 5px 0; border-bottom: 1px dotted #c72637; }
#legend a { color: #000; }
#legend a:hover, #legend a:focus { text-decoration: none; }

/*** TOOLBAR ***/
#toolbar { width: 555px; padding-top: 11px; float: left; }
#toolbar ul { float: right; padding: 0 0 2px 0; }
#toolbar li { float: left; }
#toolbar li a { text-decoration: none; font-size: 10px; color: #000; text-transform: lowercase; }
#toolbar li a:hover, #toolbar li a:focus { text-decoration: underline; }
#toolbar li.navseparator { padding: 0 5px; }

/*** SEARCH ***/
#search { width: 180px; padding: 10px 0 5px 0; float: right; }
#search form { float: right; }
#search #searchinput { font-size: 11px; }
#search #searchbutton { font-size: 11px; }

/*** NAVI ***/
#navi { width: 225px; float: left; padding: 0 0 40px 0; }
#navi li { float: left; }
#navi a { color: #000; padding: 6px 0; text-decoration: none; display: block; font-weight: normal; text-transform: uppercase; }
#navi a.selected { font-weight: bold; }

#navi ul { width: 225px; overflow: hidden; }
#navi ul li { width: 225px; background: url(/Files/System/vb_bullet.gif) no-repeat 3px 8px; }
#navi ul li a { font-size: 12px; text-decoration: none; font-weight: normal; padding-left: 20px; }
#navi ul li a.inpath { color: #c72637; }

#navi ul.M1 { width: 225px; }
#navi ul.M1 li { background: none; }
#navi ul.M1 li a { padding-left: 20px; font-size: 12px; text-decoration: none; text-transform: none; }
#navi ul.M1 li a.inpath { color: #c72637; }

#navi ul.M2 { width: 225px; }
#navi ul.M2 li a { padding-left: 40px; font-size: 12px; text-decoration: none; }
#navi ul.M2 li a.inpath { color: #c72637; }

/*** CONTENT ***/
#content { width: 735px; padding: 0 0 25px 0; float:left; }
#col1, #col2, #col1narrow, #col1-50, #col2-50 { float: left; margin-top: 15px; }
#col1 { width: 735px; }
#col1narrow { width: 500px; padding-right: 9px; border-right: 1px dotted #c72637; }
#col2 { width: 215px; padding-left: 10px; }
#col1-50 { width: 355px; padding-right: 9px; border-right: 1px dotted #c72637; }
#col2-50 { width: 355px; padding-left: 10px; }
.bordertop  { border-top:1px dotted #c72637; }

.paraleft, .pararight { width: 325px; float: left; }
.paraleft { margin-right: 25px; }

.imageleft { float: left; overflow: hidden; }
.imageleft img { padding: 0 10px 10px 0; }
.block { float: left; overflow: hidden; width: 355px; }

/*** FRONTPAGE ***/
.frontpage #legend { display: none; }

/*** FOOTER ***/
#footer ul { width: 525px; padding: 20px 0 0 30px; overflow: hidden; }
#footer li { float: left; width: 175px; display: block; font-size: 10px; }
#footer li.first { width: 525px; }
#footer li a { color: #fff; text-decoration: none; }
#footer li a:hover, #footer li a:focus { text-decoration: underline; }

/*** FONTS ***/
h1, h2, h3 { font-family: Georgia; }
h1 { font-size: 25px; color: #c72637; padding: 10px 0; }
h2 { font-size: 12px; color: #000; font-weight: bold; }
h3 { font-size: 12px; }
p { font-size: 11px; color: #000; padding-bottom: 10px; }
#content ul, #content ol { padding: 0 0 10px 30px; font-size: 11px; }
#content a { color: #000; }

/*** BANNER ***/
.banner { width: 735px; float: left; overflow: hidden; padding: 10px 0; border-bottom: 1px dotted #c72637; }
.bannerleft, .bannerright { width: 325px; float: left; background: #c72637; height: 50px; padding: 25px 15px 25px 15px; color: #fff; }
.bannerleft { margin-right: 25px; }

.banner h2, .banner h3 { color: #fff; }
#content .banner h2 a, #content .banner h3 a { color: #fff; display: block; text-decoration: none; }
.banner h2 { font-family: Georgia; font-size: 16px; }
.banner h3 { font-family: Verdana; font-size: 11px; font-weight: bold; }
.banner b { font-family: Georgia; font-size: 20px; font-weight: bold; }

/*** NEWS ***/
#col1-50 h2, #col2-50 h2, .block h2 { background: url(/Files/System/vb_bullet.gif) no-repeat 0px 2px; overflow: hidden; padding-left: 20px; }
.newsitem h2, .newsitem h3, .newsitem p { padding-left: 20px; }
.newsitem h2 { background: url(/Files/System/vb_bullet.gif) no-repeat 0px 2px; }
.newsitem#big h2  { font-size: 14px; font-weight: bold; font-family: Georgia; }
.newsitem p a { text-decoration: none; }

/*** SEARCHRESULT ***/
#searchlist .item { padding-bottom: 10px; }
#searchlist .item h3 { background: url(vb_dwp.gif) no-repeat; }
#searchlist .item h3, #searchlist .item p, #searchlist .item small { padding: 0 0 0 22px; }

/*** SITEMAP ***/
#content ul { padding-left: 25px; }
#content ol { padding-left: 30px; }
#content ul a, #content ol a { color: #000; text-decoration: none; }
#content ul a:hover, #content ol a:hover, #content ul a:focus, #content ol a:focus { text-decoration: underline; }
#content ul .M1, #content ul .M2 { padding-bottom: 0; }

/*** IMAGES ***/
a img { border: none; }
#col1 img, #col1narrow img, #content_front img { margin-bottom: 10px; }
#content img#left { float: left; margin-right: 30px; }
#content img#right { float: right; margin-left: 30px; }

/*** MISC ***/
#toolbar ul, #navi ul, #footer ul { list-style: none; }