/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
:link,:visited { text-decoration:none; }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,td,th { margin:0; padding:0; }
a img,:link img,:visited img { border:none; }
/* end (CC) 2004 Tantek Celik. */
.col_mid { float: none; }
/******************************************* GENERAL STYLES */

html, body { text-align: center; color: #000; font-family: Arial, sans-serif;}
body { padding-top: 0px; background:fff;}
#container { text-align: lefzt; font-size: 150%; line-height: 160%; float:clear-both;}
a {outline: none; color: #000; text-decoration: none;}
a:visited {color: #000;}
input, textarea { font-family: Arial, sans-serif; background-color: #fff;}
textarea {font-size: 100%;}
td {vertical-align: top;}

/******************************************* TOP: branding & main navigation */
#navmain {display:none;}
ul#nav {display:none; }
#branding_top {display:none;}


/******************************************* CONTENT */

div#content { background-color: #fff; width: 100%;  }
.col_left { display:none;}
.col_mid { padding: 0; margin-top: -22px; margin-left: 100px; width:600px;}
.col_right { display:none;}

/******************************************* MIDDLE COLUMN */

h1.no-display { display: none;}
h1 {font-size: 140%; margin-bottom: 16px; color: #e64b31;}
h1.no-margin {margin-bottom: 0;}
h2 { font-size: 120%; margin-bottom: 10px; }
h3 { font-size: 100%; color: #e64b31;}
h3 span {font-weight: normal;}
h3 span.date {font-weight: normal; color: #666;}
h3 a.link_int {display: inline;}
h3.home {color: #000;}
h3.home span {font-weight: bold;}
.index h1 {margin-bottom: 16px; }
.index h3 {margin-top: 16px; }
.col_mid p { margin: 0px 0px 10px 0px;}
.col_mid a:hover {text-decoration: underline; color: #e64b31;}
.clear { clear: both; }
.doublespace {height: 20px;}
.bold {font-weight: bold;}

div.header_yellowbg_short {height: 16px; line-height: 16px; padding:0; background: transparent repeat-y top left url('../img/header_yellowbg_short.gif');}
div.header_yellowbg_long {height: 16px; line-height: 16px; padding:0; background: transparent repeat-y top left url('../img/header_yellowbg_long.gif'); }
div.header_yellowbg_short div, div.header_yellowbg_long div {float: left; height: 16px; line-height: 16px;}
.col_mid div.header_yellowbg_short, .col_mid div.header_yellowbg_long {margin: 10px 0px;}
div.title1 {font-weight: bold; padding: 0px 5px;height: 16px; line-height: 16px;}
div.title2 {padding: 0px 5px; height: 16px; line-height: 16px;}

div.header_greybg_short {height: 16px; line-height: 16px; padding:0; }
div.header_greybg_short div.title2 { background: transparent repeat-y top left url('../img/header_greybg_short.gif'); }

.red_bg { background-color: #e64b31; color: #fff; font-weight: bold;}
.black_bg { background-color: #000; color: #fff; font-weight: bold;}
.dw_grey { background-color: #d4d4d4; }
.red { color: #e64b31;}
.black { color: #000000;}
a.white {color: #fff;}

a.link_int {display: block; margin:0; background: url('../img/icon_dw_small_white.jpg') transparent 0px 3px no-repeat; padding: 0px 0px 0px 15px; color: #000;}
a.link_icon {margin:0; background: url('../img/icon_dw_small_white.jpg') transparent 0px 3px no-repeat; padding: 0px 0px 0px 15px; color: #000;}
a.red, a.red:visited, a.red:hover { color: #e64b31; }
a.red:hover { text-decoration: underline; }

div.left {width: 227px;}
.left { float: none; margin: 0px 20px 10px 0px; padding: 5px 0px 0px 0px; }
.
div.left a.link_icon { background: url('../img/icon_dw_gray_bg2.gif') transparent 0px 3px no-repeat; padding: 0px 0px 0px 15px; color: #000;}

.archive {border-top: 2px solid #fff;border-bottom: 2px solid #fff;}
a#archive_controller {float: right;margin: 0px 0px 0px 4px;width: 15px; height: 15px;}
a#archive_controller.closed {background: transparent no-repeat top left url('../img/button_triangle_blackbg.gif');}
a#archive_controller.open {background: transparent no-repeat top left url('../img/button_triangle_blackbg2.gif');}
.title1 span {display: block;float: left;}
.title1 span.archive_controller {display: block; float: right; width: 20px; border-left: 1px solid #fff;}

.foto_bijschrift {font-size: 90%;}
p.intro {font-size: 110%;}
p.title {margin:0; font-weight: bold; padding: 0px 5px;}

ul.links_box {background: transparent repeat-x top left url('../img/gradient110h.gif');list-style-type:none; margin:0; border-top: 1px solid #fff; width: 227px;}
ul.links_box li {border-bottom: 1px solid #fff; line-height: 20px; padding: 0px 5px;}
ul.links_box li a, ul.links_box li span.foto_bijschrift {color: #000;}
ul.links_box li span.foto_bijschrift {display: block; float: left;}
.zoom {display: block; float: right; padding: 5px 0px;}
div.left span.foto_bijschrift {display: block; float: left;}

div.box {background: transparent repeat-x top left url('../img/gradient80h.gif');}
div.box2 {background: transparent repeat-x top left url('../img/gradient45h.gif');}

div.box_webquest{background: transparent repeat-x top left url('../img/gradient275h.gif');}

ul.no_bullets {list-style-type: none;}
ul.common_list {margin-left: 20px;}

div#form_comment {margin: 20px 0px 20px 0px; padding: 10px; border: 1px solid #ddd;}
form.form_comment {margin: 10px 0px;}
form.form_comment p {width: 100%;}
form.form_comment p, form.form_comment label, form.form_comment input.text, form.form_comment textarea { display: block; float: left;}
form.form_comment label {width: 140px;}
form.form_comment input.text, form.form_comment textarea.text {border: 1px solid #000; width: 300px;}

form.subscription p {width: 100%;}
form.subscription p, form.subscription label, form.subscription input { display: block; float: left;}
form.subscription label {width: 150px;}
form.subscription label.radio {width: 40px; margin: 0px 20px 0px 5px;}
.form_comment input.submit, .subscription input.submit, .webquest input.submit {display: block; float: right; background: transparent repeat-y top right url('../img/bg_grey_gradient2.gif'); width: 100px; text-align: right; padding-right: 5px; color: #fff; border: 0; font-size: 100%;}

form.webquest input.oneliner {width: 150px;}
form.webquest label {width: 100px; margin-right: 5px;}
form.webquest textarea {width: 376px; }
table.antwoord {margin: 5px 0px 20px 0px;}
table.antwoord td {background-color: #ffe681; padding: 5px;}
table.antwoord td.label {width: 70px;}
table.antwoord.full_width {margin: 5px 0px 20px 0px; width: 100%;}

form.search_main a, form.search_main a:visited, form.search_main a:active, form.search_main a:hover {float:right; color: #e64b31; font-weight: bold; text-decoration: none; margin-right: 10px;}
label.label1 {line-height: 25px;}
form.search_project a, form.search_project a:visited, form.search_project a:active, form.search_project a:hover {float:right; color: #e64b31; font-weight: bold; text-decoration: none;}

form.refine_search select {margin: 0px 5px 0px 10px;}
form.refine_search input.checkbox {margin: 5px 5px 0px 10px;}

div.supplementary {display:none;}

a.lookup {background-color: #fee580;}
a.lookup:hover {background-color: #fee580; text-decoration: none;}
div.nicetitle {position: absolute; padding: 4px; top: 0px; left: 0px; width: 200px; background-color:  #fee580; text-align: left;}
div.nicetitle p { margin: 0; padding: 0 3px;}
div.nicetitle p.destination { padding-top: 3px;}

.box { width: 186px; color: #000; padding: 0px 5px 0px 5px; border-top: 2px solid #fff; background: #fff repeat-x top left url('../img/gradient2.gif');}

.ul_list_content, .ol_list_content {margin: 10px 0px 10px 15px;}

table.hor_zebra {border-collapse:collapse; margin: 10px 0px 10px 0px; }
table.hor_zebra th {padding:10px 8px; background:#d4d4d4;}
table.hor_zebra td {padding:8px;}
table.hor_zebra .even{background:#d4d4d4;}