/***
**** STYLESHEET
**** By 4worx Software Innovators | 4worx.com
***/

/*** Font size information **************************************************

Use following font sizes (in %) to achieve size in px
Source: http://developer.yahoo.com/yui/fonts/

 (px)    (%)
    10     77
    11     85
    12     93
    13     100
    14     108
    15     116
    16     123.1
    17     131
    18     138.5
    19     146.5
    20     153.9
    21     161.6
    22     167
    23     174
    24     182
    25     189
    26     197


/*** Imports **************************************************/

@import url(/style/reset-fonts.css);


/** XSTANDARD STYLES ****/
img.imgleft {float:left; margin:10px 10px 10px 0; /*margin-right:10px*/}
img.imgright {float:right; margin:10px 0 10px 10px; /*margin-left:10px*/}
.tablefloatleft {float:left; margin-right:10px;}
.tablefloatright {float:right; margin-left:10px;}
p {margin:.5em 0}
p.indent {margin-left:40px}
p.left {text-align:left}
p.center {text-align:center}
p.right {text-align:right}
span.underline {text-decoration:underline}
span.strikethrough {text-decoration:line-through}
div.textbox {clear:both;float:left;width:150px;font-size:.8em;padding:2px 10px;border-top:1px solid gray;border-bottom:1px solid gray}
div.photo {float:right;width:auto;font-size:.8em;font-weight:bold;padding:4px}
em { font-style:italic; }

/*** General **************************************************/

html{
    background-color: #001F33;
}

body {
    font-family: arial;
    text-align: center;
}
html,body { height:100%; 
/*margin-bottom:1px;*/ /* force scrollbar on all pages, works in all browsers but IE8 */
}

h1{
    font-size: 100%; /*116%;*/
    font-weight: bold;
}

h2,h3 {
    font-size: 100%;
}

/* weergave van basis links: */

a, a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

/* listitems worden default nooit underlined: */

li a:hover {
    text-decoration: none;
    }

p {
	font-size: 100%;
	margin: 0em 0em 1em 0em;
}

li {
	font-size: 100%;
}

hr {

}

strong {
    font-weight: bold;
}

br.clear {
    clear: both;
}

input.button {
	background-color: #7a1501;
	border: 1px solid transparent; /*#fff;*/
	color: #fff;
	font-size: 13px;
}
.text {
	background-color: #fff;
	border: 2px solid #fff;
	color: #00395A;
	margin: 0.3em 0 0 0.5em;
}

/***Layout*******************************************************/

#wrapper {
    width: 1280px;
    margin: 0px auto;
    text-align:left;
    height: 100%;
    background: #00395a url('/images/wrapperbg.gif') repeat-y;
}

#header {
    /*width: 1024px;*/
	height: 142px;
	background-color: #c3b600;
}

#logo {
    width: 219px;
    float: left;
    height: 112px;
}

#logo a {
    background: none;
    margin: 0;
    padding: 0;
    display: block;
}
#logo a img {
visibility: visible;
}

#contentWrapper {
	/*width: 1024px;*/
	padding: 7px 20px 0 20px;
    background: #00395a url('/images/wrapperbg.gif') repeat-y;
}

#lcol {
	width: 215px;
	padding: 0px;
	float: left;
	font-size: 15px;
}

#mcol {
	/*width: 538px;*/
	width: 829px;
	padding: 0 15px;
	float:left;
	color: #fff;
}

#rcol {
	font-size: 15px;
	width: 160px;
	float: left;
	/*font-size: 100%;*/ 
	color: #00519e;
}
	
/***banner*******************************************************/

#banner {
	background-image: url(/images/banner.png);
	background-repeat: no-repeat;
	width: 1061px;
	float: left;
	height: 112px;
}

/*#banner li {
	margin-top: 18px;
}

#banner a, #banner a:visited {
	color: #7a1501;
	font-weight: bold;
	font-size: 100%;
}

#bannerfaq {
	margin-left: 30.36em;
}

#bannernieuwsbrief {
	margin-left: 36.18em;
}*/

#bannerlinks 
{
    float: left;
    height: auto;
    margin-left: 574px;
    margin-top: 15px;
    width: 485px;
}

table.iconLinks {
    float: left;
    height: auto;
    margin-right: 10px;
    width: auto;
    /*border-collapse: collapse;
    border-spacing: 0;
    border: medium none;
    margin: 0;
    padding: 0;*/
    vertical-align: top;
}

table.iconLinks td a {
    color: #7A1501;
    float: left;
    font: bold 13px/1.231 arial,helvetica,clean,sans-serif;
    margin-top: 4px;
}

table.iconLinks td a img {
    float: left;
    height: 24px;
    margin-right: 5px;
    width: 24px;
}

table.rightBorder {
    border-right: 1px solid #00395A;
    width: 100px;
}

table.fontChange tr td {
    margin-right: 5px;
    width: auto;
    vertical-align: top;
}

table.iconLinks td a.nonActive, table.iconLinks td a.fontColorNonActive {
    background-color: transparent;
    color: #00395A;
}

table.iconLinks td a.active {
    background-color: #00395A;
    color: #FFFFFF;
}

a.nonActive, a.fontColorNonActive {
    font-size: 14px;
    font-weight: normal;
}


#normal {
    padding: 0px;
    color: #00395a;
}
#normal.active {
    color: #fff;
}

#greater {
    font-size: 15px;
    line-height: 115%;
    padding: 0px;
    color: #00395a;
}

#greater.active {
    color: #fff;
}
#greatest {
    font-size: 17px;
    line-height: 100%;
    padding: 0px;
    color: #00395a;
}

#greatest.active {
    color: #fff;
}

/*** Navigation Top **************************************************/

#navContainer {
	background-color: #7a1501;
	clear: both;
	height: 30px;
	/*width: 1024px;*/
}

#navTop {
	/*width: 986px;*/
	padding: 0 19px;
	font-size: 15px;
}

#navTop a,
#navTop a:visited {
	color: #cccc00;
	padding: 0.5em 0; /*0.25em 0;*/
	display:block;
	/*float: left;*/
}

#navTop li:hover{
	background: #540000;
	color: #fff;
	height: 30px;
}

#navTop li.activeli{
	background: #540000;
	height: 30px;
}

.activeli a:active {
	color: #ffffff
}

#navTop li {
	display: block;
	list-style-type: none;
	padding: 0 2.22em;
	font-size: 100%; /*123.1%;*/ /*138.5%;*/
	float:left;
	margin: 0 0 /*1.2em*/ 0 0;
}


/*** Left Column **************************************************/

#subNavLeft {
	background-color: #4d758c;
	width: 215px;
	color: #fff;
	min-height: 462px; /*439px;*/ /*309px;*/ /*357px;*/
	height:auto !important;
	height: 462px; /*439px;*/ /*309px;*/ /*357px;*/
	margin: 0em 0em 0.6em 0em;
}

#subNavLeft li ,
#subNavLeft li a, #subNavLeft li a:visited {
    text-decoration: none;
	color: #ffffff;
	font-size: 100%; /*110%;*/
	padding: 0.5em 0em 0.5em 0.5em;
	line-height: 1.5em;
}

#subNavLeft li.activeli,
#subNavLeft li:hover {
	background-color: #b8c8d1;
}

#subNavLeft li.indented,
#subNavLeft li.indented:hover {
	background-color: #4D758C;
	padding: 0.5em 0em 0.5em 2em;
}

#additionalInfo {
    background-color: #b8c8d1;
    color: #FFFFFF;
    height: auto !important;
    /*margin: 0 0 0.6em;*/
    width: 215px;
}

#additionalInfo p {
    color: #7A1501;
    font-weight: bold;
    padding: 0.2em 0 0 0.5em;
    margin: 0;
}

#additionalInfo ul 
{
    padding: 0.5em 0em 0.5em 0.5em;
    width: 205px;
}
#additionalInfo li {
    color: #fff;
    margin: 0px 0px 10px 0px;
}

#additionalInfo li a {
    color: #00395A;
}

/*** Subnavigation Left Bottom (copyright, colofon) **************************************************/

#leftColDisclaimer{
	width: 215px;
	background-color: #4d758c; /*#b8c8d1;*/
	height: 32px;
	/*margin: 0 0 0.6em 0;*/
}

#leftColDisclaimer div{
	color: #ffffff;
	/*margin: 0 3.5em 0 3em;*/
	padding: 0.5em 0em;
	text-align: center;
}

#leftColDisclaimer a, #leftColDisclaimer a:visited {
	color: #ffffff;
}
#leftColDisclaimer a:hover {
	color: #BAC7D7;
}

/*** Subnavigation "Also in this site" ************************************************/

#subNavLeftBottom {
	width: 215px;
	background-color: #4d758c; /*#b8c8d1;*/
	font-size: 100%; /*116%;*/
	color: #00395a;
	height: 94px;
}

#subNavLeftBottom h3 {
	margin: 0em 1em;
	padding: 0em; /*0.5em 0em 0em;*/
	color: #fff;
}

#subNavLeftBottom li a, #subNavLeftBottom li a:visited {
	text-decoration: none;
	color: #bac7d7; /*#7a1501;*/
	line-height: 1.5em;
	padding: 0.2em 0 0.2em 1em;
	
}
#subNavLeftBottom li a:hover {
	color: #fff;
}


/*** Middle Column **************************************************/
#mcol #crumblepath { padding: 0 10px 10px; }
#mcol #crumblepath, #mcol #crumblepath a, #mcol #crumblepath a:visited{
	text-decoration: none;
	color: #B8C8D1;
}
#mcol #crumblepath a:hover {
text-decoration: underline;
}

#mcol #mcolContent a, #mcol #mcolContent a:visited,
#mcol .mcolContent a, #mcol .mcolContent a:visited{
	text-decoration: none;
	color: #B8C8D1;
}

#mcol #mcolContent a:hover,
#mcol .mcolContent a:hover{
	text-decoration: underline;
}
#mcol .mcolContent img.articleimg {
	float: left;
	margin: 0 10px 10px 0;
}

#mcol h1,
#mcol h2,
#mcol h3 {
	font-size: 100%; /*110%;*/
	margin: 0 0 0.3em 0;
	font-weight: bold;
}

#mcol h4{
	font-size: 100%;
	color: #B8C8D1;
	font-weight: bold;
}

#mcolContent {
	width: 275px;
	padding: 0 10px 10px 10px;
	float: left;
}

.mcolContent {
	/*width: 550px;*/
	padding: 0 10px 10px 10px;
	/*text-align: justify;*/
	text-align: left;
}
.mcolContent ol {
margin-left: 25px;
}
.mcolContent ul {
margin-left: 20px;
}
.mcolContent ol, .mcolContent ol li {
list-style-type: decimal;
}
.mcolContent ul, .mcolContent ul li {
list-style-type: circle;
}

#mcolContentRight {
	width: 250px;
	float: left;
	border-left: 1px solid #fff;
	padding: 0 0 1em 1em;
}

#mcolContentBottom {
	clear: both;
	/*width: 560px;
	background-image: url(/images/flash_app.jpg);
	background-image: url(/images/website_random.gif);
	height: 400px;*/
}

#mcol form table tr td textarea input { margin: 0 0 0.5em 0; }

/*** Right Column **************************************************/


#rcol h3 {
	padding: 0.18em 1.8em;
}

#textSize {
	margin: 0em 0em 0.6em 0em;
	background-color: #4d758c; /*#ccd7de;*/
	height: 37px;
	font-size: 100%; /*108%;*/
	color: #fff; /*#00395A;*/
	text-align: center;
}

#textSize h3, #textColor h3 {
	/*margin: 0.2em 0em;*/
}

#textSize table, #textColor table {
	margin-top: 0.18em;
}

#textColor {
	/*margin: 0em 1.5em 0.6em 0em;*/
	margin: 0em 0em 0.6em 0em;
	background-color: #4d758c; /*#ccd7de;*/
	height: 37px;
	font-size: 100%; /*108%;*/
	color: #fff; /*#00395A;*/
	/*width: 251px;*/ /*160px;*/
	text-align: center;
}

.fontSizer { float:right; margin-right:2px; }
#navTop ul.fontSizer li { padding: 0; }
#navTop ul.fontSizer li a, #navTop ul.fontSizer li a:visited { padding: 0.5em 0.2em; }
#navTop ul.fontSizer li a#normal {}
#navTop ul.fontSizer li a#greater {font-size:120%; padding:0.35em 0.2em;}
#navTop ul.fontSizer li a#greatest {font-size:140%; padding:0.2em 0.2em;}

.fontColor { float:right; margin-right:25px; }
#navTop ul.fontColor li { padding: 0; }
#navTop ul.fontColor li a, #navTop ul.fontColor li a:visited { padding: 0.5em 0.2em; }

/*** Search Box **************************************************/

#searchBox {
	margin: 0em 1.5em 0.6em 0em;
	background-color: #4d758c;
	font-size: 100%;
	color: #fff;
	width: 160px;
	height: 60px;
}

#searchBox h3 {
	margin: 0em 1.8em;
	padding: 0.35em 0 0;
}
/*
#searchBox input {
	background: #7a1501;
	border: 1px solid #ffffff;
	color: #ffffff;
}

#searchBox .text {
	background: #ffffff;
	border: 2px solid #ffffff;
	color: #00395A;
	margin: 0.5em 0em 0em 0.5em;
}
*/
/*** Subnavigation Right **************************************************/

#subNavRight {
	/*height: 343px;*/
	background-color: #4d758c; /*#ccd7de;*/
	text-align: center;
	padding-bottom: 10px;
	min-height: 333px;
	height:auto !important; 
	height: 333px;
}

#subNavRight h3 {
	color: #c3b600; /*#7a1501;*/
	font-size: 15px; /*100%;*/
	font-weight: bold;
	padding: 10px 0 12px 0;
}

.subNavRightInside {
	margin: 0 0 11px 0;
	height: 139px;
	overflow: hidden;
}

#subNavRightArchive {
}

#subNavRightThemes {
}

.subNavRightTitle {
	font-size: 100%; /*108%;*/
	margin: 0 0 3px 0;
}

.subNavRightTitle a, .subNavRightTitle a:visited {
	color: #fff;
}
.subNavRightTitle a:hover {
	color: #BAC7D7;
}

/*** Newsletter_subscribe **************************************************/

#mcol label {
float:right;
font-size: 100%; /*85%;*/
margin:0 1em 0 0;
}

#mcol input {
background-color:#F1F1F1;
border:0 none;
font-size: 100%; /*85%;*/
margin:0 0 0.7em;
padding:0.1em 0 0.2em 0.3em;
}

#mcol input.button {
	background-color: #7a1501;
	border: 1px solid transparent; /*#fff;*/
	color: #fff;
	float: right;
}

#mcol textarea{
	margin:0 0 0.7em;
	font-size: 100%; /*85%;*/
}

/*** Font Sizer **************************************************/

.normal{
	font-size: 100%;
}

.greater{
	font-size: 120%;
}

.greatest{
	font-size: 140%;
}

.fontSizer a, .fontSizer a:visited, .fontColor  a, .fontColor a:visited{
	text-decoration: none;
	color: #BAC7D7;


}
.fontSizer a:hover, .fontColor a:hover {

	color: #fff;
}

.fontSizer a.active, .fontSizer a.active:visited {
	background-color: #540000; /*#00395a;*/
	color: #fff;
	padding: 0em 0.59em 0.2em 0.59em;
border-bottom: 1px solid #540000;
}

.fontColor a.active, .fontColor a.active:visited{
	background-color: #540000; /*#00395a;*/
	color: #fff;
	padding: 0 1em 0.1em 1em;
border-bottom: 1px solid #540000;
}

.nonActive{
	color: #BAC7D7;
	padding: 0pt 0.72em 0;
	/*background: #000; /*testing and illustration only!*/
}

.fontColorNonActive {
	color: #BAC7D7;
	/*padding: 0 1em 0.1em 1em;*/
}



.white {
	color: #fff;
}

.black {
	color: #000;
}

.subitem { clear: both; margin-bottom: 10px; }
.rssrow { padding-bottom: 5px; border-bottom: 1px dotted #4D758C; }
.subitem img.imgleft { margin-top:0; }

/** SITEMAP ****/
#siteMap .level1 { margin: 0em 1em; }
#siteMap .level2 { margin: 0em 2em; }
#siteMap .level3 { margin: 0em 3em; }

/** SELECIE VD DAG ****/
#selection a, 
#selection table tr td a,
#selection a:visited,
#selection table tr td a:visited
{
color: white;
text-decoration: underline;
}

.lastmod { padding:10px 0 0 10px; }

.contactform {
padding: 0 10px 10px 10px;
}
.contactform h2 a, .contactform h2 a:visited {
color: #fff;
cursor: text;
}

#mcol h3.selectievandedag {
display:block;color:#fff;background-color:#c3b600;text-align:center;font-size:138.5%;letter-spacing:0.3em
}
.atlantisheader {
color: #C3B600;
}
#selection table tr td.atlantisarchief {
border:1px solid #fff; /*#B8C8D1;*/
color:#fff; /*#B8C8D1;*/
}
#selection table tr td.atlantisarchief a, 
#selection table tr td.atlantisarchief a:visited {
color:#fff; /*#B8C8D1;*/
}