﻿html, form, body { margin: 0 auto; }
body { background-color:#e7e7e8; margin: 0; padding: 0; font-family: Verdana, Helvetica, Tahoma, sans-serif; font-size: 11px; color: #000000; text-align: center; 
       /* background: #F1F1F2 url(../img/background.jpg) top center fixed repeat-y; */}

a				{ color: #FF0000; text-decoration: none; }

div#con		{ text-align: left; background: #e7e7e8 url('/img/backgroundhome.jpg') top left repeat-y; }

.titel					{ width: 580px; height: 30px; float: left; }

#menuContainerTop						{ position:absolute; text-align:right; width:865px; top:94px; }
#menuContainer							{ overflow: hidden; margin-top: 275px; width: 899px; background: url(../img/bgMenuHome.jpg) no-repeat; height: 34px; }
#menuContainer a						{ line-height: 18px; padding-top: 8px;}
#linkNaarHomepageContainer	{ width: 180px; height: 125px; position: absolute; }
#linkNaarHomepage						{ display: block; height: 100%; width: 100%; }


.inhoud { width: 940px; overflow: visible; padding: 23px 10px 0px 10px; position: relative; }
.left		{ width: 200px; float: left; margin-top:3px; overflow: hidden; }
.right { width: 660px; line-height: 18px; position:relative; float:right; margin-left:15px; }

img.rechts		{ margin: 0 0 1em 2em; border: solid 4px #ABB8C0; float: right; }

#divSpecial { position: absolute; vertical-align: top; top: 23px; right: 0px; float: right; width: 210px; border: solid 0px #FF00FF; text-align: left; }

/************ homekolom ************/

.homekolom									{ width:221px; height: 246px; float:left; margin-left:0px; border:solid 0px red; background:url('/img/homekolom_bg.jpg'); }

h1#columntemplateheader				{ margin-left:16px; width:198px; height:16px; margin-top:20px; margin-bottom:0px; font-size:12px; color:#acb8bf; }
h5#columntemplatedatum				{ visibility: hidden; display: none; }
p#columntemplatebody					{ padding: 6px 7px; margin-left:10px; width:186px; height:182px; margin-top:0px; overflow: hidden; }
p#columntemplatebody a				{ color: #ee4736; line-height: 2em; }
p#columntemplatebody a:hover	{ text-decoration: underline; }
p#columntemplatebody img			{ margin: 0; padding: 0; position: relative; left: -6px; }
	
/************ Layout ************/

h1 { font-size: 15px; margin-top: 1px; color: #000000; }
h2 { font-size: 14px; color: #000000; margin-bottom: -10px; }

a.TopMenuItem:link { font-size: 10px; font-weight: bold; text-decoration: none; color: #ACB8BF; }
a.TopMenuItem:visited { font-size: 10px; font-weight: bold; text-decoration: none; color: #ACB8BF; }
a.TopMenuItem:hover { font-size: 10px; font-weight: bold; text-decoration: underline; color: #ACB8BF; }
a.TopMenuItem:active { font-size: 10px; font-weight: bold; text-decoration: none; color: #ACB8BF; }

a.MenuItem:link { font-size: 9px; font-weight: bold; text-decoration: none; color: #FFFFFF; }
a.MenuItem:visited { font-size: 9px; font-weight: bold; text-decoration: none; color: #FFFFFF; }
a.MenuItem:hover { font-size: 9px; font-weight: bold; text-decoration: underline; color: #FFFFFF; }
a.MenuItem:active { font-size: 9px; font-weight: bold; text-decoration: none; color: #005331; }

a.MenuItemActive:link { font-size: 9px; font-weight: bold; text-decoration: none; color: #005331; }
a.MenuItemActive:visited { font-size: 9px; font-weight: bold; text-decoration: none; color: #005331; }
a.MenuItemActive:hover { font-size: 9px; font-weight: bold; text-decoration: underline; color: #005331; }
a.MenuItemActive:active { font-size: 9px; font-weight: bold; text-decoration: none; color: #005331; }

div#menu a:link { text-decoration: none; font-weight: bold; text-transform: uppercase; color: #858588; padding-bottom: 10px; }
div#menu a:visited { text-decoration: none; font-weight: bold; text-transform: uppercase; color: #858588; padding-bottom: 10px; }
div#menu a:hover { text-decoration: underline; font-weight: bold; text-transform: uppercase; color: #858588; padding-bottom: 10px; }
div#menu a:active { font-weight: bold; text-transform: uppercase; text-decoration: none; color: #858588; padding-bottom: 10px; }

.focused { background-image: url(../img/pijltje.gif); background-repeat: no-repeat; }

#menu .text { padding-left: 20px; }

/**** Footer ***/
#footer					{ height: 50px; text-align: right;
									background-image: url(../img/footerhome.jpg); background-repeat: no-repeat; background-position: top left;
									color:#5d6163; font-size:11px; font-family: Tahoma, sans-serif; padding-bottom:3px;}
#footer a				{ color:#5d6163; text-decoration:underline;}
#footer a:hover { text-decoration:none;}
#footertext			{ padding-top:27px; text-align:right; padding-right:23px; background-image:none; float:right; }
#footertext, #footertext a, #footertext a:hover { color:#5d6163; }
#copyrightlink	{ padding-top:27px; text-align:left; padding-left:20px; background-image:none; float:left;}


#header { height: 38px; margin: 0 auto;
          background-image: url(../img/headerhome.jpg); background-repeat: no-repeat; background-position: bottom center;
          color:#5d6163; font-size:11px; font-family: Tahoma, sans-serif; }
/**** Nieuws component ***/
.newsItem { border: solid 2px #ACB7BE; margin-bottom: 10px; width: 200px; font-size: 11px; text-align: left; }
.newsItem td, .newsItem th { padding: 5px; }

/**** Nieuwsoverzicht ****/
.newsItemOverzicht { margin-bottom: 15px; }
.newsItemOverzicht tr { margin-bottom: 20px; }
.newsItemOverzicht td, .newsItemOverzicht th { padding-left: 0px; }

div#newsItemContainer		{ background-image: url(../img/laatstenieuws.jpg); background-position: left top; background-repeat: no-repeat; padding-top: 18px; }
