/* @override http://www.beaufort03.be/_beaufort03_screen.css */

/* @group Eric Meyer */
body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, 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;}
body {line-height:1;}
ol, ul {list-style:none;}
html {padding:0; margin:0; outline:0; font-size:100%; font-size:100%;}
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration:none;}
del {text-decoration:line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse:collapse; border-spacing:0;}

img {border:none;}

/* @end */


/* @group clearDIV */
.clearDIV {clear:both;padding:0;margin:0;height:0px;}
.clearDIV1 {clear:both;padding:0;margin:0;height:1px;}
.clearDIV10 {clear:both;padding:0;margin:0;height:10px;}
.clearDIV20 {clear:both;padding:0;margin:0;height:20px;}
.clearDIV25 {clear:both;padding:0;margin:0;height:25px;}
/* @end */


/* @group HTML, BODY */
html, body {height: 100%;}
body {color:#000; font-family: Helvetica, Arial, Geneva, sans-serif;}
#wrapper {position:relative; min-height:100%; height:100%; voice-family: "\"}\""; voice-family:inherit; height:auto;}
html>body #wrapper {height:auto;}
/* @end */


#header {width:970px; padding:0; margin:0 0 20px;background-color:#fff;float:left;}


/* @group SUBNAV */
#subnav { width:970px; background-color:#fff; margin:0 0 25px; float:left;}

#subnav #kunstaanzee {padding:20px 0 0;margin:0; width:635px; background-color:#fff; float:left;}
#subnav #kunstaanzee .titel {font-size:70px;font-weight:bold;padding:0 0 0 35px;}
#subnav #kunstaanzee .periode {font-size:50px;font-weight:bold;color:#f10000;padding:0 0 0 35px; margin-top:5px;}
#subnav #kunstaanzee a {color:#f10000; text-decoration:underline;}
#subnav #kunstaanzee a:hover {color:#000;text-decoration:underline;}

#subnav #kunstnavigatie {padding:0;margin:0; width:300px; background-color:#fff;float:left;}
#subnav #kunstnavigatie  ul {padding:20px 0 0; margin:0px;font-size:16px;font-weight:bold;line-height:1.1em;}
#subnav #kunstnavigatie  ul li {list-style-type:none; margin:0px;}
#subnav #kunstnavigatie  ul li a {color:#000; text-decoration:none;}
#subnav #kunstnavigatie  ul li a:hover {color:#f10000; text-decoration:none;}
#subnav #kunstnavigatie  ul li .actief {color:#f10000;}
#subnav #kunstnavigatie  ul ul {padding:0px; margin:2px 0px 0px 9px;font-size:12px;font-weight:bold;line-height:1.4em;}
#subnav #kunstnavigatie  ul ul li {list-style-type:circle; margin:-2px 0px 0px 10px;}
#subnav #kunstnavigatie  ul ul li a {color:#000; text-decoration:none;}
#subnav #kunstnavigatie  ul ul li a:hover {color:#f10000; text-decoration:none;}
#subnav #kunstnavigatie  ul ul li .actief {color:#f10000;}

#subnav #taalswitch {padding:0;margin:0; width:35px; background-color:#fff;float:left;}
#subnav #taalswitch ul {padding:113px 0px 0px; margin:0px 0px 0px 0;font-size:10px;line-height:1.3em;}
#subnav #taalswitch ul li {list-style-type:none; margin:0px 0px 0px 0px;}
#subnav #taalswitch ul li a {color:#000; text-decoration:none;}
#subnav #taalswitch ul li a:hover {color:#f10000; text-decoration:none;}
#subnav #taalswitch ul li .actief {color:#f10000;}
/* @end */


/* @group MAINNAV */
#mainnav {padding:0; margin:0; width:970px; border-top:1px solid #f10000; border-bottom:1px solid #f10000; background-color:#fff;float:left;}

#mainnav #beaufortnavigatie {width:628px;padding:0;margin:0; background-color:#fff; color:#000;font-weight:bold;float:left; }

#mainnav #beaufortnavigatie #beaufortinnernavigatie { padding:15px 0 15px 35px;font-size:20px;}
#mainnav #beaufortnavigatie #beaufortinnernavigatie a { color:#000; text-decoration:none;}
#mainnav #beaufortnavigatie #beaufortinnernavigatie a:hover {color:#f10000;text-decoration:none;}
#mainnav #beaufortnavigatie #beaufortinnernavigatie .actief {color:#f10000;text-decoration:none;}


#mainnav #beaufortlogo {padding:0;margin:0;width:335px;float:left;}
#mainnav #beaufortlogo .jackpot_swf_nav { margin:9px 0 7px; padding:0;}
/* @end */


/* @group CONTENT */
#mceEditor {padding:0;margin:0; width:970px; background-color:#fff;}

#content {float:left; width:100%;}
#content #maincontent {padding:0px;margin:0; width:635px; float:left; background-color:#fff;font-size:0.8em;}
#content #maincontent #maininnercontent {padding:0px 70px 70px 35px; line-height:1.3em;}
#content #maincontent #maininnercontent a {color:#f10000;}
#content #maincontent #maininnercontent a:hover {color:#000;}
#content #maincontent #maininnercontent ul {padding:10px 0 10px 30px;}
#content #maincontent #maininnercontent ul li {list-style-type:disc;}


#content #maincontent #maininnercontent .faq p {margin-bottom:20px;}
#content #maincontent #maininnercontent h3 {background-color:#ffe6ea; border-top:1px solid #f10000; border-bottom:1px solid #f10000;padding:5px;font-size:14px;line-height:1em;}
#content #maincontent #maininnercontent h5 {background-color:#fcf3e3; border-bottom:1px solid #ebe0ae;padding:5px; font-size:13px;line-height:1em; color:#675541; font-weight:normal; font-style:normal;margin-top:40px;}


#content .fototheek {margin-left:35px;font-size:0.8em;}
#content a.fototheek {color:#000;}
#content a.fototheek:hover {color:#f10000;}

#content h3.fototheek { padding-top:20px; padding-bottom:0px;}
#content #theMenu li { list-style-type:none; margin-left:0; padding-left:0;}
#content #theMenu li h3.head a { margin-left:35px; margin-top:10px; margin-bottom:10px;}
#content #theMenu li ul { margin-left:35px; margin-top:10px; margin-bottom:10px;}
#content #theMenu li ul p {font-size:0.7em;margin-bottom:20px;}
#content #theMenu li ul img {margin-right:5px;margin-bottom:5px;}
	
#content h3.head a {color:#000;text-decoration:none; display:block; background-color:#ffe6ea;}
#content h3.head a:hover {color:#f10000; text-decoration:none;}
#content h3.selected a {color:#f10000; text-decoration:none;}
#content h3.selected a:hover {color:#f10000; text-decoration:none;}


#content #navcontent {padding:0;margin:0; float:left; width:330px;}
#content #navcontent #navinnercontent {padding:0px;background-color:#ffc;}
#content #navcontent #navinnercontent ul { margin:0px;font-size:16px;font-weight:bold;line-height:1.3em; padding:10px 20px 10px 10px;}
#content #navcontent #navinnercontent ul li {list-style-type:none; margin:0px 0px 0px 0px;}
#content #navcontent #navinnercontent ul li a {color:#000; text-decoration:none;}
#content #navcontent #navinnercontent ul li a:hover {color:#f10000; text-decoration:none;}
#content #navcontent #navinnercontent ul li .actief {color:#f10000;}
/* @end */


/* @group PERS */
#persform {background-color:#ffe6ea; padding:20px 20px 0;margin-bottom:35px;}
#persform p {}
.verplicht {color:#f10000; font-size:11px;}

form.cmxform fieldset {border:none; margin-bottom:0;}
form.cmxform legend {display:none;}
form.cmxform label { display:inline-block; line-height:1em; vertical-align:top;padding-top:3px;padding-bottom:3px;}
form.cmxform fieldset ol {margin:0; padding:0;}
form.cmxform fieldset li {list-style:none; padding:5px; margin:0;}
form.cmxform fieldset fieldset {border:none;margin:0px 0 0;}
form.cmxform fieldset fieldset legend {padding:0 0 5px;font-weight:normal;}
form.cmxform fieldset fieldset label {display:block; width:auto;}
form.cmxform em {font-weight:bold; font-style:normal; color:#f10000;}
form.cmxform label {width:200px;}
form.cmxform fieldset fieldset label {margin-left:123px; /* Width plus 3 (html space) */}

#commentForm label.error  {margin-left:205px; color:#f10000;padding-top:5px;}
#commentForm input.submit {margin-left:203px; color:#000;}


#commentForm_perslogin { padding:5px 10px;}

form.cmxform_perslogin fieldset {border:none; margin-bottom:0;}
form.cmxform_perslogin legend {display:none;}
form.cmxform_perslogin label { display:inline-block; line-height:1em; vertical-align:top;padding-top:3px;padding-bottom:3px;}
form.cmxform_perslogin fieldset ol {margin:0; padding:0;}
form.cmxform_perslogin fieldset li {list-style:none; padding:5px; margin:0;}
form.cmxform_perslogin fieldset fieldset {border:none;margin:0px 0 0;}
form.cmxform_perslogin fieldset fieldset legend {padding:0 0 5px;font-weight:normal;}
form.cmxform_perslogin fieldset fieldset label {display:block; width:auto;}
form.cmxform_perslogin em {font-weight:bold; font-style:normal; color:#f10000;}
form.cmxform_perslogin label {width:100px; font-size:12px;}
form.cmxform_perslogin fieldset fieldset label {margin-left:123px; /* Width plus 3 (html space) */}

#commentForm_perslogin label.error  {margin-left:107px; color:#f10000;padding-top:5px; display:block; width:180px;}
#commentForm_perslogin input.submit {margin-left:107px; color:#000;}


#persformsent { padding:20px;margin-bottom:35px; background:#fff url(_imgs/yellow.gif) repeat;}



/* @end */
	
.cvfoto {float:left; margin:0px 12px 10px 0px;}

#jackpot {position:absolute;top:400px; width:100%; height:120px; color:#f10000; background:#fff url(_imgs/jackpot_home.gif) repeat-x; z-index:100;overflow:hidden;}

#jackpot2 {display:none;}

.jackpot_swf1 {width:390px; height:106px; margin-left:-180px; margin-right:2px;}
.jackpot_swf2 {width:390px; height:106px; margin-right:2px; }
.jackpot_swf3 {width:390px; height:106px; margin-right:2px; }


.bijschrift {font-size:10px; display:block;width:298px; margin-top:10px;}
.bijschrift2 {font-size:10px; }
.tekstgroter {font-size:1.2em;}

.tekstgroter {font-size:1.2em;}

.imgfloatright {float:right; margin:0 0 10px 10px;}

.geel { background-color:#ffc;}
.roze {background-color:#ffe6ea;}

#vacature {padding:0;margin:20px 0 0px;}
.vacaturelink {background-color:#ffc; padding:5px 10px;}
#vacature a {color:#000; text-decoration:none; font-weight:bold;}
#vacature a:hover {color:#ff2100; text-decoration:none; font-weight:bold;}


#blog {padding:0;margin:20px 0 20px 628px;}
.vacaturelink {background-color:#ffc; padding:5px 10px;}
#blog a {color:#000; text-decoration:none; font-weight:bold;}
#blog a:hover {color:#ff2100; text-decoration:none; font-weight:bold;}

#websitebysysteme-d {margin-top:25px;}


.docdownload img {margin-right:4px; margin-bottom:-8px;}
.docdownload a {}

#banner {padding:0;margin-top:8px;}

.persuitleg {width:300px; font-size:0.8em; padding:10px; line-height:1.4em; color:#5f5f5f;}
#screenshot {position:absolute; border:1px solid #fff; background:#000; padding:4px; display:none; color:#fff; font-size:10px;}
.thumb {float:left; width:250px; margin-bottom:10px;}
.thumb p {margin-bottom:10px; font-size:80%; margin-top:4px; font-weight:bold;}
.persthumblinks {margin-right:26px;}
#spacing {height:400px; }

#persdocumenten { float:left; width:320px;  font-size:0.8em; background-color:#fff;margin-top:20px;}
#persdocumenten a { text-decoration:none; color:#000; display:block; margin-bottom:10px;}
#persdocumenten a:hover { text-decoration:none; color:#ff2100;}
#persdocumenten img  { text-decoration:none; color:#000; float:left; margin-top:-13px; margin-right:10px;}

.copyrighttek {font-size:9px; margin-top:20px;}
.copyrighttek a {color:#333; text-decoration:none;}
.copyrighttek a:hover {text-decoration:underline; color:#333;}


.copyright {font-size:10px; margin-top:-20px; border-top:1px solid #a5a5a5; padding-top:10px;}
.muzeelogo {float:left; margin-right:30px; margin-bottom:30px;}

.downloadlink {vertical-align:top; padding-top:5px; padding-left:10px;}
.downloadlink a {font-size:13px; color:#ff2100;}
.downloadlink a:hover {font-size:13px; text-decoration:underline; color:#ff2100; }


.affiche {margin-right:15px;}


.archiefcontent {width:970px;}

#servais {position:absolute; top:260px; left:35px; width:930px; z-index:500;background-color:#000;  }
#servais p {color:#fff; font-size:12px; padding:0 20px; text-align:center; line-height:14px;}
#servais a {color:#fff; text-decoration:none;}
#servais a:hover {text-decoration:underline;}


#boeken {position:absolute; top:260px; left:35px; width:930px; z-index:500;background-color:#4fbaef;  }
#boeken p {color:#fff; font-size:14px; padding:0 20px; line-height:20px;}
#boeken a {color:#fff; text-decoration:underline;}
#boeken a:hover {color:#2c7092; text-decoration:underline;}