/*  
Theme Name: Keuter Webdesign | Kroes
Theme URI: http://keuterwebsites.com/
Description: Keuter Webdesign is a 2 columns Wordpress theme. You may use it for any purpose, and make any changes you like. Just leave my link under your footer :)
Version: 0.1
Author: Bertus
Author URI: http://keuterwebsites.com/

This theme was designed and built by Bertus Keuter based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.#e6e6fa
*/
		
/* layout styles ---------------------------------------------------------------------------------------*/
html, body {
font-family : Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
font-size : 90%;
background : #ACC6D7;
color : #333;
line-height:1,5em;
padding: 0; margin: 0;
height: 100%;
}
#box {
margin:0 auto;
width: 800px;
background : #fefefe url(images/bg.gif) repeat-y;
}
#header {
height: 140px;
width: 800px;
background : #fefefe url(images/header.gif) top no-repeat;
}
#content {
width : 800px;
}
#sidebar {
float:left;
width:130px;
padding : 0 0 0 40px;
}
.post {
width: 580px;
float:right;
padding-bottom:20px;
margin: 0 0 0 25px;
}
#footer {
clear:both;
width:800px;
background: #0071b9;
text-align: center;
color: #fefefe;
padding:10px 0;
height:40px;
}
/* post & pages ---------------------------------------------------------------------------------------*/

.post .date {
height : 49px;
width : 46px;
background : url(images/calendar.gif) no-repeat;
font : bold 120% Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
color : #666666;
text-align : center;
padding : 2px 5px 0 0;
float : left;
margin:10px 0 0 0;
}
.post .date span {
display : block;
font : normal 80% Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
color : #ffffff;
text-align : center;
padding : 2px 0 0 0;
}
.post .title {
float : left;
padding: 0;
margin:0;
width : 500px;
}
.postdata {
font-size : 80%;
color : #999999;
}
.postdata .category {
float : left;
padding-bottom : 10px;
}
.post h1 {
color : #333333;
margin : 3px 0 2px;
padding-bottom : 0;
font : bold 150% Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
}
.post h2 {
color : #333333;
margin : 10px 5px 5px 0;
padding-bottom : 3px;
font : normal 130%/100% Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
background : url(images/bar-horizontal.jpg) no-repeat bottom left;
}
.post h3 {
color : #0071b9;
margin : 10px 0 0 0;
font-size : 100%;
padding: 0;
}
.post ul {
margin : 5px auto;
padding-left : 20px;
}
.post ol {
margin : 5px auto;
padding-left : 20px;
}
.post ul li {
list-style-type : none;
background : transparent url(images/b.gif) no-repeat 0 4px;
border : 0;
margin : 0;
padding : 0 0 2px 14px;
}
.entry {
width : 42em;
clear : both;
}
a:hover {
text-decoration : underline;
color : #0071b9;
}
a {
text-decoration : none;
color : #0071b9;
}
p {
margin : 0 0 10px 0;
}

/* shadow images--------------------------*/
.outerpair1 {
background : url(images/upperrightfade.gif) no-repeat right top;
}
.floatleft {
float : left;
margin : 5px 0 0 5px;
display : inline;
}
.floatright {
float : right;
margin : 5px 0 0 5px;
display : inline;
}
.outerpair2 {
background : url(images/lowerleftfade.gif) no-repeat left bottom;
padding-top : 8px;
padding-left : 8px;
}
.shadowbox {
background : url(images/shadow.gif) bottom right;
}
.innerbox {
position : relative;
left : -8px;
top : -8px;
z-index : 1;
}
a img{ border:0px;}
/* sidebar---------------------------------------------------------------------------------------*/
#sidebar h2 {
font: bold 100% Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
color: #fefefe;
margin : 5px 10px;
padding-bottom : 3px;
}
#sidebar h2:hover {color: #fefefe;text-decoration : none;}
.postform  {
margin : 0 10px;
}
input.postform {
color : #0071b9;
width : 130px;
height : 16px;
border : 1px solid #cbcbcb;
background : #fafafa;
}
input.postform {
background : #0071b9;
color : #fafafa;
border : 1px solid #cbcbcb;
}

/* navigation menu---------------------------------------------------------------------------------------*/
#navmenu ul {
margin: 5px 0;
padding: 0; 
list-style-type: none; 
list-style-image: none;
}
#navmenu li {
display: inline; 
}
.rsidebar #navmenu ul li {
list-style-type : none;
background : transparent;
margin : 0;
padding : 0;
}
#navmenu ul li a {
background-color : #bcd0e9;
padding : 5px 0 5px 10px;
width : 150px;
height : auto;
display : block;
text-decoration:none;
font: bold 100% Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
color: #fefefe;
}
#navmenu ul li a:hover {
color: #0071b9;
background: #fefefe; 
}
/*---------------------------------------------------------------------------------------*/
.navigation {
width : 500px;
float : left;
color : #0071b9;
font-size:80%;
}
.alignright {
float : right;
margin-top : 10px;
}
.alignleft {
float : left;
margin-top : 10px;
}
#searchform {
margin : 0;
padding : 0;
margin : 10px 10px 10px 10px;
}
input#s {
color : #0071b9;
width : 130px;
height : 16px;
border : 1px solid #cbcbcb;
background : #fafafa;
}
input#searchsubmit {
background : #0071b9;
color : #fafafa;
border : 1px solid #cbcbcb;
}
/*---------------------------------------------------------------------------------------*/
#footer a {
color: #fefefe;
font-weight:bold;
line-height:50px;
}
#footer  a:hover {
color: #fefefe;
text-decoration: underline;
}
#footer img{
padding:0;
margin:0;
border:0;
vertical-align:middle;
}
/* EASY CONTACT------------------------------------------------------------------------------*/
body div.formcontainer{
clear: both;
overflow: hidden;
width: 100%;
padding:10px;
}

body div.formcontainer span.required {
color: #FF0000;
}

body div.formcontainer p.error,
body div.formcontainer p.important,
body div.formcontainer p.information,
body div.formcontainer p.success {
border-top: 1px solid #E8E8DE;
color: #442;
line-height: 250%;
padding-left: 36px;
width: 95%;
}

body div.formcontainer p.error {
background: #fbfbee url('images/error.png') no-repeat 12px 50%;
border-bottom: 2px solid #F0D28B;
}

body div.formcontainer p.important {
background: #fbfbee url('images/important.png') no-repeat 12px 50%;
border-bottom: 2px solid #FED7CE;
}

body div.formcontainer p.information {
background: #fbfbee url('images/information.png') no-repeat 12px 50%;
border-bottom: 2px solid #C5DDF2;
}

body div.formcontainer p.success {
background: #fbfbee url('images/success.png') no-repeat 12px 50%;
border-bottom: 2px solid #C7E9B3;
}

body div.formcontainer form.contact-form {
clear: both;
float: none;
width: 100%;
}

body div.formcontainer form.contact-form fieldset {
background: #F6F6F6;
color: #333333;
margin: 0.5em 0 1.5em 0;
padding:0.3em;
}

body div.formcontainer form.contact-form fieldset legend {
text-transform: uppercase;
}

body div.formcontainer form.contact-form fieldset div.form-label {
display: block;
float:none;
line-height:150%;
margin: 0.5em 0 0 0.5em;
padding:0;
text-align:left;
width:100%;
}

body div.formcontainer form.contact-form fieldset div.form-label label,
body div.formcontainer form.contact-form fieldset div.form-option label {
cursor: pointer;
line-height:100%;
}

body div.formcontainer form.contact-form fieldset div.form-input,
body div.formcontainer form.contact-form fieldset div.form-textarea {
display: block;
float:none;
margin: 0.2em 0 0 0;
width:100%;
}

body div.formcontainer form.contact-form fieldset div.form-input input,
body div.formcontainer form.contact-form fieldset div.form-textarea textarea {
padding: 0.3em;
width: 97%;
}

body div.formcontainer form.contact-form fieldset div.form-textarea textarea {
overflow: auto;
}

body div.formcontainer form.contact-form fieldset div.form-input input.error {
background-color: #FBF4E2;
}

body div.formcontainer form.contact-form fieldset div.form-input input.optional {
margin-bottom: 0.2em;
}

body div.formcontainer form.contact-form fieldset div.form-option,
body div.formcontainer form.contact-form fieldset div.form-submit {
display: block;
float:none;
margin: 0.5em 0 0 0;
width:100%;
}

body div.formcontainer form.contact-form fieldset div.form-submit input {
cursor:pointer;
padding:0.3em 2em;
}

/* Google Maps */
#map {
	height: 150px;
}
#map-container {
	width: 150px;
	height: 150px;
}
#map-container a,
#map-container span {
	display: none;
}
.imagebox {
	padding: 10px 4px 4px 4px;
	width: 150px;
	border: 0px solid #DEE0E1;
}
#work {
	margin: 10px -10px 0 0;
	width: 640px;
	border: none;
}

#work li {
	margin: 0 10px 10px 0;
}

#work li a {
	text-decoration: none;
}

#work li a span {
	display: block;
	border-bottom: 1px solid #DEE0E1;
	line-height: 30px;
	text-align: center;
	color: #666;
}

#work li a:hover span {
	border-bottom-color: #1D8FD5;
	color: #1D8FD5;
}