/* Start of CMSMS style sheet 'screen' */
@charset "utf-8";
/* CSS Document */

/*--------------------------------------Standards----------------------------------------------*/

body {
	margin: 0;
	padding: 0;
	background: url(../images/bg_detail.png) repeat-x top;
	font-family: Arial, Helvetica, sans-serif;
        border:0;
	background-color: #f2ead8 ;
}

h1, h2, h3, p, a, ul, ol, li, .form-contact, .formbuilderform {
font-family: Arial, Helvetica, sans-serif;
color: #58595b;
}

.quotecontent {
color: #58595b;
}

h1 {
	margin:0;
	text-transform:uppercase;
	font-weight:normal;
	font-size:48px;
}

h2 {
	margin:0;
	font-size:30px;
	font-weight:normal;
}

h3 {
	font-size:20px;
	font-weight:normal;
}

p {
	font-size: 14px;
	line-height:18px;
	}

a {
	border:none;
	color: #79ad36;
	text-decoration:none;
	font-size:14px;
}

a:hover {
	color:79ad36;
}

ul {
	font-size:14px;
	line-height:18px;
}

ol {
        font-size:14px;
        padding-right:10px;
	line-height:18px;
}

img {
margin:0;
}

blockquote {
	font-family: georgia,palatino;
                font-size:20px;
	color: #58595b;
                margin:0;
}

/*-----------------------------------------MENU---------------------------------------------------*/

.menu {
	margin: 0 auto;
	width:960px;
	height:80px;
}


#menu {
	margin: 0 auto;
}


#logo {
        margin-left:-10px;
	height:70px;
	width: 320px;
        float: left;
	background-image:url(../images/logo_02.png);
}

#logo a {
        margin-left:5px;
        height:70px;
	width: 295px;
        display:block;
}

#logo a:hover {
	color:#58595b;
}


#menu ul {
        padding:0 ;
        width:640px;
	margin:0;
        float:right;
	position:relative;
	font-weight:normal;
}

#menu li {
        margin:0;
        list-style-type:none;
        padding:15px 10px 18px 0;
        width:118px;
        text-align:center;
	float:right;
}

#menu li a {
        font-size:18px;
	color:#58595b;
	font-weight:normal;
}

#menu li a:hover {
	color:#79ad36;
}

.currentpage  {
	background-image:url(../images/btn_over.png);
	color:#FFFFFF;
	font-weight:normal;

}

#menu .currentpage a {
         color:#FFFFFF;
}

#menu .currentpage a:hover {
         color:#58595b;
}

/*-----------------------------------------HEADER------------------------------------------------*/

#header {
	width:960px;
	margin: 0 auto;
	height:100px;
}

#headertext {
	width:640px;
}

#groenvlak {	
	margin:0 0 10px 0;
	background:url(../images/bg_header_02.png) right no-repeat #537f1b;
	width:100%;
	border-top:solid #8bb258 1px;
	border-bottom: solid #446816 1px;
        float: left; 
        display: inline; 
}

.groenvlak-home {
	height:168px;
}

#groenvlak-content {
	line-height:28px;
	width:960px;
	margin:0 auto;
	margin-top:10px;
}

#groenvlak-content p {
	font-size:22px;
	margin: 0 0 15px 0;
	line-height:29px;
	color:#FFFFFF; 
}

.scan-btn {
	position:relative;
	margin:0 10px 0 0;
	float:left;
	height:34px;
	padding:12px;
}

.scan-btn a {
	font-size:22px;
	color:#FFFFFF;
}

.scan-btn a:hover {
	color:#58595b;
}

#btn-gratis {
	background-image:url(../images/btn_gratis_scan.png);
	text-align:center;
	width:265px;
	margin-right:35px;
	margin-left:-10px;
}

#btn-stakeholder{
	background-image:url(../images/btn_stakeholders_scan.png);
	text-align:center;
	width:260px;
}

#screen {
        margin-left:30px;
	top:-230px;
	position:relative;
}

#bg-header {
	margin: 0 auto;
	left:0px;
	position:absolute;
	z-index:1;
}

/*--------------------- Header vervolg ----------------- */
.groenvlak-vervolg {
	height:68px;
	margin: 10px 0 10px 0;
}

.groenvlak-kosten {
	height:30px;
	margin: 10px 0 10px 0;
}

#cards{
	margin: -110px 0 0 0;
	position:relative;
	float:right;
}

/*------------------------------CONTENT--------------------------------------*/

img a {
       border-style:0;
}

#content {
	width:100%; 
	min-height:350px;
        float: left; 
        display: inline; 
        padding-bottom:15px;
	background: url(../images/bg_detail_02.png) repeat-x bottom;
}

#content-center {
	width:960px;
	margin: 0 auto;
        padding:0;
}

#content li{
	margin-left: -17px;
        list-style-image:url(images/dot.png);
}

#content-left, #content-middle  {
	width:295px;
        margin-right:20px;
        margin-top:5px;
	float:left;
        height:100%;
}

#content-right, #content-scans  {
	width:295px;
        margin-top:5px;
	float:left;
        height:100%;
}

#content-bottom{
           float:left;
           width:910px;
           background-color:#ffffff;
           border:solid 1px #c3beb0;
           padding:10px 10px 0 10px;
}
#quote {
	background: url(../images/quote_bg.png) no-repeat top #ffffff;
        border:solid 1px #c3beb0;
	width:280px;
	margin:10px 10px 20px 10px;
	padding:10px;
	font-size:27px;
	line-height:35px;
}

#screenshots {
background-color: black;
}

#voorbeeld h3{ color: #79ad36;}

#voorbeeld h3:hover{ color: #58595b;}

/*---------scans--------*/

#content-scans {
	margin-top:20px;
}

.scans a{
        padding-left:30px;
        display:block;
	color:#FFFFFF;
}

.scans a:hover{
	color:#58595b;
}

.scans p{
        margin:0;
	font-size:11px;
	color:#FFFFFF;
}

.scans h2{
        margin:0;
	font-size:18px;
	font-weight:normal;
	color:#FFFFFF;
}

.scans h3{
        margin:0;
	float:left;
	margin:-25px 0 0 160px;
	color:#FFFFFF;
}

#scan-a h3,#scan-b h3, #scan-c h3 {
              margin:-25px 0 0 150px;
}

#scan-a {
	background-image:url(../images/scan-a.png);
	height:75px;
	width:290px;
                padding-top:10px;
                padding-left:30px;
                display:block;
}

#scan-b {
	background-image:url(../images/scan-b.png);
                margin-top:10px;
	height:80px;
	width:290px;
                padding-top:10px;
                padding-left:30px;
                display:block;
}

#scan-c {
	background-image:url(../images/scan-c.png);
	height:80px;
	width:290px;
                padding-top:10px;
                padding-left:30px;
                display:block;
}

.kader {
width:275px;
background-color:#ffffff;
padding:10px;
border:solid 1px #c3beb0;
margin-bottom:10px;
}

.kader-kosten {
width:280px;
background-color:#ffffff;
padding-left:10px;
border:solid 1px #c3beb0;
margin-bottom:10px;
}



.kader h3 {
margin:0 0 10px 0;
}

/*------------------------------CONTENT CONTACT--------------------------------------*/

#content-left-contact{
	padding-bottom:15px;
	width:613px;
                margin-right:10px;
	float:left;
}

.contact-geg {
               font-size: 12px; 
               float: left; 
               margin-right: 15px;
               width:142px;
}

.contact-geg a{
               font-size: 12px; 

}

.formbuilderform, .form-contact{
               font-size:14px;
}

.error_message{
	background-image:url(../images/mark.png);
                background-position:left;
                background-repeat:no-repeat;
                background-color:#ffffff;
                padding:0 10px 0 100px;
                border:solid 1px #c3beb0;
                margin-bottom:10px;
}

/*---------- content kosten-2 -----------*/

.kosten-2 {
background-color:#ffffff;
border:solid 1px #c3beb0;
margin-bottom:10px;
width:960px;
padding:0 10px;
}

.kosten-2 p, .kosten-2 h3 {margin:0; padding:0;}

.kosten-2 img {
margin:0 auto;
left:20px;
}

#kosten-2-demo, #kosten-2-reputatie, #kosten-2-maatwerk, #kosten-2-demo a, #kosten-2-reputatie a, #kosten-2-maatwerk a, #btn-kosten-2-demo a, #btn-kosten-2-reputatie a, #btn-kosten-2-maatwerk a {
color:#ffffff;
font-size:20px;
height:40px;
width:200px;
text-align:center;
}

#kosten-2-demo a:hover, #kosten-2-reputatie a:hover, #kosten-2-maatwerk a:hover, #btn-kosten-2-demo a:hover, #btn-kosten-2-reputatie a:hover, #btn-kosten-2-maatwerk a:hover {
color:#58595b;
}

#kosten-2-demo {background:url(uploads/images/header_kosten_oranje.jpg) repeat-x bottom;}
#kosten-2-reputatie {background:url(uploads/images/header_kosten_blauw.jpg) repeat-x bottom;}
#kosten-2-maatwerk {background:url(uploads/images/header_kosten_groen.jpg) repeat-x bottom;}

#btn-kosten-2-demo {
  background:url(uploads/images/button_kosten2_oranje.png) no-repeat center; height:50px;
}
#btn-kosten-2-reputatie {
  background:url(uploads/images/button_kosten2_blauw.png) no-repeat center; height:50px;
}
#btn-kosten-2-maatwerk {
  background:url(uploads/images/button_kosten2_groen.png) no-repeat center; height:50px;
}


.line{
background:url(uploads/images/line_kosten2.png) no-repeat center;
border:none;
height:6px;
}

.grey{
background-color:#f6f6f6;
margin:0;
padding:0;
border:0;
}

/*---------- content kosten -----------*/

#content-left-kosten, #content-middle-kosten, #content-right-kosten {
	width:285px;
        margin-right:20px;
        margin-top:5px;
	float:left;
        height:100%;
}

#content-left-kosten li, #content-middle-kosten li, #content-right-kosten li{
	line-height:20px;
}

#quickscan {
height:100px;
width:260px;
background: url(../images/poppetjes_08.png) repeat-x bottom;
}

#quickscan a {
display:block;
height:100%;
width:100%;
}

#stakeholdersscan{
height:100px;
width:260px;
background: url(../images/poppetjes_03.png) repeat-x bottom;
}

#stakeholdersscan a{
display:block;
height:100%;
width:100%;
}

#maatwerkscan{
height:100px;
width:260px;
background: url(../images/poppetjes_05.png) repeat-x bottom;
}

#maatwerkscan a, {
display:block;
height:100%;
width:100%;
}

.formbuilderform {
font-size:14px;
}

.fbsubmit {
	float:left;
	height:48px;
                width:280px;
	font-size:22px;
	color:#FFFFFF;
                background-color:#f2ead8;
                border:none;
	background-image:url(../images/btn_stakeholders_scan.png);
}

.fbsubmit over {
	color:#58595b;
                cursor:auto;
}

.goto-quickscan {
	background-image:url(../images/btn_conv_gratis_02.png);
                height:120px;
	width: 500px;
}

.goto-quickscan a {
                font-size:28px;
                color:#ffffff;
	width: 370px;
                padding-top:50px;
                padding-left:130px;
padding-bottom:10px;
                display:block;
}

.goto-quickscan a:hover {
	color:#58595b;
}

#thumb {
min-width:100px;
min-height:100px;
}

/*--------------------------------FOOTER-------------------------------------*/

.icon {
	margin:20px 5px 0 0;
	float:left;
}

.icon-envelop {
	margin:0px 5px 0 0;
	float:left;
}


#footer{
	background-color:#FFFFFF;
	border-top:1px solid #c3beb0;
	border-bottom:1px solid #c3beb0;
	width: 100%;
	float:left;
                padding-bottom:15px;
}

#footer h2 {
	margin-top:20px;
}
	
#footer-content {
	width:960px;
	margin: 0 auto;
}
	
#footer-left, #footer-middle, #footer-right{
	width:320px;
	float:left;
}

#footer-middle ul{
                margin:10px 0 0 35px;
padding:0;
}

#footer-middle li{
	list-style-type:none;
	color:#FFFFFF;
	line-height:30px;
	font-size:15px;
}

#footer-middle span{
	margin-left:-30px;
	color:#58595b;
	width:90px;
	float:left;
}

#footer-middle img{margin-top:10px;}

#footer-right a.small {
	font-size:12px;
}

#footer-bottom {

	float:left;
	width:100%;
	padding: 10px 0 10px 0;
	text-align:center;
}

.tweets {
border-bottom: 1px dashed gray; 
padding-bottom:10px; 
margin-top:10px; 
width:300px; 
ine-height:17px; 
}

.tweets p .tweets a{
font-size:12px;
}

.tweets span {
	color:#58595b;
}

.tweets img {
float: left; 
margin-right: 5px;  
height:48px;
width:48px;
}

#sitemap {color:ff0000; font-size:20px;}

/* Blog */

.blog_item h2 a { font-size:30px; font-weight:normal; margin:0; text-decoration: underline; }
.blog_item span { font-size:13px; font-style: italic; line-height:18px; color:#58595B; }
.blog_item hr { background-color: #C3BEB0; color: #C3BEB0; height: 1px; }
.blog_item .content { padding-top: 10px; }
.blog_item .content p, .blog_item .content a { display: inline; }
.blog_item h2, .blog_item img.rssImage, .blog_item a img.rssImage { display: inline; text-decoration: none !important; border: none !important; margin-left: 5px; }
.blog_item h2 { margin-left: 0px !important; }
/* End of 'screen' */