* {
	margin: 0;
	padding: 0;
}

html {
	background-image: url("images/back.gif");
}

#wrapper {
	width: 986px;
	margin: 0 auto;
	position: relative;
	font-family: helvetica;
	
}

#wrapper #head{
  display : inline-block;
  position : relative;
  background : url(images/back-head.png) no-repeat top left;
  margin : 5px 0 0;
  width : 986px;
  height : 170px;
}

#wrapper #head h1#logo{
  float : left;
  background : url(images/logoktsschilders.png) no-repeat top left;
  margin : 30px 0 0 23px;
  text-indent : -9999px;
  width : 363px;
  height : 90px;
}

.webshop {
	float: right;
	margin-top: 30px;
	margin-right: 23px;
}

.webshopbutton {
	margin-top: -38px;
	width: 150px;
	height: 40px;
	background: url(images/webshop-bg.png) no-repeat top left;
	display: block;
}

.webshopbutton a {
	padding-left: 8px;
	color: white;
	font-size: 18px;
	font-family: calibri;
	text-decoration: none;
	font-weight: bolder;
	padding-top: 7px;
	display: block;
}


ul#menu{
  position : absolute;
  bottom : 8px;
  left : -3px;
  background : url(images/back-menu.png) no-repeat top left;
  margin : 0;
  padding : 0 0 0 5px;
  list-style : none;
  width : 988px;
  height : 38px;
}

ul#menu li{
  float : left;
  background : url(images/menu-space.png) no-repeat top left;
  padding : 10px 0 0 20px;
  margin : 0 0 0 20px;
  font : 14px/1.0em Arial;
  height : 28px;
}

ul#menu li:first-child{
  background : none;
  padding : 10px 0 0;
}

ul#menu li a, ul#menu li a:link, ul#menu li a:active, ul#menu li a:visited{
  color : #FFFFFF;
  text-decoration : none;
}

#wrapper #main{
  display : inline-block;
  position : relative;
  background : url(https://www.kts-schilders.nl/back-moodbar.png) no-repeat top left;
  margin : 15px 0 0;
  padding : 4px 4px 15px;
  width : 978px;
  height : 251px;
}

#wrapper #boxes{
  display : inline-block;
  padding : 6px 0 0 2px;
  width : 984px;
}

#wrapper #boxes .box{
  float : left;
  position : relative;
  background : url(images/back-cabox.png) no-repeat top left;
  margin : 0 18px 0 0;
  padding : 1px 0 12px 2px;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
  width : 230px;
  height : 160px;
}

#wrapper #boxes .box.product{
  border-top : 1px solid #e2e2e2;
  height : 212px;
}

#wrapper #boxes .box .cat-title{
  position : absolute;
  bottom : 27px;
  right : -5px;
  z-index : 9999;
  background : url(images/cat-title-right.png) no-repeat top right;
  padding : 0 6px 0 0;
  height : 30px;
}

#wrapper #boxes .box .cat-title.purple{
  background : url(https://www.kts-schilders.nl/cat-title-right.png) no-repeat right -30px;
}

#wrapper #boxes .box .cat-title.grey{
  background : url(https://www.kts-schilders.nl/cat-title-right.png) no-repeat right -60px;
}

#wrapper #boxes .box .cat-title.second{
  bottom : 63px;
}

#wrapper #boxes .box.product .cat-title{
  bottom : 78px;
}

#wrapper #boxes .box.product .cat-title.second{
  bottom : 113px;
}

#wrapper #boxes .box .cat-title span{
  display : block;
  background : url(images/cat-title-left.png) no-repeat top left;
  padding : 6px 9px 0 15px;
  font : 14px/1.0em Arial;
  text-shadow: 1px 1px 1px #b62959;
  font-weight : bold;
  color : #FFFFFF;
  height : 24px;
}

#wrapper #boxes .box .cat-title.purple span{
  background : url(images/cat-title-left.png) no-repeat left -30px;
  padding : 8px 9px 0 15px;
  font : 12px/1.0em Arial;
  font-weight : bold;
  text-shadow: 1px 1px 1px #1d1535;
  height : 22px;
}

#wrapper #boxes .box .cat-title.grey span{
  background : url(images/cat-title-left.png) no-repeat left -60px;
  padding : 8px 9px 0 15px;
  font : 12px/1.0em Arial;
  font-weight : bold;
  text-shadow : 1px 1px 1px #7a7a7a;
  text-decoration : line-through;
  height : 22px;
}

#wrapper #boxes .box img{
  border : 0;
  width : 228px;
  height : 151px;
}

#wrapper #boxes .box.product a{
  display : block;
  cursor : pointer;
}

#wrapper #boxes .box.product img{
  border : 0;
  width : auto;
  height : auto;
  max-height : 140px;
}

#wrapper #boxes .box:hover{
  opacity : 0.7;
  filter : alpha(opacity=70);
}

#wrapper #boxes .box .title {
  display : block;
  background : url(https://www.kts-schilders.nl/images/back-title.png) no-repeat top left;
  margin : 0 0 0 -2px;
  padding : 2px 15px 9px;
  font : 12px/1.5em Arial;
  text-shadow: 1px 1px 1px #b62959;
  font-weight : bold;
  color : #FFFFFF;
  width : 202px;
  height : 49px;
}

#wrapper #boxes .box.product table, #wrapper #boxes .box.product tr, #wrapper #boxes .box.product td,
#wrapper #boxes .box.product .title table, #wrapper #boxes .box.product .title tr, #wrapper #boxes .box.product .title td {
  border-collapse : none;
  margin : 0;
  padding : 0;
  text-align : left;
  width : 100%;
  height : 100%;
}

#wrapper #boxes .box.product table, #wrapper #boxes .box.product tr, #wrapper #boxes .box.product td {
  text-align : center;
  height : 148px;
}

article {
	font: arial;
	width: 980px;
}

h1, h2, h3 {
	color: #ff7500;
}

article p {
	font-size: 14px;
}

article p.first {
	padding-top: 20px;
}

article h2 {
	color: #ff7500;
	font-size: 16px;
	padding-top: 20px;
}

form {
	padding-top: 10px;
	width: 700px;
	margin-bottom: 20px;
}

.wrong {
	color: red;
}

#info input {
	width: 200px;
	height: 20px;
	left: 200px;
	display: inline-block;
	position: relative;
	margin-top: 10px;
}

#name {
	margin-left: 43px;
}

#phone {
	margin-left: -35px;
}

#company {
	margin-left: -2px;
}

#info label {
	margin-top: 10px;
}

.dienst {
	margin-bottom: -10px;
	padding-top: 20px;
}

.wensen {
	padding-top: 20px;
}

#dienst {
	height: 120px;
	width: 500px;
}

.leftchecks {
	float: left;
}

.middlechecks {
	float: left;
	padding-left: 60px;
}

.rightchecks {
	float: right;
}

#verstuur {
	width: 80px;
	height: 30px;
}

#map {
	width: 986px;
	height: 300px;
}

.vragenformulier {
	float: left;
	padding-top: 50px;
	width: 400px;
}

.vragenformulier h1 {
	font-size: 16px;
}

.gegevens {
	float: right;
	padding-top: 50px;
	padding-right: 100px;
}

.opdracht {
	width: 980px;
	height: 270px;
	display: block;
	float: left;
}

.opdrachtimg {
	float: left;
	background: transparent url("images/bg_websiteimg.png") no-repeat scroll 0 0;
	display: block;
	width: 440px;
	height: 280px;
}

#portfolioslider {
	width: 410px;
	height: 220px;
	margin-left: 14px;
	margin-top: 30px;
}

.opdrachtinfo {
	float: right;
	height: 220px;
	display: block;
	margin-right: 20px;
	width: 430px;
}

.opdrachtinfo h3 {
	padding-top: 20px;
}

#featured{   
    width:300px;   
    padding-right:250px;   
    position:relative;   
    height:300px;  
    background:#fff;  
  
}  

#featured ul.ui-tabs-nav{   
    position:absolute;   
    top:0; left:680px;   
    list-style:none;   
    padding:0; margin:0;   
    width:300px;   
}  

#featured ul.ui-tabs-nav li{   
    padding:1px 0; padding-left:13px;    
    font-size:12px;   
    color:#666;   
}  

#featured ul.ui-tabs-nav li span{   
    font-size:16px; font-family:Verdana;   
    line-height:18px;
    padding-left: 10px;
    position: absolute;
    padding-top: 20px;  
}  


#featured .ui-tabs-panel{   
    width:680px; height:300px;   
    background:#999; position:relative;  
        overflow:hidden;  
}  

#featured .ui-tabs-hide{   
    display:none;   
} 

#featured li.ui-tabs-nav-item a{/*On Hover Style*/   
    display:block;   
    height:60px;   
    color:#333;  background:#fff;   
    line-height:20px;  
    outline:none;  
}  

#featured li.ui-tabs-nav-item a:hover{   
    background:#f2f2f2;   
}  

#featured li.ui-tabs-selected{ /*Selected tab style*/  
    background:url('images/selected-item.gif') top left no-repeat;    
}  

#featured ul.ui-tabs-nav li.ui-tabs-selected a{   
    background:#ccc;   
}  
 

#featured .ui-tabs-panel .info{   
    position:absolute;   
    top:230px; left:0;   
    height:70px; width: 680px;  
    background: url('images/transparent-bg.png');   
}  

#featured .info h2{   
    font-size:18px; font-family:Georgia, serif;   
    color:#fff; padding:5px; margin:0;  
    overflow:hidden;   
}  

#featured .info p{   
    margin:0 5px;   
    font-family:Verdana; font-size:11px;   
    line-height:15px; color:#f0f0f0;  
}  

#featured .info a{   
    text-decoration:none;   
    color:#fff;   
}  

#featured .info a:hover{   
    text-decoration:underline;   
}

ol {
	margin-left: 20px;
	font-size: 14px;
}  

.footer {
	clear: both;
	height: 14px;
	max-width: 986px;
	font-family: helvetica;
	background-color: #312356;
}

footer p {
	font-size: 9px;
	color: white;
	padding-top: 2px;
	padding-left: 10px;
}

#lgwebdevelopment {
	float: right;
	font-size: 12px;
	color: black;
}