/*
Theme Name: WordPress Default
Theme URI: http://www.opinionmaker.nl/
Description: The default opinionmaker theme.
Version: 1.0
Author: Vincent Kranendonk
Tags: opinionmaker
 */



/* Begin Typography & Colors */
body {
	font-size: 13px; /* Resets 1em to 10px */
	font-family:Arial, Helvetica, sans-serif;
	background: url('images/bgStripe.gif');
	background-repeat:repeat-x;
	text-align: center;
	color:#004c76;
	background-position:0px 10px;
}
.container { min-height:550px; }
.fillSpace {
	width:100%;
	height:100%;
	display:block;
}
a {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#004c76;
}
a img {
	border:none;
}
h2 {
	margin:0px;
	padding:0px;
	margin-bottom:15px;
	font-size:20px;
}
	
div#page
{
	margin-left: auto;
	margin-right: auto;
	width: 823px;
    /*width:945px;*/
	text-align: left;
	background-color:;
}

/*div#header
{
	margin-left:61px;
}

div#page .container, div#HOME
{
	margin-left:61px;
}
div#menu
{
	margin-right:61px;
}
*/
/* CONTACT */
#CONTACT {

}
#CONTACT .container {
	background-repeat:no-repeat;
	width:945px;
	height:546px;
}
#CONTACT .text {
	width:440px;
	float:left;
}
#CONTACT .message {
	margin:0px;
	margin-bottom:10px;
	padding:0px;
	background-color:#FFF;
	width:100%;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	display:block;
	padding:14px;
	
	background-color:#CCC;
	color:#000;
}
#CONTACT td  {
	font-size:16px;
	font-weight:bold;
}
#CONTACT td a  {
	width:300px;
	height:40px;
	display:block;
	background: url('images/sendForm.jpg');
	background-repeat:no-repeat;
	color:#FFF;
	padding-left:17px;
	padding-top:18px;
	margin-top:30px;
	word-spacing:4px;
}
#CONTACT .privacy  {
	display:block;
	font-size:13px;
	color:#000;
	font-weight:normal;
	padding-left:19px;
}
#CONTACT .form {
	padding-top:10px;
}
#CONTACT .form p {
	padding-bottom:0px;
	margin:0px;
}
#CONTACT .form input  {
	width:300px;
	height:17px;
	border:solid 1px #004c76;
	margin-top:7px;
	margin-bottom:13px;
	padding:2px;
	padding-left:7px;
	padding-top:7px;
}
#CONTACT .form .submit  {
	padding:13px;
	margin:inherit;
	border:inherit;
	width:inherit;
	height:inherit;
	background-color:#999;
	color:#FFF;
	font-weight:normal;
}
#CONTACT .form .submit:hover  {
	background-color:#333;
}
#CONTACT .container {
margin-top:30px;
}
#CONTACT .form textarea  {
	width:293px;
	height:143px;
	border:solid 1px #004c76;
	margin-top:7px;
	margin-bottom:13px;
	padding:7px;
}

#CONTACT .rightColumn {
float:left;
margin-left:41px;
}

#CONTACT .contactAlgemeen {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/contactRight.jpg) no-repeat scroll 0 0;
height:519px;
left:100px;
width:340px;
}

#CONTACT .contactAlgemeen .info {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
font-size:16px;
height:209px;
margin-bottom:20px;
margin-left:20px;
margin-top:0px;
padding-top:20px;
width:280px;
color:#004C76;
font-family:Arial,Helvetica,sans-serif;
}

/* GASTBELEVING */
#GASTBELEVING .container {
	margin-top:30px;
}
#GASTBELEVING .text {
	width:423px;
	float:left;
	margin-right:58px;
}
#GASTBELEVING .rightColumn {
	float:left;
}
#GASTBELEVING .rightColumn .OK {
	background: url('images/resultaat_right.jpg');
	background-repeat:no-repeat;
	height:460px;
	width:340px;
}
#GASTBELEVING .rightColumn .contact {
	background: url('images/contact2.jpg');
	background-repeat:no-repeat;
	width:341px;
	height:151px;
	margin-top:20px;
	margin-bottom:20px;
}
#GASTBELEVING .rightColumn .ref2 {
	background: url('images/ref2.jpg');
	background-repeat:no-repeat;
	width:340px;
	height:505px;
	margin-bottom:20px;
}
#GASTBELEVING .resultaatList {
	margin:0px;
	padding:0px;
	background-color:#EFEFEF;
	padding-top:10px;
	padding-bottom:10px;
	margin-left:-5px;
	padding-right:3px;
}
#GASTBELEVING .resultaatList li {
	margin:0px;
	margin-left:30px;
	padding:0px;
}

/* NIEUWS */
#NIEUWS .container {
	width:643px;
	margin-top:10px;
}
#NIEUWS h3 {
	margin-bottom:0px;
	font-size:20px;
}
#NIEUWS .post {
	padding-top:20px;
	padding-bottom:20px;
	border-bottom:1px solid #004c76;
	overflow:hidden;
}
#NIEUWS .post img {
	float:right;
	margin:30px;
	margin-bottom:0px;
	margin-top:0px;
}


/* OVER */
#OVER .container {
	padding-top:32px;
	margin-bottom:20px;
	overflow:hidden;
}
#OVER .list {
	width:423px;
	float:left;
}
#OVER .arrowLink {
	color:#004C76;
	background: url('images/arrowNotActive.gif');
	background-repeat:no-repeat;
	background-position:0px 3px;
	padding-left:22px;
	font-size:16px;
	display:inline-block;
}
#OVER .entry {
	margin-left:22px;
}
#OVER .arrowLinkActive {
	color:#00d2ff;
	background: url('images/arrowActive.gif');
	background-position:0px 3px;
	background-repeat:no-repeat;
	padding-left:22px;
	font-size:16px;
	display:inline-block;
}
#OVER .watIs {
	background: url('images/overRight.jpg');
	background-repeat:no-repeat;
	width:340px;
	height:519px;
	left:100px;
}
#OVER h2 {
	font-size:19px;
	font-style:italic;
}
#OVER .watIs .text {
	-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
	width:280px;
	height:209px;
	margin-top:20px;
	margin-left:20px;
	padding-top:20px;
	font-size:16px;
	margin-bottom:20px;
}
#OVER .bekijkContact {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/contact2.jpg) no-repeat scroll 0 0;
height:151px;
margin-bottom:20px;
margin-top:20px;
width:341px;
}

.bekijkVideo {
	width:240px;
	height:200px;
	background: url('images/home-video.png');
	background-repeat:no-repeat;
	margin-top:33px;
	margin-left:29px;
	display:block;
}

#OVER .rightColumn {
	float:left;
	margin-left:59px;
}

/* FOOTER */
#footer {
	text-align:center;
	color:#979797;
	margin-top:25px;
	padding-bottom:10px;
		font-size:11px;
		word-spacing: 3pt;
}
#footer a {
	color:#979797;
	font-size:11px;
}

/* HEADER */
#header {
	height:141px;
}
#logo
{
	position:absolute;
	top:40px;
}
#tagline {
	margin-top:7px;
	margin-left:5px;
	font-size:16px;
	font-style:italic;
	color:#005c85;
}
#menu
{
	background: url('images/menuBackground.jpg');
	background-repeat:no-repeat;
	width:583px;
	height:52px;
	margin-top:44px;
	float:right;
}
#menu a
{
	float:left;
	font-size:12px;
	display:block;
	height:50px;
	margin-top:2px;
}

.preloader {position:absolute; left:-1000px; }
.preloader .pic1 { background: url('images/menu/homeOver.jpg') no-repeat; }
.preloader .pic2 { background: url('images/menu/overOver.jpg') no-repeat;  }
.preloader .pic3 { background: url('images/menu/resultatenOver.jpg') no-repeat;  }
.preloader .pic4 { background: url('images/menu/refOver.jpg') no-repeat;  }
.preloader .pic5 { background: url('images/menu/inloggenOver.jpg') no-repeat;  }
.preloader .pic6 { background: url('images/menu/contactOver.jpg') no-repeat; }

#menu .linkHome { width:56px; background: url('images/menu/home.jpg') no-repeat center; }
#menu .linkHome:hover { background: url('images/menu/homeOver.jpg') no-repeat center; }
#menu .homeActive { background: url('images/menu/homeOver.jpg') no-repeat center !IMPORTANT; }

#menu .linkOver { width:144px; background: url('images/menu/over.jpg') no-repeat center; }
#menu .linkOver:hover { background: url('images/menu/overOver.jpg') no-repeat center; }
#menu .overActive { background: url('images/menu/overOver.jpg') no-repeat center !IMPORTANT; }

#menu .linkReferenties { width:89px; background: url('images/menu/referenties.jpg') no-repeat center; }
#menu .linkReferenties:hover { background: url('images/menu/refOver.jpg') no-repeat center; }
#menu .refActive { background: url('images/menu/refOver.jpg') no-repeat center !IMPORTANT; }

#menu .linkResultaat { width:90px; background: url('images/menu/resultaten.jpg') no-repeat center; }
#menu .linkResultaat:hover { background: url('images/menu/resultatenOver.jpg') no-repeat center; }
#menu .resultaatActive { background: url('images/menu/resultatenOver.jpg') no-repeat center !IMPORTANT; }

#menu .linkContact { width:80px; background: url('images/menu/contact.jpg') no-repeat center; }
#menu .linkContact:hover { background: url('images/menu/contactOver.jpg') no-repeat center; }
#menu .contactActive { background: url('images/menu/contactOver.jpg') no-repeat center !IMPORTANT; }

#menu .linkInloggen { width:80px; background: url('images/menu/inloggen.jpg') no-repeat center; }
#menu .linkInloggen:hover { background: url('images/menu/inloggenOver.jpg') no-repeat center; }
#menu .inloggenActive { background: url('images/menu/inloggenOver.jpg') no-repeat center !IMPORTANT; }

#menu span
{
	float:left;
	width:1px;
	height:12px;
	background-color:#004c76;
	margin-top:20px;
	
}
#menu a:hover {
color:#0fd4fe;
}
#menu #links
{
	margin-left:16px;
}

/* HOME */
#HOME .slogan {
	position:relative;
	left:42px;
	margin-top:24px;
	margin-bottom:35px;
}
#HOME .meerInfo {
	width:820px;
	height:320px;
	position:relative;
	background: url('images/homeMainPhoto.jpg');
	background-repeat:no-repeat;
	margin-bottom:20px;
	margin-top:30px;
}
#HOME .meerInfo a {
	width:820px;
	height:320px;
	display:block;
}
#HOME .meerInfo .text {
	margin-left:32px;
	padding-top:52px; 
	width:270px;
	font-size:15px;
	color:#4c7589;
	font-style:italic;
	line-height: 21px;
}
#HOME .meerInfo span {
	font-size:16px;
	font-weight:normal;
	margin:0px;
	padding:0px;
	display:block;
	margin-bottom:20px;
	color:#395e67;
	font-style:normal;
}

#HOME .meerInfo a {
	font-size:15px;
	font-style:normal;
}
.bottomHome {
	width:820px;
	height:200px;
	position:relative;
	margin-left:10px;
}
.bottomHome div {
	float:left;
	margin-right:19px;
}
.bottomHome .subItem {
	width:260px;
	height:200px;
	color:#000;
}
.bottomHome .subResultaten {
	margin-right:0px;
	padding-right:0px;
	width:250px;
}
.bottomHome .subItem h3 {
	color:#004C76;
}
.bottomHome .subItem a {
	padding-top:3px;
	color:#004C76;
}
.bottomHome .subItem a:hover {
	color:#004165;
}
.bottomHome .subItem .netPromotorScoreLink {
	display:inline;
	color:#004C76;
	margin:0px;
}
.bottomHome .referenties {
	margin-right:0px;
	float:right;
}