/*
Theme Name: Deraaf.com
Theme URI: http://deraaf.com/
Description: Deraaf.com template
Version: 1.0
Author: Mark de Raaf
Author URI: http://deraaf.com/
*/

* {
  margin: 0;
  padding: 0;
}

body {
  font-family: verdana, arial, helvetica, sans-serif;
  color: #333;
  background: #f1f1f1 url("images/header.png") repeat-x;
}

.front_page {
  
}

.header {
	height: 107px;
	margin: 0 0 0 8px;
	width: 974px;
	background: transparent url("images/carbonfiber.png") 0 0 no-repeat;
}

.header h1, .header .description {
  display: none;
}

.showcase {
  width: 920px;
  background: #000000;
  margin: 0 auto 0 auto;
  border-bottom:1px solid #a30099;
  text-align: center;
  background: #eee2f3 url("images/dagjegolf.jpg") no-repeat;
  position: relative;
}

.front_page .showcase {
  height: 240px;
}

.content_page .showcase {
  height: 150px;
}

.showcase_content {
  position: absolute;
  width: 305px;
  height: 230px;
  background: #000;
  right: 0px;
  filter:alpha(opacity=80);
  opacity: 0.8;
  -moz-opacity:0.8;
  -webkit-border-radius: 10px;    /* for Safari */
  -moz-border-radius: 10px;       /* for Firefox */
}

.showcase_content_text {
  position: absolute;
  width: 250px;
  height: 260px;
  text-align: left;
  right: 0;
  color: #fff;
  margin: 20px;
}

.showcase_content_text .button_leesverder {
  float: right;
  margin: 20px 0 0 0;
}

.showcase_content_text h2 {
  font-size: 9pt;
  margin: 0 0 10px 0;
}

.showcase_content_text p {
  font-size: 9pt;
}

.showcase_content_text span {
  font-size: 8pt;
  display: block;
  text-align: right;
}

.container {
  position: relative;
  width: 990px;
  margin: 0 auto 0 auto;
  text-align: left;
  text-align: center;
}


legend {
  color: #333;  
  font-size: 9pt;
  font-weight: bold;
}

a {
  color: #333;
}

a:hover {
  color: #f0f;
}

img {
  border: 0px;
}

.services a {
  font-size: 9pt;
}

.holder {
  width:990px;
  margin: 0 auto 0 auto;
  padding: 20px 0 20px 0;
  background: transparent url("images/background_container.png") repeat-y;
  position: relative;
}

.content {
  margin: 0 23px 0 13px;
  padding: 20px 20px 0 20px;
  width: 572px;
  font-size: 10pt;
  float: left;
  text-align: left;
  /*background: #fff url("images/background_content.png") repeat-x;*/
  position: relative;
}

.content p {
  margin: 0 0 20px 0;
}

.content .navigation {
  background:#EEE2F3 none repeat scroll 0 0;
  border:1px solid #DEBFE5;
  padding: 4px;
  height: 15px;
  margin: 20px 0 20px 0;
  font-size: 8pt;
}

.content .alignleft {
  float: left;
}

.content .alignright {
  float: right;
}

.content h2 {
  font-size: 12pt;
  margin: 0 0 20px 0;
  font-weight: normal;
  color: #609;
}

.content h3 {
  font-size: 10pt;
  color: #a30029;
  border-bottom: 1px solid #DEBFE5;
  margin: 0 0 5px 0;
}

.content h3 a {
  text-decoration: none;
  color: #a30029;
}

.content .post {
  clear: both;
  margin: 0 0 25px 0;
}

.content .imgtfe {
  border: 1px solid #DEBFE5;
}

.content .post img {
  clear: both;
  margin: 0 5px 15px 0;
}

#sidebar {
  float: left;
  margin: 0 0 0 0;
  width: 281px;
}

#sidebar h2 {
  font-size: 10pt;
  color: #609;
}

#sidebar label {
  display: block;
}

p.date {
  font-size: 8pt;
}

/*MENU*/
.listpages {
  margin: 0;
  padding: 0;
  position: absolute;
  right: 8px;
  top: 31px;
  font-size: 8pt;
}

.listpages li {
  list-style-type: none;
  float: left;
  text-align: center;
  margin: 0 0 0 1px;
  /*border-bottom: 1px solid #c09;*/
}

.listpages li a {
  color: #fff;
  display: block;
  text-decoration: none;
  width: 85px;
  height: 23px;
  background: #000;
  padding-top: 50px;
}

.listpages li a:hover {
  background: url("images/buttonhover.png") no-repeat;
}

.listpages li.current_page_item a {
  background: url("images/buttonhover.png") no-repeat;
}


.listpages li ul {
  position: absolute;
  visibility: hidden;
  clear:both;
  width: 120px;
  margin: 0;
  padding: 5px;
  background: #c00;
}

.listpages li ul li {
  clear: both;
}

.listpages li:hover ul {
  visibility: visible;
  border:1px solid;
}


.listpages li span {
  color: #fff;
  text-decoration: underline;
  
}


.listpages li ul li {
  margin: 0px;
  padding: 0px;
  border: 0px; 
}

#footer {
  width: 100%;
  text-align: center;
  border-top: 1px solid #debfe5;
  clear: both;
}

.footer {
  margin: 0 auto 0 auto;
  width: 974px;
  text-align: left;
  font-size: 8pt;
  padding: 0;
}

.footer ul li {
  list-style-type: none;
}

.footer .contact {
  clear: both;
  margin: 15px 0 0 0;
}

#footerbar {
  width: 974px;
}

.logo_small {
  float: left;
}

/* widget */

.widget {
  background: #eee2f3;
  padding:8px;
  width:310px;
  margin: 0 0 10px 1px;
  list-style-type: none;
  text-align: left;
  font-size: 8pt;
  /*border-left: 1px solid #debfe5;*/
  border-right: 1px solid #debfe5;
}

.widget li {
  list-style-type: none;
}

#twitter li {
  list-style-type: disc;
  margin: 0 0 5px 15px;
}

.phplist_widget {
  background: #302d5a;
  color: #fff;
}

#footerbar .widget {
	background: #fff;
	border: none;
	float: left;
	margin: 15px 15px 30px 15px;
	padding: 20px;
	width: 585px;
	-webkit-border-radius: 10px;    /* for Safari */
  -moz-border-radius: 10px;       /* for Firefox */
}

#footerbar .widgettitle a {
	text-decoration: none;  
}


/* project overview */
.projectentry {
  clear: both;
}

#breadcrumbs {
  margin: 10px 0 10px 3px;
  font-size: 8pt;
  color: #333;
}

#content {
  height:auto !important;
  height:300px;
  min-height:300px;
}

#content ul {
  margin: 20px;
}

.logo {
  position: absolute;
  left: 8px;
  top: 31px;
}

.wp-caption {
  background: #eee;
  color: #333;
  border: 1px solid #DEBFE5;
  margin: 10px 0 10px 0;
  padding: 4px 2px 2px 2px;
  font-size: 8pt;
  text-align: center;
}

.wp-caption p {
  margin: 0;
  padding: 0;
}

.content .wp-caption img {
  margin: 0;
  padding: 0;
}

.readmore {
  display: block;
  text-align: right;
  font-size: 8pt;
  margin: 20px 0 0 0;
}

.readmore a {
  color: #fff;
}

.mc_merge_var input {
  width: 195px;
  height: 23px;
  border: 1px solid #ccc;
}

#mc_signup_form .mc_var_label {
  margin: 5px 0 0 0;
}

#mc_signup_submit {
  width: 134px;
  height: 29px;
  background: transparent url("images/button_submit.png") no-repeat;
  outline: none;
  border: none;
  cursor : pointer;
  text-indent: -200px;
  float: right;
  margin: 5px 73px 0 0;
}

.mc_custom_border {
  background: transparent url("images/icon_nieuwsbrief.png") no-repeat 200px 14px;
  padding: 0 20px 20px 20px !important;
  -webkit-border-radius: 5px;    /* for Safari */
  -moz-border-radius: 5px;       /* for Firefox */
}

.mc_custom_border legend {
  -webkit-border-radius: 3px;    /* for Safari */
  -moz-border-radius: 3px;       /* for Firefox */
}
.deptheffect {
  background: url("images/3deffect.png") no-repeat top left;
  width: 636px;
  height: 21px;
  margin: -20px 0 20px -20px;
  float: left;
}

.deptheffect_vert {
  background: url("images/3deffect_vert.png") no-repeat top left;
  width: 24px;
  height: 200px;
  position: absolute;
  top: 21px;
  right: -24px;
}

.deptheffect_widget {
  background: url("images/3deffect_widget.png") no-repeat top left;
  width: 21px;
  height: 22px;
  position: absolute;
  right: 14px;
}

.front_page .deptheffect_widget {
  top: 239px;
}

.content_page .deptheffect_widget {
  top: 149px;
}

/* cforms II (important) styles */

.cform {
  margin: 0 !important;
}

ol.cf-ol li.textonly {
  padding: 0 !important;
}

.cform input:hover,
.cform textarea:hover,
.cform select:hover	{
  border: 1px solid #609 !important; 
}

.linklove {
  display: none !important;
}

.icons {
  position: absolute;
  left: 55px;
  width: 500px;
  height: 70px;
  z-index: 100;
}

.icons span {
  display:block;
  float:left;
  height:52px;
  width:30px;
  z-index:10000;
  margin: 0 10px 0 0;
}

.front_page .icons {
  top: 230px;
}

.content_page .icons {
  top: 138px;
}

.icon_linkedin {
  background: url("images/icon_linkedin.png") no-repeat top left;
}

.icon_linkedin:hover {
  background: url("images/icon_linkedin_hover.png") no-repeat top left;
}

.icon_twitter {
  background: url("images/icon_twitter.png") no-repeat top left;
}

.icon_twitter:hover {
  background: url("images/icon_twitter_hover.png") no-repeat top left;
}

.deraaf {
  color: #333;
  margin: 0 0 0 105px;
}

.tweets li {
  margin: 0 0 15px 0;
}

.tweets .timesince {
  color: #609;
}