@charset "utf-8";
/* CSS Document */

*{
	list-style:none;
	margin:0px;
	padding:0px;
}

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

a:visited{
	color:#fff;
}

a:hover {
	color:#cdcdcd;
}

body {
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
	color:#333;
	height:100%;
	overflow:hidden;
}

#wrapper {
	width:100%;
	height:auto;
	margin:auto;
	padding:0px;
	z-index:1;
	position:relative;
}

.nav {
	height:260px;
	width:150px;
	padding:0px;
	float:left;
	left:25px;
	margin:100px auto;
	position:absolute;
}

.nav1 {
	height:260px;
	width:175px;
	padding:0px;
	float:left;
	left:25px;
	margin:100px auto;
	top:2100px;
	position:absolute;
}

.player_nav {
	height:600px;
	width:200px;
	padding:125px 30px;
	float:left;
	left:25px;
	margin:100px auto;
	top:2400px;
	position:absolute;
	background-image:url(images/player_nav.png);
	background-repeat:no-repeat;
	display:block;
 	color:#fff;
	text-align:left;
}

.player_nav li{
	margin-bottom:25px;
}

.nav_contact {
	height:300px;
	width:150px;
	padding:0px;
	float:left;
	left:50px;
	margin:100px auto;
	top:3800px;
	position:absolute;
}



#section12, #section23, #section34 {
	height:250px;
	width:100%;
	background-repeat:repeat-y;
	background-position: center;
}

#section12 {
	background-image:url(images/bg_trans1.jpg);
}

#section23 {
	background-image:url(images/bg_trans2.jpg);
}

#section34 {
	background-image:url(images/bg_trans3.jpg);
}

#section1, #section2, #section3, #section4 {
	height:1000px;
	background-position: center;
	background-repeat:repeat;
	width:100%;
	margin:auto;
	padding:0px;	
}

#section1 {
	background-image:url(images/wood.jpg);
	background-color:#181818;
	}
	
#section1_bg {
	width:756px;
	height:1000px;
	background-image:url(images/bg1.png);
	background-repeat:repeat-y;
	margin:auto;
	padding:0px;
}

#section2 {
	background-image:url(images/transparant_bg.jpg);
	background-color:#f3f3f3;
	height:1000px;
}

#section2_bg {
	width:756px;
	height:1000px;
	background-image:url(images/bg2.png);
	background-repeat:repeat-y;
	margin:auto;
	padding:0px;
}

#section3 {
	background-image:url(images/pluche.jpg);
	background-color:#3c3c3c;
}

#section3_bg {
	width:756px;
	height:694px;
	background-image:url(images/player.png);
	background-repeat:no-repeat;
	margin:auto;
	padding:0px;
}

#section4 {
	background-image:url(images/leather.jpg);
	background-color:#3c3c3c;
}

#section4_bg {
	width:756px;
	height:615px;
	background-image:url(images/contact_bg.png);
	background-repeat:no-repeat;
	margin:auto;
	padding:0px;
}

#content, #content2, #content3 {
	width:450px;	
	height:auto;
	margin:auto;
	padding:0px;
	
}

.txt {
	padding:20px;
	text-align:left;
	font-family:georgia;
	line-height:24px;
}

.postit1 {
	background-image:url(images/post-it.png);
	width: 340px;
	height: 400px;
	display: block;
	padding: 100px 35px 0px 70px;
	text-align:left;
	font-family:georgia;
}

.postit1 a{
	color: #00f;
}


#slider {
	width:445px;	
	height:700px;
	margin:auto;
	padding:0px;
}

/*    NAV      */

#werk a {
	width:250px;
	height:100px;
	background-image:url(images/designs_btn.png);
	background-position:bottom;
	display:block;
	margin:20px auto;
	padding:0px;
	float:left;
}

#werk a:hover {
	background-position:top;
}

#contact a {
	width:250px;
	height:100px;
	background-image:url(images/contact_btn.png);
	background-position:bottom;
	display:block;
	margin:20px auto;
	padding:0px;
	float:left;
}

#contact a:hover {
	background-position:top;
}

#animatie a {
	width:250px;
	height:100px;
	background-image:url(images/animaties_btn.png);
	background-position:bottom;
	display:block;
	margin:20px auto;
	padding:0px;
	float:left;
}

#animatie a:hover {
	background-position:top;
}

#movie a {
	width:110px;
	height:125px;
	background-image:url(images/movie.png);
	background-position:bottom;
	display:block;
	margin:0px auto;
	padding:0px;
	float:left;
}

#movie a:hover {
	background-image:url(images/movie.png);
	background-position:top;
}

#mail a {
	width:110px;
	height:125px;
	background-image:url(images/mail.png);
	background-position:bottom;
	display:block;
	margin:20px auto;
	padding:0px;
	float:left;
}

#mail a:hover {
	background-image:url(images/mail.png);
	background-position:top;
}

#card a {
	width:250px;
	height:125px;
	background-image:url(images/card.png);
	background-position:bottom;
	display:block;
	margin:auto;
	padding:0px;
	position:relative;
	top:202px;
	left:-217px;
}

#card a:hover {
	background-image:url(images/card.png);
	background-position:top;
}

#fb a {
	width:150px;
	height:50px;
	background-image:url(images/fb.png);
	background-position:bottom;
	display:block;
	margin:0px;
	padding:0px;
	float:left;
	top:0px;
	left:100px;
	position:relative;
}

#fb a:hover{
	background-image:url(images/fb.png);
	background-position:top;
}
#lin a {
	width:150px;
	height:50px;
	background-image:url(images/li.png);
	background-position:bottom;
	display:block;
	margin:0px;
	padding:0px;
	float:left;
	top:57px;
	left:50px;
	position:relative;
}

#lin a:hover{
	background-image:url(images/li.png);
	background-position:top;
}

#head a {
	width:110px;
	height:125px;
	background-image:url(images/head.png);
	background-position:bottom;
	display:block;
	margin:20px auto;
	padding:0px;
	float:left;
}

#head a:hover {
	background-image:url(images/head.png);
	background-position:top;
}

#pencil a {
	width:50px;
	height:300px;
	background-image:url(images/pencil.png);
	background-position:right;
	display:block;
	margin:0px;
	padding:0px;
	float:left;
}

#pencil a:hover{
	background-image:url(images/pencil.png);
	background-position:left;
}

#pen a {
	width:50px;
	height:300px;
	background-image:url(images/pen.png);
	background-position:right;
	display:block;
	margin:0px;
	padding:0px;
	float:left;
}

#pen a:hover{
	background-image:url(images/pen.png);
	background-position:left;
}

#pen2 a {
	width:50px;
	height:300px;
	background-image:url(images/pen2.png);
	background-position:right;
	display:block;
	margin:0px;
	padding:0px;
	float:left;
}

#pen2 a:hover{
	background-image:url(images/pen2.png);
	background-position:left;
}



.wide {
				border-bottom: 1px #000 solid;
				width: 4000px;
}

#table {
	left: 430px;
	top: 145px;
	position:relative;
}