/* resets */
body { font: 13px/1 Corbel,arial,tahoma,helvetica,clean,sans-serif; background: #FFFFFF; }

* { margin: 0; padding: 0; }
html, body, form, img, fieldset, legend, table, tbody, thead, tfoot, tr, th, td { border: none; }
li { list-style: none; }

.hidden { position: absolute !important; top: auto; left: -999em !important; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; display: block; }

p, a, li, span { line-height: 1.25em; }

h1, h2, h3 { font-size: 100%; }

/* body */
body { background: #E7E7E7; color: #787878; }

/* general */
#container { position: relative; }
#main { background-color: #FFFFFF; float: left; min-height: 700px; }
#header { position: relative; width: 530px; height: 137px; }

#mainimg { position: absolute; left: 530px; top: 0; background: no-repeat top left; width: 470px; height: 700px; }

/* language selector */
.langsel { position: absolute; left: 15px; top: 15px; }
.langsel li { float: left; border-right: 1px solid #004C99; padding-right: 3px; margin-right: 3px; font-size: 108%; line-height: 1em; }
.langsel li.last { border-right: none; }
.langsel li a { color: #787878; text-decoration: none; line-height: 1em; }
.langsel li.active a { color: #323232; }

/* logo */
#header .logo { position: absolute; left: 165px; top: 33px; }

/* navigation */
.colnav { float: left; width: 150px; }
.mainnav { background-color: #E7E7E7; padding: 17px 10px 17px 15px; font-size: 108%; }
.mainnav li { border-bottom: 1px solid #004C99; padding-bottom: 3px; margin-bottom: 2px; }
.mainnav li.last { border-bottom: none; padding-bottom: 0; margin-bottom: 0; }
.mainnav li li { background: url("img/nav-bullet.gif") no-repeat left 0.7em; padding-left: 6px; padding-bottom: 0; margin-bottom: 0; border-bottom: none; }
.mainnav li a { color: #787878; text-decoration: none; outline: none; }
.mainnav li a:hover { color: #004C99; }
.mainnav li.active a,
.mainnav li.active a:hover { color: #323232; }

/* content */
.colcont { margin-left: 150px; width: 380px; }
.content { padding: 0px 30px 20px 15px; }

.content p { font-size: 108%; }
.content p.intro { font-size: 123.1%; margin-bottom: 2em; }
.content p.intro .small { font-size: 77%; }

.content h2 { font-size: 138.5%; color: #004E93; font-weight: 700; margin-bottom: 0.75em; }
.content h3 { font-size: 108%; color: #004E93; font-weight: 700; }

.content li { background: url("img/list-bullet.gif") no-repeat 0 0.45em; padding-left: 11px; font-size: 108%; }

.content a { color: #004E92; text-decoration: underline; font-weight: 700; }
.content a.grey { color: #787878; font-weight: 700; text-decoration: underline; }