/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}


/* =================== general settings ======================= */
body {font-size:75%;color:#000;background:#fff;font-family:"lucida sans unicode", "lucida grande", "Helvetica Neue", Arial, Helvetica, sans-serif;}
ul {list-style-type: none;}
li {font-size: 14px;}
.accent {color: #b80e29;}


#wrap-all {margin-top: 10px; margin-bottom: 20px;}

h1.indexpage {background: url(../graphics/wes_logo_big.jpg) 50% 0 no-repeat; height: 360px; text-indent: -9999px;}
#languageblocks {border-top: 1px solid #ccc; padding: 20px 0 25px 0;}
#languageblocks p a {color: #000; text-decoration: none; border-bottom: 1px solid transparent;}
#languageblocks p a:hover {color: #b80e29; border-bottom: 1px solid #b80e29;}
#lang_nl, #lang_uk {text-align: center;}
#lang_nl p, #lang_uk p {font-size: 13px; margin-bottom: 15px;}

#header {margin-bottom: 25px;}
#logo h1 a {background: url(../graphics/wes.jpg) 0 0 no-repeat; height: 125px; text-indent: -9999px; text-decoration: none; display: block;}
h2.branding {font-size: 20px; line-height: 1.4em; color: #999; padding-top: 45px; font-weight: normal;}

.navblock {border-left: 1px solid #ccc;}
.navblock a {color:#b80e29; text-decoration: none;}
.navblock a:hover {color:#fff; text-decoration: none; background: #b80e29;}
.navblock li.active {color: #fff; font-weight: bold; background: #000; padding-left: 7px;}
.navblock ul li a {display: block; height: 1%; padding-left: 7px;}

#content {border-top: 10px solid #fff;}

#subjectblock {height:230px; min-height:230px; background: #b80e29 url(../graphics/wes_slogan.jpg) left 190px no-repeat; color: #fff;}
html>body #subjectblock {height:auto;}
h3.subject {font-size: 25px; font-weight: bold; padding: 20px; line-height: 1.4em; padding-bottom: 3px;}
#subjectblock p {padding-left: 20px;}

#contentblock {margin-bottom: 20px;}
#contentblock p {font-size: 13px; margin-top: 15px; padding-left: 5px;}
#contentblock p.topline {border-top: 5px solid #000; padding: 20px 0 0 5px; margin-top: 0;} 
#contentblock a {color:#000;}
#contentblock a:hover {color: #b80e29;}

#contentblock p.contactinfo {padding-left: 5px;}
#contentblock p.forminfo {font-weight: bold; padding: 10px 10px; border-top: 1px solid #000; border-bottom: 1px solid #000; background: #eee;}
#contentblock p.accentback {padding: 20px; text-align: center; background: #b80e29; color:#fff; border: 3px solid #000;}
#contentblock p span {color: #900; font-size: 14px; font-weight: bold;}
#contentblock h3.formheader {font-size: 16px; font-weight: bold;}
#contentblock table.formtable {margin-top: 10px; }
#contentblock table.formtable td {padding: 3px;font-size: 13px;}
#contentblock table.formtable td span {color: #b80e29; font-size: 14px; font-weight: bold;}
.galleryimg {margin: 0 6px 6px 0;}
.icon {float: left; padding: 5px; background: #ddd; border: 1px solid #ccc;}

h4.subcontenthead {font-size: 13px; font-weight: bold; padding-bottom: 5px; color:#222;}
.sub {padding-top: 10px; border-top: 1px solid #ccc;}
#subcontent p {font-size: 12px; color: #4E4E4E;}
#subcontent a {color: #b80e29; text-decoration: none;}
#subcontent a:hover {color: #000; text-decoration: underline;}

#footer {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 10px 0 15px 0; margin-top: 25px; background: url(../graphics/wes_light.png) right 50% no-repeat;} 
#footerinfo1 {height: 57px; background: url(../graphics/aata_logo.png) 0 50% no-repeat;}
p.footerinfo1 {width: 200px; padding: 8px 0 0 65px; color: #aaa; font-size: 11px;}
#footerinfo2 {height: 57px;}
p.footerinfo2 {color: #aaa; font-size: 11px;}
#footer a {color: #aaa; text-decoration: none;}
#footer a:hover {color: #000; text-decoration: underline;}

#subfooter {text-align: right;}
#subfooter a {color: #ccc; text-decoration: none;}
#subfooter a:hover {color: #000;}


/* =================== grid ======================= */
.container {width:950px;margin:0 auto;}
div.span-6, div.span-6a, div.span-12, div.span-18, div.span-24 {float:left;margin-right:10px;}
.last, div.last {margin-right:0;}

.span-6 {width:230px;}
.span-6a {width:222px; padding-left: 7px;}
.span-12 {width: 470px;}
.span-18 {width:710px;}
.span-24, div.span-24 {width:950px;margin:0;}

div.border {padding-right:4px;margin-right:5px;border-right:1px solid #eee;}
div.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #eee;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.25em;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}