/*
Theme Name: Hanbach
Theme URI: http://www.renaissance.nl
Version: 1.1
Description: Custom theme voor Hanbach BV
Author: <a href="http://www.renaissance.nl">Renaissance</a>
Tags: white, black, one-column, fixed-width, light
*/


body {
  background: #171717 url(/site/wp-content/themes/hanbach/footer_bg2.png);
  color: #ccc;
  font: 15px Helvetica, "Lucida Grande", "Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
  padding: 0;
  margin: 0 auto;
  text-shadow: 1px 1px 1px #444;
  width: 950px;
}

div.roelofarendsveen
{
font-size:14px;
margin:-56px 360px 0 0;
}

div.leiden {
font-size:16px;
margin:1px 0 -22px;
}

a{
color:#110;
text-decoration:none;
}

a:hover{
color:#666;
text-decoration:none;
}

blockquote {
padding:0 0 0 20px;
color:#000;
}

blockquote a{
color:#999;
}

cite{
font-size:inherit;
font-style:normal;
}

code{
background:#efefef;
color:#000;
}

ul{
list-style:square;
}

/* Headers */

h1{
font-size:35px;
color:#888;
font-family: "Helvetica 65 Medium", Helvetica, Arial, sans-serif;
font-weight: bolder;
text-shadow: none;
}

h1 a, h1 a:hover{
/*color:#718fc6; */
color: #ddd;
text-decoration:none;
}


h2{
font-size:40px;
font-weight: normal;
margin:0px 0 15px 0;
text-align:justify;
text-shadow: none;
color:#888;
}

h2 a{
color:#aaa;
text-decoration:none;
}

h2 a:hover{
color:#c00;
}

h3{
text-align:justify;
font-size:12px;
color:#000;
}

h4{
text-align:center;
font-size:12px;
color:#000;
}

/* Blog Contents */

#wrapper{
width:100%;
margin:0 auto;
}

#header {
  float: left;
  width: 50%;
}

#header h1 {
  margin: 50px 0 0 0;
}

#content-wrapper {
  background: #171717 url(/site/wp-content/themes/hanbach/images/footer_bg2.png) repeat-x scroll left top;
  padding: 15px 0;
}

/* Navigation */
#nav{
  width: 50%;
  height: 100px;
  float: right;
  text-align: right;
/*  background: url(/site/wp-content/themes/hanbach/images/trapgevel-lichtgrijs.png) bottom right no-repeat; */
}

ul.nav{
  list-style:none;
  margin: 15px 15px 0 0;
}

ul.nav li {
display:inline;  
}

ul.nav li a {
display:inline;
padding:20px 4px 20px 4px; 
width:92px;
height:auto;
/*color:#aa2812; */
color: #aaa;
text-align:center; 
font-family:Helvetica;
font-size:12px;
text-transform:lowercase;
text-decoration:none;
}

ul.nav li a:hover {
color:#FFFFFF; 
text-decoration:none;
}

#foto-caroussel-bar {
  width: 100%;
  margin: 25px 0 0 0;
  height: 250px;
  background: #2E303B url(http://www.stripegenerator.com/generators/generate_shared_stripe.php?stripe=5692);
}

#frontpage-box {
}

/* Posts */

#main{
float:left;
width:685px;
}

.post{
  margin: 0px auto;
  text-align:justify;
}

.main{
text-align:justify;
}

.linkstekst{
width: 375px;
float: left;
border-right: 1px solid;
padding-right: 85px;
}

.rechttekst{
width: 400px;
float: right;
text-align: right;
}

.main p{
line-height:18px;
margin:14px 0 15px 0;
}

.main ol{
line-height:18px;
margin:0 0 15px 30px;
}

.main ul{
line-height:18px;
margin:0 0 15px 30px;
}

.main li{
margin:0 0 5px 0;
}


.main img{
padding:5px;
border:1px solid #999;
}

.main img:hover{
padding:5px;
border:1px solid #444;
background:#666;
}

img.wp-smiley{
padding:0px;
border:0px;
}

img.wp-smiley:hover{
padding:0px;
border:0px;
}


.meta{
font-size:9px;
line-height:15px;
display:inline;
color:#333;
padding:5px;
margin:0 0 30px 0;
}

.navigation{
font-size:11px;
}

/* Comments */

.gravatar{
float:left;
padding:2px;
border:1px solid #999;
margin:5px;
}

.gravatar:hover{
padding:2px;
border:1px solid #444;
}

.alt{
color:#777;
}

ol#comments{
text-align:justify;
}

.gravatar{
float:right;
border:1px solid #222;
}


/* Forms */

input, textarea, select, button{
##background:#fafafa;
##border:1px solid #efefef;
color:#666;
padding:2px;
margin:3px 0 5px 0;
font: 15px "Lucida Grande", "Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
}

input[type="radio"]{
background: transparent;
border:none;
}

legend{
color:#CCCCCC;
}

input:focus{
border:1px solid #555;
}

input.form-submit {
  background-color: #aa2812; 
  color: #fff;
  font-size: 20px;
  padding: 7px;
  width: 200px;
  float: right;
}

input.form-submit:hover {
  background-color: #999;
}

label {
  font-weight: bold;
}

fieldset {
  border: 1px #ccc solid;
  padding: 15px;
  margin: 0 0 30px 0;
}

legend {
  font-size: 19px;
  padding: 0 7px;
}

/* Footer */

#footer{
font-size:9px;
text-align:center;
float:left;
margin:10px 0 0 0;
padding:10px 0 10px 0;
border-top:1px solid #999;
width:100%
}

#footer a{
color:#999999;
}

#footer a:hover{
color:#777;
}




/* Others */

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

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

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

.hidden-default {	
   display:none;
}

ul.thumb {
	width: 950px;
	margin: 0 auto;
  padding:  10px 12px;
	list-style: none;
}




ul.thumb li {
	margin: 0; padding: 15px;
	float: left;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 160px;
	height: 100px;
}
ul.thumb li img {
	width: 160px; height: 100px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	border: 0px solid #ddd;
	padding: 0px;
	background: #f0f0f0;
	position: absolute;
	left: 0; top: 0;
}
ul.thumb li img:hover {
opacity: 0.6;
 filter: alpha(opacity = 60);
}

ul.thumb li img.hover {
	background: #000000 url(thumb_bg.png) no-repeat center center;  /* Image used as background on hover effect */
	border: none;
}

ul.button-row {
  width: 700px;
  margin: 0 130px;
  clear: both;
}

ul.button-row li {
  list-style: none;
  float: left;
  margin: 20px;
}

ul.button-row img,
ul.button-row img:hover {
  border: 0px;
  padding: 0px;
}

ul.button-row img:hover {
  opacity: 0.8;
}

span.wpcf7-not-valid-tip {
  color: #ff0000;
  background: #ffaaaa none repeat scroll 0 0;
  text-shadow: none;
}

span#wat-wilt-u-doen label, 
span#soort-voegwerk label, 
span#reinigingstechniek label, 
span#metselwerk label, 
span#relevante-werkzaamheden label
{
display: block;
margin: 0;
clear: both;
padding: 0;
}

input[type="checkbox"]
{
clear: both;
margin: 0;
padding: 0;
}

span.wpcf7-checkbox span
{
clear: both;
margin: 0;
padding: 0;
}

div.linkstekst ul li
{
font-size:21px;
list-style-image:none;
list-style-position:outside;
list-style-type:disc;
margin:8px auto;
}

div.middle-menu a {
	color: #AAAAAA;
	margin:0 22px 0 0;
	text-decoration:underline;
}

div.main a{
	color:#AAAAAA;
	text-decoration:underline;
}

div.middle-menu {
	margin: 25px 0;
}