/*  
Theme Name: Aaabee
Theme URI: http://www.aaabee.nl/
Description: Wordpress theme gebaseerd op <a href="http://code.google.com/p/blueprintcss/">Blueprint CSS Framework</a>.
Version: 2.0
Author: Pimp Design
Author URI: http://www.pimpdesign.n/
*/

* {
	margin:0;
	padding: 0;
}

body {
   background: #fff;
   color: #4F3805; 
   font-size: 12px; 
   font-family: 'Verdana', Arial, Helvetica;
   text-align: center;
   line-height: 16px;
}

#wrapper {
	width: 920px;
	height: auto;
	position: relative; 
	top: 25px;
	margin: 0px auto; 
	text-align: left; 
}

/* Fonts, Links, Images, etc */
h1,h2,h3,h4,h5,h6 { 
  color: #699EBF; 
}

h2 { 
  font-size: 13px;
  margin-bottom: 5px;
}

h3, h4 { 
  font-size: 12px;
  margin-bottom: 1px;
}  

.blauw { 
  color: #699EBF; 
}

a { 
	color: #699EBF; 
	outline: none;  
	text-decoration: none; 
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a, p a, .nolink, .tabbertab a, .icon, a img{
   border: none;
   text-decoration:none;
   outline: none;
}

a:focus, a:hover { 
 color: #699EBF;
 text-decoration: underline;

}

#content p {
	margin-bottom: 15px;
}

#content img {
	max-width: 460px;
	height: auto;
}

.alignleft {
   float: left;
   margin-right: 5px;
}

.alignright {
   float: right;
   margin-left: 5px;
}

.aligncenter {
   display: block;
   margin: 0 auto;
}

.dots {
	display: block;
	width: 100%;
	height: 3px;
	background: url(images/dots.png) 0 0 repeat-x; 
}

.maps small a {
	color: #4F3805 !important;
}

.center {
	text-align: center;
}

/* Header */
#header {
	width: 920px;
	height: 232px;
	position: relative;
	top:0;
	left: 0;
	background-image: url(images/header-aaabee.jpg);
	background-repeat: no-repeat;
}

#slideshow {
	height:180px;
	position: absolute;
	left:257px;
	top:9px;	
}

#slideshow img { 
	display:none; 	
	width:655px; 
	height:180px; 
	position:absolute; 	
	top:0; 
	left:0; 	 	
} 	
			
.logo {
	width: 213px;
	height: 85px;
	position: absolute;
	top:70px;
	left:23px;
}

.ab {
	position: absolute;
	top: 164px;
	left: 737px;
}

.home-active { 
  position: absolute;
  top:203px;
  left:21px;
  color: #699EBF; 
  font-size: 13px;
  padding: 0 0 0 6px;
  border-left: 2px solid #699EBF;
}

.home-active a{ 
  color: #699EBF; 
  font-size: 13px;
}

.home { 
  position: absolute;
  top:203px;
  left:21px;
  color: #4F3805; 
  font-size: 13px;
  padding: 0 0 0 6px;
  border-left: 2px solid #699EBF;
  
}

.home a { 
  color: #4F3805; 
  font-size: 13px;
}

.login { 
  position: absolute;
  top:10px;
  left:23px;
  color: #4F3805; 
  font-size: 13px;  
}

/* Navigation */
.navigation {
   position: absolute;
   top:203px;
   left: 244px;
   margin: 0;
   padding: 0;
}
	
.navigation li {
   display: inline;
   list-style-type: none;
   padding: 13px;
}
		
.navigation li a {
   color: #4F3805;
   font-size: 13px;
   padding: 0 0 0 6px;
   margin: 0;
   text-decoration: none;
   border-left: 2px solid #699EBF;
}

.navigation li a:hover, .navigation li a:active {
   color: #699EBF;
   text-decoration: none;
}

.navigation li.current_page_item a {
	color:#699EBF;
}

/* Main */
#main {
   width: 920px;
   height: auto;
   position: relative;
   top:20px;
   left:0px;
}

#content {
	float: left;
	width: 460px;
	min-height: 320px;
	height: auto !important;
  	height:320px;
  	margin: 0 34px 0 30px;
}

.maps {
	margin-bottom: 20px;
}

/* Nieuws */
#nieuws {
	float: left;
	width: 233px;
	height: 210px;
	color: #707172;
}

#nieuws h3 {
	margin-bottom: 20px;
}

#nieuws .dots {
	margin: 10px 0;
}

.post-archief {
	border-bottom: dotted 3px;
  	color: #699EBF;
  	margin: 20px 0 12px 0;
}

#nieuws a {
	font-size: 10px;
	color: #4F3805;
}

#nieuws a:hover {
	font-size: 10px;
	color: #4F3805;
	text-decoration: underline;
}

.post {
	background: url(images/dots.png) left bottom repeat-x;
	padding-bottom: 10px;
	margin-bottom: 15px;
}

/* Contactgegevens */
#contactgegevens {
	float: left;
	width: 143px;
	height: 241px;
	background: url(images/bg-contact.jpg) 0 0 no-repeat;
	padding:15px 0 0 20px;
}

#contactgegevens address {
	font-style: normal;
}

#contactgegevens .dots {
	width: 142px;
	margin: 8px 0 14px 0;
}

#contactgegevens a {
	color: #4F3805;
}

.klachtenregeling {
	display: block;
	width: 163px;
	height: 23px;
	float: left;
	margin-top: 12px;
	background: url(images/bg-btn-klachten.png) 0 0 no-repeat;
	text-align: center;
	line-height: 23px;
	color: #4F3805;
}

.klachtenregeling:hover {
	color: #4F3805;
}

/* Contact form */
.wpcf7 input[type="text"],
.wpcf7 textarea {
	border: 1px solid #4f3805;
	padding: 5px 3px;
	width: 250px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.wpcf7 textarea {
	width: 400px;
	max-width: 400px;
}

div.wpcf7 .watermark {
	color: #707172 !important;
}

img.wpcf7-form-control {
	float: left;
}

/* Search */
#search-form input[type="text"] {
	border: 1px solid #4f3805;
	padding: 5px 3px;
	width: 170px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#search-form #searchsubmit,
.wpcf7 input[type="submit"] {
	background: #699EBF;
	border: none;
	color: #4f3805;
	font-weight: bold;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 6px 10px; 
}

.wpcf7-form-control.wpcf7-captchar {
	margin-top: -16px;
}

/* Footer */
#footer {
   margin: 30px 0 50px 0;
   background: #699EBF;
   width: 920px;
   height: 28px;
   position: relative;
   bottom: 0;
}

#footer #social-media {
	float: right;
	margin: 8px 10px 0 0; 
}

#footer #social-media li {
	list-style: none;
	float: left;
	margin-left: 10px;
}

#footer #social-media li a {
	display: block;
	height: 13px;
	line-height: 0;
	text-indent: -1234em;
}

#footer #social-media li.twitter a {
	width: 16px;
	background: url(images/social-icons.png) 0 0 no-repeat;
}

#footer #social-media li.facebook a {
	width: 7px;
	background: url(images/social-icons.png) -16px 0 no-repeat;
}

#footer #social-media li.linkedin a {
	width: 13px;
	background: url(images/social-icons.png) -23px 0 no-repeat;
}

/* Clearfix */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}