/* CSS Setting Standards - TU Delft / United Knowledge
Orgineel door Rolf en Hans Aanpassingen ZW Feb 2010
-----------------------------------------------------------------*/

html, body, form, fieldset, input, li, p, select, table, td, textarea, th, ul { margin: 0;padding: 0; }

body {
background: #15659d url(/uploads/cf/f6/cff65a6873d3ec91d0e3544f1041d6c7/body-background.jpg) repeat-x top;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 140%;
}

* html body { /* hansk - kleiner font in IE6*/font-size: 70%;
}

*:first-child+html body { /* hansk - kleiner font in IE7*/font-size: 70%;
}

/* Headings
--------------------------------------------------------------*/

h1,h2,h5{ font-family:VAG Rounded Std, Verdana, Helvetica, sans-serif; color: #53a1d8;}
h3,h4{ font-family:VAG Rounded Std Black, Verdana, Helvetica, sans-serif;}

h1{ font-size: 150%; font-weight:400; }
h2{ font-size: 190%; font-weight:400; margin: 20px 0 4px }
h3{ font-size: 270%; line-height:100%; margin: 20px 0; color: #000;}
h4{ font-size: 110%; color: #FFF; }
h5{ font-size: 100%; font-weight:400; color: #000; line-height:100%; }
h6{ font-size: 100%; font-weight:400; background:#53A1D8 none repeat scroll 0 0; color:#FFF; padding:4px 6px; }

h6 a{ padding:0px 4px; }
h6 a:link, h6 a:visited { background:#FFF; color:#53A1D8; }
h6 a:hover, h6 a:active { background:#FFF; color: #15659D; text-decoration:underline;}

/* Text elements
--------------------------------------------------------------*/

a:link, a:visited { color:#15659D;text-decoration:none; }
a:hover, a:active { text-decoration:none;color: #53A1D8; }

img {border: none;}/*mk ivm img met link*/

/* Lists
--------------------------------------------------------------*/

ul, li { margin-left:1px;
}


/* Form fields
--------------------------------------------------------------*/

fieldset {
border:0 none;
margin:0;
padding:10px 0;
}

.fieldset {
border: none;
}

select {
border:1px solid #2B3468;
margin-bottom:10px;
padding:1px;
}

/* FORMS
-------------------------------------------------------------- */

fieldset { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend { font-weight: bold; font-size:1.2em; }


/* Form fields
-------------------------------------------------------------- */

input[type=text], input[type=password],
input.text, input.title,
textarea, select {
background-color:#fff;
border:1px solid #bbb;
}
input[type=text]:focus, input[type=password]:focus,
input.text:focus, input.title:focus,
textarea:focus, select:focus {
border-color:#666;
}

input[type=text], input[type=password],
input.text, input.title,
textarea, select {
margin:0.5em 0;
}

input.text,
input.title { width: 300px; padding:5px; }
input.title { font-size:1.5em; }
textarea { padding:5px;height:8em; width:25em; }

input[type=checkbox], input[type=radio],
input.checkbox, input.radio {
position:relative; top:.25em;
}

form.inline { line-height:3; }
form.inline p { margin-bottom:0; }

form .wg-captchaForm {
margin:15px 5px 5px 0;
float:left;
width:65px;
}

/* Tables
--------------------------------------------------------------*/

td, th {
padding:2px;
}


/* Misc classes
--------------------------------------------------------------*/

.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide { display: none; }

.quiet { color: #666; }
.loud { color: #000; }
.highlight { background:#ff0; }
.added { background:#060; color: #fff; }
.removed { background:#900; color: #fff; }

.first { margin-left:0; padding-left:0; }
.last { margin-right:0; padding-right:0; }
.top { margin-top:0; padding-top:0; }
.bottom { margin-bottom:0; padding-bottom:0; }

.windings{font-family:windings,webdings,"Zapf Dingbats";} /* http://www.bee.geek.nz/Character_Map_of_Webdings/ */

.bold {font-weight:bold;}
.italic {font-style:italic;}
.normal {font-style:normal;}

.hide{display:none;}
.unhide{display:block;}

.floatRight{float:right;}
.floatLeft{float:left;}

.clearboth {clear:both;}

.icon {display:inline;vertical-align:middle;}

/* Confirmation, Validation and Error Messages
------------------------------------------------------------------*/

.info, .success, .warning, #error, .validation {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('/uploads/4a/d9/4ad9770287b4d967557f069e410e43c3/info.png');
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('/uploads/16/24/1624f27444e162d9dfcf2235cf16e228/success.png');
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('/uploads/1e/f5/1ef5c8f7ed74c8e092a0837c265b0359/warning.png');
}
#error {
color: #D8000C;
background: url('/uploads/80/0c/800cff05295e2094c4b9c6ec55f74ad6/error.png') no-repeat 10px 10px #FFBABA;
}

/* Sliding doors buttons
--------------------------------------------------------------------*/
a.button {/* Sliding right image */background: transparent url('/uploads/54/13/54137815ebcfc0f91450b10906915417/button_right.png') no-repeat scroll top right;display: block;float: left;height: 22px;
margin-right: 1pt;padding-right: 7px;text-decoration: none;color: #000000;font-family: Arial, Helvetica, sans-serif;font-size:10px;}
a.button span {/* Background left image */background: transparent url('/uploads/a2/eb/a2eb5ed2e62ffc8fef94e6dca06228dd/button_left.png') no-repeat;display: block;line-height:.8em;padding: 7px 0 9px 6px;}

a.button:hover{background: transparent url('/uploads/2b/5c/2b5cfef23e5ee3b6c134fb1398918cd5/button_right_hover.png') no-repeat scroll top right;}
a.button:hover span{background: transparent url('/uploads/23/99/23993688b8e5471b5ecb8e0a9ea75811/button_left_hover.png') no-repeat;}

a.button:active{background: transparent url('/uploads/38/73/387336d4b24525a3bd0805b732cf24ef/button_right_active.png') no-repeat scroll top right;color:#FFF;}
a.button:active span{background: transparent url('/uploads/1b/cc/1bccf6068d371c927a2a70b4860ba209/button_left_active.png') no-repeat;}


/* Custom
--------------------------------------------------------------*/

.contentContentMain li{
list-style-type:none;
background:url(/uploads/f3/0b/f30bf0c8ec565de8d0ae133cc19a1152/bullet.png) no-repeat left 5px;
padding:0 1em;
}


#logo{
background:url(/uploads/c5/a5/c5a540c6bdc23f72c12c840daa5a780d/setting-standards-header-logo.png) bottom right no-repeat;
display:block;
height:77px;
width:441px;
padding-left:10px;
}

#container {
width:1000px;
padding:30px 10px 0 0;
}

#headerAboveContentMain {
background:#FFFFFF none repeat scroll 0%;
float:left;
height:auto;
width:700px;
border-right:4px outset;
}

#contentMain {
background:#FFFFFF none repeat scroll 0%;
border-bottom:4px outset;
border-right:4px outset;
float:left;
width:700px;
}

.contentContentMain{
padding: 0px 10px;
float:left;
height:auto/* !important*/; /* hansk - uit wegens onderstaande ie6 code*/
min-height:555px;
width:660px;
padding:0px 20px 20px;
}

.fotoHeader{
padding-bottom:135px;
}

.textHeader{

}


/* voor Internet Explorer*/
/*\*/
* html #contentMain { /* Stu Nicholls*/
height: 800px;
}
/**/
#column-middle { /* hansk - dit is het wieltje*/
float:left;
margin:210px 0px 0px -12px;
width:70px;
}

#footer-pictures {
background: #15659d url(/uploads/14/8b/148b9b7480ba17e852acfaff5ee6b40b/fotossimulatiespel.png) no-repeat left bottom;
height: 307px;
width: 267px;
float: left;
margin: 0;
padding-top:110px;
}

#footer {
color:#000000;
text-align:center;
width:700px;
padding: 20px 0 300px;
}

#breadcrum{
font-size: 92%;
padding-top:10px;
}

#breadcrum li {
display:inline;
margin:0px;
}

#breadcrum span#ubentnu{
background:#53A1D8 none repeat scroll 0 0;
color:#FFF;
margin-right:1px;
padding:1px 6px;
}

#breadcrum a:link, #breadcrum a:visited{background:#53A1D8;color:#FFF;padding:1px 6px;}
#breadcrum a:hover, #breadcrum a:active{background:#7dc0ef;color:#FFF;padding:1px 6px;}

#navigation {
color:#FFFFFF;
float:left;
margin-top:50px;
width:200px;
height: 310px; /* hansk - fixed height zodat het footer plaatje tegen #content aan float*/
}

#navigation ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
#navigation li {
margin:0px;
padding:4px 0px;
}
#navigation a {
font-size: 14px;
}
#navigation a:link, #navigation a:visited {
color:#FFFFFF;
font-weight: bold;
text-decoration:none;
}
#navigation a:hover, #navigation a:active {
color: #99ccff;
}
#navigation ul, #navigation li, #navigation li li, #navigation ul li, #navigation ul li li {
margin:0;
}

ul.bulletList li, ul.bulletList ul {
font-weight: 600;
padding-left:0px;
list-style-type:none;
}
.bulletList .level0 {
font-size:13px;
}
.bulletList .level1 {
font-size:11px;
}

#footer a:link, #footer a:visited {
color:#FFFFFF;
}
#footer a:hover, #footer a:active {
}
#footer li {
display:inline;
margin:0px;
}
#user-create td {
padding-bottom:20px;
}
#user-create th {

text-align:left;
}
.clear-both {
clear:both;
}

.dotted-line {
background: #fff url(Invalid Asset URL) repeat-x center left;
clear: both;

}
/*/css rolf*/

/* kolommen*/

.kolomlinks{
width: 48%;
float: left;
}
.kolomrechts{
width: 48%;
float: right;
margin-left: 10px;
}

/*/kolommen*/

div.layoutColumnPadding { /* hansk - padding 1 koloms layout*/
padding-right: 10px;
}

p.lees-meer {
font-weight: bold;
/*font-style:italic;*/ /* hansk - italic is lelijk*/
color: #000;
}
.lees-meer a{
color: #000;
text-decoration: none;
}
.lees-meer a:hover{
color: #53A1D8;
text-decoration: none;
}
label {
color: #9c9c9c;
}
input {
/*border: 1px solid #9c9c9c;*/
}

/* ARTIKELEN*/
/* default blok - plaatje links, tekst rechts, text float onder het plaatje*/
.blokImgLinks {
float: left;
}
.blokImgLinks img{
float: left;
margin-right: 10px;
}
/*/einde default blok*/

/* artikelen met dynamische inhoud*/
.blokDynamisch {
float: left;
background:#e61b8e url(/uploads/9b/24/9b240b44d4bd4be74e9f01444f2a6f98/bg_contentblokje4.jpg) repeat-x;
color: #fff;
clear: both; /* hansk - positionering in dreamweaver*/
width: 326px;
padding-bottom: 8px;
border-bottom: 10px solid #fff;
}
.blokDynamisch img {
float: left;
margin-left: 20px;
margin-right: 10px;
}
.blokDynamisch h3 {
background-color:#ed2892;
color:#FFFFFF;
float:left;
margin:6px 0 6px 26px;
padding:0 6px;
}
* html .blokDynamisch h3 {
margin:6px 0 6px 13px;
}
.blokDynamisch a:link, .blokDynamisch a:visited, .blokDynamisch p{
color: #fff;
font-size: 110%;
text-decoration: none;
}
html body .blokDynamisch li a:hover {
/*color: #ffffcc;*/ /* hansk - tintje donkerder*/
color: #fbfbd2;
font-size: 110%;
text-decoration: none;
}
html body .blokDynamisch a:hover {
/*color: #ffffcc;*/ /* hansk - tintje donkerder*/
color: #fbfbd2;
font-size: 110%;
text-decoration: none;
}
.blokDynamisch p{
display: inline;
}

.blokDynamisch ul li{ /* hansk - verschillende markers om uit te kiezen*/
/*background-image: url(Invalid Asset URL*/
/*background-image: url(Invalid Asset URL*/
/*background-image: url(Invalid Asset URL*/
background-image: url(/uploads/7f/6a/7f6a87d44c6be8ddf5318ea0efc38400/cirkel_lichtgeel.gif);
background-repeat: no-repeat;
background-position: 0 .6em;
list-style-type: none;
padding-left:12px;
margin-left:20px;
}
* html .blokDynamisch ul li {
background-position: 0 .45em;
}
*:first-child+html .blokDynamisch ul li {
background-position: 0 .45em;
}
/*/einde dynamische artikelen*/

/* stijle voor content manager rich editor*/
.blokImgLinks img.floatLinks {
float: left;
margin-right: 10px;
}
.blokImgLinks img.floatRechts {
float:right;
margin-left: 10px;
}

/*/EINDE ARTIKELEN*/


/* Create Account Template*/
#accountContainer table.velden {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
}
#accountContainer table.velden input {
float: left;
width: 200px;
margin-right: 10px;
margin-top: 8px;
border: 1px solid #ccc;
background:#eee;
}


#accountContainer table.velden input.voorkeuren {/*mk ivm inputvelden*/
float: none; width:auto;
margin: 0px;
border: none;
background:#fff;
font-weight: normal;
}


#accountContainer table.submit {
padding-right: 50px;
text-align: right;
width: 600px;
}
table.submit {
width: 594px;
}
table.submit .submit {
float: right;
}

/*mk accounts*/
.knoppen {float: right;margin-right:10px;}
.profielveld {font-weight:bold;}
.formDescription {font-weight:bold;padding: 10px 0px 5px 0px;}
.formDescription img {padding: 5px;}
.formDescription input {margin-top: 3px; font-weight:normal;}
.formDescriptionVoorkeur {padding: 10px 0px 10px 0px;}
.formDescriptionVoorkeur input {margin: 10px 0px 0px 0px;}
.formSubtext {font-size: 0.9em; color:#666666; font-weight: normal; font-style:italic;}
.bekijkProfiel img {max-width: 100px;}

/*end mk accounts*/


/* extra stijlen*/
.clearboth {
clear: both;
}

/* login form homepage*/
#loginForm input{
float: left;
margin-right: 10px;
width: 128px;
}
#loginForm fieldset{
float: left;
border: none;
margin: 0;
padding:0;
}
#loginForm .margin {
margin-top: 12px;
width: 30px;
}
input.lang {
width: 240px;
}
.invite-user {
width: 350px;
}
.invite-user input{
width: 350px;
}

.mailform .tableData input {width: 350px;}
input#naamontvanger_formId{width: 240px;}
input#to_formId{width: 240px;}
input#naamafzender_formId{width: 240px;}
input#from_formId{width: 240px;}
input#subject_formId{width: 240px;}

/*mk enquete*/
.enquete {border: 1px solid #336699; padding: 5px; width: 60px; float: right; margin: 0px 10px 10px 0px; background-color: #3399cc;}
.enquete a { font-size:1.2em; color: #fff;}
.enquete a:hover { text-decoration: underline; color: #fff;}


/* hansk - deelnemerslijst*/
#deelnemers .paddingLinks {
padding-left: 30px;
width: 300px;
}

#deelnemers p.kopje {
font-weight: bold;

color: #53A1D8;
margin-bottom: 0;
}

#deelnemers table.deelnemer {
border-top: 1px solid #ccc;
}

#deelnemers img.avatar{
width: 60px;
}

/* inschrijf en aanmeld knoppen*/

#aanmeldmenu ul li a{
width:100%;
height:100%;
}

#aanmeldmenu {
text-align: left;
width:100%;
}

#aanmeldmenu ul{
list-style:none;
width: 198px;
float: left;
overflow: hidden;
height: 100%;
}

#aanmeldmenu ul li{
float:left;
height: 70px;
width:100%;
}

#aanmeldmenu ul li.a1{
height:145px;
}

#aanmeldmenu ul li a{
position:relative;
float:left;
background-position:left top;
background-repeat:no-repeat;
}

#aanmeldmenu ul li a span{
margin-left:-9999px;
}

#aanmeldmenu ul li.a1 a{
background-image:url(/uploads/45/0e/450edb2cd2f121d796795a9bd3db5f62/register-for-the-newsletter.png);
float:left;
}

#aanmeldmenu ul li.a2 a{
background-image:url(/uploads/ac/3f/ac3f46c6a14741e7c765f7fccf351a61/inschrijven.png);
}

#aanmeldmenu ul li.a2 a:hover{background-image:url(/uploads/f7/a4/f7a4370309bb128a718b85709014dccf/inschrijven_hover.png);}
#aanmeldmenu ul li.a2 a:active{background-image:url(/uploads/f7/a4/f7a4370309bb128a718b85709014dccf/inschrijven_hover.png);}

#aanmeldmenu ul li.a3 a{
background-image:url(/uploads/16/b9/16b94341836b26a95b63e7fcaadd5ec8/inschrijven-4-maart.png);
}

#aanmeldmenu ul li.a3 a:hover{background-image:url(/uploads/35/27/352735b32b18cdf86535f6dbaa9654a8/inschrijven-4-maart_mouseover.png);}
#aanmeldmenu ul li.a3 a:active{background-image:url(/uploads/35/27/352735b32b18cdf86535f6dbaa9654a8/inschrijven-4-maart_mouseover.png);}

a.educationalLicence{
background:url(/uploads/7b/7e/7b7ebd2d4fa675b96102f6dcc68aaf11/buttonEducationalLicence.png) no-repeat top left;
float:left;
padding:28px 141px;
}

a.educationalLicence.nl{
background:url(/uploads/e6/a1/e6a1474068d34d1d72ffbd99a737e308/buttonEducationalLicenceNl.png) no-repeat top left;
}

a.educationalLicence span{
margin-left:-9999px;
}

.dataControls
{background:none repeat scroll 0 0 #EFEFEF;
}

#downloadButtonList a, ul#downloadButtons a span{
padding-bottom:1em;
}

#map_* span{
display:none;
}