/*
Theme Name: Puur Vloeren
Theme URI: http://wordpress.org/
Description: Custom theme for PuurVloeren.nl
Version: 1.0
Author: SearchTrends
Author URI: http://www.PuurVloeren.nl
Tags: 

*/

@charset "utf-8";
/* SenCSS 0.6 */
html,body,div,span,applet,object,iframe,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,strong,tt,var,dl,dt,dd,blockquote,fieldset,form,i,b,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;vertical-align:baseline}
body{background:#fff;color:#000;font:85%/1.6em Futura, Arial, Helvetica, "Liberation sans", "Bitstream Vera Sans", sans-serif;position:relative}
textarea{font:100%/1.5em Arial, Helvetica, "Liberation sans", "Bitstream Vera Sans", sans-serif}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
:focus{outline:none}
a{text-decoration:underline}
a:hover,a:focus{text-decoration:none}
abbr,acronym{border-bottom:1px dotted;cursor:help;font-variant:small-caps}
address,cite,em,i{font-style:italic}
blockquote p{margin:0 1.5em 1.5em;padding:0.75em}
code,kbd,tt{font-family:"Courier New", Courier, monospace;line-height:1;*line-height:1.5}
del{text-decoration:line-through}
dfn{border-bottom:1px dashed;font-style:italic}
dl{margin:0 0 1.5em}
dt{font-weight:700}
dd{padding-left:1.5em}
h1{font-size:2em;font-weight:700;margin:0 0 0.75em}
h2{font-size:1.5em;margin:0 0 1em}
h3{font-size:1.1666em;margin:0px 0px 20px 0px}
h4{font-size:1em;margin:0 0 1.5em}
h5{font-size:0.8333em;margin:0 0 1.8em}
h6{font-size:0.666em;margin:0 0 2.25em}
img{display:inline-block;vertical-align:bottom}
ins{text-decoration:overline}
ol{list-style:inside decimal}
p{font-weight:300;margin:0 0 1.5em}
pre{font-family:"Courier New", Courier, monospace;margin:0 0 1.5em}
sub{top:0.4em;font-size:0.85em;line-height:1;position:relative;vertical-align:baseline}
sup{font-size:0.85em;line-height:1;position:relative;bottom:0.5em;vertical-align:baseline}
strong,b{font-weight:700}
ul{list-style:inside disc}
ul,ol{margin:0 0 1.5em;padding:0}
li ul,li ol{margin:0}
li li{padding-left:1.5em}
table{border-collapse:collapse;border-spacing:0;margin:0 0 1.5em;padding:0}
caption{font-style:italic;text-align:left}
tr.alt td{background:#eee}
td{border:1px solid #000;padding:0.333em;vertical-align:middle}
th{font-weight:700;padding:0.333em;vertical-align:middle}
form button{cursor:pointer;display:block;font-size:1em;height:2em;line-height:1.5em;margin:0.8em 0 0;*margin:1.75em 0 0;padding:0 0.5em}
form fieldset{border:0;margin:0 0 1.5em;position:relative;padding:1.5em 0 0}
form fieldset fieldset{clear:both;margin:0 0 1.5em;padding:0 0 0 1.5em}
form input{border:1px solid #ccc;border-bottom-color:#eee;border-right-color:#eee;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;font-size:1em;height:2.25em;*height:1.5em;line-height:1.5em;padding:0.29em 0;width:100%;margin:0 0 0.75em}
form input[type=file]{height:2.25em;padding:0}
form textarea{border:1px solid #ccc;border-bottom-color:#eee;border-right-color:#eee;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;margin:0;padding:0.29em 0;width:100%}
form select{border:1px solid #ccc;border-bottom-color:#eee;border-right-color:#eee;font-size:1em;height:2.25em;margin:0 0 0.75em;*margin:0 0 0.8em;_margin:0 0 1.3em;padding:0.2em 0 0}
form optgroup {font-weight:700;font-style:normal;text-indent:0.2em}
form optgroup + optgroup {margin-top:1em}
form option{font-size:1em;height:1.5em;padding:0;text-indent:1em}
form label{cursor:pointer;display:block;height:1em;*height:auto;*line-height:1.4em;margin:0;padding:0;width:100%}
form label input{background:0;border:0;height:1em;*height:1.5em;line-height:1.5em;margin:0 0.5em 0 0;padding:0;width:auto}
form legend{font-size:1.1666em;font-weight:700;left:0;margin:0;padding:0}
.amp{font-family:Baskerville, "Goudy Old Style", Palatino, "Book Antiqua", "URW Chancery L", Gentium, serif;font-style:italic}
.aside-left{clear:left;float:left;margin:0 1.5em 0 0}
.aside-right{clear:right;float:right;margin:0 0 0 1.5em}
.error{background:#fee;border:1px solid red;margin:1.5em;padding:0.666em;text-align:center}
.notice{background:#eef;border:1px solid #00f;margin:1.5em;padding:0.666em;text-align:center}
.success{background:#efe;border:1px solid #0f0;margin:1.5em;padding:0.666em;text-align:center}
.warning{background:#ffe;border:1px solid #ff0;margin:1.5em;padding:0.666em;text-align:center}
.quo{font-family:Georgia, Gentium, "Times New Roman", Times, serif}
.lquo{font-family:Georgia, Gentium, "Times New Roman", Times, serif;margin:0 0 0 -0.55em}
.firstParagraphArticle:first-letter{float:left;font-size:3.2em;font-weight:700;line-height:1em;margin:0 0 -0.2em;padding:0.125em 0.1em 0 0}
.horizontalForm button{clear:left;float:left;margin:0}
.horizontalForm input,.horizontalForm textarea{float:left;margin:0 0 0.75em;*margin:0 0 0.8em;width:49%}
.horizontalForm select{float:left;margin:0 0 0.75em;_margin:0 0 1.25em}
.horizontalForm label{clear:left;float:left;padding:0.375em 0;width:49%}
.horizontalForm label input{height:1em;line-height:1.5em;margin:0.25em 0.5em 0 0;width:auto}
.horizontalForm label.singleLine{clear:both;float:none;height:1.5em;padding:0;width:100%}

/**
 * ## BASE
 */
 
body,html {
  color: #fff;
  text-align: center;
  background: url('images/back.png') #000 repeat-x 0 0; 
} 

hr {
  clear: both;
  display: none;
}

.left {
  float: left;
  width: 46%;
}

.right {
  float: right;
  width: 46%;
}

h1 {
  font-size: 2.4em;
  line-height: 1;
  margin: 0px 0px 20px 0px;
  text-shadow: #000 2px 2px 2px;
}

h2 {
  text-shadow: #000 2px 2px 2px;
  margin: 0px 0 30 0;
}

a {
  color: #9ca8b4;
}

a:hover {
  color: #fff;
}


#content img {
  padding: 4px;
  background: #fff;
  border-color: #c7c7c7;
  border-style: solid;
  border-width: 14px;
}

.caption {
  color: #c7c7c7;
  font-size: 0.9em;
  line-height: 1.3;
  padding: 6px 10px 0 10px;
}

form label {
  text-shadow: #000 2px 2px 2px;
  font-size: 1.4em;
  font-weight: bold;
}

form p {
  clear: both;
  line-height: 0 !important;
}

form.horizontalForm label {
  text-align: right;
  margin-right: 26px;
  width: 150px !important;
  vertical-align: bottom;
}

input.text, textarea {
  border: 3px solid #9ca8b4 !important;
  padding: 3px !important;
  line-height: 20px;
  font-size: 14px;
}

form.horizontalForm input.text, form.horizontalForm textarea {
   width: 300px;
}

#content form button {
  text-shadow: #000 2px 2px 2px;
  margin: 4px 0 0 170px;
  width: 178px;
  height: 53px;
  border: none;
  color: #fff;
  font-size: 1.2em;
  font-weight: bold;
  background: url('images/button_back.png') transparent no-repeat 0 0;
}

.offerte {
  float: right;
  display: block;
  text-indent: -999em;
  width: 131px;
  height: 130px;
  background: url('images/offerte.png') transparent no-repeat 0 0;
}
 
 
/**
 * ## LAYOUT
 */

#globalWrapper {
  width: 986px;
  margin: 0 auto 20px auto;
  text-align: left;
}

#contentWrapper {
  overflow: auto;
  position: relative;
  clear: both;
  margin: 20px 20px 20px 20px;
  padding-top: 8px;
}

#content {
  float: right;
  width: 420px;
  text-align: justify;
  }

#content.full {
  float: left;
  width: 520px;
  padding: 0 20px;
}

#sidebar {
  position: absolute;
  top: 0;
  right: 0;
  float: right;
  width: 500px;
}

#gallery {
  float: left;
  width: 480px;
}

table {
  width: 100%;
}

table thead th {
  background: #23303c;
  text-transform: uppercase;
  color: #fff;
  border-width: 0 1px 1px 0;
  border-color: #fff;
  padding: 6px;
  border-style: solid;
}

table tbody td {
  border: none;
  padding: 6px;
  background: transparent;
}


/**
 * ## HEADER
 */
 
#header {
  
}
 
#logo a {
  float: left;
  display: block;
  width: 148px;
  margin: 50px 60px 30px 60px;
  height: 63px;
  text-indent: -999em;
  background: url('images/puurvloeren.png') transparent no-repeat 0 0;
} 



/**
 * ## NAV
 */

#nav, #nav ul {
  clear: both;
  font:1.1em Futura, Helvetica, "Liberation sans", "Bitstream Vera Sans", sans-serif;
}

#nav {
  background-position: 0 0;
  height: 59px;
  margin-bottom: 40px;
  background: url('images/nav_back.png') transparent no-repeat 0 -88px;
}

#nav ul {
  clear: both;
  overflow: hidden;
  padding: 0;
  margin-left: 20px;
  background: url('images/nav_back.png') transparent no-repeat 100% 0;

}

#nav li {
  display: inline;
  padding: 0;
  margin: 0;
  list-style: none;
}

#nav li a {
  padding: 0;
  margin: 0 19px;
  color: #9ca8b4;
  display: block;
  height: 62px;
  line-height: 62px;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  float: left;
  text-shadow: #000 2px 2px 2px;
}

#nav li a:hover, #nav li.current_page_item a, #nav li.current_page_item a:hover {
  color: #fff !important;
}

/**
 * ## SUBNAV
 */
 
#gallery #pic {
  position: relative;
  width: 430px;
  height: 398px;
  overflow: auto;
  background: #c7c7c7;
  padding: 16px;
  margin-bottom: 6px;
} 


#gallery #pic img {
  position: absolute;
  top: 0;
  left: 0;
  margin: 12px;
  border: 4px solid #fff;
}

#gallery ul {
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: 0;
}

#gallery ul li {
  position: relative;
  width: 80px;
  height: 80px;
  float: left;
  display: block;
  background: #fff;
  padding: 8px;
  margin: 10px;
}

#gallery ul li img {
  position: absolute;
  top: 0;
  left: 0;
  margin: 8px;
  float: left;
  border: none;
}


/**
 * ## FOOTER
 */

#footer {
  overflow: auto;
  color: #505d6a;
  text-align: center;
  padding: 20px;
  margin-top: 40px;
  text-transform: uppercase;
  background: url('images/footer_back.png') transparent no-repeat 100% 0;
}

/*Addons*/
.page_headline {
text-align:left;
font-size:20px;
}