
/* --------------------------------------------------------- */
/* ----- Style voor html elementen voor de hele pagina ----- */
/* --------------------------------------------------------- */
	
		* {
			font-size:11px;
			margin: 0px;
			padding:0px;
			/*border: 1px solid #000;*/
		}
		
		/*
  		v\:* {
    		behavior:url(#default#VML);
		}
		*/		
		
		body {
			font-family:arial,sans-serif;
			font-size:12px;
			color:#333;
			position:relative;
			z-index:0;
			background-color: #C8C8DA;
			background-image:url('/img/background.png');
			background-repeat:repeat-y;
			background-position:center center;
			padding:0px;
			margin:0px;
		}
		
		a {
			color:#036;
			text-decoration:none;
		}
		
		a:hover {
			color:#333;
			text-decoration:underline;
		}
		
		h1 {
			font-size:14px;
			color:#036;
		}
		
		h2 {
			font-size:14px;
			color:#036;
			margin-bottom: 5px;
		}
		
		h2 a {
			font-size:14px;
			color:#036;
		}
		
		h1 a {
			font-size:14px;
		}
		
		h1 a:hover {
			color:#F90;
			text-decoration:none;
		}
		
		h3 {
			font-size:11px;	
			color:#036;	
		}
        
        h4 {
            font-weight: bold;
            margin-bottom: 6px;
        }
		
		img {
			border:none;
		}
		
		p {
			margin:10px 0px 10px 0px !important;
			line-height:140%;
		}
		
		p.contact {
			margin-left: 150px;
		}
		
		label {
			font-weight:bold;
			width:150px;
			float:left;
		}
		
		input[type=text], input[type=password] {
			width:250px;
			border:1px solid #C8C8DA;
			padding:2px;
			margin:0px 5px 0px 0px;
		}
		
		input[type=submit] {
			padding:2px 10px 2px 10px;
			background-color:#F2F2F7;
			color:#F90;
			border:1px solid #C8C8DA;
			font-weight:bold;
			margin:0px 20px 0px 0px;
		}
		
		textarea {
			border:1px solid #C8C8DA;
		}
		
		input.registreren {
		  width:50px;
		}
		
		select {
			width: 130px;
			border:1px solid #C8C8DA;
			padding: 2px;
		}
		
		td {
			vertical-align:top;
		}
		
		span.bold {
			font-weight: bold;	
		}
		
		span.underline {
			text-decoration: underline;	
		}		
		
		span.italic {
			font-style: italic;	
		}	
				
		/* Special style voor boxen abonneren tijdschriften */
		div.special {
			background-repeat:repeat-x;
			background-color:#FEFEFE;
			padding:5px;
			text-align:left;
			border:1px solid #CCCCCC;
			margin-bottom:5px;
		}		

		div.floating_user_item {
			float: right; 
			width: 100px; 
			height: 25px; 
			text-align: center; 
			font-weight: bold;		
		}


/* ---------------------------------------------- */
/* ----- Autocomplete (default.tpl) ----- */
/* ---------------------------------------------- */

		div.auto_complete {
		    position         :absolute;
		    width            :250px;
		    background-color :white;
		    border           :1px solid #888;
		    margin           :0px;
		    padding          :0px;
		
		}
		
		li.selected { 
			background-color: #ffb; 
		} 

		
/* ---------------------------------------------- */
/* ----- Layout positionering (default.tpl) ----- */
/* ---------------------------------------------- */
		
		/*#container_1 {
			width:0px;
			height:0px;
			position:absolute;
			left:50%;
			top: 0;
		}*/
		
		#container_2 {
			width:1000px;
			/*margin-right:-1000px;*/
			margin: 0 auto;
			/*position:relative;
			left:-500px;*/
			background-color:#FFF;
		}
		
		#header {
			background-image:url('/img/header.png');
			background-repeat:no-repeat;
			background-position:center top;
			height:160px;
		}

		#container_3 {
			padding:0px;
			clear:both;
		}
		
		#footer {
			margin:0px 0px 20px 0px;
			background-image:url('/img/content.png');
			background-repeat:repeat-x;
			font-size:10px;
			color:#333;
			text-align:left;
			clear:both;
			/*margin:1px;*/
			padding:5px;
		}
		
		#footer img {
			position: relative;
			top: 7px;
		}
		
		#footer label {
			width:80px;
		}
		
		div.zoekbutton {
			margin: 4px 0px 0px 10px;
			float: left;
		}
		

/* ----------------------------------- */
/* ----- Unieke layout elementen ----- */
/* ----------------------------------- */

	/* ----- header ----- */
		
		#logo_link {
			position: relative;
			display: block;
			width: 250px;
			height: 105px;
			float: left;
		}

		#kop {
			position: relative;
			display: block;
			width: 736px;
			height: 91px;
			padding: 7px;
			float: right;
			text-align: right;
		}
		
		#menu {
			width:998px;
			height:25px;
		}
		
		#topbar {
			height: 19px;  
			background-position: center; 
			background-image: url('/img/top_bar.png'); 
			text-align: left;
			color:#FFF;
			padding:3px 15px 0px 15px;
		}
		
		#topbar input {
			font-size:10px;
			padding:0px;
			width: 220px;
			float:left;
			margin-right:5px;
		}
		
		#topbar a {
			color:#FFF;
		}
	
	/* ----- footer ----- */
	
		#footer a {
			color:#999;
		}
		
		#footer a:hover {
			color:#333;
		}
	
	/* ----- large ----- */
	
		#content_large {
			width:500px;
			float:left;
			padding: 5px;
		}
		
		#content_large ul {
			margin-left: 15px;
		}
		
		#content_large li {
			list-style-type: none;
			line-height:  15px;
		}
	
	/* ----- medium ----- */
	
		#content_medium {
			width:340px;
			float:left;
			padding:5px;
		}
		
		div.poll_medium h1 {
			padding-top: 2px;
		}
		
		div.poll_medium h1 a:hover {
			color:#F90;
			text-decoration:none;
		}
		
		div.poll_medium span.info, div.poll_medium span.info a {
			font-size:10px;
			color:#999;
		}
		
		div.poll_medium span.info a:hover {
			color:#F90;
			text-decoration:none;
		}	
	
	/* ----- small ----- */

		#content_small {
			width:120px;
			float:left;
			padding:5px;
			text-align:center;
		}


/* -------------------------------- */
/* ----- Large content styles ----- */
/* -------------------------------- */

	/* ----- Algemeen ----- */
	
		a.meer {
			font-size:10px;
		}
	
		div.content_item {
			margin:0px 0px 20px 0px;
		}
		
		div.content_item h1 a:hover {
			color:#F90;
			text-decoration:none;
		}
		
		div.content_item h2 a:hover {
			color:#F90;
			text-decoration:none;
		}
		
		div.content_item span.info, div.content_item span.info a {
			font-size:10px;
			color:#999;
		}
		
		div.content_item span.info a:hover {
			color:#F90;
			text-decoration:none;
		}
		
		div.content_item_small_outer_box {
			width: 100%;
			/*height: 255px*/;
		}
		
		div.content_item_small {
			width:240px;
			height: 250px;
			padding: 5px;
			background-image:url('/img/content.png');
			background-repeat:repeat-x;
		}
		
		div.content_item_small p {
			margin: 1px 0px 0px 0px;
		}
		
		div.content_item_small span.info, div.content_item_small span.info a {
			font-size:10px;
			color:#999;
		}
		
		div.content_item_small span.info a:hover {
			color:#F90;
			text-decoration:none;
		}
				
		div.content_advertentie {
			color:#999;
			font-size:9px;
			text-align:center;
			margin:0px 0px 20px 0px;
			background-color: #fff;
			/*border-top: 1px solid #C8C8DA;
			border-bottom: 1px solid #C8C8DA;*/
			padding-bottom: 10px;
		}
		
		div.content_advertentie a {
			font-size:9px;
			color:#999;
		}
		
		div.content_advertentie a:hover {
			color:#F90;
		}
				
		p.error {
			color:#900;
			font-weight:bold;
		}
		
		div.error {
			color:#900;
			font-weight:bold;
		}		
		
		div.pagination {
			text-align:center;
			color:#666;
		}
		
		div.small_link, div.small_link a {
			font-size:10px;
			color:#999;
		}
		
		div.small_link a:hover {
			color:#F90;
			text-decoration:none;
		}
		
	/* ----- Forum ----- */
	
		table.forum {
			width:100%;
			margin-bottom:20px;
		}
		
		table.forum th {
			font-weight:bold;
			background-image:url('/img/forum.png');
			background-repeat:repeat-x;
			color:#FFF;
			padding:0px 5px 0px 5px;
			height:30px;
			text-transform:uppercase;
		}
		
		table.forum td {
			background-image:url('/img/content.png');
			background-repeat:repeat-x;
			vertical-align:middle;
			padding:5px;
		}
	
	/* ----- Content ----- */
		div.content_rss  {
			text-align:center;
			padding:10px 0px 10px 0px;
			background-color: #fff;
			/*border-top: 1px solid #C8C8DA;*/
		}
		
		div.content_rss, div.content_rss a {
			color:#000;
			font-size:9px;
		}
		
		div.content_rss a {
			text-decoration: none;
		}
		
	
	/* ----- Inloggen ----- */
		/* wordt tussen de tekst gegeven als er ingelogd moet worden */
		div.inlog_waarschuwing {
			/*border: 1px solid #C8C8DA;*/
			padding: 10px;
			margin: 10px 0px 10px 0px;
			background-image:url('/img/content.png');
			background-repeat:repeat-x;
		}
		
	/* ----- Reacties ----- */

		div.reacties, div.start_bck {
			background-image:url('/img/content.png');
			background-repeat:repeat-x;
			/*border-bottom:1px solid #C8C8DA;*/
		}
		
		div.plaats_reactie {
			background-image:url('/img/content.png');
			background-repeat:repeat-x;
			margin-top:20px;
		}
		
		div.plaats_reactie textarea {
			width:100%;
			height:150px;
			border:1px solid #C8C8DA;
		}

		div.reactie {
			padding:5px 0px 5px 0px;
			/*background-color: #C8C8DA;*/
			border-bottom:1px solid #C8C8DA;
		}
	
	/* ----- Nieuws ----- */
	
		#nieuwsarchief {
			display: block;
			padding: 5px 0px 10px 0px; 
			margin-top: 10px;
			border: 1px solid #C8C8DA;
			border-left: none;
			border-right: none;
		}
		
		#nieuwsarchief label {
			font-weight:bold;
			width:150px;
			clear: both;
		}
		
		#nieuwsarchief label div.submit {
			margin-left: 10px;
		}
		
		#nieuwsarchief div.submit {
			margin-top: 10px;
		}
		
		h1.nieuws_overzicht_header {
			margin-top: 10px;		
		}
	
	/* ----- Begin Auteurs ----- */
	
	/* ----- Auteurs overzicht -----*/

		div.auteur {
			padding:0px;
			margin: 3px 0px 0px 0px;
			height: 90px;
			border-top: 1px solid #C8C8DA;
		}
		
		div.aantal_art_nws_col {
			margin-top: -10px;
			padding: 0px;
			height: 45px;
			width: 410px;
			float: left;
		}
		
		img.auteur {
			padding:2px;
			border:1px solid #C8C8DA;
			float: left; 
			margin: 3px 5px 0px 0px;
		}
	
	/* ----- Auteur info -----*/
	
		div.auteur_content {
			margin-top: 15px;
		}
	
	/* ----- Einde Auteurs ----- */
	
	/* ----- Directories ----- */
		
		div.inleiding {
			border-bottom: 1px solid #C8C8DA;
			margin-bottom: 10px;
		}
		
		p#lid_worden {
			margin: 0px 0px 10px 80px;
			padding: 0px 0px 0px 0px;
			width: 240px;
			height: 40px;
			border: 1px dashed #C8C8DA;
			text-align: center;
			letter-spacing: 1px;
			padding-top: 5px;
		}

	/* ----- community ----- */
		div.community_member {
			margin: 0px 0px 10px 0px;
			padding: 0px;
			height: 80px;
			border-bottom: 1px solid #C8C8DA;
		}
		
		div.community_member img {
			padding: 3px;
			margin-right: 10px;
			float: left;
			border: 1px solid #C8C8DA;
		}
		
		div.community_member_tekst {
			padding: 0px;
			margin-left: 0px;
		}
		
	/* Q&A */	
		
		li.list_item_ruim {
			padding-bottom: 5px;	
		}
		
	/* ----- trainingen ----- */
		div.trainingen {
			margin: 5px 0px 5px 0px;
			background-image:url('/img/content.png');
			background-repeat:repeat-x;
		}
	
		div.trainingen_item {
			margin: 0px;
			padding: 15px 0px 15px 5px;
			height: 125px;
		}
		
		div.trainingen_item img {
			margin: 0px 10px 20px 0px;
			height: 100px;
			border: 1px solid #000;
			float: left;
		}
		
		div.trainingen_item p {
			margin: 0px 5px 0px 0px;
			padding: 0px;
		}
		
		div.trainingen div.helft {
			background-image:url('/img/content.png');
			background-repeat:repeat-x;
		}
		
	/* ----- magazines ----- */
		div.magcontainer {
			min-height:120px;
			height: auto;
			border: 0px solid black;
		}
		/* for Internet Explorer */
		* html div.magcontainer {
			height: 125px;
		}
		
		div.magazine {
			margin-left: 75px;	
		}
		
		img.magazine_afbeelding {
			padding:2px;
			margin: 3px 5px 0px 0px;
			border:1px solid #C8C8DA;
			float: left;
		}
		
	/* ----- users ----- */
		div.user_edit_blok {
			background-image:url('/img/content.png');
			background-repeat: repeat-x;
			padding:0px 0px 50px 0px;
		}
		
		div.user_view_tekst {
			/*border-bottom: 1px solid #C8C8DA;*/
			padding: 5px 0px 5px 0px;
			
			
			overflow: hidden;
		}
		
		div.user_view_tekst img {
			float: left;
			border: 1px solid #C8C8DA;
			margin: 0px 10px 1px 0px;
		}
		
		div.user_info {
			left: 0px;
			margin-left: 0px;
			margin-top: 10px;
		}
		
		div.user_info_box {
			padding: 0px;
			width: 100%;
			margin-top: 5px;
			/*border-bottom: 1px solid #C8C8DA;*/
		}
		
		div.user_info_box img {
			padding:2px;
			border:1px solid #C8C8DA;
			float: right;
			margin-right: 20px;
		}
		
		div.user_info_box legend {
			font-weight:bold;
			color:#333;
			font-size:14px;
		}
		
		div.all_content_item {
			border-top: 1px solid #C8C8DA;
			margin: 0px;
			padding: 10px 0px 10px 0px;
		}
		
	/* ----- zoeken ----- */
		
		div.zoek_form {
			margin-top: 10px; 
			padding-bottom: 10px;
		}
		
		div.zoek_form table {
			width: 100%;
			margin-top: 10px;
		}
		
		div.zoek_form td {
			padding: 1px;
		}
		
		div.zoek_item {
			margin-top: 10px;
			padding-bottom: 10px;
			border-bottom: 1px solid #C8C8DA;
		}
		
	/* ----- Q&A ----- */
		div.qena_back, div.qena_back a {
			font-size:10px;
			color:#999;
		}
		
		div.qena_back a:hover {
			color:#F90;
			text-decoration: none;
		}
	
	/* ----- Vacatures ----- */
		div.vacatures {
			padding-top: 10px;
		}
		
		div.vacature_item {
			padding: 10px 0px 5px 5px;
		}
		
		div.vacature_item a.info {
			font-size:10px;
			color:#999;
		}

		div.vacature_items a.info {
			font-size:10px;
			color:#999;
		}
		
		div.vacature_item a:hover.info {
			color:#F90;
			text-decoration: none;
		}
		
		
/* --------------------------------- */
/* ----- Medium content styles ----- */
/* --------------------------------- */

	/* ----- Algemeen ----- */
	
		div.content_medium {
			margin:0px 0px 20px 0px;
			background-image:url('/img/content.png');
			background-repeat:repeat-x;
		}
        div.twitter {
            background-image: none;
        }
		
		div.rss {
			text-align:right;
			margin-bottom:-15px;
		}
		
	/* ----- Columns ----- */
	
		img.column_auteur {
			padding:2px;
			border:1px solid #C8C8DA;
		}
		
		span.datum {
			color:#999;
			font-size:10px;
		}
		
	/* ----- Leaderboard ----- */
	
		div.advertentie {
			color:#CCC;
			font-size:9px;
			text-align:center;
			background-color: #fff;
			border-top: 1px solid #C8C8DA;
		}
		
	/* ----- Polls ----- */
	
		div.poll_bar {
			padding:0px 5px 0px 5px;
			color:#333;
			font-weight:bold;
			background-image:url('/img/poll_bar.png');
			background-repeat:repeat-x;
			background-position:center center;
		}
	
	/* ----- Vacatures ----- */
		
		div.vacature_items {
			margin-top: 10px;
			padding: 0px;
			/*border: 1px solid #000;*/
		}
		
		div.vacature_items h2 {
			margin: 0px 0px 0px 0px;
		}
		
		div.vacature_items p {
			margin: 0px 0px 5px 0px;
		}
		
	/* ----- Trainingen ----- */
		
		div.training_items {
			margin-top: 10px;
			padding: 0px;
			/*border: 1px solid #000;*/
		}
		
		div.training_items h2 {
			margin: 0px 0px 0px 0px;
		}
		
		div.training_items p {
			margin: 0px 0px 10px 0px;
		}

/* -------------------------------- */
/* ----- Small content styles ----- */
/* -------------------------------- */

	/* ----- Algemeen ----- */
	
		div.small_item {
			margin:0px 0px 10px 0px;
		}

        div#activity_header {
            padding: 3px 6px 0 6px;
            background-color: #003B52;
            text-align: left;

            -webkit-border-top-left-radius: 5px;
            -webkit-border-top-right-radius: 5px;
            -moz-border-top-left-radius: 5px;
            -moz-border-top-right-radius: 5px;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
        }

        div#activity_header h2 {
            color: #FFFFFF;
            margin-bottom: 0px;
        }
        
        div.activity_entry {
            padding: 3px 6px 3px 6px;
            border-right: 1px solid #C8C8DA;
            border-bottom: 1px solid #C8C8DA;
            border-left: 1px solid #C8C8DA;
            text-align: left;
            background: -moz-linear-gradient(top, #f2f2f7 0%, #ffffff 100%); /* firefox */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f7), color-stop(100%,#ffffff)); /* webkit */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f7', endColorstr='#ffffff',GradientType=0 ); /* ie */
        }
        
        div.activity_entry p {
            margin-top: 2px;
            margin-bottom: 0px;
            line-height: 1.2em;
        }

/* -------------------------------- */
/* -----     Menu styles      ----- */
/* -------------------------------- */

		#menu div.main {
			color:#FFF;
			font-weight:bold;
			font-size:12px;
			margin-left:5px;
		}
		
		#menu div.main a {
			display:block;
			float:left;
			color:#FFF;
			font-weight:bold;
			font-size:12px;
			margin:0px 10px 0px 0px;
			padding:0px 2px 0px 2px;
			height:15px;
		}
		
		#menu div.main a:hover, #menu div.main a.active {
			background-color:#FFF;
			color:#036;
			text-decoration:none;
		}
		
		#menu div.sub {
			clear:both;
			display:none;
			height:30px;
			padding:10px 0px 0px 0px;
		}
		
		#menu div.sub a {
			display:block;
			float:left;
			color:#036;
			font-size:12px;
			margin:5px 0px 0px 5px;
			padding:0px 5px 0px 5px;
			height:15px;
			border:2px solid #F90;
			border-top:none;
			border-bottom:none;
			font-size:11px;
		}
		
		#menu div.sub a:hover, #menu div.sub a.active {
			background-color:#F90;
			color:#FFF;
			text-decoration:none;
		}
		
		div.feed_icon {
			float:right;
			padding:5px 10px 0px 0px;
		}
		
		div.feed_icon a {
			color:#FFF;
			font-weight:bold;
		}
		
		div.feed_icon a:hover {
			text-decoration:none;
		}
		
		div.search_bar {
			float: right;
			padding: 2px 3px 0px 3px;
		}

table.profiel {
	width:100%;
}

table.profiel td {
	padding:0px 10px 20px 0px;
}

.content_img_links{
	display:block;
	float:left;
	padding-top:4px;
	padding-bottom:4px;
	padding-right:8px;
}
.content_img_rechts{
	display:block;
	float:right;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:8px;
	padding-right:20px;
}

