/* CSS Document */

<style type="text/css">

/* Lay out and body */
		
		#dummy{
		}
		
		body {
			background-color: #AEC8CF;
			background-image: url(imgs/bkg.gif);
			background-repeat: repeat-x;			
			color: #1A2A43;
			font: normal 13px "Microsoft Sans Serif", "Lucida Sans Unicode", verdana, lucida, sans-serif;
		}
		
		#container {
			width: 620px;
			\width: 640px;
			w\idth: 620px;
			margin: 10px;
			margin-left: auto;
			margin-right: auto;
			padding: 10px;
			background-color: #F2F6F7;
			border: 2px solid #7C9AA8;
		}

		#banner {
			padding: 5px;
			margin-bottom: 10px;
			background-image: url(imgs/ijs_en_laptop3.jpg);
			height: 200px;
		}
		
		#title {
			padding: 20px;
			padding-top: 25px;
			margin-bottom: 10px;
			background-color: #8BA8B4;
			background-image: url(imgs/bkgnavtop.gif);
			background-repeat: repeat-x;
		}

		#nav {
			padding: 5px;
			margin-bottom: 10px;
			background-color: #8BA8B4;
			background-image: url(imgs/bkgnavtop.gif);
			background-repeat: repeat-x;
		}

		#content {
			padding: 10px;
			margin-right: 210px;
			background-color: #E5ECEF;
			border: 1px solid #8BA8B4;
		}
		
		#fullcontent {
			padding: 10px;
			background-color: #E5ECEF;
			border: 1px solid #8BA8B4;
		}
		
		#detail {
			display: block;
			width: 340px;
			height:140px;
			background-image: url(imgs/infotextballon.gif);
			background-repeat: no-repeat;
			padding : 42px 0px 0px 42px;
		}
		
		#sidebar-a {
			float: right;
			width: 180px;
			margin: 0;
			margin-left: ;
			padding: 10px;
			background-color: #8BA8B4;
			border: 1px solid #E5ECEF;
		}

		#footer {
			clear: both;
			padding: 5px;
			margin-top: 5px;
			background-color: #8BA8B4;
			background-image: url(imgs/bkgnavtop.gif);
			background-repeat: repeat-x;
		}
		
/* Gewijzigde tags en textstyle*/
	
		a:hover{
			text-decoration: underline;
		}

		#navlist a:hover { 
			color: #000; 
		}

		font.oranje {
			font-size: 32px;
			color: black;
		}

		img.blogitem {
			margin : 3px;
			padding : 4px;
			border : 1px solid #8BA8B4;
		    background-color: #F2F6F7;
			width: 200px;
		}
		
		img.persoon {
			margin : 3px;
			padding : 4px;
			border : 1px solid #8BA8B4;
		    background-color: #F2F6F7;
			width: 100px;
			height: 100px;
		}		
		
		#bannercontent {
			padding: 10px;
			margin-right: 250px;
			background: transparent;
		}	
			
		ul{
			margin: 0px;
			padding: 0px;
		}
		
		#content ul, #fullcontent ul{
			margin-left: 20px;
		}
		
		ul a {
			color: white;
			text-decoration: none;
		}
		
		#footer a {
			color: white;
			text-decoration: none;
		}
		
		#footer a:hover {
			color: white;
			text-decoration: underline;
		}
		
		#content a, #fullcontent a, #bannercontent a {
			color: #395B91;
			text-decoration: underline;
		}
		
		#content a:hover, #fullcontent a:hover, #bannercontent a:hover {
			color: #395B91;
			text-decoration: none;
			border-bottom : 1px dotted #395B91;
		}		
		
		a.boven {
			color: white;
			text-decoration: none;
			background-image: url(imgs/stripes.gif);
			padding : 15px 10px 5px 10px;
		}
		
		a.boven:hover {
			color: white;
			text-decoration: underline;
			background-image: url(imgs/stripes.gif);
			padding : 15px 10px 5px 10px;
		}
		
		.cssnav {
			position: relative;
			background-image: url(imgs/stripesop.gif);
			background-repeat: no-repeat;
			color : white;
			display: block;
			width: 180px;
			height: 100px;
			margin: 0;
			padding: 0;
		}
		
		.cssnavsticky {
			position: relative;
			background-image: url(imgs/stripesopsticky.gif);
			background-repeat: no-repeat;
			color : white;
			display: block;
			width: 180px;
			height: 100px;
			margin: 0;
			padding: 0;
		}

		.cssnav a, .cssnavsticky a {
			display: block;
			color: #000000;
			width: 180px;
			height: 100px;
			display: block;
			float: left;
			color: white;
			text-decoration: none;
		}

		.cssnav img, .cssnavsticky img {width: 180px; height: 100px; border: 0; }
		* html a:hover {visibility:visible; text-decoration: none;}
		.cssnav a:hover img, .cssnavsticky a:hover img{visibility:hidden}

		.cssnav span, .cssnavsticky span {
			position: absolute;
			left: 28px;
			top: 18px;
			margin: 0px;
			padding-right: 5px;
			cursor: pointer;
		}		

/* Hoofdingen */	
	
		h1 {
			font-size: 26px;
			font: "Microsoft Sans Serif", "MS Sans Serif", Arial;
		}
		
		
		h2 {
			font-size: 22px;
			font: "Microsoft Sans Serif", "MS Sans Serif", Arial;
		}
		
		h4{
			background-repeat: no-repeat;
			background-position: right ;
			font: "Microsoft Sans Serif", "MS Sans Serif", Arial;
			font-size: 16px;
		}
		
		h5{
			background-repeat: no-repeat;
			background-position: right ;
			font: "Microsoft Sans Serif", "MS Sans Serif", Arial;
			font-size: 13px;
		}
		
		h5.nieuwstitel{
			text-align: left;
			margin: 0px;
			border-bottom: 1px solid white;
			font-size: 13px;	
		}
		
		h6{
			text-align: left;
			text-decoration : underline;
			font: normal 13px "Microsoft Sans Serif", "Lucida Sans Unicode", verdana, lucida, sans-serif;	
		}
		
/* Navigatie list */	

		 #navlist{
			margin: 0;
			padding: 0 0 20px 10px;
		}

		#navlist ul, #navlist li{
			margin: 0;
			padding: 0;
			display: inline;
			list-style-type: none;
		}

		#navlist a:link, #navlist a:visited{
			float: left;
			line-height: 16px;
			font-weight: bold;
			margin: 0 10px 4px 10px;
			text-decoration: none;
			color: #1A2A43;
		}

		#navlist a:link#current, #navlist a:visited#current, #navlist a:hover{
			border-bottom: 2px solid orange;
			padding-bottom: 2px;
			background: transparent;
		}
	
</style>
