2008-04-11 15:20:36/*====== Sebastian Langeveld (v3) - Brainfart Studios =============================================================*/

/*------ Core Structure -------------------------------------------------------------------------------------------*/
* { margin:0; padding:0; }

body { font: 11px "Tahoma"; color:#5F5F5F; text-align:center; background: #000 url("graphics/pageBG2.gif") repeat-y top center; }

#wrap {	margin:20px auto 0 auto; padding:0; width:610px; background-color:#FFFFFF; }

#header { width:610px; height:398px; }
#content { clear:left; text-align:justify; overflow:auto; }

#footer { margin:0 auto; padding:0; width:594px; font-size:10px; color:#636363;	}
#footerL { float:left; width:290px; margin-bottom:12px; text-align:left; }
#footerR { float:right; width:290px; margin-bottom:12px; text-align:right; }


/*------ General Strucure Typhografy -------------------------------------------------------------------------------*/
:focus { outline: 0; }

a:link, a:visited { color:#F05500; text-decoration:none; }
a:hover { color:#1F20A8; text-decoration:none; }

.footer a:link, .footer a:visited { color:#959595; text-decoration:none; }
.footer a:hover { color:#636363; text-decoration:none; }

.grijs { font: 11px "Tahoma"; color:#5F5F5F; }
.oranje { color:#F05500; }
.blauw { color:#1F20A8; }

.nieuwslijst { line-height:15px; }
.titel { font-size:13px; color:#F05500; text-transform:uppercase; line-height:23px; }
.datum {  font-size:11px; color:#1F20A8; line-height:23px; }

#advertX { float:left; margin:15px 0 0 10px; width:590px; height:50px; display:inline; }
#advert1 { float:left; margin:5px 0 0 10px; width:590px; height:50px; display:inline; }
#advert2 { float:left; margin:5px 0 0 10px; padding-bottom:10px; width:590px; height:50px; display:inline; }


#info_note { margin-top:3px; padding-top:3px; background:url(graphics/streep3.gif) no-repeat top center; }


/*------ Index structure -------------------------------------------------------------------------------------------*/
#overview { float:left;  width:600px; margin-top:2px; padding-top:18px; background:url(graphics/overzicht.gif) no-repeat top center; overflow:auto; display:inline; }

	#item { float:left; width:290px; height:250px; margin:15px 0 0 10px; display:inline;}
		#item_title { height:19px; font-weight:bold; background:url(graphics/streep2.gif) no-repeat bottom center; }

		#item_border { margin-top:2px; padding:2px; width:286px; height:96px; background:url(graphics/nieuwsfotoBG2.gif); no-repeat bottom; }
			#item_frame { width:286px; height:96px; overflow:hidden; }
				#item_image { margin-left:-2px; margin-top:-5%; }

		/*#item_image { margin-top:2px; width:290px; height:100px; position:relative; overflow:hidden; }
			#item_frame { z-index:1; top:0; left:0; width:290px; height:100px; position:absolute; }*/

		#item_bodyS { height:87px; margin-top:2px; overflow:hidden; }
		#item_bodyL { height:104px; margin-top:2px; background:url(graphics/streep2.gif) no-repeat bottom center; }
		#item_link { height:17px; background:url(graphics/streep2.gif) no-repeat bottom center; }
		#item_info { height:18px; text-align:right; }
	
#column1 { float:left; margin:15px 0 0 10px; padding-bottom:10px; width:290px; display:inline; }

	#fans { width:290px; margin-bottom:15px; padding-top:18px; background:url(graphics/overzicht1.gif) no-repeat top center; overflow:auto; }

	#article { float:left; width:290px; height:250px; margin-top:15px; display:inline; }

	#more { width:290px; padding-top:28px; background:url(graphics/overzicht3.gif) no-repeat top center; overflow:auto; }

#column2 { float:left; margin:15px 0 0 10px; padding-bottom:10px; width:290px; display:inline; }

	#message { width:290px; margin-bottom:15px; padding-top:120px; background:url(graphics/overzicht3.jpg) no-repeat top center; overflow:auto; }
		#sms { float:left; width:290px; height:148px; margin-top:15px; display:inline; }

	#agenda{ width:290px; height:47px; margin-top:15px; padding:28px 0 15px 0; background:url(graphics/overzicht5.gif) no-repeat top center; overflow:auto; }

	#memorable { width:290px; padding-top:28px; background:url(graphics/overzicht4.gif) no-repeat top center; overflow:auto; }


/*------ Nieuws structure ------------------------------------------------------------------------------------------*/
#archives { float:left; width:193px; margin:2px 0 0 10px; padding:28px 0 10px 0; background:url(graphics/nieuws1.gif) no-repeat top center; display:inline; }

#newslist { float:left; width:387px; margin:2px 0 0 10px; padding:28px 0 10px 0; background:url(graphics/nieuws2.gif) no-repeat top center; display:inline; }

#column3 { float:left; margin-right:10px; width:193px; display:inline; }
#column4 { float:left; width:387px; display:inline; }

#nieuwsbericht1 { float:left; width:590px; margin:2px 0 0 10px; padding-top:28px; background:url(graphics/nieuwsbericht1.gif) no-repeat top center; display:inline; }
#nieuwsbericht2 { float:left; width:590px; margin:2px 0 0 10px;	padding-top:28px; background:url(graphics/nieuwsbericht2.gif) no-repeat top center; display:inline; }

#reacties { float:left; width:590px; margin:15px 0 0 10px;	padding-top:28px; background:url(graphics/reacties1.gif) no-repeat top center; display:inline; }

#reactie_head { height:18px; background:url(graphics/streep4.gif) no-repeat bottom; }
	.reactie_title { float:left; }
#reactie_body { height:100%; margin:2px 0 10px 0; }
#reactie_leeg { height:18px; margin:2px 0 10px 0; text-align:center; font-weight:bold; color:#1F20A8; }

#formulier { float:left; width:590px; margin:15px 0 0 10px;	padding-top:28px; background:url(graphics/reacties2.gif) no-repeat top center; display:inline; }

#bericht_head { height:19px; background:url(graphics/streep3.gif) no-repeat bottom;  }
	.bericht_title {float:left; width:350px; font-weight:bold; }
	.bericht_info {float:right; width:240px; text-align:right;}
#bericht_body { height:100%; margin-top:3px; margin-bottom:4px; }
#bericht_note { padding-top:3px; background:url(graphics/streep3.gif) no-repeat top; }
	.bericht_print { float:left; }
	.bericht_navi { float:right; }


/*------ Regels structure ------------------------------------------------------------------------------------------*/
#regels1 { position:absolute; top:50%; left:50%; width:500px; height:223px; margin-top:-111px; margin-left:-250px; background:url(graphics/regels1.gif) no-repeat top center; }
#regels2 { position:absolute; top:50%; left:50%; width:500px; height:160px; margin-top:-80px; margin-left:-250px; background:url(graphics/regels2.gif) no-repeat top center; }


/*------ Reageren structure ----------------------------------------------------------------------------------------*/
#kader { position:absolute; top:50%; left:50%; width:370px; height:176px; margin-top:-88px; margin-left:-185px; background-color:#FFFFFF; }
#foutmelding { margin:10px; padding-top:28px; width:350px; height:180px; text-align:justify; background:url(graphics/reacties3.gif) no-repeat top center;  overflow:auto; }
#succes { margin:10px; padding-top:28px; width:350px; height:180px; text-align:justify; background:url(graphics/reacties4.gif) no-repeat top center;  overflow:auto; }
#toegang { margin:10px; padding-top:28px; width:350px; height:180px; text-align:justify; background:url(graphics/reacties5.gif) no-repeat top center;  overflow:auto; }


/*------ SMS structure ---------------------------------------------------------------------------------------------*/
#messages { float:left; width:590px; margin:2px 0 0 10px; padding-top:28px; background:url(graphics/sms1.gif) no-repeat top center; display:inline; }
	.sms { margin-bottom:10px; }

/*------ Biografie structure ---------------------------------------------------------------------------------------*/
#BIOGRAFIE { float:left; width:590px; margin:2px 0 0 10px; padding:28px 0 10px 0; background:url(graphics/biografie1.gif) no-repeat top center; display:inline; }

/*------ Palmares structure ----------------------------------------------------------------------------------------*/
#record { float:left; width:590px; margin:2px 0 0 10px; padding:28px 0 10px 0; background:url(graphics/palmares1.gif) no-repeat top center; display:inline; }


/*------ Foto's structure ------------------------------------------------------------------------------------------*/
#photos { float:left; width:590px; margin:2px 0 0 10px; padding:7px 0 10px 0; background:url(graphics/fotos1.gif) no-repeat top center; display:inline; }


/*------ Links structure -------------------------------------------------------------------------------------------*/
#links { float:left; width:590px; margin:2px 0 0 10px; padding:23px 0 20px 0; background:url(graphics/links1.gif) no-repeat top center; display:inline; }

#descrip { float:left; width:290px; height:130px; display:inline; }
#screen { float:right; width:290px; height:130px; display:inline; }
#frame { float:left; width:590px; margin:10px 0 0 10px; padding-bottom:10px; }


/*------ Voorwaarden structure -------------------------------------------------------------------------------------*/
#constrict { float:left; width:590px; margin:2px 0 0 10px; padding:28px 0 10px 0; background:url(graphics/voorwaarden1.gif) no-repeat top center; display:inline; }


/*------ Contact structure -----------------------------------------------------------------------------------------*/
#contact { float:left; width:590px; margin:2px 0 0 10px; padding:28px 0 10px 0; background:url(graphics/contact1.gif) no-repeat top center; display:inline; }
#complete { float:left; width:590px; height:199px; padding:199px 0 10px 0; text-align:center; background: url(graphics/contact1.gif) no-repeat top center; display:inline; }

/*------ Disclaimer structure --------------------------------------------------------------------------------------*/
#restrict { float:left; width:590px; margin:2px 0 0 10px; padding:28px 0 10px 0; background:url(graphics/disclaimer1.gif) no-repeat top center; display:inline; }