/* 

STYLE SHEET FOR WEB SITE
www.accuraad.nl
created by Saskia Schrijver, Inhoud Telt, www.inhoudtelt.nl

/* --------- 1. defaults  --------- */

html { height:100%; min-height:100%; margin-bottom:1px }
body { height:100% }

body { padding: 0px; margin: 0px;  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: small; color: #333; }
div#webetui_body { background: #fff url(/gfx/bg.jpg) repeat-x 50% 0; }
div.wrapper {  width: 970px; margin: 0 auto 0 auto;   padding: 0px;   position:relative;   }

/*  --------- 2. structuur  --------- */
#header {  width: 970px;  height: 90px;  padding-top: 10px;  background: #fff; }
#header_logo { float: left; }

#hulpnav { float: right; margin-right: 0px; }
#hulpnav li ul { display:none;}
#hulpnav ul { float: left; display: block; margin: 0px; padding: 0px; list-style: none; }
#hulpnav ul li { float: left;	display: block;	margin: 0px;	padding-left: 15px;	padding-right: 0px;	font-size: 90%;	font-weight: bold; }
#hulpnav ul li a { float: left;	display: block;	margin: 0;	padding: 0;	text-decoration: none;	color: #173965;	font-weight: bold; }

#content { padding: 10px 370px 10px 13px; }
body#index #content { padding:35px 330px 35px 0px; }

div.kader { position:absolute; right:0;  top:15px;  width: 250px;	padding: 10px;	background-color: #AA9F80;	border: 20px solid #90876D; }
body#index div.wrapper_content {  background:#90876D;  width:auto; }

body#index p,
body#index h1 {   color:white; }
body#index a { color:white }

body#index h1 { margin:0 0 170px 0; font-size:22px }

body#index .gras { padding:0px 20px 20px; position:relative; background:#2760ad }
body#index .gras img { margin:0px 0 23px -21px;  }

/* ---------- 3. links en navigatie ---------- */
div#menu_wrapper { margin:0 0 39px 0; background:#2760ad; height:39px; }
div#menu_wrapper2 { width:970px; margin:0 auto; position:relative; }

div#menu_wrapper ul { float: left; width: 970px; margin:0; padding: 15px 0 0 0; list-style: none; }
#menu_wrapper ul li { float: left; margin: 0px; padding:0 20px 0 0; font-size: 110%; }
#menu_wrapper ul li a { float: left; margin: 0;	padding:5px 8px 5px;	text-decoration: none;	color: #FFF;  text-transform:uppercase;  font-size:85%;  font-weight:bold; }
#menu_wrapper ul li a:hover { color: #173965;	background: #FFF;	margin: 0; }
#menu_wrapper ul li a.selected { color: #173965; background: #FFF; }

/* ---------- english submenu ---------- */
body#english div#menu_wrapper2 { display:none; }
#hulpnav li.selected ul { display:block; position:absolute; left:0; top:115px; font-size:115%; text-transform:uppercase; }
#hulpnav li.selected ul li { padding:0 20px 0 0;}
#hulpnav li.selected ul a { color:white; padding:5px 8px 5px; }
#hulpnav li.selected ul a:hover { color: #173965;	background: #FFF;	margin: 0; }
#hulpnav li.selected ul a.selected { color: #173965; background: #FFF; }

/* ---------- submenu ---------- */

#menu_wrapper ul li ul { display:none; }
#menu_wrapper ul li.selected ul { display:block; position:absolute; left:0px; top:40px; width: 970px; margin: 0px; padding: 8px 0 0 0; list-style: none; }
#menu_wrapper ul li.selected ul li { float: left;	margin: 0px; padding-left: 5px;	padding-right: 5px;	font-size: 105%; }
#menu_wrapper ul li.selected ul li a { float: left; margin: 0; padding: 4px 8px; text-decoration: none;	color: #2761AD;	font-weight: bold; text-transform:none; }
#menu_wrapper ul li.selected ul li a:hover { color: #173965; margin: 0; }
#menu_wrapper ul li.selected ul li a.selected { color: #173965; }

a { text-decoration: underline;	color:#173965; }
div.kader a {  text-decoration: underline;	color:#fff; }
h2 img { vertical-align:middle }
form { margin:0 }
		
/* ---------- 4. fonts ---------- */

h1 { font-size: 120%;	color: #173965;	font-weight: bold; }
h2 { font-size: 110%;	color: #173965;	font-weight: bold;	margin-bottom: 0;	padding-bottom: 3px; clear:left; }
p { 	font-size: 100%;	font-weight: normal;	line-height: 120%;	color: #333;	margin-top: 0;	padding-top: 0; }
div.kader p { 	font-size: 100%;	font-weight: normal;	line-height: 110%;	color: #fff;	margin-top: 0;	padding-top: 0; }
strong {font-weight: bold;}
ul {	color: #333;}
td {	font-size: 0.8em; }

/* ---------- 5. images ---------- */
a img {	border: 0px none; }
img.right { float:right; margin: 0 0 10px 10px }
img.left { float:left; margin:0 20px 10px 0px }

/* formulier */
form.formulier label { display:block; float:left; width:220px }
form.formulier input.text { display:block; margin:0 0 8px 220px; width:250px }
form.formulier textarea { display:block; width:250px; margin-left:220px }
form.formulier select { width:250px; margin:0 0 8px 220px; display:block; }
form.formulier input.submit { margin:8px 0 8px 220px }
form.formulier br { display:none }