/*  ==========================================================================================
	Project: 					FM kaffee
	Original author :			Ronald Koenen (r.koenen@nexwork.nl)
	Datum:						27 augustus 2007
	========================================================================================== */		


/*  -----------------------------------------------------------------------------------------
		Basis opbouw
    ----------------------------------------------------------------------------------------- */

body, html							
{
	
	background-image: url(../img/back.jpg);
	background-position: top;
	background-repeat: repeat;
	font-family: trebuchet ms, Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0px;
}

h2{ font-size: 15px;  font-family: Trebuchet MS; text-align: left; padding-top: 5px; padding-bottom: 5px; padding-left: 15px; margin: 0px; height: 20px; background-color: #e3e3e3; color: #000d87;}
h3{ font-size: 13px; text-align: left; padding-top: 5px; padding-bottom: 5px; padding-left: 0px; margin: 0px; height: 20px; background-color: #e3e3e3; }

#paginacontainer					
{
	position: relative;
	width: 1024px;
	height: auto;
	background-color: white;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	}
	
#paginacontainer .logo
{
	position: absolute;
	background-image: url(../img/logo.png);
	width: 238px;
	height: 182px;
	top: 0;
	left: 0;
	z-index: 100;
	overflow: hidden;
	cursor: pointer;	
}

*html #paginacontainer .logo
{	cursor: pointer; overflow: hidden; background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='lib/img/logo.png',sizingMethod='image')
	}


/*  -----------------------------------------------------------------------------------------
		header opmaak
    ----------------------------------------------------------------------------------------- */

#headercontainer	
{
	background-color: #e3e3e3;
	height: 165px;
	margin: 10px;
	padding: 0px;
	overflow: hidden;
}

#headercontainer .fotoheader	
{	
	position: relative;
	z-index: 10;
	background-image: url(../img/background_header_home.jpg);
	height: 139px;
	background-repeat: no-repeat;		
}

#headercontainer .fotoheader_nieuwspagina	
{	
	position: relative;
	z-index: 10;
	background-image: url(../img/background_nieuws.jpg);
	height: 139px;
	background-repeat: no-repeat;		
}

#headercontainer .fotoheader_fotoboek	
{	
	position: relative;
	z-index: 10;
	background-image: url(../img/background_fotoboek.jpg);
	height: 139px;
	background-repeat: no-repeat;		
}

#headercontainer .fotoheader_crew	
{	
	position: relative;
	z-index: 10;
	background-image: url(../img/background_crew.jpg);
	height: 139px;
	background-repeat: no-repeat;		
}

#headercontainer .fotoheader_links	
{	
	position: relative;
	z-index: 10;
	background-image: url(../img/background_links.jpg);
	height: 139px;
	background-repeat: no-repeat;		
}


#headercontainer .menu { margin: 0px 0px 0px 210px; overflow:hidden; padding-bottom: 0px; font-size: 12px; text-align: center; }
#headercontainer .menu ul { list-style: none; margin: 0; padding: 139px 0 0 0; }
#headercontainer .menu ul li { display: inline; margin: 0; padding: 0; } 
#headercontainer .menu ul li a { text-decoration: none; color: Black; display: block; float: left; margin: 0px 0px 0px 0px; padding: 4px 0px 0px 0px; overflow: hidden;	font-family: Trebuchet MS; font-size: 14px; font-weight: bold; }
#headercontainer .menu ul li a:hover { background-color: #3ab1e5; width: 90px;	height: 22px; padding: 4px 0px 0px 0px; margin: 0px; }
#headercontainer ul li a.active { width: 90px; background-color: #2a348f; height: 22px; padding: 4px 0px 0px 0px; margin: 0px; color: #ffffff;}
#headercontainer ul li a.non_active { width: 90px; padding: 4px 0px 0px 0px; margin: 0px;}
	
	*html #headercontainer ul li a.non_active {	width: 90px; padding: 0px; margin: 0px; }
	
/*  -----------------------------------------------------------------------------------------
		banner opmaak
    ----------------------------------------------------------------------------------------- */

#bannercontainer
{
	
	background-color: green;
	margin-left: 10px;
	}
	
#bannercontainer .banner1
{
	background-color: transparent;
	width: 274px;
	height: 27px;
	background-image: url(../img/banner_1.jpg);
	background-repeat: no-repeat;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0;
	cursor:pointer;
	text-align: right;
	padding: 33px 5px 0px 0px;
	color: White;
	text-decoration: none;
	font-weight: bold;
	font-size: 20px;
}	
	

#bannercontainer .banner2
{
	background-color: transparent;
	width: 344px;
	height: 27px;
	background-image: url(../img/banner_2.jpg);
	background-repeat: no-repeat;
	float: left;
	margin: 0px 10px 10px 10px;
	cursor:pointer;
	text-align: right;
	padding: 33px 5px 0px 0px;
	color: White;
	text-decoration: none;
	font-weight: bold;
	font-size: 20px;
}

#bannercontainer .banner3
{
	width: 351px;
	height: 27px;
	background-image: url(../img/banner_3.jpg);
	background-repeat: no-repeat;
	float: left;
	margin: 0px 0px 10px 0px;
	cursor:pointer;
	text-align: right;
	padding: 33px 5px 0px 0px;
	color: White;
	text-decoration: none;
	font-weight: bold;
	font-size: 20px;
}
	
/*  -----------------------------------------------------------------------------------------
		left col opmaak
    ----------------------------------------------------------------------------------------- */

#contentcontainer
{
	background-color: transparent;
	background-image: url(../img/background_content1.png);
	background-repeat: repeat-y;
	margin: 0px 0px 0px 0px;
	border-bottom: 10px solid white;    	
	float: left;
	}
	
/*
#contentcontainer .sticker{
	position: absolute;
	right: 18px;
	bottom: 0px;
	width: 146px;
	height: 142px;
	background-image: url(../img/sticker.png);
}*/
/*
*html #contentcontainer .sticker
{
	background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='lib/img/sticker.png',sizingMethod='image')
	}
*/
#contentcontainer2
{
	background-color: transparant;
	background-image: url(../img/background_content2.png);
	background-repeat: repeat-y;
	margin: 0px 0px 0px 0px;
	border-bottom: 10px solid white;    	
	float: left;
}

/*
#contentcontainer2 .sticker{
	position: absolute;
	right: 18px;
	bottom: 0px;
	width: 146px;
	height: 142px;
	background-image: url(../img/sticker.png);
}

*html #contentcontainer2 .sticker
{
	background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='lib/img/sticker.png',sizingMethod='image')
	}
*/



#leftcol
{
	background-color: white;
	width: 279px;
	margin: 0px 10px 0px 10px;
	float: left;
	overflow: hidden;	
	display: inline;
	}


	
#leftcol .openingstijden
{
	background-color: #3ab1e5;
	height:150px;
	margin: 0px 0px 10px 0px;
	overflow: hidden;
	
}

#leftcol .openingstijden table
{
	background-color:transparant;
	text-align: left;
	padding: 0 0 0 0;
	margin-top: 5px;
	float: left;
	font-family: Verdana, Arial, Tahoma;
	font-size: 12px;
	color: White;
	
	}

#leftcol .openingstijden table tr 
{
	text-align: left;
	padding: 0px 0px 0px 10px;
	float: left;
	}

#leftcol .openingstijden table tr td
{
	
	text-align: left;
	padding: 3px 0px 0px 15px;
	background-color: transparant;
	
	width: 160px;
	float: left;
	}

#leftcol .openingstijden table tr td.dag
{
	background-color: transparant;
	width: 70px;
	text-align: left;
}

#leftcol .foto
{
	overflow: hidden;
	margin: 0px 0px 10px 0px;	
	}
	
	
#leftcol .foto img
{
	width: 267px;
	height:108px;
	border: 1px solid #e3e3e3;
	padding: 5px;
	float: left;	
	}

#leftcol .nieuws
{
	background-color: #3ab1e5;
	overflow: hidden;
	width: 279px;
	margin: 0;
	padding: 0;
	text-align: left;
	padding: 10px 0px 0px 0px;
	float: left;
	background: transparant;
	
	}

#leftcol .nieuws ul
{
	background: transparant;
	margin: 0 0 0 0;
	padding: 0 0 0 0px;
	text-indent: 20px;

	
	}
	
#leftcol .nieuws li
{
	font-family: Verdana, Arial, Tahoma;
	font-size: 12px;
	color: White;
	line-height: 15px;
	list-style-type: none;
	padding: 0 0px 15px 0px;
	height:20px;


	}

#leftcol .nieuws li a 
{ 
	color: white; 
	text-decoration: none; 
	font-family: Verdana, Arial, Tahoma; 
	font-size: 12px;
	width: 280px;
	height: 20px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
	
	}

#leftcol .nieuws li a:hover 
{ 
	color: white; 
	font-family: Verdana, Arial, Tahoma; 
	font-size: 12px;
	display: block;
	width: 280px;
	height: 20px;
	background-color: #52bae7;
	padding: 0px 0px 0px 0px;
	margin: 0 0 0 0px;
	}

*+html #leftcol .nieuws li a {display:inline;}
*html #leftcol .nieuws li a {display:inline;}
	


#leftcol .nieuws ul li a.active
{
	color: white; 
	text-decoration: underline; 
	font-family: Verdana, Arial, Tahoma; 
	font-size: 12px;
	background-color: #52bae7;
	display: block;
	width: 280px;
	margin: 0 0px 0 0;
	background-position: left;
	}
	
#leftcol .leesmeer
{
	background-image: url(../img/leesmeer2.png);
	width: 93px;
	height: 18px;
	float: right;
	text-indent: -9999px;
	margin: 0px 20px 10px 0px;
	cursor:pointer;
	
	}
	
	*html #leftcol .leesmeer
{
	background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='lib/img/leesmeer2.png',sizingMethod='image')
	}

/*  -----------------------------------------------------------------------------------------
		content opmaak
    ----------------------------------------------------------------------------------------- */

#content
{
	background-color: transparent; 
	width: 545px;
	float: left;
	overflow: hidden;
	font-size: 12px;	
	}

#content .paragraaf 
{	
	border-top: 1px solid white;
	width: 513px;
	margin-left: 15px;
	overflow: hidden;
	}
	
#content .paragraaf a
{	
	font-size: 12px;
	font-weight: bold;
	color: #3ab1e5;
	text-decoration: none;
	}

#content .paragraaf a:hover
{	
	font-size: 12px;
	font-weight: bold;
	color: #3ab1e5;
	text-decoration: underline;
	}

#content .paragraaf p
{
	float: inherit;
	margin: 0px 0px 10px 0px;
	}
	
	*+html #content .paragraaf p
	{
	margin: 0px 0px 10px 0px;float: left;
	}

#content .paragraaf img
{
	float: left;
	overflow: hidden;
	width: 160px;
	border: 1px solid white;
	margin-top: 0px;
	margin-right: 15px;
	}

#content .leesmeer
{
	background-image: url(../img/leesmeer.jpg);
	width: 75px;
	height: 14px;
	float: right;
	text-indent: -9999px;
	margin: 15px 0px 10px 0px;
	cursor:pointer;
	}
	

	
#content2
{
	width: 715px;
	float: left;
	overflow: hidden;
	font-size: 12px;
		
	}

#content2 .paragraaf 
{	
	border-top: 1px solid white;
	width: 513px;
	margin-left: 15px;
	overflow: hidden;
	}
	
#content2 .paragraaf a
{	
	font-size: 12px;
	font-weight: bold;
	color: #3ab1e5;
	text-decoration: none;
	}

#content2 .paragraaf a:hover
{	
	font-size: 12px;
	font-weight: bold;
	color: #3ab1e5;
	text-decoration: underline;
	}

#content2 .paragraaf p
{
	background-color: transparant;
	float: left;
	width: 335px;
	margin: 10px 0 0 15px;
	}

#content2 .paragraaf img
{
	float: left;
	overflow: hidden;
	width: 160px;
	border: 1px solid white;
	margin-top: 10px;
	}
	
#content2 .subparagraaf 
{	
	border-top: 1px solid white;
	width: 513px;
	margin-left: 15px;
	}
	
#content2 .subparagraaf a
{	
	font-size: 12px;
	font-weight: bold;
	color: #3ab1e5;
	text-decoration: none;
	}

#content2 .subparagraaf a:hover
{	
	font-size: 12px;
	font-weight: bold;
	color: #3ab1e5;
	text-decoration: underline;
	}

#content2 .subparagraaf p
{
	float: left;
	width: 535px;
	margin: 10px 0 0 15px;
	}

#content2 .subparagraaf img
{
	float: left;
	overflow: hidden;
	width: auto;
	margin-top: 5px;
	margin-right: 20px;
	}
	
#content3
{
	width: 715px;
	float: left;
	overflow: hidden;
	font-size: 12px;
	}

#content3 .paragraaf 
{	
	border-top: 1px solid white;
	width: 600px;
	margin-left: 15px;
	overflow: hidden;
	background-color: transparant;
	margin-bottom: 20px;
	
	}
	
#content3 .paragraaf a
{	
	font-size: 12px;
	font-weight: bold;
	color: #3ab1e5;
	text-decoration: none;
	}

#content3 .paragraaf a:hover
{	
	font-size: 12px;
	font-weight: bold;
	color: #3ab1e5;
	text-decoration: underline;
	}

#content3 .paragraaf p
{
	background-color: transparant;
	float: left;
	width: 235px;
	margin: 10px 0 0 15px;
	}

#content3 .paragraaf .fotoboek img
{
	float: left;
	overflow: hidden;
	width: 324px;
	height: 243px;
	margin-top: 10px;
	border: 5px solid white;
	
	}
	
#content4
{
	width: 715px;
	float: left;
	overflow: hidden;
	font-size: 12px;
	}

#content4 .paragraaf 
{	
	border-top: 1px solid white;
	width: 600px;
	margin-left: 15px;
	overflow: hidden;
	background-color: transparent;
	padding-bottom: 20px;
	float: left;
	
	}
	
#content4 .paragraaf a
{	
	font-size: 12px;
	font-weight: bold;
	color: #3ab1e5;
	text-decoration: none;
	}

#content4 .paragraaf a:hover
{	
	font-size: 12px;
	font-weight: bold;
	color: #3ab1e5;
	text-decoration: underline;
	}

#content4 .paragraaf p
{
	background-color: transparent;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	
* html #content4 .paragraaf p{	padding: 0px 0px 0px 0px;	}
*+html #content4 .paragraaf p{	padding: 0px 0px 0px 0px;	}

#content4 .paragraaf .fotocrew img
{
	float: left;
	overflow: hidden;
	width: 324px;
	
	margin-top: 0px ;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 0px;
	border: 5px solid white;
	}
	
#content4 .subparagraaf 
{	
	width: 513px;
	margin-left: 5px;
	margin-bottom: 10px;
	}
	
#content4 .subparagraaf a
{	
	font-size: 12px;
	font-weight: bold;
	color: #3ab1e5;
	text-decoration: none;
	}

#content4 .subparagraaf a:hover
{	
	font-size: 12px;
	font-weight: bold;
	color: #3ab1e5;
	text-decoration: underline;
	}

#content4 .subparagraaf p
{
	float: left;
	width: 535px;
	margin: 10px 0px 0px 10px;
	display: inline;
	}

#content5
{
	width: 715px;
	float: left;
	overflow: hidden;
	font-size: 12px;
	}

#content5 .paragraaf 
{	
	border-top: 1px solid white;
	width: 600px;
	margin-left: 15px;
	overflow: hidden;
	background-color: transparant;
	margin-bottom: 20px;
	
	}
	
#content5 .paragraaf a
{	
	font-size: 12px;
	font-weight: bold;
	color: #3ab1e5;
	text-decoration: none;
	}

#content5 .paragraaf a:hover
{	
	font-size: 12px;
	font-weight: bold;
	color: #3ab1e5;
	text-decoration: underline;
	}

#content5 .paragraaf p
{
	background-color: transparant;
	float: left;
	width: 235px;
	margin: 10px 0 0 15px;
	}

#content5 .paragraaf .fotolink img
{
	float: left;
	overflow: hidden;
	width: 324px;
	height: 243px;
	margin-top: 10px;
	border: 5px solid white;
	}
	
#content5 .subparagraaf 
{	
	width: 513px;
	margin-left: 5px;
	margin-bottom: 10px;
	}
	
#content5 .subparagraaf a
{	
	font-size: 12px;
	font-weight: bold;
	color: #3ab1e5;
	text-decoration: none;
	}

#content5 .subparagraaf a:hover
{	
	font-size: 12px;
	font-weight: bold;
	color: #3ab1e5;
	text-decoration: underline;
	}

#content5 .subparagraaf p
{
	float: left;
	width: 535px;
	margin: 10px 0px 0px 10px;
	display: inline;
	}


/*  -----------------------------------------------------------------------------------------
		right col opmaak
    ----------------------------------------------------------------------------------------- */

#rightcol
{
	position: relative;
	background-color: white;
	width: 157px;
	height: auto;
	margin: 0 0 0 11px;
	float: left;	
	overflow: hidden;	
	}

	
#rightcol .sponsors
{
	background-color: #3ab1e5;
	margin: 0px 0px 10px 0px;
	height: 150px;
	}
	
#rightcol .sponsors img
{
	background-color: #3ab1e5;
	margin: 45px 0px 0px 30px;
	height: 44px;
	width: 100px;
	
	}

	*html #rightcol .sponsors img
{
	background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='lib/img/sponsorjupiler.png',sizingMethod='image')
	}

#rightcol .contact
{
	background-color: #3ab1e5;
	margin: 0px 0px 0px 0px;
	height: 250px;
	}

#rightcol .paragraaf
{
	font-size: 12px;
	font-family: Verdana, Arial, Tahoma; 
	font-style: normal;
	text-align: left;
	padding: 0px 0px 0px 10px;
	text-decoration: none
	}

#rightcol .paragraaf a
{
	font-size: 12px;
	font-family: Verdana, Arial, Tahoma; 
	font-style: normal;
	text-align: left;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
	color: White;
	}
	
#rightcol .paragraaf a:hover
{
	font-size: 12px;
	font-family: Verdana, Arial, Tahoma; 
	font-style: normal;
	text-align: left;
	padding: 0px 0px 0px 0px;
	text-decoration: underline;
	color: white;
	}
	
/*  -----------------------------------------------------------------------------------------
		gastenboek
    ----------------------------------------------------------------------------------------- */
#gastenboekoverzicht { margin: 10px 15px 10px 15px; font-size: 12px;}
#gastenboekoverzicht p { margin: 0; padding: 0; text-align: center;}
#gastenboekoverzicht p a{ color: #2a348f;}
#gastenboekoverzicht table tr td.titel{ width: 100px; font-weight: bold; vertical-align: top; font-size: 12px;}

/*  -----------------------------------------------------------------------------------------
		footer opmaak
    ----------------------------------------------------------------------------------------- */

#footer 
{
	Background-color: #e3e3e3;
	height: 25px;
	clear: both;
	}
	
#footer .paragraaf p
{
	font-size: 12px;
	font-family: Verdana, Arial, Tahoma; 
	font-style: normal;
	text-align: right;
	padding: 5px 10px 0px 0px;
	}
	
#footer .paragraaf a
{
	font-family: Verdana, Arial, Tahoma; 
	font-size: 12px;
	font-style: normal;
	text-decoration: none;
	color: #3ab1e5;
	}

#footer .paragraaf a:hover
{
	font-family: Verdana, Arial, Tahoma; 
	font-size: 12px;
	font-style: normal;
	text-decoration: underline;
	}
	

/*form*/

#content4 .form { background-color: transparent; margin-top: 20px; }
#content4 .form label{float: left; background-color: transparent; font-size: 12px; font-weight: bold; margin: 5px 0px 0px 15px; padding: 0px; width:300px;}
#content4 .form input{float: left; background-color: white; font-family: Verdana; font-size: 12px; margin: 5px 100px 0px 0px;  padding: 0px; }
#content4 .form textarea{float: left; background-color: white; font-family: Verdana; font-size: 12px; margin: 5px 0px 0px 0px;  padding: 0px; width: 250px; height: 150px; }
#content4 p.required{ clear: both; margin: 0px 0px 0px 15px;}
#content4 p.verstuur{clear: both; background-color: transparent; margin: 10px 0px 0px 15px;}


#contentcontainer2 a.topbutton{
	height: 50px;
	width: 50px;
	background-color: transparent;
	background-image: url(../img/up.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
	margin-top: 15px;
	margin-right: 20px;
	margin-bottom: 15px;
	margin-left: 0pt;
	float: right;
	text-indent: -9999px;
	text-decoration: none;}



div.photobookthumb
{
	float:left; margin:10px;
	width:120px;
	word-break:break-all;
	overflow: auto;
}

div.photorow {overflow:hidden;}
div.photobookthumb a {}
div.photobookthumb a img {border:0; width:120px;}

div.photonav {margin:20px 0 20px 0 !important; clear:both; overflow:hidden;}
div.photonav a {float:left; margin-right:10px; text-decoration:undeline !important;}
/*div.photonav a:link {text-decoration:underline !important;}*/
/*div.photonav a:visited {text-decoration:underline !important;}*/

#content .filmpje {clear:both; margin:20px 0 20px 15px; width:514px; }