/* 
Denken in Beeld
=============================================================================================
URL:				http://www.denkeninbeeld.nl/
Auteur: 			Stefan Efdé [http://www.addnoise.nl]
=============================================================================================
*/

/* 
ACHTERGROND 	: #FEFAE7
ORANJE			: #E66D0F
PAARS			: #891E5A
LICHT PAARS		: #6357CB
GRIJS			: #343434
*/

@import url(/addsite/css/iconen.css);

body
		{
			margin: 0;
			padding: 0;
			height: 100%;
			background: #FEFAE7 url(../images/header_bg.jpg) repeat-x 0px 0px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
			color: #343434;
			line-height: 20px;
			-webkit-text-size-adjust: none;
		}
		
		html
		{
			height: 100%;
		}
		
		a:link, a:visited 
		{ 
			font-weight: normal; 
			text-decoration: underline; 
			color: #E66D0F;
			outline-color: invert;
			outline-style: none;
		   	outline-width: 0pt; 	
		}

		a:hover 
		{ 
			text-decoration: none; 
			color: #891E5A;
		}
		
		p {
			margin: 0px;
			padding: 0px;
		}
		.intro {
			color: #891E5A;
			display: block;
			padding: 0px 0px 0px 23px;
			font-weight: bold;
		}
		.bold {
			color: #891E5A;
			padding: 0px 0px 0px 0px;
			font-weight: bold;
			margin: 0px;
		}
		
		.tekst {
			display: block;
			padding: 0px 0px 0px 23px;
		}
		h1 
		{
			font-size: 22px;
			font-family: 'Comic Sans MS';
			font-weight: normal;
			color: #891E5A;
			padding: 8px 0px 20px 23px;
			margin: 0px 0px 0px 0px;
			background: url(../images/kopje_icon.png) no-repeat 0px 0px;
			line-height: 30px;
		}
			/* Fix voor IE */
				* html h1
				{
					height: 30px;
					background-image:none;
					filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='http://beheer.addnoise.nl/addsite/data/sites/denkeninbeeld/www/images/kopje_icon.png', sizingMethod='crop');
				}	
		
		h2 
		{
			font-size: 18px;
			font-family: 'Comic Sans MS';
			font-weight: normal;
			color: #6357CB;
			padding: 8px 0px 0px 0px;
			margin: 0px 0px 25px 0px;
		}
		h3 
		{
			font-size: 14px;
			font-family: 'Comic Sans MS';
			font-weight: normal;
			color: #891E5A;
			padding: 8px 0px 0px 0px;
			margin: 0px 0px 8px 0px;
		}
		/* Fix voor IE */
		* html h3
		{
			font-weight: bold;
		}
		
		.subkop {
			font-size: 16px;
			font-family: 'Comic Sans MS';
			font-weight: normal;
			color: #E66D0F;
			padding: 8px 0px 20px 0px;
			margin: 0px 0px 0px 0px;
			line-height: 20px;
		}
		
		.nieuwskop {
			font-size: 16px;
			font-family: 'Comic Sans MS';
			font-weight: normal;
			color: #E66D0F;
			padding: 8px 0px 20px 0px;
			margin: 0px 0px 0px 0px;
			line-height: 20px;
		}		
		
		.videokop {
			font-size: 16px;
			font-family: 'Comic Sans MS';
			font-weight: normal;
			color: #E66D0F;
			padding: 8px 0px 20px 0px;
			margin: 0px 0px 0px 0px;
			line-height: 20px;
		}
		.paars {
			color: #891E5A;
		}
		

		#bovenstuk
		{
			width: 100%;
			height: 215px;
			background: none;
		}
		
		
		.kleurenbalk
		{
			width: 100%;
			height: 5px;
			background: url(../images/kleurenbalk.gif) repeat-x top left;
			line-height: 0px;
			font-size: 0px;
			padding: 0px;
			margin: 0px;
		}
		
		#middenstuk
		{
			width: 100%;
			min-height: 355px;
			padding-bottom: 90px;
			position: relative;
		}
		
		
		#onderstuk
		{
			width: 100%;
			height: 90px;

			margin: -90px auto 0 auto;
			background-color: #E66D0F;
		}

		/* Fix voor IE */
		* html #onderstuk
		{
			margin-top: -90px;
		}

		#pagina
		{
			margin: 0 auto;
			width: 940px;
			min-height: 605px;
			background: url(../images/pagina_bg.jpg) no-repeat 255px 0px;
			padding: 20px 0px 0px 0px;
		}
		/* Fix voor IE */
		* html #pagina
		{
			height: 605px;
		}

		#logo01
		{
			position: relative;
			margin: 0 auto;
			width: 940px;
			height: 210px;
			background: url(../images/header01.jpg) no-repeat top left;
		}
					
		#logo02
		{
			position: relative;
			margin: 0 auto;
			width: 940px;
			height: 210px;
			background: url(../images/header02.jpg) no-repeat top left;
		}
		#logo03
		{
			position: relative;
			margin: 0 auto;
			width: 940px;
			height: 210px;
			background: url(../images/header03.jpg) no-repeat top left;
		}
		#logo_rest
		{
			position: absolute;
			top: 27px;
			left: -55px;
			width: 55px;
			height: 150px;
			background: url(../images/header_rest.jpg) no-repeat 0px 0px;
		}
		#tekstwolk {
			position: absolute;
			top: -180px;
			left: 275px;
			width: 400px;
			height: 80px;
			font-size: 18px;
			font-family: 'Comic Sans MS';
			font-weight: normal;
			color: #F5C9AA;
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 0px 0px;
			display: block;
			line-height: 22px;
			
		}

		#footer
		{
			margin: 0 auto;
			width: 940px;
			height: 82px;
			position: relative;
			
			background: url(../images/footer_bg.gif) no-repeat top left;	
		}

		#container
		{
			position: relative;
			min-height: 100%;
						

		}

		* html #container
		{
			height: 100%;
			
		}



#linkerkant {
	float: left;
	width: 215px;
	background: url(../images/menu_bg.jpg) no-repeat top right;
	min-height: 250px;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
}
	/* Fix voor IE */
		* html #linkerkant
		{
			width: 205px;
		}	
#rechterkant {
	position: relative;
	float: left;
	width: 635px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.contentbox {
	width: 635px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 30px;
}
.contentbox ol {
	padding: 0px;
	margin: 0px 0px 0px 23px;
}
.contentbox ul {
	margin: 0px 15px 0px 20px;
	padding: 0px;
}
	/* Fix voor IE */
		* html .contentbox
		{
			margin-left: 10px;
		}	

.contentbox ul li {
	list-style-type: none;
	text-align: left;
	line-height: 24px;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 13px;
	background: url(../images/li_star.gif) no-repeat 0px 7px;
	
}
.contentbox ul li a, .contentbox ul li a:visited {
	color: #E66D0F;
	text-decoration: none;
	line-height: 18px;
	margin: 0px;
}
	/* Fix voor IE */
		* html .contentbox ul li a
		{
			height: 20px;
			background: url(../images/li_star.gif) no-repeat 0px 6px;
		}	
.contentbox ul li a:hover {
	color: #891E5A;
}




#dingenbox {
	float: right;
	width: 200px;
	background: url(../images/papier_top.jpg) no-repeat top left;
	margin: 5px 0px 10px 30px;
	padding: 0px 0px 0px 0px;
	position: relative;
}
#dingenbox .kopje {
	font-size: 14px;
	font-family: 'Comic Sans MS';
	font-weight: normal;
	color: #E66D0F;
	padding: 0px 0px 0px 0px;
	margin: 40px 0px 15px 20px;
	display: block;
	line-height: 18px;
}
/* Fix voor IE */
		* html #dingenbox .kopje
		{
			font-weight: bold;
		}

#dingen2 {
	width: 190px;
	background: url(../images/papier_btm.jpg) no-repeat bottom left;
	padding: 0px 10px 0px 0px;
	margin: 0px;
}

#dingen2 ul {
	margin: 0px 15px 0px 20px;
	padding: 0px;
	float: left;
}
	/* Fix voor IE */
		* html #dingen2 ul
		{
			margin-left: 10px;
		}	

#dingen2 ul li {
	list-style-type: none;
	text-align: left;
	line-height: 24px;
	margin: 0px 0px 7px 0px;
	background: none;
}
#dingen2 ul li a, #dingen2 ul li a:visited {
	color: #6357CB;
	text-decoration: none;
	padding: 0px 0px 0px 13px;
	background: url(../images/li_star.gif) no-repeat 0px 4px;
	display: block;
	line-height: 18px;
	margin: 0px;
}
	/* Fix voor IE */
		* html #dingen2 ul li a
		{
			height: 20px;
			background: url(../images/li_star.gif) no-repeat 0px 6px;
		}	
#dingen2 ul li a:hover {
	color: #891E5A;
}


.meerdingen a:link, .meerdingen a:visited {
	position: absolute;
	bottom: 30px;
	right: 30px;
	width: 25px;
	height: 15px;
	display: block;
	line-height: 0px;
	font-size: 0px;
	color: #FFF;
	background: url(../images/arrow_oranje.gif) top right no-repeat;
}
	/* Fix voor IE */
		* html .meerdingen a:link, * html .meerdingen a:visited
		{
			right: 50px;
		}	

.meerdingen a:hover {
	background: url(../images/arrow_lp.gif) top right no-repeat;
}

#ddabox {
	width: 580px;
	height: 150px;
	background: url(../images/ddabox_bg.jpg) no-repeat top right;
	margin: 0px 0px 0px 0px;
	padding: 25px 20px 0px 30px;
}

#ddabox img {
	float: left;
	width: 125px;
	height: 95px;
	margin: 10px 20px 50px 0px;
	padding: 0px 0px 0px 0px;
}

.copyright {
			float: left;
			color: #FFE9C5;
			margin: 20px 0px 0px 80px;
			padding: 0px;
		}
		/* Fix voor IE */
		* html .copyright
		{
			margin-left: 40px;
		}	
		
.copyright a, .copyright a:visited {
			color: #FFE9C5;
			text-decoration: none;
		}
.copyright a:hover {
			color: #FFF;
		}
.copyright a.actief {
			text-decoration: none;
			color: #FFF;
			font-weight: bold;
}	


.footerlogos {
	float: right;
	height: 82px;
	overflow: hidden;
}
.footerlogos img {
	border: 0px;
}
.footerlogos a:link, .footerlogos a:visited, .footerlogos a:hover {
	border: 0px;
	text-decoration: none;
}


.leesmeer a, .leesmeer a:visited {
	color: #E66D0F;
	text-decoration: none;
	padding: 0px 0px 0px 13px;
	background: url(../images/li_star.gif) no-repeat 0px 4px;
	line-height: 18px;
	margin: 0px 0px 0px 23px;
}

.leesmeer a:hover {
	color: #891E5A;
}


#styles {
	position: absolute;
	top: 4px;
	right: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

#styles ul {
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

#styles ul li {
	color: #8F8F8F;
	float: left;
	display: inline;
	list-style-type: none;
	text-align: right;
	line-height: 17px;
	margin: 0px 15px 7px 0px;
	
}
#styles ul li a, #styles ul li a:visited {
	font-size: 12px;
	color: #6357CB;
	text-decoration: none;
	padding: 0px 0px 0px 13px;
	background: url(../images/li_star.gif) no-repeat 0px 4px;
	display: block;
	line-height: 17px;
	margin: 0px;
}

#styles ul li a:hover {
	color: #891E5A;
}


/* Navigatie menu eerste niveau
------------------------------------------------------------------------------------------ */
	
	
  	.verznav
	{
		float: left;
		width: 255px;
		min-height: 250px;
		background: url(../images/menu_bg.jpg) no-repeat top right;
		line-height: 30px;
		letter-spacing: 0.6px;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
	}

	.verznav ul
	{
		margin: 0px;
		padding: 15px 5px 0px 0px;				
	}

	.verznav ul li
	{
		padding: 0px 0px 0px 0px;	
		margin: 0 0 0 80px ;
		list-style-type: none;
		text-align: left;
		
	}
	
	.verznav li a, .verznav li a:visited
	{
		color: #E66D0F;
		padding: 5px 35px 5px 0px;
		text-decoration: none;

		
	}
	
	
	.verznav li a:hover
	{
		color: #6357CB;
		background: url(../images/arrow_lp.gif) center right no-repeat;
		
	}	

	
	.verznav li a.actief
	{
		color: #891E5A;
		padding: 0px 35px 0px 0px;
		font-weight: bold;
		background: url(../images/arrow_p.gif) center right no-repeat;
	}
	.verznav li a.actief:hover, .verznav li a.actief:visited
	{
		background: url(../images/arrow_p.gif) center right no-repeat;
		color: #891E5A;
		font-weight: bold;
	}




/* Navigatie menu tweede niveau
------------------------------------------------------------------------------------------ */

	
	.verznav ul ul
	{ 
		
		margin: -5px 0px 5px 0px;
		padding: 0px 0px 0px 0px;
		line-height: 14px;
	}
	
	.verznav ul li li
	{
		border: 0px;
		padding: 1px 0px 1px 0px;
		margin: 0px 0px 0px 15px;
	}

	
	.verznav li li a , .verznav li li a:visited
	{
		color: #E66D0F;
		font-size: 11px;
		text-align: left;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 13px;
		background: url(../images/li_star.gif) no-repeat 0px 2px;
	}
		
	.verznav li li a:hover
	{
		background: url(../images/li_star.gif) no-repeat 0px 2px;
		color: #6357CB;
	}
	
	.verznav li li#subactief a
	{
		color: #6357CB;
		text-decoration: none;
	}
	
	.verznav li li#subactief a:hover
	{
		color: #891E5A;
	}


#adresgegevens{
	position: absolute;
	top: -200px;
	left: 80px;
	width: 170px;
	height: 100px;
}


ul.contact
	{
	 margin: 10px 0px 0px 0px;
	 padding: 0px;
	 list-style-type: none;
	}
	
ul.contact li.phone
	{
	 background: url(../images/phone_icon.gif) -4px 0px no-repeat;
	 padding: 5px 0px 5px 30px;
	 height: 20px;
	}	
	
ul.contact li.email
	{
	 background: url(../images/email_icon.gif) -4px 2px no-repeat;
	 padding: 5px 0px 5px 30px;
	  height: 20px;
	}

/* Foto overzicht
------------------------------------------------------------------------------------------ */
.fotosrechts { 
	float: right;
	width: 225px;
	padding: 60px 0px 0px 0px;
	margin: 0px 0px 0px 20px;
	}
	
.fotosrechts img{ 
	border: 0px;
	float: right;
	width: 225px;
	margin: 0px 0px 20px 0px;
	}

.fotosoverzicht { 
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 0px 5px;
	font-size: 0px;
	line-height: 0px;
	width: 580px;
	height: 170px;
	background: url(../images/fotosoverzicht_bg.jpg) top left no-repeat;
	}		
	
.fotosoverzicht img
{
	width: 156px;
	height: 133px;
	border: 0px;
	padding: 0px;
	margin: 20px 35px 0px 0px;
	float: left;
}
.fotosoverzicht img:hover
{
	
	border: 0px solid #fdffe9;
}

/* Formulier
---------------------------------------------------------------------------------------------- */


input.button1 {
	background:  url(../images/form_btns.gif) no-repeat 4px 2px; 
	border: 0px;
	color: #ffffff;
	width: 90px;
	height: 25px;
	margin: 5px 10px 10px 0px; 
	padding: 3px 10px 3px 10px;
	}
	/* Fix voor IE */
		* html input.button1
		{
			line-height: 20px;
		}
	
input.button2 {
	background: url(../images/form_btns.gif) no-repeat -92px 2px; 
	border: 0px;
	width: 90px;
	height: 25px;
	color: #ffffff;
	margin: 5px 0px 10px 0px; 
	padding: 3px 10px 3px 10px; 
	}	
	/* Fix voor IE */
		* html input.button2
		{
			line-height: 20px;
		}
	
.input {
	background: #FEFAE6 url(../images/invul_bg.jpg) repeat-x bottom left; 
	border: 1px solid #891E5A;
		width: 203px;
		margin-left: 10px;
		line-height: 11px;
		height: 16px;	
		
		}
		
.invulNormaal {
	background: #FEFAE6 url(../images/invul_bg.jpg) repeat-x bottom left; 
	border: 1px solid #891E5A;
		width: 250px;
		line-height: 11px;
		height: 16px;
		margin: 1px 0px 1px 0px;
		padding: 2px 3px 1px 3px;
		
		
		}		
		
.invulArea {
	background: #FFF8E1 url(../images/areabg.jpg) repeat-x bottom left; 
	border: 1px solid #891E5A;
		width: 250px;
		height: 80px;
		line-height: 11px;
		margin: 1px 0px 1px 0px;
		padding: 2px 3px 1px 3px;
		
		}


.veld2pulldown select
{
 background-color: #ffffff;
 color: #000000;
 border: 1px solid #891E5A;
 margin-right: 0px;
 text-align: left;
 height: 18px;
 padding: 2px 3px 2px 3px;
 margin: 0 0 0 0;
}	

.invulSmall {
	background: #FEFAE6 url(../images/invul_bg.jpg) repeat-x bottom left; 
	border: 1px solid #891E5A;
		width: 140px;
		line-height: 11px;
		height: 16px;
		margin: 1px 0px 1px 0px;
		padding: 2px 3px 1px 3px;
		}
		
.invulPulldown {
	background: #ffffff;
	border: 1px solid #891E5A;
	height: 18px;
		line-height: 11px;
		margin: 1px 0px 1px 0px;
		padding: 2px 3px 2px 3px;
		}		
		
.invulXSmall {
	background: #ffffff;
	border: 1px solid #891E5A;
		width: 25px;
		line-height: 11px;
		height: 16px;
		margin: 1px 0px 1px 0px;
		padding: 2px 3px 1px 3px;
		}

.media {
	padding: 0px 0px 0px 23px;
}
#sitemap {
	padding: 0px 0px 0px 23px;
	margin: -40px 0px 0px 0px;
}


#sitemap ul {
	margin: 0px 15px 0px 20px;
	padding: 0px;
}
	/* Fix voor IE */
		* html #sitemap ul
		{
			margin-left: 10px;
		}	

#sitemap ul li {
	list-style-type: none;
	text-align: left;
	line-height: 24px;
	margin: 0px 0px 7px 40px;
	
}
#sitemap ul li a, #sitemap ul li a:visited {
	color: #E66D0F;
	text-decoration: none;
	padding: 0px 0px 0px 13px;
	background: url(../images/li_star.gif) no-repeat 0px 4px;
	display: block;
	line-height: 18px;
	margin: 0px;
}
	/* Fix voor IE */
		* html #sitemap ul li a
		{
			height: 20px;
			background: url(../images/li_star.gif) no-repeat 0px 6px;
		}	
#sitemap ul li a:hover {
	color: #891E5A;
}

.clearer {
	height: 0px;
	clear: both;
	font-size: 0px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
}
.clearer50 {
	clear: both;
	height: 50px;
	font-size: 0px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
}
.spacer {
	height: 0px;
	font-size: 0px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
}
.spacer20 {
	height: 20px;
	font-size: 0px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
}
.spacer30 {
	clear: both;
	height: 30px;
	font-size: 0px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
}
.spacer50 {
	height: 50px;
	font-size: 0px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
}
.spacer2 {
	width: 100%;
	height: 3px;
	font-size: 0px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
	background: #FEFAE7;
}



#nieuwsoverzicht {
	padding: 0px 0px 0px 23px;	
}

.newslinks{
	float: left;
	width: 81px;
}

.newslinks img {
	border: 0px;
	float: left;
}

.newsrechts {
	float: right;
	width: 510px;
}

.contentform {
	padding: 0px 0px 0px 23px;
	margin-top: -20px;
}

.video {
	width: 362px;
	height: 317px;
	margin: 0px 0px 0px 23px;
	padding: 5px 0px 0px 5px;
	background: url(../images/videobg.jpg) no-repeat 0px 0px;
}