@charset "utf-8";
/* CSS Document */

/* Globals

   -------------------------------------------------------------------------- */

* {
    font-size:12px;
    font-family: Arial, Verdana;
    margin: 0;
    padding: 0;
}

html, body {
    height:100%;
	margin: 0 auto;
}

body {
    background: #373736;
}

img {
	border: 0px;
}


/* Container
   -------------------------------------------------------------------------- */

div#container_outer {
    position: relative;

    margin: 0 auto;
    min-height: 486px;
}

div#container_inner {
    position: relative;
}

	/* TOP
   -------------------------------------------------------------------------- */

	#container_top {
		width: 100%;
		height: 27px;
		
		background: #DB57AA url(../gfx/templates/container_top_bg.png) top left repeat-x;
		border-bottom: 1px solid #B82782;
	}
		#topbar {
			width: 900px;
			line-height: 26px;
			text-align: right;
			margin: 0 auto;
			
		}
		#topbar, #topbar A, #topbar A:hover {
			font-size: 11px;
			color: #FFFFFF;
		}
			#topbar A:hover  {
				text-decoration: none;
			}


	/* MAIN MENU
   -------------------------------------------------------------------------- */


	#menu_top {
		width: 100%;
		height: 39px;
		background: #DB57AA url(../gfx/templates/menu_top_bg.png) top left repeat-x;
		border-top: 1px solid #FFFFFF;
	}
	#menu_top_subscribe {
		width: 100%;
		height: 16px;
		background: #DB57AA url(../gfx/templates/menu_top_bg.png) bottom left repeat-x;
		border-top: 1px solid #FFFFFF;
	}
	
	
		#menubar {
			width: 900px;
			margin: 0 auto;
			text-align: right;	
		}
		#menubar DT {
			display:none;
			visibility: hidden;
		}
		#menubar UL {
			margin:0px !important;
			margin: 0px;
			padding:0;
			list-style: none;
			list-style-image: none;
			
			
		}
		#menubar UL LI {
			float: right;
			margin:10px 0px 0px 0px;
			padding: 0px 20px 0px 20px;
			border-right: 1px solid #757575;
		}

		#menubar UL LI A, #menubar UL LI A:hover {
			font-size: 15px;
			color:#FFFFFF;
			text-decoration:none;
		}
			#menubar UL LI A:hover  {
				text-decoration: underline;
			}





	/* FILEFLIRTS
   -------------------------------------------------------------------------- */
   
   #fileflirts, #fileflirts UL {
		clear: both;
		overflow: auto;
		list-style: none;
		list-style-image: none;
   }
		
   		#fileflirts UL .data {
			float: left;
			width: 200px;
		}
			#fileflirts UL .data SPAN {
				color: #999999;
				padding-right: 10px;
				font-size: 10px;
			}
		#fileflirts UL .bericht, #fileflirts UL .options {
			width: 440px;
			float: right;
		}
			#fileflirts UL .bericht P {
				margin-bottom:6px;
			}
		#fileflirts UL .options {
			width: 440px;
			float: right;
			padding-right: 20px;
			padding-bottom: 10px;
			text-align:right;
			margin-bottom: 30px;
			border-bottom:1px solid #EFEFEF;
		}
			#fileflirts UL .options A {
				font-size: 10px;
				color: #666666;
				text-decoration: underline;
				margin-left: 10px;
			}
			#fileflirts UL .options A:hover {
				text-decoration: none;
			}
				A.fileflirt_reageer {
					padding-left: 24px;
					background: url(../gfx/templates/fileflirt_stuur-een-reactie.png) center left no-repeat;
				}
				A.fileflirt_verwijder {
					padding-left: 16px;
					background: url(../gfx/templates/fileflirt_verwijder.png) center left no-repeat;
				}
   
	/* BODY
   -------------------------------------------------------------------------- */
   
   #container_body {
	width: 100%;
	background: #FFFFFF url(../gfx/templates/container_body_bg.png) top left repeat-x;
	border-top: 1px solid #FFFFFF;
	height: auto;
	min-height: 600px;
	
	position: relative;
	border-bottom: 1px solid #999999;
}

	#logo {
		width: 892px;
		margin: 0 auto;
		
		height: 86px;	
		padding: 25px 0px 0px 8px;
	}
		#logo H1, #logo H1 SPAN {
			color: #DB57AA;
			font-size: 27px;
			font-weight: bold;
		}
			#logo H1 SPAN {
				display:none;
			}

	#body {
		width: 900px;
		height: auto;
		margin: 0 auto;
		
		position: relative;
		overflow: hidden;
		
	}
	
	#left {
		width: 190px;
		float: left;
		position: relative;
	}
	#right {
		width: 653px;
		float: right;
		margin-bottom:20px;
		position: relative;
	}
	

/* CONTENT
-------------------------------------------------------------------------- */
  

#content, #content P {
	line-height: 19px;
	
	color:#333333;
	font-size: 12px;
}
	#content P {
		width: 100%;
	}
	 #content P A {
		color: #000;
		font-size: 12px;
	 }
  	#content P A:hover {
		text-decoration: none;
	}

#content H1 {
	font-size: 21px;
	color: #DB57AA;
	padding: 5px 0px;
	font-weight: bold;
	margin: 0px 0px 25px 0px;
 	font-family: "Century Gothic", Arial;
}

#content H2 {
	font-size: 20px;
	line-height: 26px;
	color: #333333;
	font-weight: bold;
	padding: 0px;
	margin: 10px 0px 0px 0px;
 	font-family: "Century Gothic", Arial;
}

#content H3 {
	font-size: 12px;
	color: #DB57AA;
	padding: 2px 0px;
	font-weight: bold;
	margin: 10px 0px 0px 0px;
 	font-family: "Century Gothic", Arial;
}

#content H5 {
	font-size: 10px;
	line-height: 14px;
	color: #DB57AA;
	padding: 2px 0px;
	font-weight: bold;
	margin: 25px 0px 0px 0px;
 	font-family: "Century Gothic", Arial;
}





	#submenu-tabs {
		color: #FFFFFF;
		width: 100%;
		height: 70px;
		background: url(../gfx/templates/submenu_bg.png) bottom left no-repeat;
	}
		#submenu-tabs DT {
			display: none;
		}
		#submenu-tabs UL {
			list-style:none;
			height: 25px;
			list-style-image:none;
		}
			#submenu-tabs UL LI {
				float: right;
				display:block;
				height: 23px;
				line-height: 22px;
				margin: 0px 0px 0px 10px;
				padding: 0px 15px;
				border: 1px solid #EFB6DA;
				border-bottom: none;
				background: #DB58AB url(../gfx/templates/submenu_item_bg.png) bottom left repeat-x;
			}
			
			#submenu-tabs UL LI A {
				font-size: 12px;
				font-family: Arial;
				font-weight: normal;
				color: #FFFFFF;
				text-decoration: none;
			}
			#submenu-tabs UL LI A:hover {
				text-decoration: underline;
			}


		
			/* Hoe werkt het? */
			
			#fileflirten_zowerkthet {
				width: 100%;
				height: auto;
				margin: 5px 0px 0px 0px;
			}
				#fileflirten_zowerkthet DIV {
					width: 212px;
					height: auto;
					float: left;
					margin-right:5px;
				}
					#fileflirten_zowerkthet IMG {
						border: 0px;
						font-size: 20px;
						color: #DB58AB;
						font-weight: bold;
					}
					#fileflirten_zowerkthet DIV H2, #fileflirten_zowerkthet DIV H2 SPAN {
						line-height: 40px;
						height: 55px;
					}
				#fileflirten_zowerkthet P {
					float: left;
					clear: both;
					margin:15px 0px;
				}
			
			#fileflirten_uitleg {
				width: 100%;
				text-align: right;
				clear: both;
				
				margin: 15px 0px 10px 0px;
			}
			
				.knop {
					border: 1px solid #DB57AA;
					
					padding: 1px 0px 0px 0px;
					margin-right: 10px;
					
					height: 28px;
					float: right;
					
					text-align: center;
					color: #FFFFFF;
								
					background: #DB57AA url(../gfx/templates/knop_bg.png) top left repeat-x;
				}
					.knop A {
						color: #FFFFFF;
						text-decoration:none;
						padding: 7px 13px 8px 13px;
						line-height: 26px;
						
					}
					.knop A:hover {
						text-decoration: underline;
						
					}
				
				.knop:hover {
					background: red;
					cursor: pointer;
					border: 1px solid #373736;
					background: #373736 url(../gfx/templates/knop_bg_hover.png) top left repeat-x; 
				}
				
				

/* MENU LINKS (LOGIN)
   -------------------------------------------------------------------------- */

#menu_links {
	border: 1px solid #DB57AA;
	background: #E37DBD url(../gfx/templates/menu_links_bg.png) top left repeat-x;
	
	width: 170px; /* 190 px oorspronkelijk excl margins / paddings */
	padding: 10px 10px 17px 10px;
	
	font-size: 11px;
	
	margin:25px 0px 20px 0px;
}
	#menu_links FIELDSET {
		border: 0px;
		padding: 0;
		margin: 0;
	}
		#menu_links LEGEND {
			display:none;	
		}
		
	P.inlog_message {
		color: #FFFFFF;
		font-weight: normal;
		
	}
		
	#menu_links H2, #menu_links H2 SPAN {
		color: #FFFFFF;
		font-size: 16px;
		line-height: 28px;
		font-weight: bold;
		
		padding: 5px 0px 5px 0px;
		
		font-family: "Century Gothic", Arial;
	}
	#menu_links LABEL {
		font-size: 11px;
		color: #FFFFFF;
		width: 100%;
		line-height: 10px;
		padding-left: 1px;
	}
	#menu_links INPUT {
		margin: 1px 0px 4px 0px;
		padding: 3px;
		
		background: url(../gfx/templates/input_bg.png) top left no-repeat;
		border: 1px solid #B82782;
	}
	#menu_links FORM FIELDSET P {
		margin: 0px 0px 10px 10px;
		line-height: 10px;

	}
	#menu_links INPUT[type=checkbox] {
		cursor: pointer;
	}
	
	#menu_links INPUT[type=submit] {
		padding-left: 14px;
		padding-right: 14px;
		margin: 10px 0px 20px 0px;
		cursor: pointer;
	}
	
	
		#menu_links P A {
			color: #333333;
			font-size: 11px;
			text-decoration: none;
		}
		#menu_links P A:hover {
			text-decoration: underline;
		}


	#menu_links UL {
		margin: 5px 0px 10px 20px;
		
		list-style: none;
		list-style-image: none;
		
		
	}
	#menu_links A {
		color: #333333;
		text-decoration: underline;
		font-size: 11px;
	}
		#menu_links A:hover {
			text-decoration: none;
		}
	
	
	#menu_links H4 {
		margin: 0px;
		font-size: 11px;
		color: #333333;
		padding: 10px 0px 0px 0px;
		}
	
	#menu_links UL LI {
	}
	#menu_links UL LI A, #menu_links UL LI SPAN A {
		font-size: 11px;
		color: #FFFFFF;
		text-decoration: none;
		
	}
	
	
	#kenteken {
		width: 100%;
		height: 25px;
		text-align:left; 
		margin: 5px 0px 4px 0px;
	}
		#kenteken_left {
			width: 15px;
			float: left;
			height: 25px;
			
			background: url(../gfx/templates/kenteken_left_bg.png) top left no-repeat;
		}
		#kenteken_right {
			width: auto;
			float: left;
			height: 25px;
			
			font-size: 19px;
			
			padding: 0px 10px 0px 4px;
			line-height: 25px;
			background: url(../gfx/templates/kenteken_right_bg.png) top right no-repeat;
			
			font-weight: bold;
			color:#000000;

		}

		DIV.invoerveld {
			width: 100%;
			font-weight:bold;
			font-size:14px;
			color:#333333;
			margin: 0px 0px 6px 0px;
		}
	
/* FILES VAN DE DAG
   -------------------------------------------------------------------------- */
	
	#announcement_bar_left {
		width: 170px; /* 190 px oorspronkelijk excl margins / paddings */
		padding: 10px;
		margin-bottom:20px;	
	}
		#announcement_bar_left H2 {
			font-family: "Century Gothic", Arial;
			background: url(../gfx/templates/filesvandedag_h2_bg.png) top left no-repeat;		
			padding: 0px 0px 10px 40px;	
			font-size: 11px;
			
		}
		#announcement_bar_left H2 SPAN {
			font-size: 18px;
			line-height: 38px;
			font-weight: bold;
			color: #DB57AA;
			
			font-family: "Century Gothic", Arial;
		}
			#announcement_bar_left P, #announcement_bar_left STRONG {
				font-size: 11px;
			}
		
		#announcement_bar_left UL {
			margin: 10px 0px 10px 20px;
			font-size: 11px;
			list-style-image: url(../gfx/templates/filesvddag_list-style-item_bg.gif);
		} 
		#announcement_bar_left UL LI {
			padding: 0px 0px 6px 0px;
			font-size: 11px;
		}
		
		#announcement_bar_left A {
			text-decoration: underline;
			color: #DB57AA;
			font-size: 11px;
			/*  
			background: url(../gfx/templates/filesvandedag_leesverder.gif) center right no-repeat; 
			padding: 0px 10px 0px 0px;
			
			*/
		
		}
		#announcement_bar_left A:hover {
			text-decoration: none;	
		}


	/* FOOTER
   -------------------------------------------------------------------------- */

   #container_footer {
		width: 100%;
		background: #373737 url(../gfx/templates/container_footer_bg.png) top left repeat-x;
		height: auto;
		min-height: 180px;
	}
		#footer {
			width: 900px;
			height: auto;
			margin: 0 auto;
			
			padding: 30px 0px 10px 0px;
			font-size: 11px;
			color: #FFFFFF;	
		}
		#footer H4 {
			font-weight: normal;
			font-size: 11px;
		}
		
		#footer A {
			font-weight: normal;
			font-size: 11px;
			color: #A6A6A6;
			text-decoration: none;
		}
			#footer A:hover {
				text-decoration: underline;
			}
		
		#footer_left {
			float: left;
			font-size: 11px;
			width: 170px;
			
			padding: 0px 10px 10px 10px;
		}
		
		#footer_right {
			width: 170px;
			font-size: 11px;
			float: right;
			
			padding: 0px 10px 10px 10px;
		}



DIV.fileflirten_werkwijze {
	width: 100%;
	
	overflow: visible;
	margin: 10px 0px;
	clear: both;
}
	.fileflirten_werkwijze IMG {
		float: left;
		padding-bottom:30px;
	}
	.fileflirten_werkwijze H3 {
		height:14px;
		
		margin-top:0px;
		padding-top:0px;
		font-size:26px;
		width: 420px;
		line-height: 20px;
	}
	.fileflirten_werkwijze DIV {
		float: right;
		width: 425px;
	}
	.fileflirten_werkwijze DIV P {
		margin-top:10px;
	}
	.fileflirten_werkwijze DIV P+P {
		margin-top:0px;
	}
	
	.fileflirten_werkwijze H4 {
		height:18px;
		margin-left: 10px;
		font-size:22px;
		width: 420px;
		line-height: 20px;
	}
	.fileflirten_werkwijze H6 {
		height:12px;
		margin-left: 40px;
		font-size:22px;
		width: 420px;
		line-height: 20px;
	}


/* FORM BODY */

.formulier {margin-bottom:30px;}
.formulier FIELDSET {border:0px;margin: 0px 0px 20px 0px;}
.formulier LEGEND {font-weight: bold;padding: 0px 0px 10px 0px;display:none;}
.formulier UL { list-style:none;list-style-image:none;}
.formulier UL LI { float: left;clear:both;margin:4px 0px;}
.formulier INPUT, .formulier TEXTAREA {padding:2px;line-height: 18px;}
.formulier INPUT[type=submit] {margin-right:10px;}
.formulier A {margin-left:10px;color: #666666;}
.formulier SPAN.explain_why {font-size:10px;color:#666666;line-height:17px;float: left;clear:both;}
.formulier SPAN.optioneel {font-size:10px;color:#666666;line-height:17px;}
.formulier LABEL.error {color:#FF0000; padding:0px 0px 10px 10px; position:relative;line-height: 21px;float:Left;font-size:10px;}

.formulier #summary SPAN, .formulier #status SPAN { font-weight: bold;font-size:14px;}
INPUT.error, TEXTAREA.error {border: 1px solid red;background: #FFFFFF;float: left;}
DIV.error {background:red;position:absolute;width: 200px;margin-top:10px;height: 40px;margin-left: 200px;text-align: left;}


#send-a-friend FIELDSET {
	margin: 15px 0px;
}
#send-a-friend UL LI {
	width: 100%;
	float: left;
}

.left {
	float: left;
	width: 200px;
	margin-right: 15px;
}
.right {
	float: left;
	width: 200px;
}
.formulier SPAN.send-a-friend {
	font-size: 10px;
	line-height: 12px;
	}
	.formulier SPAN.send-a-friend A {
		margin:0;padding:0;
		font-size:10px;
	}
#inloggen, #inloggen FIELDSET {
	color: #FFFFFF;	
	font-size: 11px;
}
	#inloggen #summary {
		font-size: 11px;
		font-weight:bold;
		display:none;
		color: #000;
		
		line-height: 14px;
		padding: 3px 3px 4px 0px;
	}
	#inloggen P.wachtwoord-inhouden {
		padding:0px;
		margin: 8px 0px 5px 0px;
	}
#inloggen INPUT[type=button] {
	margin:12px 0px 10px 0px;
	padding: 2px 10px 2px 10px;
	cursor: pointer;
	border:1px;
}


	P.account-aanmaken {
		margin: 10px 0px 0px 0px;
	}
	P.account-aanmaken A {
		text-decoration:underline;
		padding: 0px;
		background:none;
	}
	SPAN.title {
		font-size: 12px;
		padding: 0px 0px 4px 0px;
		font-weight:bold;
		color:#333333;
	}

A.lost-pass {

}

	UL.vindallekleding_registratieformulier_error_field {
		padding:5px 0px 0px 10px;
		margin:0;
		list-style: circle;
		list-style-type:disc;
		float:Left;
		font-weight:normal;
		line-height:15px;
		width: 450px;
		
	}
		UL.vindallekleding_registratieformulier_error_field LI {
			line-height: 15px;
			width: 400px;
			padding:0px;
			margin:0px;
		}

	#link_download, #link_view {
		font-size: 11px;
		text-decoration:underline;
		padding-left: 18px;
		margin-right:10px;
		color: #666666;
	}
		#link_download:hover, #link_view:hover {
			text-decoration: none;
		}
	#link_download {
		background: url(../gfx/templates/link_pdf.png) top left no-repeat;
	}
	#link_view {
		margin-right:10px;
		
		background: url(../gfx/templates/link_loep.png) top left no-repeat;
	}


.formulier #summary, .contactError, .contactOK {
	display:none;
	border:1px solid #999999;background:#EFEFEF;
	margin:10px 0px 15px 0px;
	width:80%;
	overflow:auto;
}

.formulier #summary UL, .contactError UL, .contactOK UL {
	padding: 10px 0px 10px 0px;
	margin:0px 0px 0px 0px;
	list-style:none;
}
.formulier #summary UL LI, .contactError UL LI, .contactOK UL LI {
	line-height: 16px;
	width:80%;
	padding:0px;
	margin:0px;
}
.formulier .contactNone {
	display:none;
}
.contactError, .contactOK {
	display:block;
	visibility:visible;
}
.formulier #summary .form_OK, .flirtOK, .formulier .contactOK {
	background: #EFEFEF url(../gfx/templates/registreren_ok-melding.png) top left no-repeat;
	padding: 10px 10px 15px 46px;
	min-height: 20px;
	display:block;
}	
.formulier #summary .form_ERROR, .flirtError, .formulier .lostpassError, .formulier .flirtError, .contactError, .contactOK {
	background:#EFEFEF url(../gfx/templates/registreren_error-melding.png) top left no-repeat;
	padding: 10px 10px 15px 46px;
	min-height: 20px;
}	
.formulier .lostpassError .validation_title, .formulier .vindallekleding_registratieformulier_error_field .validation_title {
	font-weight:bold;
	width:100%;
	font-size:14px;
}

	FORM INPUT[type=button], .formulier .reset-mijn-wachtwoord, .formulier #reset-mijn-wachtwoord {
		font-size: 12px;
		padding-right:5px;
		padding-left: 5px;
		margin-right: 10px
	}



UL.fileflirt_bericht {
	list-style:none;
	list-style-item: none;
}

#message {
	width: auto;
	height:auto;
	background: none;
	margin:5px 0px;
	background:#FFFFFF;
	color:#000;
	font-weight:bold;
}
	#message P {
		padding:3px;
	}


dl.files dt {

  display: none;
}
DL.files UL {
	list-style:None;
}
LI.fileoverzicht_lijst {
	padding: 5px 0px 10px 0px !important;
	padding:0px;
	margin:0px;
	width: 70%;
}
DL.files {
	color: #333333;
}