* {padding: 0; margin: 0;}

html, body, form {height:100%;}

body {background: #fff url(images/body_bg_2.gif) repeat-x 0 0;font-family: verdana, Tahoma;font-size: 0.8em; line-height: 1.9em; color: #333;}

p,h1,h2,h3,h4,ul,ol { margin: 8px 0 }
ul, ol {list-style-position:inside; position:relative;}

ol#disclaimer li, ol#disclaimer li ul li { padding-bottom: 4px; }

table {border-collapse: collapse;}
img {border: 0;}
.string{color:#a31515}
.italic{font-style:italic}
.bold{font-weight:bold}

a:link {color: #000; text-decoration: underline;}
a:visited {color: #800080; text-decoration: underline;}
a:focus, a:hover, a:active {color: #ce303b; }
a.back{background:url(images/back.gif) no-repeat 0 3px; padding-left:12px}

#outer{position:relative; width: 900px; margin: 0 auto; }
* html #outer{ background: url(images/body_bg.jpg) repeat-x 0 0; }

#CmsMenu {clear: both; height: 25px;margin-left:-15px;}
#CmsSubMenu {clear: both; height: 25px;}
#CmsMenu a:link, #CmsMenu a:visited {
	text-decoration:none;
	color: white;
	font-weight: bold;
	text-transform: uppercase; 
	text-align:  center;
		font-size: 12px;
	padding:0 15px;
	display:block;
	float:left;
}
/*#CmsMenu a:focus, #CmsMenu a:hover, #CmsMenu a:active {background-color: #ca3a40;}*/
#CmsMenu a:focus, #CmsMenu a:hover, #CmsMenu a:active {background:url(images/menu_hover.gif) repeat-x 0 0}
#CmsMenu a.selected {background: #383838;border:solid 3px #2f2f2f;border-top:solid 3px #252525;border-bottom:solid 7px #383838;margin-bottom:-10px;}
* html #CmsMenu a.selected{margin-bottom:0}
#CmsMenu a.selected:hover{background: #383838;}

#CmsSubMenu a:link, #CmsSubMenu a:visited {text-decoration:none; color: white; font-weight: bold; text-transform: uppercase; 
	font-size: 10px; padding-right: 25px; margin: 0; 
}
#CmsSubMenu a:focus, #CmsSubMenu a:hover, #CmsSubMenu a:active {color: #ce303b;}
* html #CmsSubMenu{margin-top:-10px}

#CmsFooter {clear:both; position: relative; width:754px; margin: 0 auto; height:20px; padding-top: 5px; text-align:center; color: #666; background: #fff; font-size: 0.8em; margin-top: 25px;}
#CmsFooter a:link, #CmsFooter a:visited  {color: #666; border-bottom-width:0; text-decoration: none;}
#CmsFooter a:focus, #CmsFooter a:hover, #CmsFooter a:active {text-decoration: underline;}

#header {position: relative; padding: 5px 0 1px 0; width: 100%; height: 95px;}/* background: #fff url(images/branding_bg.gif) repeat-x 0 0;}*/

.logo {margin: 15px 0 0 0;}

#topNav {white-space:nowrap; position: relative; float: right; margin: 0;}
#topNav li {display: inline;}
#topNav a {position: relative; float:left; padding: 7px 10px 0 10px; margin-top: 7px; font-size: 0.8em; color: #dbdbdb; text-decoration: none; border-left: solid 1px #bbb; border-bottom-width: 0;}
#topNav a.first {border-left: 0;}
#topNav a:hover {color: #ce303b; bottom: 2px; border-bottom-width: 0;} 

#header h1 {position:absolute; top: 60px; width: 600px; text-align: right; right: 0; font-size: 1.0em; color: #dbdbdb; font-weight: normal; font-style: italic; font-variant: normal;}

p {margin-bottom: 15px;}
div.sitePreview {float:left; padding: 3px; border: solid 1px #bbb;}

h1, h1.tl {color: #90b241; font-size: 1.2em; margin-bottom: 5px; font-variant: small-caps; letter-spacing: 2px;}
h1.tr {color: #b80f14; font-size: 1.2em; margin-bottom: 5px; font-variant: small-caps; letter-spacing: 2px;}
h1.bl {color: #539bdd; font-size: 1.2em; margin-bottom: 5px; font-variant: small-caps; letter-spacing: 2px;}
h1.br {color: #e8a307; font-size: 1.2em; margin-bottom: 5px; font-variant: small-caps; letter-spacing: 2px;}
h2 {color: #e8a307; font-size: 1em; margin-bottom: 5px; font-variant: small-caps; letter-spacing: 2px;}
h2.tr{color: #b80f14}
h2.bl{color: #539bdd}
h3 {color: #000; font-size: 0.9em; margin-bottom: 5px; font-variant: small-caps; letter-spacing: 1px; font-weight: bold;}
h3.tl{color: #90b241}

a.more:link, a.more:visited{display:block; text-align: right; background: transparent url(images/arr_4.gif) no-repeat right 50%; padding-right: 8px; font-weight: bold; text-decoration: none;}
a.more:focus, a.more:hover, a.more:active {color: #404040;}

#CmsContent, #CmsLeft, #CmsRight {margin: 20px 0 10px 0;}
#CmsLeft {float:left; width: 630px; padding: 0;} 
#CmsRight {float: right; width: 219px; padding: 0 0 0 20px;}

div.block1 {float:left; width: 320px; padding: 0; margin-right: 20px;} 
div.block2 {float: right; width: 530px; padding: 0 0 0 30px;}

p.line {clear:both; margin: 10px 0 0 0; border-bottom: solid 1px #bbb;}

div.news {clear: both;}
td.date {white-space: nowrap; padding: 5px 5px 5px 0; width: 110px; vertical-align: top;}
td.item {border-bottom: dashed 1px #bbb; padding: 5px; vertical-align: top; width: 330px;}
#CmsRight td.date {width: 50px;}
#CmsRight td.item {width: 169px;}

td.item a:link, td.item a:visited  {color: #000; text-decoration: underline;}
td.item a:visited {color: #800080; text-decoration: underline;}
td.item a:focus, td.item a:hover, td.item a:active {color: #ce303b; text-decoration: underline;}
td.nick {border-bottom: dashed 1px #bbb; padding: 5px; vertical-align: top; width: 60px;}
td.cat {border-bottom: dashed 1px #bbb; padding: 5px; vertical-align: top; width: 100px;}

div#statement {color: #e9a206; position: absolute; right: 0; font-size: 11px; margin: 50px 5px 0 0; text-align: right;}
div#statement p {margin: 0;}

div.separator {clear: both; border-top: solid 1px #bbb; margin-bottom: 10px;}

div.rotator {text-align: center; font-weight: bold;position:relative;height:150px}
div.rotator div{display:none}
div.rotator div.first{display:block}
div.rotator div a{margin-left:38px;display:block}

.float_left { float: left; margin: 0 10px 10px 0;}
.float_right { float: right; margin: 0 0 10px 10px;}

.clear {clear: both;}

table.ref{margin-bottom:20px; line-height:1.5em}
table.ref th {font-weight: normal; font-style:italic; width: 100px; text-align: left; vertical-align: top; padding:3px 4px;}
table.ref td {vertical-align: top; padding:3px 4px;}
table.ref p {margin: 0; padding: 0}
div.catalog_separator{clear:both; height:5px; margin:10px 0 30px 0; background:url(images/catalog_separator.gif) no-repeat center 0}

/* Mensen */
.row {width: 900px;background: url(images/columns_bg.gif) repeat-y 0 0;}
.column {width: 270px;float: left;}
img.people {margin-top: 10px;margin-right: 10px;float: left;}
.column h1{color: #be1f24;font-size: 13px;}
.column h2{color: #000;font-size: 11px;}
.column p
{
	font-size: 11px;
	padding: 10px 0 0 0;
}
.middle
{
	padding: 0 40px;
}

/* Paging */
.pager {text-align: center; margin-top: 10px;}
.pager table {margin: 0 auto;}
.pager td {padding-bottom:5px}
.pager a{padding:0 5px}
td.pageSelected {font-weight: bold;}
/*Artikelen Erik*/
span.code{color:#d00;}
a#voorbeeld1{display:block;float:left;padding-right:20px;width:82px;height:82px;background:url(uploads/Afbeelding/mensen/Artikelen_Erik/normal.gif) no-repeat 0 0;}
a#voorbeeld1:hover{background-image:url(uploads/Afbeelding/mensen/Artikelen_Erik/hover.gif);} 
a#voorbeeld2{display:block;width:82px;height:82px;background:url(uploads/Afbeelding/mensen/Artikelen_Erik/normal_hover.gif) no-repeat 0 0;}
a#voorbeeld2:hover{background-position:-82px 0;} 
/*Gastenboek*/
.guestbook{background-color:#f5f5f5;padding:20px;border:solid 1px #aaa;color:#000; margin-top: 10px;}
.guestbook_row{padding-bottom:5px;}
.guestbook_label1{color:#000;font-weight:bold;width:100px;display:block;float:left;}
.guestbook_text, .guestbook_message{width:280px;padding:3px;border:solid 1px #6282a6;margin-right:10px;background-color:#fff;}
.guestbook_message{margin:0 10px 0 100px;height:80px;}
.captcha_row{margin-left:95px;font-size:14px;}
.captcha_row img{border:solid 1px #6282a6;padding:0;}
.captcha_row input{width:77px;border:solid 1px #7f9db9;padding:3px;margin-top:3px;background-color:#fff;}
.guestbook_button{margin-left:100px;padding:0 10px;}
.gb_item{width:586px;background:#fff;margin-bottom:10px;}
.gb_header{height:25px;background:#000;padding:2px 15px 2px 15px;color:#fff}
.gb_body{padding:15px}
span.gb_nick{color:#fff;font-weight:bold;}
span.gb_date{display:block;float:right;width:115px;color:#aaa;font-size:12px;}
.pager table{margin:0 auto;font-size:12px;}
.pager td{padding:0 1px;}
.pager td.pageSelected{font-weight:bold;}
.pager a{color:#5a5a5a;}
.pager a:hover{text-decoration:none;color:#000;}

table tr.t th {border-bottom: solid 1px #000;}
table tr.u td {border-bottom: solid 1px #bbb;}
table tr.e td {height: 20px;}

/*Fancylist*/
ul.fancylist{list-style:none none outside}
ul.fancylist li{background:url(images/fancylist.gif) no-repeat 0 0; display:block; height:40px; padding:5px 0 0 50px}
ul.fancylist a{text-decoration:none; color:#339cff; font-weight:bold}
ul.fancylist a:focus, ul.fancylist a:hover, ul.fancylist a:active{color:#ce303b}

/*Fancytable*/
table.fancytable th{text-align:left; background:#687eaa; color:#fff}
table.fancytable th, table.fancytable td{padding:0 15px 5px 5px; vertical-align:top}
table.fancytable tr.alt td{background:#ebeef4}
table.fancytable ol{margin:0}

/*Release notes*/
ul.release_notes li{margin:0 0 5px 0}
ul.release_notes ul{margin:0 0 5px 0}
ul.release_notes ul li{list-style-type:disc; padding-left:30px; margin:0}