@import url("form_styles.css");
* { outline: none;}
body, h1, h3, p, ul#langselect, ul#hoofdnav { margin: 0; padding: 0;}
h1, h2, div#header, ul#hoofdnav li a, ul#langselect li a { font-size: 0; line-height: 0; text-indent: -9999px;}
ul#langselect, ul#hoofdnav { list-style-type: none;}
a { text-decoration: none;}
a:hover { text-decoration: underline;}
p { padding-top: 0.8em; padding-bottom: 0.8em;}
p, #contentwrapper ul { line-height: 175%;}

div.centered_div { width: 989px; margin: 0 auto 0 auto;}
div.centered_div, #step-wrapper, #contentbgwrapper, #footer { overflow: hidden;}

body { font: 70% Verdana, Geneva, sans-serif; background: url(../../img/page/body_bg.jpg) repeat-x 0px 195px;}

div#header { height: 135px; background-repeat: no-repeat;}
div#header h1 { float: right; width: 392px; height: 135px; background-position: 50% 50%; background-repeat: no-repeat;}

div#nav, div#navcenter { height: 60px;}
div#nav { background: url(../../img/page/nav_bg.gif) no-repeat 50% 0%; margin-bottom: 5px;}
div#navcenter { background: url(../../img/page/nav_bg2.jpg);}

ul#hoofdnav { margin: 11px 0 0 15px;}
ul#hoofdnav li { width: 92px; height: 44px; background: url(../../img/nav/li_bg.png); margin-left: 3px;}
ul#hoofdnav li a, ul#langselect li a { display: block;}
ul#hoofdnav li a { width: 84px; height: 37px; background-repeat: no-repeat; background-position: 0px 0px;}
ul#hoofdnav li a:hover { background-position: -84px 0px;}

ul#langselect { float: right; margin: 11px 12px 0 0;}
ul#langselect li { width: 40px; height: 44px; background:url(../../img/page/lang_li_bg.png);}
ul#langselect li a { width: 35px; height: 37px;}
ul#langselect li#lang_fr a { background: url(../../img/page/langs/fr.png);}
ul#langselect li#lang_de a { background: url(../../img/page/langs/de.png);}
ul#langselect li#lang_uk a { background: url(../../img/page/langs/uk.png);}
ul#langselect li#lang_nl a { background: url(../../img/page/langs/nl.png);}

ul#hoofdnav, ul#langselect li, ul#hoofdnav li { float: left;}

div#contentwrapper { position: relative;}
div#contentwrapper a { color: #163062;}
div#contentwrapper strong.accent { color: #FF0000; font-style: normal;}
div#contentwrapper table { width: 100%; border-collapse: collapse;}
div#contentwrapper table td { border: solid 1px #000; padding: 0.4em;}
div#contentwrapper h3 { font-size: 110%; line-height: 175%;}

div#contentbgwrapper { background: url(../../img/page/contentw_bg.png);}
div.leftcol#contentbgwrapper { background: url(../../img/page/content2w_bg.png) repeat-y;}
div#contentwtop { background: url(../../img/page/contentw_top.png); height: 20px;}
div.leftcol#contentwtop { background: url(../../img/page/content2w_top.png) no-repeat;}
div#contentright { float: right; width: 326px; padding: 0 38px 0 26px;}
div#contentright p img { border: solid 1px #0c6ba1;}
div#contentright p.quote { font-size: 120%;}
div#contentleft { float: left; width: 505px; margin: 0 23px 0 21px; padding: 0 25px 0 25px; background: url(../../img/page/contentl_bg.jpg) repeat-x;}
div#contentleft p strong span { font-size: 90%;}
div.leftcol#contentleft { float: none;}
div#contentwbot { background: url(../../img/page/contentw_bottom.png); height: 25px;}
div.leftcol#contentwbot { background: url(../../img/page/content2w_bottom.png) no-repeat;}

div#steps { position: absolute; top: 137px; left: 0; width: 599px; height: 51px;}
div#steps h2 a { display: block; width: 168px; height: 51px; margin-left: 21px;}

div.step { float: left; width: 184px; height: 351px;}
div.step p { font-size: 125%; font-weight: bold; color: #0a1d41; padding: 210px 15px 0 15px;}
div#contact { background: url(../../img/page/ripfacility_step1.png); margin-left: 16px;}
div#verzenden { background: url(../../img/page/ripfacility_step2.png); margin: 0 10px 0 9px;}
div#ontvangen { background: url(../../img/page/ripfacility_step3.png);}

div#contentshadowwrapper { float: right; width: 390px; margin-bottom: 19px;}
div#content { background: url(../../img/page/content_bg_v.png) repeat-y; padding: 0 38px 0 26px;}

div#shadowheader, div#shadowfoot { width: 390px;}
div#shadowheader { background:  url(../../img/page/content_bg_top.png) no-repeat; height: 15px;}
div#shadowfoot { background: url(../../img/page/content_bg_bottom.png) no-repeat; height: 10px;}

div#bannerwrapper { clear: both; border: solid 2px #0c6ba1; height: 100px; background: #FFF url(../../img/page/ripfacility_merken.jpg) no-repeat 50% 50%; margin: 0 18px 0 18px;}

div#footerwrapper { height: 60px; background:url(../../img/page/footer_bg.jpg) no-repeat; color: #FFF; margin-top: 22px;}
div#footer { margin: 20px 18px 0 18px; font-size: 85%;}
div#footer p { margin: 0; padding: 0;}
div#footer p#copy { float: left;}
div#footer p#footnav { float: right;}
div#footer p#footnav a { color: #FFF;}