/* stylesheet: ITSA */
/* versie 1.0 - 24-11-2008 */
/* robertjan@eend.nl */

/* schone start gebaseerd op eric meyer
http://meyerweb.com/eric/tools/css/reset/
v1.0 | 20080212 
-------------------------------------------- */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
text-decoration:none;
text-shadow:0 0 0 #fff;
}

blockquote, q {
quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}

table {
border-collapse: collapse;
border-spacing: 0;
}


/* Algemeen
-------------------------------------------- */
body {
background:#fff;
color:#333;
text-align:center;
font:12px/1.4 arial,helvetica,sans-serif;
}

ol, ul, p, table, dl {
list-style: none;
margin-bottom: .8em
}

label {
display:block;
padding-bottom:.2em;
}

.hidden {
display:none;
}

.field {
border:none;
background:#e4e4e4;
width:18em;
font-size:95%;
padding-top:.2em;
padding-left:.3em;
padding-bottom:.3em;
margin-right:4px;
}

.button {
border:none;
background:#bd0926;
color:#fff;
font-size:95%;
padding-top:.10em;
padding-bottom:.25em;
}

.link {
border:none;
padding:0;
background:none;
}

.link span {
text-decoration:underline;
}

th, td {
padding-right:10px;
}

/* Structuur
-------------------------------------------- */
#container {
width:880px;
margin:3.5em auto 2em;
background:url(../images/bg_schaduw_rechts.gif) repeat-y 100% 0;
text-align:left;
}

#inner {
position:relative;
padding:0 9px 9px 0;
width:871px;
background:url(../images/bg_schaduw_onder.gif) no-repeat 100% 100%;
}


/* #header
-------------------------------------------- */
#header {
height:244px;
position:relative;
left:2px;
background:url(../images/bg_header01.jpg) no-repeat 0 0;
}

#header .wrap {
width:878px;
background:url(../images/bg_schaduw_top.gif) no-repeat 100% 0;
height:244px;
}

#header ul {
position:relative;
float:left;
top:125px;
left:-1px;
}

#header li {
float:left;
margin-right:1px;
}

#header a {
font-weight:bold;
background-image:url(../images/bg_nav.png);
display:block;
height:17px;
overflow:hidden;
padding:59px 9px 18px 18px;
color:#BD0926;
line-height:1;
}

#header #logo a {padding:0;height:auto;}
#header #logo img {display:block;}

#header #about a {width:85px}
#header #members a {width:81px}
#header #investigations a {width:188px;}
#header #upcoming a {width:133px}
#header #contact a {width:73px}

#header a:focus, #header a:hover, #header .actief a {
background-color:#e6e6e6;
background-image:none;
color:#000;
}

#header .actief a {
cursor:default;
}

/* #content
-------------------------------------------- */
#content {
position:relative;
padding: 29px 194px 30px 190px;
overflow:hidden;
min-height:32em;
}

#content.home {
padding-right:89px;
padding-bottom:220px;
background:url(../images/bg_content_home.gif) no-repeat 100% 100%;
min-height:15em;
}

#content h1 {
font-size:133%;
margin-bottom:.8em;
}

#content h2 {
font-size:133%;
font-weight:normal;
}

#content a, #content .link{
color:#bd0926;
text-decoration:underline;
}

#content a:hover,#content a:focus,#content .link:hover,#content .link:focus {
color:#333;
}

#content a:visited, #content .link:visited {
color:#555;
}

#content li {
margin-bottom:.8em;
margin-left:1.4em;
}

#content ul li{
list-style:circle;
}

#content ol li{
list-style:decimal
}

#content .intro {
font-size:125%;
}

#content .col {
margin-right:25px;
float:left;
width:275px;
padding-top:20px;
padding-right:40px;
}

#content .last {
margin-right:-70px;
}

#content .col h2 {
font-size:125%;
font-weight:bold;
padding-bottom:.25em;
margin-bottom:.65em;
border-bottom:2px solid #d0d0d0;
margin-right:-40px;
}

#content .col .field {
width:14em;
}

/* #subnav */
#subnav {
position:absolute;
right:20px;
top:29px;
background:pink;
width:150px;
background:#e4e4e4 url(../images/bg_subnav.gif) 0 0;
padding:5px 0;
}

#subnav ul {
margin:0;
}

#subnav ul li {
margin:0;
list-style:none;
}

#subnav a,#subnav a:visited {
text-decoration:none;
display:block;
font-weight:bold;
color:#333;
padding:8px;
}

#subnav a:focus, #subnav a:hover, #subnav .actief a {
background-color:#444;
color:#fff !important;
}

#subnav .actief a {
cursor:default;
}

/* #service
-------------------------------------------- */
#service {
position:absolute;
top:-2.3em;
width:880px;
}

#service #login {
font-size:95%;
width:300px;
line-height:1.6;
}

#service #login a {
padding:.2em 0 .2em 16px ;
background:url(../images/slot.gif) no-repeat 2px 50%;
color:#333;
text-decoration:underline;
font-weight:bold;
}

#service #login a:focus, #service #login a:hover {
color:#bd0926;
}

#service form {
display:block;
position:absolute;
top:-.1em;
right:10px;
width:400px;
text-align:right;
}