
body{

font-family:Georgia;
background-image:url(afbeelding/backgroundMainBrown.png);
background-repeat: repeat;
background-attachment:fixed;
background-position:center;
padding:0;
margin:0;
z-index:0;

}

.header1{

width:802px;
margin:auto;
height:175px;
background-image:url(afbeelding/logo.png);
background-position:0px 0px;
background-repeat:no-repeat;
clear:both;
}

.header2{
margin-top:0px;
width:802px;
height:30px;
color:white;
font-weight:bold;
clear:both;
}

	

	.header2 ul li{
	margin-left:10px;
	}


.navigation{
list-style-type:none;
float:left;
}

	.navigation a{
		margin-right: 73px;
		margin-left: 0px;
		line-height: 80px;
		font-size:32px;
	}

	.navigation a:visited{
	color:white;
	}
	.navigation a:active{
	color:white;
	}
	.navigation a:link{
	color:white;
	}
	.navigation a:hover{
	color:white;
	text-decoration:underline;
	}



#adres{
margin-top:128px;
margin-bottom:0px;
width:350px;
float:left;

}

	#adres ul{
	color:white;
	font-family:arial;
	font-size:11px;
	font-weight:bold;
	list-style-type:none;
	width:250px;

	}

	#adres li{
	
	padding-left:10px;
	padding-right:10px;
	float:left;
	}







.content{
clear:both;
width:802px;
height:350px;
margin-bottom:-60px;
margin-left:auto;
margin-right:auto;
border:solid white 2px;
margin-top:0px;

}


.slider{
margin-top:0px;
width:800px;
height:246px;
}




.footer{
float:left;
background-color: rgba(0,0,0,0.65);
z-index:-1;
left:0;
width:100%;
min-height:400px;
height:100%;
position:relative;
margin-bottom:0px;
padding-left:10px;
text-align:left;
padding-top:60px;
color:white;
}



table {
	border-collapse:separate;
	border-spacing:0;
}

caption, th, td {
	text-align:left;
	white-space:nowrap;
	
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:"";
}
blockquote, q {
	quotes:"" "";
}
/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
	display: block;
}

/*===================*/
/*=== Main Styles ===*/
/*===================*/


a, a:visited {
	color:blue;
	text-decoration:none;
}
a:hover, a:active {
	color:#000;
	text-decoration:none;
}



.theme-default #slider {
    margin:auto;
    width:800px; /* Make sure your images are the same size */
    height:246px; /* Make sure your images are the same size */
}


/*====================*/
/*=== Other Styles ===*/
/*====================*/
.clear {
	clear:both;
}


#contact{
visibility:hidden;
}
.contact{
	width:900px;
	height:800px;
	margin:auto;
	margin-top:auto;
	background-image:url('images/paper.png');
	z-index:-2;
	position:relative;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:50% 50%;
	overflow:auto;
	
}

.contact2{
	width:684px;
	height:500px;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin:auto;
	color:#2c3290;
}

.parket{
	height:1000px;
	width:100%;
	clear:both;
	padding-top:0px;
	color:white;
	background:url('afbeelding/hout4.jpg');
	position:relative;
	box-shadow:0px 10px 10px black;
	
}




#wrapper{
	width:720px;
	margin-top:50px;
	
}

#wrapper h1{
	
	text-align:center;
	margin-bottom:20px;
}

#wrapper a{
	display:block;
	font-size:2.2em;
	padding-top:0px;
	
	text-decoration:none;
	text-align:center;
}

#tabContainer {
	width:680px;
	padding:0px;
	
}

.tabs{
	height:100%;
	padding-left:40px;
}

.tabs > ul{
	font-size: 1.5em;
	list-style:none;
	padding-left:0;
	
}

.tabs > ul > li{
	margin-right:20px;
	padding:7px 10px;
	display:block;
	box-shadow:6px 6px 10px #121766;
	float:left;
	color:#FFF;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	-moz-border-radius-topleft: 1px;
	-moz-border-radius-topright: 1px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-top-left-radius:1px;
	border-top-right-radius: 1px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px; 
	background-color:grey;
	opacity:0.8;
	z-index:auto;
	
}

.tabs > ul > li:hover{
	background: #FFFFFF; /* old browsers */
	background: -moz-linear-gradient(top, #FFFFFF 0%, #F3F3F3 10%, #F3F3F3 50%, #FFFFFF 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(10%,#F3F3F3), color-stop(50%,#F3F3F3), color-stop(100%,#FFFFFF)); /* webkit */
	cursor:pointer;
	color: #333;
}

.tabs > ul > li.tabActiveHeader{
	background: #FFFFFF; /* old browsers */
	background: -moz-linear-gradient(top, #FFFFFF 0%, #F3F3F3 10%, #F3F3F3 50%, #FFFFFF 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(10%,#F3F3F3), color-stop(50%,#F3F3F3), color-stop(100%,#FFFFFF)); /* webkit */
	cursor:pointer;
	color: #333;
}

.tabscontent {
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-top-left-radius: 0px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px; 
	padding:0px 0px 0px;

	margin:0;
	
}

#container{
width:650px;
margin:auto;
padding-bottom:30px;
}

  .example {
    border: 1px solid #CCC;
    background: #f2f2f2;
    padding: 10px;
  }
  ul {
    list-style-image:url(list-style.gif);
  }
  pre {
    font-family: "Lucida Console", "Courier New", Verdana;
    border: 1px solid #CCC;
    background: #f2f2f2;
    padding: 10px;
  }
  code {
    font-family: "Lucida Console", "Courier New", Verdana;
    margin: 0;
    padding: 0;
  }

  #gallery {
    padding: 30px;
background:url('images/gallery/canvas.jpg');
box-shadow:0px 5px 5px black;


    opacity:1;
    z-index:auto;
    
    
    
  }
  #descriptions {
    position: relative;
    height: 50px;
    background: #EEE;
    margin-top: 10px;
    width: 640px;
    padding: 10px;
    overflow: hidden;
  }
    #descriptions .ad-image-description {
      position: absolute;
    }
      #descriptions .ad-image-description .ad-description-title {
        display: block;
      }


      
#kartelrand{
color:white;
background-color:#3b3b3b;
text-align:center;
opacity:0.8;
margin-top:30px;
}

#kartelrand:after {
    content:"";
    display:block;
    position: relative;
    
    width:100%;
    height:36px;
    background: linear-gradient(#3b3b3b 0%, transparent 0%), linear-gradient(135deg, #272220 33.33%, transparent 33.33%) 0 0%, #272220 linear-gradient(45deg, #272220 33.33%, #3b3b3b 33.33%) 0 0%;
    background: -webkit-linear-gradient(#3b3b3b 0%, transparent 0%), -webkit-linear-gradient(135deg, #272220 33.33%, transparent 33.33%) 0 0%, #272220 -webkit-linear-gradient(45deg, #272220 33.33%, #3b3b3b 33.33%) 0 0%;
    background: -o-linear-gradient(#3b3b3b 0%, transparent 0%), -o-linear-gradient(135deg, #272220 33.33%, transparent 33.33%) 0 0%, #272220 -o-linear-gradient(45deg, #272220 33.33%, #3b3b3b 33.33%) 0 0%;
    background: -moz-linear-gradient(#3b3b3b 0%, transparent 0%), -moz-linear-gradient(135deg, #272220 33.33%, transparent 33.33%) 0 0%, #272220 -moz-linear-gradient(45deg, #272220 33.33%, #3b3b3b 33.33%) 0 0%;
    background-repeat: repeat-x;
    background-size: 0px 100%, 19px 27px, 19px 27px;
    
    }
}