/*
Theme Name: Het Promotiehuis
Theme URI: http://www.hetpromotiehuis.nl/
Description: Het Promotiehuis
Version: 1
Author: Terra-Preta
Author URI: http://www.terra-preta.nl/
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-decoration:none;
}

a, p {
font-family: Arial, Verdana;
color:#FFFFFF;
font-size:14px;
line-height:14pt;
}

a:hover {
text-decoration:underline;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

/* einde Css reset */



/* Code voor de sticky footer */

.wrapper {
	min-height:100%;
	height: auto !important;
	height:100%;
	margin:0 auto -200px;
}

.push {
	height:200px;
}

html {
height:100%;
}

/* einde code voor de sticky footer */

#centreren {
	position:relative;
	width:1000px;
	height:100%;
	margin:0 auto;
}

* {
font-family: Arial, Verdana;
color:#FFFFFF;
font-size:14px;
line-height:14pt;
}

body {
min-height: 100%;
height: 100%;
background-repeat:repeat-x;
background-position:bottom;
background-color:#0867A8;
}	

#header {
width:1000px;
height:100px;
}

#logo {
width:297px;
height:100px;
background-image:url(images/logo.gif);
float:left
}

	#logo a {
	width:297px;
	height:100px;
	display:block;
	}

#menu {
width:703px;
height:100px;
float:right;
}

#menu a {
display:block;
height:39px;
margin-top:59px;
}

#menu ul {list-style-type:none; margin-left:50px;}
#menu li {float:left; display:inline;}

.home {
width:73px;
background-image:url(images/home.gif);
background-position:bottom;
}

	a.home:hover {background-image:url(images/home.gif); background-position:top;}

.overons {
background-image:url(images/overons.gif);
background-position:bottom;
width:93px;
}

	a.overons:hover {background-image:url(images/overons.gif); background-position:top;}

.marketing {
width:141px;
background-image:url(images/uwmarketing.gif);
background-position:bottom;
}

	a.marketing:hover {background-image:url(images/uwmarketing.gif); background-position:top;}

.diensten {
width:102px;
background-image:url(images/diensten.gif);
background-position:bottom;
}

	a.diensten:hover {background-image:url(images/diensten.gif); background-position:top;}

.referenties {
width:129px;
background-image:url(images/referenties.gif);
background-position:bottom;
}

	a.referenties:hover {background-image:url(images/referenties.gif); background-position:top;}

.klantenservice {
width:145px;
background-image:url(images/klantenservice.gif);
background-position:bottom;
}

	a.klantenservice:hover {background-image:url(images/klantenservice.gif); background-position:top;}

.contact {
width:98px;
background-image:url(images/contact.gif);
background-position:bottom;
}

	a.contact:hover {background-image:url(images/contact.gif); background-position:top;}

#mid_background {
width:237px;
height:379px;
background-image:url(images/Dienstenvlak.png);
background-repeat:no-repeat;
margin:40px 0 0 35px;
}

#side {
float:left;
margin:38px 0 0 27px;
min-height:400px;
width:237px;
height:500px;
}

	#top {
	width:237px;
	height:10px;
	background-image: url(images/sidetop.png);
	background-repeat:no-repeat;
	float:left;
	}

	#middle {
	width:237px;
	min-height:350px;
	background-image: url(images/sidemid.png);
	background-repeat:repeat-y;
	float:left;
	display:block;
	}

		p.categorie {
		font-size:16px;
		font-weight:700;
		margin:15px 0 10px 15px;
		}
		
		#middle ul {
		margin-left:15px;
		}
		
		#middle li {
		width:160px;
		margin-top:5px;
		}

		p.nieuwskop {
		color:#FFF;
		font-size:14px;
		width:200px;
		margin-left:15px;
		}

		span.nieuwstext {
		color:#CCC;
		font-style:italic;
		width:200px;
		margin-left:15px;
		font-size:12px;
		float:left;
		margin-bottom:20px;   /* Hiermee word er een extra stukje leeg onderaan de middle div geplakt */
		}

		a.leesverder {
		float:right;
		font-style:normal;
		}

	#bottom {
	width:237px;
	height:10px;
	background-image: url(images/sidebtm.png);
	background-repeat:no-repeat;
	float:left;
	}

#pakketten {
width:635px;
float:left;
margin:35px 0 0 75px;
}

#content-top {
height:10px;
width:635px;
float:right;
margin:37px 27px 0 0;
background-image:url(images/contenttop.png);
}

#content {
min-height:352px;
width:634px;
float:right;
margin:0 27px 0 0;
background-color:#FFF;
}

#content-bottom {
height:10px;
width:635px;
float:right;
margin:0 27px 10px 0;
background-image:url(images/contentbtm.png);
}

#basisdrukwerk {		
width:207px;
height:379px;
background-image: url(images/grijs_links.png);
background-repeat:no-repeat;
float:left;
margin-top:40px;
}

#basistotaal {							
width:225px;
height:459px;
background-image: url(images/witmidden.png);
background-repeat:no-repeat;
float:left;
}

#deluxe {
width:203px;
height:379px;
background-image: url(images/grijs_rechts.png);
background-repeat:no-repeat;
float:left;
margin-top:40px;
}

/* ----------------------------------  TEXT in de pakketten  -------------------- */

#basisdrukwerktext {position:relative; float:left; margin:18px 0 0 20px;}
#basistotaaltext {position:relative; float:left; margin:22px 0 0 20px;}
#deluxetext {position:relative; float:left;  margin:18px 0 0 20px;}

#deluxetext ul {margin-top:20px; margin-left:-4px; font-size:13px;}
#basistotaaltext ul {margin-top:22px; font-size:15px;}
#list_drukwerk ul {margin-top:20px; font-size:13px;}

#deluxetext li {
line-height:30px; 
margin-top:15px; 
background-image:url(images/vinkje_wit.png); 
background-repeat:no-repeat; 
padding-left:30px;
background-position:0 7px;
}

#basistotaaltext li {
line-height:34px; 
margin-top:17px;
background-image:url(images/vinkje_groen.gif);
background-repeat:no-repeat;
padding-left:30px; 
color:#196CAE;
background-position:0 3px;
}

#list_drukwerk li {
line-height:30px;
margin-top:15px; 
background-image:url(images/vinkje_wit.png);
background-repeat:no-repeat;
padding-left:30px;
background-position:0 7px;
}


.koppakket {font-weight:700; font-size:11pt;}
.kopbasistotaal {color:#196CAE; font-weight:700; font-size:17px;} /*middelstevlak*/

.prijsdeluxe		{font-size:35px; line-height:37px; float:left; clear:right; margin-top:25px;}
.prijsbasistotaal 	{color:#196CAE; font-size:50px; line-height:42px; float:left; clear:right; margin-top:120px;}
.prijsbasisdrukwerk {font-size:35px; line-height:37px; float:left; clear:right; margin-top:113px;}


/* ----------------------------------  De Meerinfo knoppen  -------------------- */

a.meerinfo_wit {float:left; position:relative; margin:15px 0 0 55px; text-decoration:none; fontsize:14;}
a.meerinfo_blauw {float:left; position:relative; margin:15px 0 0 55px;  text-decoration:none; fontsize:16; color:#196CAE;}

a.meerinfo_wit:hover {text-decoration:underline;}
a.meerinfo_blauw:hover {text-decoration:underline;}

.pijl_wit {
width:10px;
height:10px;
background-image:url(images/arrow_white.png);
background-repeat:no-repeat;
position:relative;
float:left;
margin:20px 0 0 10px;
}

.pijl_blauw {
width:10px;
height:10px;
background-image:url(images/arrow_blue.png);
background-repeat:no-repeat;
position:relative;
float:left;
margin:19px 0 0 10px;
}

/* ----------------------------------  Sticky Footer  -------------------- */


#footer {
height:200px;
width:1000px;
background-image:url(images/footerbgtile.gif);
background-repeat:repeat-x;
float:left;
clear:both;
}

#inschrijven {
width:237px;
height:129px;
background-image:url(images/nieuwsbrief.png);
background-repeat:no-repeat;
margin:20px 75px 0 27px;
float:left;
} 

#inschrijven a {
display:block;
width:237px;
height:129px;
float:left;
position:absolute;
}

.kop_inschrijven {
display:block;
width:120px;
font-weight:700;
color:#196CAE;
font-size:14px;
line-height:13pt;
float:left;
margin:10px 0 0 10px;
}

.text_inschrijven{
width:150px;
color:#196CAE;
font-size:12px;
line-height:12pt;
float:left;
margin:10px 0 0 10px;
}

.inschrijven {
color:#196CAE;
font-size:12px;
font-weight:700;
float:left;
clear:both;
margin:20px 0 0 10px;
}

#menu2 {
width:200px;
height:200px;
background-image:url(images/tile_1.gif);
background-repeat:repeat-x;
float:left;
clear:right;
}

#totaalpakketten {
width:180px;
height:200px;
float:left;
clear:right;
}

	#totaalpakketten li {
	list-style-type:none;
	margin-left:15px;
	}

#lossediensten {
width:200px;
height:200px;
float:left;
clear:right;
}
	
	#lossediensten li {
	list-style-type:none;
	margin-left:15px;
	}

#menu2 ul {
margin:15px 0 0 15px;
}

p.kop1 {
display:block;
margin:13px 0 1em 15px;
font-weight:700;
font-size:14px;
}




/* ----------------------------------  De styling van WORDPRESS -------------------- */

.post {
width:610px;
margin:0 0 0 15px;
}

.entry p {
color:#196CAE;
font-size:14px;
}

.entry a {
color:#196CAE;
text-decoration:underline;
}

	.entry a:hover {
	text-decoration:none;
	}

.entry ul {
list-style-type:none;
margin:0 0 20px 5px;
}

.entry li {
background-image:url(images/vinkje_groen.gif);
background-repeat:no-repeat;
margin-top:1em;
padding-left:30px;
color:#196CAE;
font-size:14px;
}

h2 {
color:#196CAE;
margin:1em 0 1em 0;
font-size:16px;
margin-bottom: 14px;
}

.post-image {
width:580px;
height:192px;
margin: 0 auto;
}

p.subparagraaf {
margin-top:1em;
}

span.pakket {
margin-top:1em;
color:#196CAE;
font-style:italic;
}

/* ---------------------------------- Contactformulier -------------------- */

.formcontainer {
margin-bottom: 5px;
}

.information {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #196cae;
margin-bottom: 1em;
}

.required {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #196cae;
}

.contact-form {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #196cae;
}

.form-label label {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #196cae;
}

.form-label {
margin-top: 3px;
}

.form-input {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #196cae;
margin-top: 3px;
}

.form-textarea {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #196cae;
margin-top: 3px;
}

.form-option label {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #196cae;
margin-top: 3px;
}

.form-submit input {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #196cae;
margin-top: 5px;
}