@charset "utf-8";

body {
	/* font-family: Arial, Helvetica, sans-serif; */
	font-size:80%;
	margin: 0;
	background-image: url(images/bg.jpg); background-color:#e6f5fc; background-repeat:repeat-x; 
	font-family:verdana, arial, sans-serif;
	color:#666666;
	line-height: 17px;
	}
	
#container {
	width: 780px;
	background: #fff url(images/header_vl.jpg) repeat-x;
	margin: 0 auto;
	padding-left: 20px;
	}

#header {
	width: 99%;
	height: 60px;
	padding: 10px;
	}
	
#header h1 {
	color: #fff;
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	margin: 0;
	width: 500px;
	h1 {
	margin:0;
	font-size:20px;
	font-weight:normal;
	font-style:italic;
	color:#4169E1;
  font-family: myFirstFont;
	line-height: 25px;
		}
	}

form {
	float: left;
	font-size: 9px;
	margin-right: 0px;
	margin-top: 10px;
	}
.searchbutton {
	background: #E47F8C;
	border: 1px solid #ccc;
	width: 40px;
	height: 23px;
	cursor: pointer;
	font-weight: bold;
	color: #FFFFFF;
	}

#menu {
	float: left;
	width:100%;
	background:#DAE0D2 url("images/bg.gif") repeat-x bottom;
	font-size:93%;
	line-height:normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	}

#content {
	width: 530px;
	float: left;
	padding-top: 18px;
	padding-right: 5px;
	padding-left: 5px;
	margin-bottom: 0px;
	padding-bottom: 20px;
	margin-left: 10px;
	}
#keuze {
	width: 530px;
	float: left;
	padding-top: 0px;
	padding-right: 5px;
	padding-left: 5px;
	margin-bottom: 0px;
	padding-bottom: 5px;
	margin-left: 10px;
	}
	
#contentartikel {
	width: 100%;
	float: left;
	padding-top: 18px;
	padding-right: 0px;
	padding-left: 0px;
	margin-bottom: 0px;
	padding-bottom: 20px;
	margin-left: 0px;
	}
a.story_title {
	margin: 0;
	font-size: 12px;
	color: #0066FF;
	text-decoration: none;
	font-weight: bold;
	}
	
 a.story_title:hover {
	color: #7F2429;
	}
	
	
#content p {
	line-height: 150%;
	margin-bottom: 0px;
	}

#content h2.inhoud {
	font-size: 9px; 
	}
.noot {
	font-size: 11px; 
	}

#footer {
	width: 760px;
	clear: both;
	text-align: left;
	font-size: 10px;
	color: #999; 
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 0px;
	}
#footer a {
	color:  #0000FF;
	text-decoration: underline;
	}
	
#footer a:hover {
	color: #000;
	}
.footernoot {
	font-size: 9px;
	color: #333; 
	}
.artikelnoot {
	font-size: 11px;
	font-style:italic;
	color: #333; 
	}		
.formtag {
	margin-bottom: 10px;
}

input.search {

	background: #FFFFFF;
	color: #999999;
	border: 0;
	font-size: 11px;
	padding: 3px;
}
	
#sidebar {
	width: 165px;
	float: right;
	padding: 5px 10px 10px 10px;
	background-color: #EFF8FA;
	height: auto;
	overflow: none;
	}

#sidebar h1 {
	margin: 0;
	font-size: 12px;
	font-weight:bold;
	color: #0066FF;
	padding: 0;
	}

#sidebar h2 {
	margin: 0;
	font-size: 11px;
	color: #CC3300;
	padding-bottom: 5px;
	}

.nadruk {
	color: #0066FF;
	padding: 0 0 0 0;
	}
.nadrukbg {
	color: #0066FF;
	font-weight:bold;
	padding: 0 0 0 0;
	background-color: #FFFF00;
	}
.nadrukindex {
	color: #0066FF;
	font-size: 12px;
	padding: 0 0 0 0;
	}
.nadrukitalic {
	color: #0066FF;
	font-style:italic;
	padding: 0 0 0 0;
	}
.nadrukbold {
	color: #0066FF;
	padding: 0 0 0 0;
	font-weight:bold;
	}
.nadrukbold2 {
	color: #ADFF2F;
	padding: 0 0 0 0;
	font-weight:bold;
	}
.klein {
	font-size: 9px;
	padding: 0 0 0 0;
	margin: 0;
	}
#brochure {
	float: left;
	padding-right: 10px;
	padding-left: 20px;
} 
#content li li{
	padding:0 0 0 0;
	list-style:none;
	margin: 0 0 0 10px;
	list-style-image: url(images/backvl3.gif);
	}
#content li{
	padding:0 0 0 0;
	list-style:none;
	margin: 0 0 0 10px;
	list-style-image: url(images/backvl1.gif);
	}

h1 {
	margin:0;
	font-size:20px;
	font-weight:normal;
	font-style:italic;
	color:#4169E1;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 25px;
		}
	
h2 {
	background-color:#C4E1FF;
	color:#CC3300;
	font-size:100%;
	font-weight:bold;
	padding:0;
	font-style:italic;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-right: 20px;
}
h3 {
	background-color:#C4E1FF;
	color:#CC3300;
	font-size:80%;
	font-weight:bold;
	padding:0;
	font-style:italic;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-right: 20px;
}
h4 {
	background-color:#FFFF00;
	color:#CC3300;
	font-size:100%;
	font-weight:bold;
	padding:0;
	font-style:italic;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-right: 20px;
	text-align: center;
	border-radius:15px;
-moz-border-radius:10px; /* Firefox 3.6 and earlier */
-moz-box-shadow: 10px 10px 5px #888888; /* Firefox 3.6 and earlier */
-webkit-box-shadow: 10px 10px 5px #888888; /* Safari */
box-shadow: 10px 10px 5px #888888;
/*  animatieinstellingen */
animation:h4 5s infinite;;
-moz-animation:h4 5s infinite;;
-webkit-animation:h4 5s infinite;;

}
.rechts {
	float:right;
	padding-right: 10px;
	}
#kollinks {
	float: left;
	width: 300px;
}
#kolrechts {
	float: right;
	width: 200px;
}
#kollinks_index {
	float: left;
	width: 49%;
}
#kolrechts_index {
	float: right;
	width: 50%;
}
#rood {
float: right;
width: 200px;
background-color:#C4E1FF;
}
#zitting li{
	padding:0;
	list-style:none;
	margin: 5px 10px 10px 10px;
	list-style-image: url(images/backvl1.gif);
	}
#zitting P.lijn {BORDER-RIGHT: red thick solid;
				 BORDER-TOP: red thick solid;
				 BORDER-LEFT: red thick solid;
				 BORDER-BOTTOM: red thick solid}
#zitting A:hover {
	COLOR: #666666
}
#zitting TD.menu {BACKGROUND: #EFF8FA}
#zitting TD.menu1 {BACKGROUND: #C4E1FF}
#zitting TABLE.menu {
	FONT-SIZE: 10px;
	VISIBILITY: visible;
	POSITION: absolute;
	top: inherit;
	left:inherit;
	width:18%;
	background-color: #0066FF;
}
#zitting a:active {color:black;}
#zitting .divs div {display:block; padding:10px; border:10px solid black}
#zitting .divs .lower {border-top:none}
#zitting .divs .bold {font-weight:bold}
#zitting .divs .darkgrey {border-color:#8b8b8b; margin-bottom:10px}
#zitting .noot {
	font-size: 9px; 
	}
#zitting h2 {
	width: 69%
}
#taal {
	float: right;
	padding: 5px 10px 10px 10px;
	height: auto;
	overflow: none;
	}
 td {
	margin:0;
	font-size:12px;
	font-weight:normal;
	font-family:Verdana,Arial, Helvetica, sans-serif;
		}
th {
	margin:0;
	font-size:14px;
	font-weight:normal;
	font-family:Verdana,Arial, Helvetica, sans-serif;
		}

#animated_img
{position:relative;
-webkit-animation:animated_img 2s 1;
-webkit-border-radius:15px; }
@-webkit-keyframes animated_img
{	0%{	-webkit-transform: rotate(0deg);}
100%	{	-webkit-transform: rotate(360deg)	}}

#animated_img30
{position:relative;
-webkit-animation:animated_img30 2s 1;
-webkit-border-radius:15px; }
@-webkit-keyframes animated_img30
{	0%{	-webkit-transform: rotate(0deg);}
100%	{	-webkit-transform: rotate(30deg)	}}
	

#content img
{
		border-radius:15px;
-moz-border-radius:10px; /* Firefox 3.6 and earlier */
-moz-box-shadow: 10px 10px 5px #888888; /* Firefox 3.6 and earlier */
-webkit-box-shadow: 10px 10px 5px #888888; /* Safari */
box-shadow: 10px 10px 5px #888888;
}

#sidebar img
{
		border-radius:15px;
-moz-border-radius:10px; /* Firefox 3.6 and earlier */
-moz-box-shadow: 10px 10px 5px #888888; /* Firefox 3.6 and earlier */
-webkit-box-shadow: 10px 10px 5px #888888; /* Safari */
box-shadow: 10px 10px 5px #888888;
}

h5
{
	background-color:#FFFF00;
	color:#CC3300;
	font-size:100%;
	font-weight:bold;
	padding:0;
	font-style:italic;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-right: 20px;
	text-align: center;
	position:relative;
	/*  borderinstellingen */
	border-radius:15px;
-moz-border-radius:10px; /* Firefox 3.6 and earlier */
	/*  schaduwinstellingen */
-moz-box-shadow: 10px 10px 5px #888888; /* Firefox 3.6 and earlier */
-webkit-box-shadow: 10px 10px 5px #888888; /* Safari */
box-shadow: 10px 10px 5px #888888;
/*  animatieinstellingen */
animation:h5 2s 1;
-moz-animation:h5 2s 1;
-webkit-animation:h5 2s 1;
border-radius:5px;
-webkit-border-radius:5px;
}
@keyframes h5
{0%		{transform: rotate(0deg);left:-100px;}
25%		{transform: rotate(0deg);left:0px;}
50%		{transform: rotate(0deg);left:100px;}
55%		{transform: rotate(0deg);left:100px;}
70%		{transform: rotate(0deg);left:100px;}
100%	{transform: rotate(-360deg);left:0px;}
}
@-webkit-keyframes h5
{
/* from {left:0px;}
to {right:100px;} */
0%		{-webkit-transform: rotate(0deg);left:-100px;}
25%		{-webkit-transform: rotate(0deg);left:0px;}
50%		{-webkit-transform: rotate(0deg);left:100px;}
55%		{-webkit-transform: rotate(0deg);left:100px;}
70%		{-webkit-transform: rotate(0deg);left:100px;}
100%	{-webkit-transform: rotate(-360deg);left:0px;}
}
@-moz-keyframes h5
{
0%   {-moz-transform: rotate(0deg);left:-100px;}
25%  {-moz-transform: rotate(0deg);left:0px;}
50%  {-moz-transform: rotate(0deg);left:100px;}
55%  {-moz-transform: rotate(0deg);left:100px;}
70%  {-moz-transform: rotate(0deg);left:100px;}
100% {-moz-transform: rotate(-360deg);left:0px;}
}
@keyframes h4
{
from {left:-100px;}
to {right:100px;}
}
@-moz-keyframes h4
{
from {left:-100px;}
to {right:100px;}
}@-webkit-keyframes h4
{
from {left:-100px;}
to {right:100px;}
}