/* 
Prodes | Full-service Internetbureau
======================================================================================
URL:				www.prodes.nl
Design:				Martijn Gillijns [www.factor12.nl]
Auteur: 			Martijn Gillijns - Factor 12, Jurgen Bosch - Prodes
======================================================================================
*/

* {
	margin: 0;
	padding: 0;
}

body {
	font-family: "Verdana", Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #000;
}

p {
	margin-bottom: 20px;
	line-height: 17px;
}

a { text-decoration:none; }

hr {
	height:0px;
	color:#fff;
	background-color:#fff;
	border:0;
	margin:10px 0;
        border-bottom:1px dotted #b9b9c3;
	width:97%;
}

img {
	border: none;
}

#container {
	margin: 0 auto;
	width: 968px;
}

#links {
	float:left;
	width: 1px;
	height: 472px;
	background-image: url('img/side_bg.jpg');
}

#mid {
	float:left;
	width: 966px;
}

#mid_top {
	width: 966px;
	height: 3px;
	background-color: #9c9cb0;
	border-bottom: 1px solid #fff;
}

#mid_inhoud {
	width: 953px;
	margin-left: 13px;
}

#mid_bottom {
	height: 140px;
	margin-top:20px;
	background: url('img/footer_bg.jpg') repeat-x;
}

#mid_bottom #footer_container {
	width: 953px;
	margin: 0 auto;
	padding-top: 1px;
}

#mid_bottom #footer_container #links {
    float: left;
    width: 500px;
    height: 140px;
    background-image: none;
}

#mid_bottom #footer_container #rechts {
    float: right;
    width: 400px;
    height: 140px;
    background-image: none;
}

#mid_bottom #footer_container #rechts .footer_block {
    float: right;
    text-align: left;
    padding: 30px 11px 0 50px;
}

#mid_bottom #footer_container .footer_block{
	padding: 30px 50px 0 10px;
	color: #7d7d89;
	float: left;
}

#mid_bottom #footer_container .footer_block .list{
	width: 100%;
	line-height: 20px;
	padding-bottom: 5px;
	display: block;
}

#header {
	width: 953px;
	height: 93px;
}

#logo {
	float: left;
	width: 263px;
	height: 93px;
}

/* Menu incl. lavaLamp
----------------------------------------- */

#menu {
	float:left;
	width: 690px;
	height: 93px;
	background-image: url('img/menu_bg.jpg');
}

.lavaLamp {
    height: 93px; 
    width: 690px;

}
.lavaLamp ul {
	height: 93px;
	width: 690px;
}

/* Force the list to flow horizontally */
.lavaLamp li.item {
	float: left;
	display:block;
	height: 93px;
	padding: 20px 5px 20px 5px;
}

.lavaLamp li.spacer {
	display:block;	
	float:left;
	width: 2px;
	height: 93px;
	background: url("img/menu_spacer.jpg");
}

/* Represents the background of the highlighted menu-item. */
.lavaLamp li.back {
	display: block;
    background-image: url("img/menu_hover.png");
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    margin-top: -95px;
    height: 10px;
    width: 15px;
}	
   
/* Styles for each menu-item. */
.lavaLamp li a:link, .lavaLamp li a:visited {
    text-decoration: none;
    font-family: Trebuchet MS,Verdana,sans-serif;
    font-size: 13px;
    color: #000;
  	z-index: 77;
  	font-weight: bold;
  	padding: 15px 10px 10px 11px;

}

.lavaLamp li a:hover {
	color: #901d59;
	text-decoration: none;
}

.lavaLamp li a.active {
	color: #901d59;
}


/* Banner
----------------------------------------- */
#banner {
	width: 936px;
	padding: 1px;
	border: 1px solid #b6b6c9;
}

#banner_links {
	float:left;
	width: 261px;
}

#banner_links a {
	display:block;
	width: 240px;
	height: 26px;
	background-image: url('img/banner_a_bg.jpg');
	border-right: 1px solid #fff;
	padding-left: 20px;
	padding-top: 6px;
	color: #fff;
	text-decoration: none;
	font-family: Trebuchet MS,Verdana,sans-serif;
	font-size: 12px;
	font-weight: bold;
}

#banner_links a:hover {
	background-image: url('img/banner_a_bg_hover.jpg');
	color: #f39400;
    margin-left: -2px;
    padding-right: 2px;
}

#zoeken {
	height: 51px;
	width: 240px;
	margin-top: -1px;
	padding-left: 20px;
	border-right: 1px solid #fff;
	background-image: url('img/zoeken_bg.jpg');
}

form.dienst_zoeken {
	padding-top: 14px;
}

form.dienst_zoeken input {
	border: 1px solid #ac2667;
	background-color: #780C3E;
	padding: 3px 0px 2px 5px;
	color: #fff;
	font-family: Trebuchet MS,Verdana,sans-serif;
	font-size: 12px;
	font-weight: bold;
}

form.dienst_zoeken input.verstuurbutton {
	background-image: url('img/zoekbutton.jpg');
	height: 25px;
	width: 52px;
	border: none;
	padding-top: 1px;
} 

#banner_rechts {
	float:left;
    margin: 0;
}  

#banner_rechts img {
	display: block;
	z-index: 1;
}

#banner_rechts h1 {
	display:block;
	position:relative;
}

#banner_rechts ul {
    position:relative;
    float: right;
    margin-right: 20px;
    margin-top: 8px;
}

li.header_spacer {
    float:left;
    display: block;
    border-left: 1px solid white;
    padding-bottom: 15px;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
}

li.header_spacer a {
    color: #fff;
    text-decoration: none;
   
}


div.inner3 {
	float:left;
	display:none;
    margin: 0;
    width: 675px;
    height: 242px;
}
div.inner3 img {
	display:block;
}
div.inner3 p, div.inner3 h1 {
	display:block;
	position:relative;
	overflow:hidden;
}
div.inner3 p {
	height:41px;
	width:342px;
	z-index:2;
	margin:-41px 0;
}

div.inner3 h1 {
	height:17px;
	z-index:3;
	padding:12px 11px;
	font-size: 12px;
	font-weight: normal;
	text-transform:uppercase;
	letter-spacing:-1px;
	color:#fff;
	text-align: right;
}

div.inner3 h1 a {
	color: #fff;
	text-decoration: none;
}

div.inner3 h1 a:hover {
	text-decoration: underline;
}

#rechts {
	float:left;
	width: 1px;
	height: 472px;
	background-image: url('img/side_bg.jpg');
}

/* Content home */
#content_home {
	width: 940px;
	margin-top: 10px;
}

/* Content home LINKS */
#content_home_links {
	float:left;
	width: 261px;
}

/* Meer info blok */
#meer_informatie {
	width: 261px;
	height: 93px;
	background-image: url('img/meer_informatie_bg.jpg');
}

span.info_titel {
	color: #761748;
	padding-top: 12px;
	padding-bottom: 18px;
	display: block;
	font-family: Trebuchet MS,Verdana,sans-serif;
	font-size: 14px;
	font-weight: bold;
}

span.film_titel {
	color: #ffffff;
	padding: 6px;
	padding-bottom: 5px;
	display: block;
	font-family: Trebuchet MS,Verdana,sans-serif;
	font-size: 18px;
}

span.film_subtitel {
	color: #e88d00;
	padding: 0px 10px 10px 10px;
	display: block;
	font-family: Trebuchet MS,Verdana,sans-serif;
	font-size: 14px;
}

/* Case blok */
#case {
	width: 261px;
	height: 140px;
	background-image: url('img/case_bg.jpg');
}

#inseconden {
	width: 261px;
	height: 87px;
	margin-top: 6px;
	background-image: url('img/film_bg.jpg');
    margin-bottom: 10px;
}

#inseconden img {
    margin-top: 1px;
    margin-left: 1px;
}

#helpen {
	width: 261px;
	height: 140px;
	background-image: url('img/case_bg.jpg');
	line-height: 15px;
}

#helpen img {
	vertical-align: middle;
}

/* Content home MIDDEN */
#content_home_mid {
	float:left;
	width: 376px;
	margin-left: 20px;
	margin-right: 20px;
}

#content_home_mid h1 {
	color: #761748;
	font-size: 11px;
	margin-top: 10px;
	margin-bottom: 3px;
}

#content_home_mid h2 {
	color: #761748;
	font-size: 13px;
	margin-top: 10px;
	margin-bottom: 3px;
}

#content_home_mid p {
	text-align: justify;
	margin-bottom: 5px;
}

#content_home_mid_spacer {
	margin-top: 15px;
	border-bottom: 1px solid #b5b5c8;
	margin-bottom: 15px;
	height: 1px;
	width: 376px;
}

#content_home_mid a {
	text-decoration: none;
	color: #761748;
	font-weight: bold;
}

#content_home_mid a.nieuwslink {
	color: #000;
}

#nieuwsbrief {
	width: 375px;
	height: 42px;
	margin-top: 20px;
	background-image: url('img/nieuwsbrief_bg.jpg');
	border-right:1px solid #c4c4d9;
}

input.nbip {
	width: 295px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right:  5px;
	letter-spacing: 0.6px;
	margin-top: 10px;
	margin-left: 10px;
	border: 1px solid #c4c4d9;
	color: #575769;
	font-size: 11px;
	font-style: italic;
}

input.aanmelden_home {
	background-image: url('img/nieuwsbriefbutton.jpg');
	height: 21px;
	width: 43px;
	border: none;
	padding-bottom: 3px;
	margin-left: 3px;
}

/* Content home RECHTS */
#content_home_rechts {
	float:right;
	width: 261px;
}


/**** CONTENT PAGINA'S  ****/
/* Content MIDDEN */
#concept_border {
	float:left;
	padding: 1px 0px 1px 1px;
	border: 1px solid #b5b5c8;
}
#content_rechts {
	float:left;
	width: 644px;
	margin-left: 20px;
	margin-right: 10px;
}

/* Linker content */
#inhoud {
	float:left;
	width: 442px;
	padding-left: 11px;
	border-right: 1px solid #b9b9c3;
	margin-right: 20px; 
}

#inhoud a {
	text-decoration: none;
	color: #761748;
	font-weight: bold;
}


#submenu {
	width: 442px;
	height: 22px;
	padding-top: 8px;
	background-image: url('img/submenu_bg.jpg');
	margin:0 0 25px -11px;
}

#submenu a {
	color: #000;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
	border-right: 1px solid #b9b9c3;
	font-weight: normal;
}

#submenu a.active {
    color: #761748;
}

#submenu a:hover {
	color: #761748;
	text-decoration: underline;	
}

/* TEKST */
#tekst {
    line-height: 20px;
}

#tekst h1 {
	font-size: 15px;
	color: #761748;
}

#tekst h2 {
	font-size: 12px;
	color: #575769;
	font-weight: normal;
	margin-bottom: 15px;
}

#tekst p {
	width: 422px;
}

#tekst h3 {
	font-size: 14px;
	font-weight: normal;
	font-style: italic;
	color: #761748;
	margin-bottom: 15px;
}

#tekst ul {
    width: 422px;
    margin-top: 0px;
}

#tekst li {
    display: block;
    background-image: url(img/next_oranje.png);
    background-repeat: no-repeat;
    background-position: 0px 6px;
    padding-left: 20px;
}

/* HANDIGE LINKS */
#handige_links {
	float:left;
	width: 170px;
}

#handige_links h1 {
	font-size: 15px;
	font-family: Trebuchet MS,Verdana,sans-serif;
	color: #761748;
	font-weight: normal;
	margin-bottom: 10px;
}

#handige_links ul {
	padding-bottom: 20px;
	border-bottom: 1px solid #b9b9c3;
	margin-bottom: 20px;
}

#handige_links li {
	display:block;
	background-image: url('img/next_oranje.png');
	background-repeat: no-repeat;
	background-position: 0px 1px;
	padding-left: 20px;
	margin-bottom: 3px;
}
#handige_links a {
	text-decoration:none;
	color:#000;
}
#handige_links a:hover {
	text-decoration:underline;
}
#handige_links hr {
	width:168px;
	border-style:solid;
}
img.pfpic {
	margin:-3px 10px 0 0;
	float:left;
	width:84px;
	height:84px;
	background-color:#fff;
	padding:1px;
	border: 1px solid #b9b9c3;
}
a.leescase {
	display:block !important;
	float:left;
	background-image: url('img/next_oranje.png') !important;
	background-repeat: no-repeat !important;
	background-position:center right !important;
	color:#c96d00 !important;
	width:70px;
	font-weight:normal !important;
}
.prtitem {
	display:block;
	float:left;
	margin-top:15px;
	width:120px;
	color:#555;
}
.prtitem a {
	display:block;
	background-image: url('img/next_oranje.png') !important;
	background-repeat: no-repeat !important;
	background-position:center right !important;
	font-weight:normal !important;
}
a span { color:#000; }
.footer_block a { color:#7d7d89 !important; }
#helpen a { color:#000; }

/* Forms */
#contactform { width:370px; }
#contactform br { clear:both; margin-top:2px; }
#contactform label {
	display:block;
	float:left;
	margin-right:5px;
	text-align:right;
	font-size:11px;
	padding-top:3px;
}

#contactform input {
	float:right;
	width:270px;
	font-size:11px;
	padding:3px 5px !important;
	margin-bottom:4px;
	border:1px solid #ccc;
}

#contactform #submit, #contactform #reset {
	background-color:#fff;
	width:137px;
	font-size:11px;
	text-align:center;
	letter-spacing:1px;
}
#contactform #submit { margin-right:8px; }

#contactform textarea {
	float:right;
	font-family: "Verdana", Arial, Verdana, sans-serif;
	font-size:11px;
	padding:4px !important;
	margin-bottom:4px;
	width:272px;
	border:1px solid #ccc;
}

.form-right label { display:none; }
.fout { border:1px solid #f00 !important; }

span.white a {
    color:#fff !important;
}

span.white img {
    vertical-align: top !important;
}

.verborgen {
	display:none;
}