/* Copyright 2007 Wennekes Webdesign */

body
  {
	background: #808080;
	/* background-image: url(body.png); */
	/* filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#000020', startColorstr='#000060', gradientType='0'); */
	background-repeat: repeat-x;
	background-attachment: fixed; 
	padding: 0px;
	margin: 0px;
	overflow-y: auto; 
	overflow-x: hidden;
	scrollbar-face-color: #808080;        /* Iedem als background */
	scrollbar-highlight-color: #808080;   /* Iedem als background */
	scrollbar-shadow-color: #E0E0E0;      /* Iedem als p color */
	scrollbar-3dlight-color: #E0E0E0;     /* Iedem als p color */
	scrollbar-arrow-color:  #E0E0E0;      /* Iedem als p color */
	scrollbar-track-color: #808080;       /* Iedem als background */
	scrollbar-darkshadow-color: #808080;  /* Iedem als background */
  }

body,p,h1,h2,h3,h4,h5,h6,legend,label,td,th,div 		
  {
  text-align: justify;
  font-family: Arial;
  color:#E0E0E0;
  font-size: 10pt;
  text-decoration:none;
  margin: 6px;
  }	

h1 		{font-size: 20pt;}
h2 		{font-size: 16pt;}
h3 		{font-size: 14pt;}
h4 		{font-size: 12pt;}
h5 		{font-size: 10pt;}
h6 		{font-size:  9pt;}

.left     {text-align: left;}
.center   {text-align: center;}
.right    {text-align: right;}
.justify  {text-align: justify;}



p.header  {font-family: Arial; color: #404040; font-size: 48pt; text-decoration:none;}
p.footer  {font-family: Arial; color: #404040; font-size:  9pt; text-decoration:none; letter-spacing:.3em; word-spacing:.5em;}

p.stat		          {font-family: Arial; color: #404040; font-size: 16pt; text-decoration:none; text-align: center;}
p.maintext  	      {text-align: justify; font-family: Arial; color: #202020; font-size: 10pt; text-decoration:none}	



div.container
  {
  position: absolute; top:   0px; left: 50%; width: 800px;
	padding: 0px; margin: 0px 0px 0px -400px;
  }
  
div.navbar
  {
  background: #FFCC00 url(navbar.png) repeat-y top left;
  top: 70px; left: 0px; width: 100%; height: 24px; margin: 0px; padding: 0px;
  border-color: #FF6600; border-width: 4px 0px 4px 0px; border-style: solid; overflow-x: hidden;
  }

div.header
  {
  position: relative;
  background: #26354A url(header.png) no-repeat top right;
  z-index: 1; width: 800px; height: 70px;
	padding: 0px; margin: 0px; border: 0px; overflow: hidden;
	}
	
div.middle
  {
  position: relative;
  border: 0px solid #800000; margin: 0px; padding: 0px;
  height: 500px;
  }

div.footer
  {
  position: relative;
  background: #000000;
  width: 800px;
  padding: 0px; margin: 0px; overflow: hidden;
  }

div.kader
  {
  position: absolute; z-index: 3; background-color: #000000; opacity: 0.45; filter: alpha(opacity=45);
	}

div.popup
  {
  position:absolute;
  height:400px; 
  width:360px;
  margin:-200px 0px 0px -180px;
  top: 50%; 
  left: 50%;
  text-align: left; color: #111;
  padding: 8px;
  z-index: 98;
  background-color: #FFF; opacity: 0.80; filter: alpha(opacity=80);
  border: 0px solid #FFF;
  overflow: auto;
  }


div.image	{background-color: #26354A; border-bottom: 1px solid #D3DCE6; position: absolute; top: 0px; left:  0px; width: 256px; height: 460px; margin:  0px; padding:  0px; overflow: hidden;}
div.text	{background-color: #D3DCE6; border-bottom: 1px solid #D3DCE6; position: absolute; top: 0px; right: 0px; width: 544px; height: 460px; margin:  0px; padding:  0px; overflow: auto;
	scrollbar-face-color: #D3DCE6;
	scrollbar-highlight-color: #D3DCE6;
	scrollbar-shadow-color: #c0c0c0;
	scrollbar-3dlight-color: #c0c0c0;
	scrollbar-arrow-color:  #c0c0c0;
	scrollbar-track-color: #D3DCE6;
	scrollbar-darkshadow-color: #D3DCE6;
}

div.menu  	{float: left;  width: 240px; margin:  0px; padding:  0px; overflow: auto;}
div.article	{float: right; width: 540px; margin:  0px; padding:  0px; overflow: auto;
	scrollbar-face-color: #D3DCE6;
	scrollbar-highlight-color: #D3DCE6;
	scrollbar-shadow-color: #c0c0c0;
	scrollbar-3dlight-color: #c0c0c0;
	scrollbar-arrow-color:  #c0c0c0;
	scrollbar-track-color: #D3DCE6;
	scrollbar-darkshadow-color: #D3DCE6;
}

div.newsheader    {background: #111; padding: 0px; margin: 0px; border: 1px solid #111;}

div.newsarticle {border: 0px solid red;}

div.kader2    {background: #222 url(news.gif); padding: 0px; margin: 0px; border: 1px solid #111;}

div.gb	{background: #26354A url(gastenboek.jpg) no-repeat top left; border-bottom: 1px solid #D3DCE6; position: absolute; top: 0px; right: 0px; width: 800px; height: 460px; margin:  0px; padding:  0px;
	scrollbar-face-color: #26354A;
	scrollbar-highlight-color: #26354A;
	scrollbar-shadow-color: #c0c0c0;
	scrollbar-3dlight-color: #c0c0c0;
	scrollbar-arrow-color:  #c0c0c0;
	scrollbar-track-color: #26354A;
	scrollbar-darkshadow-color: #26354A;
	overflow-y: auto; 
	overflow-x: hidden;
}

div.kolom
  {
  position: relative; border: 0px solid #800000; margin: 0px; padding: 0px; float: left; overflow-x: hidden; overflow-y: auto;
  min-height:500px;
  }

img
  {
  border: 0px; padding: 0px; margin: 0px;
  }

xmp
  {
  color: #FFF;
  }


div.script
  {
  background-color: #433D42; opacity: 0.75; filter: alpha(opacity=75);
  margin: 50px; padding: 6px; border: 1px solid #300;
  overflow-x: scroll;
  }

div.scriptexample
  {
  margin: 50px;
  }

div.webontwerpform
  {
  border: 1px dotted #FF6600;
  padding: 6px; margin: 6px;
  }


a	   	      {color:#E0E0E0; text-decoration:none}
a:hover	   	{color:#FFFFFF;}

a.normal	   	      {color:#101010; text-decoration: underline;}
a.normal:hover	   	{color:#404040; text-decoration: underline;}


a.imglink           {border: 0px;}
a.imglink:hover     {background-color: #000; opacity: 0.50; filter: alpha(opacity=50);}

a.webdesign {
	color: #FF6600;
	font-weight:normal;
	text-decoration:none;
	}
	
a.webdesign:hover {
	color: #FFBA00;
	}




/* verticale navigatiebalk */

#navhome a {
  display: block;
  background-color: #000; opacity: 0.70; filter: alpha(opacity=70); /* Dit remarken voor geen balken */
  width: 100%;
  margin: 0px 0px 0px 0px;
  padding: 0px 20px 0px 20px;
	color: #FF6600;
	font-weight: normal;
	text-decoration: none;
	}

#navhome a:hover {
  background-color: #000; opacity: 0.50; filter: alpha(opacity=50);
  width: 100%;
	color: #FFBA00;
	}

#navhome .chapter {
                  padding: 0px 20px 0px 10px;
                  color: #FFBA00;
                  }

#navhome  {
          
          list-style: none; /* Geen bullets */
          margin: 0px;
          padding: 0px; /* komt bij li's */
          
          }

#navhome li {
            border-style: solid none solid none;
            border-width: 0px;
            border-color: #66ff00;
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 1px 0px;
            text-align: left;
            font:11px Arial, Helvetica, sans-serif;
            color: #FFBA00;
            letter-spacing:.1em;
            line-height:18px;
            }


#navknow a {
  display: block;
  /* -->background-color: #222; /* Dit remarken voor geen balken */
  width: 200px; /* 240 - 2x padding*/
  margin: 0px 0px 0px 0px;
  padding: 0px 20px 0px 20px;
	color: #FF6600;
	font-weight: normal;
	text-decoration: none;
	}

#navknow a:hover {
  /* -->background-color: #422; /* Dit remarken voor geen balken */
  
	color: #FFBA00;
	}

#navknow .chapter {
                  padding: 0px 20px 0px 10px;
                  width: 210px;
                  color: #FFBA00;
                  }

#navknow  {
          
          list-style: none; /* Geen bullets */
          margin: 0px;
          padding: 0px; /* komt bij li's */
          
          }

#navknow li {
            border-style: solid none solid none;
            border-width: 0px;
            border-color: #66ff00;
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 1px 0px;
            text-align: left;
            font:11px Arial, Helvetica, sans-serif;
            color: #FFBA00;
            letter-spacing:.1em;
            line-height:18px;
            }

.pagename {
	font:16px Arial, Helvetica, sans-serif;
	color: #FF6600;
	letter-spacing:.4em;
	margin: 50px;
	text-align: left;
	}

.imageText {
	position: absolute;
	top: 20px;
	left: 20px;
	font:11px Arial, Helvetica, sans-serif;
	color: #FFBA00;
	letter-spacing:.1em;
	line-height:18px;
	}

.sidebarText {
	position: absolute;
	bottom: 20px;
	left: 20px;
	font:11px Arial, Helvetica, sans-serif;
	color: #FFBA00;
	letter-spacing:.1em;
	line-height:18px;
	}

.bodyText {
	font:11px Arial, Helvetica, sans-serif;
	line-height:22px;
	color:#26354A;
	letter-spacing:.1em;
	margin: 50px;
	text-align: justify;
	}

.kbText {
	font:11px Arial, Helvetica, sans-serif;
	line-height:22px;
	color:#26354A;
	letter-spacing:.1em;
	margin: 50px;
	text-align: justify;
	}


/* Horizontale navigatiebalk */

a.navbar {
  display: inline;
  float: left;
	font:10px Arial, Helvetica, sans-serif;
	color: #26354A;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing:.1em;
	line-height:24px;
	word-spacing:80px;
  margin: 0px;
	padding: 0px 10px;
	border-right:1px solid #FF6600;
	}
	
a.navbar:hover {
	color:#e0e0e0;
	background: #FF6600;
	}


a.navbaractive {
  display: inline;
  float: left;
	font:10px Arial, Helvetica, sans-serif;
	color: #26354A;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing:.1em;
	line-height:24px;
	word-spacing:80px;
  margin: 0px;
	padding: 0px 10px;
	border-right:1px solid #FF6600;
	background: url(corner.gif) no-repeat bottom right;
	}
	
a.navbaractive:hover {
	color:#e0e0e0;
	background: #FF6600;
	}



/*    Formulieren    */

              
label.contact		{margin: 0px 0px 8px 4px}

input.contact		{border:1px solid #E0E0E0; background-color: transparent;
               color: #C0C0C0; font-size: 10pt; font-family: Arial}

textarea.contact		{border:1px solid #E0E0E0; background-color: transparent;
                   color: #E0E0E0; font-size: 10pt; font-family: Arial;
  scrollbar-face-color: #26354A;        /* Iedem als background div.main */
	scrollbar-highlight-color: #26354A;   /* Iedem als background div.main */
	scrollbar-shadow-color: #E0E0E0;      /* Iedem als color */
	scrollbar-3dlight-color: #E0E0E0;     /* Iedem als color */
	scrollbar-arrow-color:  #E0E0E0;      /* Iedem als polor */
	scrollbar-track-color: #26354A;       /* Iedem als background div.main */
	scrollbar-darkshadow-color: #26354A;  /* Iedem als background div.main */
  }



label.cv		{margin: 0px 0px 8px 4px}

input.cv		{border:1px solid #E0E0E0; background-color: transparent;
               color: #FFF; font-size: 10pt; font-family: Arial}

textarea.cv		{border:1px solid #E0E0E0; background-color: transparent;
                   color: #FFF; font-size: 10pt; font-family: Arial;
  scrollbar-face-color: #26354A;        /* Iedem als background div.main */
	scrollbar-highlight-color: #26354A;   /* Iedem als background div.main */
	scrollbar-shadow-color: #E0E0E0;      /* Iedem als color */
	scrollbar-3dlight-color: #E0E0E0;     /* Iedem als color */
	scrollbar-arrow-color:  #E0E0E0;      /* Iedem als polor */
	scrollbar-track-color: #26354A;       /* Iedem als background div.main */
	scrollbar-darkshadow-color: #26354A;  /* Iedem als background div.main */
                   }


#cv1normal,#cv2normal,#cv3normal,#cv4normal,#cv5normal,#cv6normal {opacity: 0.30; filter: alpha(opacity=30);}
#cv1actief,#cv2actief,#cv3actief,#cv4actief,#cv5actief,#cv6actief {opacity: 0.50; filter: alpha(opacity=50); background-color: #f00;}

fieldset#gegevens	  {float: left; margin: 9px 9px 9px 9px; width: 540px}
fieldset#vraag		  {float: left; margin: 9px 9px 9px 9px; width: 740px}
fieldset#verzenden	{float: right; margin: 9px 9px 9px 9px; width: 160px}