/* CREDITS
 * ----------------------------------------------------------
 * Title:		Vermageren.com - Screen Stylesheet
 * Author:		Dieter Verjans <dieter@inventis.be>
 * Date:		06/01/10
 * ----------------------------------------------------------
 * Inventis - Web Architects - We design the Web!
 * www.inventis.be
 */


/* Reset
---------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ margin:0; padding:0; }
table{ border-collapse:collapse; border-spacing:0; }
fieldset,img{ border:0; }
address,caption,cite,code,dfn,em,strong,th,var{ font-style:normal; font-weight:normal; }
ol,ul{ list-style:none; }
caption,th{ text-align:left; }
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal; }
strong,b{ font-weight:bold; }
em{ font-style:italic; }
em strong,strong em { font-weight: bold; font-style: italic; }
abbr,acronym{ border-bottom:1px dotted; cursor:help; }
button{ cursor:pointer; border:0; }
input{ border:0; }

/* General elements
---------------------------------------------------------- */
html, body {height: 100%;}
html, body, input, textarea, button {font-family:Arial,Helvetica,sans-serif; font-size:14px; line-height:18px;}
body {background:#fff url(../images/bg.png) repeat-x 0 0;}

a {text-decoration:underline; color:#0A4D93;}
a:hover{ text-decoration:none;  }
a:focus{ outline:none; } 

/* Container
---------------------------------------------------------- */
div#container{ width:710px; padding:0 10px; min-height: 100%; height: auto !important; height: 100%; margin:0 auto -50px;  }

/* Header
---------------------------------------------------------- */
div#header {background:url(../images/hbg.png) no-repeat 0 0; padding-top:70px; min-height:190px; height:auto !important; height:190px; width:710px;}
div#header h1, div#header h2, div#header h3, div#header span {display:block; float:right; width:380px; text-align:center; font-weight:bold; line-height:28px; margin-bottom:10px;}

div#header h1 {color:#145187; font-size:32px;}
div#header h2 {color:#145187; font-size:16px;}
div#header h3 {color:#145187; font-size:24px; border:3px dashed #a6a6a6; border-width:3px 0 3px 0; padding:10px 0; line-height:24px; }
div#header span {color:#8cb71f; font-size:14px;}

.results div#header h1 {font-size:20px; line-height:24px; color:#B72525;}

form#searchform {float:right; clear:both; margin-top:20px;}
form#searchform input {width:300px; border:1px solid #000; line-height:25px; padding:3px;}
form#searchform button {line-height:25px; padding:3px; background:#8FB927; color:#fff; font-weight:bold;  border:0; cursor:pointer;}
form#searchform button:hover {background:#0A4D93;}

/* Content
---------------------------------------------------------- */
div#content h4{color:#8cb71f; font-size:20px; font-weight:bold; line-height:28px; margin-bottom:10px; white-space:nowrap}
div#content h4 a{color:#8cb71f; text-decoration:none;}
div#content h4 a:hover{color:#0A4D93;}
div#content h5{color:#8cb71f; font-size:20px; font-weight:bold; line-height:24px; margin-bottom:10px; white-space:nowrap}
div#content h6{color:#0A4D93; font-size:16px; font-weight:bold; line-height:24px; white-space:nowrap}
div#content div.box {width:340px; background:#f0f0f0 url(../images/bottom.png) no-repeat 0 100%; padding-bottom:10px; margin-bottom:15px; min-height:215px; height:auto !important; height:215px;}
div#content div.box div.wrapper {background:#f0f0f0 url(../images/top.png) no-repeat 0 0; width:100%;  min-height:215px; height:auto !important; height:215px;}
div#content div.box div.wrapper div.cnt {padding:10px 10px 0 10px;}

div#content div.box ul li{list-style:disc; margin:5px 0 0 15px; }
div#content div.box ul li span {color:#8cb71f; font-weight:bold; font-size:12px;}
div#content div.box ul li strong span {color:#8cb71f; font-weight:bold; font-size:14px;}

div#content div.box form div.entry {clear:both; margin:7px 0; line-height:25px;}
div#content div.box form div.entry label {background: url(../images/label.png) no-repeat 0 2px; color:#145187; font-size:16px; font-weight:bold; width:130px; float:left; padding-left:25px;}
div#content div.box form div.entry input, div#content div.box form div.entry select {width:150px; border:1px solid #000; line-height:25px; padding:3px;}
div#content div.box form div.entry select {width:157px;}

div#content div.tipsform form div.entry label {background:none; padding:0; color:#8cb71f; width:70px;}
div#content div.tipsform form div.entry input {width:230px;}

div#content div.tipsform h2{color:#8cb71f; font-size:26px; font-weight:bold; line-height:26px; text-align:center}
div#content div.tipsform p{color:#8cb71f; font-size:14px; font-weight:bold; padding:8px 0;}
div#content div.tipsform p strong {color:#606060;}

.results div#content div.tipsform h2{color:#003871; }

div#content div.box form div.button {background: url(../images/arrow.png) no-repeat 0 0; line-height:68px; height:69px; padding-left:80px; margin-bottom:0; }
div#content div.box form div.button button {background: url(../images/button.png) no-repeat 0 0; width:229px; height:38px; text-indent:-9000px;}
div#content div.box form div.button button:hover {background-position:0 -38px;}

div#content div.box form div.button button.tips {background: url(../images/button-tips.png) no-repeat 0 0; width:179px; height:44px; text-indent:-9000px;}
div#content div.box form div.button button.tips:hover {background-position:0 -44px;}

div#content div.box form div.button button.tip {background: url(../images/button-tip.png) no-repeat 0 0; width:179px; height:44px; text-indent:-9000px;}
div#content div.box form div.button button.tip:hover {background-position:0 -44px;}

div#content div.box form div.button button.truc {background: url(../images/button-truc.png) no-repeat 0 0; width:179px; height:44px; text-indent:-9000px;}
div#content div.box form div.button button.truc:hover {background-position:0 -44px;}

div#content div.left, div#content h4.left, div#content h5.left {float:left; clear:left;}
div#content div.right {float:right;}

div#content div.privacy {width:310px; clear:right; font-size:10px; color:#333; padding:0 10px; line-height:12px;}

div#content div.big {font-size:16px; line-height:28px;}
div#content div.big span {color:#8cb71f;}

div#content div#results {width:250px; height:70px; background: url(../images/results.png) no-repeat 0 0; color:#fff; padding:28px 45px; font-weight:bold; font-size:14px; clear:left;}
div#content div#results strong {font-size:18px;}
div#content div#results span {font-size:22px;  }

div#content div.reader {clear:both; margin-bottom:10px; background: url(../images/reader.png) no-repeat 0 0; width:680px; height:80px; padding:15px;}

div#content form.form {clear:both; padding-top:20px;}
div#content form.form div {clear:both; padding:5px 0;}
div#content form.form label {clear:both; display:block;}
div#content form.form input {width:500px; border:1px solid #000; line-height:25px; padding:3px;}
div#content form.form textarea {width:500px; border:1px solid #000; line-height:16px; padding:3px; height:250px;}
div#content form.form span.error {clear:both; display:block; color:#FF0000; font-size:12px;}
div#content form.form input.button {line-height:25px; padding:3px; background:#8FB927; color:#fff; font-weight:bold; width:auto; border:0; cursor:pointer;}
div#content form.form input.button:hover {background:#0A4D93;}

/* Footer
---------------------------------------------------------- */
div#push {height:50px;}
div#footer {width:100%; clear:both; height:47px; background:#0a4d93; border-bottom:3px solid #fff; color:#fff;}
div#footer ul {width:730px; margin:0 auto; overflow:hidden; clear:both;}
div#footer ul li {display:inline; line-height:47px; font-weight:bold;}
div#footer ul li a {color:#fff; font-size:10px;}

div.noscript_warning {padding:5px 5px 5px 30px; border-bottom:2px solid #333; color:#000; margin-bottom:10px; background: #FFFFE1 url(../images/exclamation.gif) no-repeat 10px 5px;}