/* CSS Document */
html 
{
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
}

body 
{
	margin: 0px;
	padding: 0px;
	background-color: #0d0700;
	height: 100%;
	font: 11px "Times New Roman", Times, serif
}

img 
{
	border:1px #ffd096 solid;
}

a
{	
	color: #ffd096;
	text-decoration:none;
	font: 15px "Times New Roman", Times, serif;
}

input
{
	font: 12px Arial, Helvetica, sans-serif;
	border: 1px solid #0d0700;
	background: white;
}

.radio
{
	background: none;
}

p{
	text-decoration:none;
	font: 14px Arial, Helvetica, sans-serif;
	margin: 5px;
}

h1{
	color: #9b7c60;
	font-size: 40px;
	font-weight:400;
	float:left;
	letter-spacing:2px;
	margin-left: 30px;
	margin-top: 48px;
	height:60px;
}

#geheel
{
	position: relative; 	
	width: 1000px; 
	height: 600px; 
	border: 1px #7c6344 solid;
}

#menu_container
{	
	padding: 6px 0px;
	position: absolute;
	left: 0px;
	top: 100px;
	width: 903px;
	height:33px;
	border-top: 1px #ffd096 solid;
	border-bottom: 1px #ffd096 solid;
	
}

#menu_rechts
{
	position: absolute;
	right: 0px;
	top: 100px;
	width:35px;
	height:50px;
	border-top: 1px #ffd096 solid;
	border-bottom: 1px #ffd096 solid;
	
}

.knopclas{
	top:8px;
	position:relative;
	background-color:#000000;
	padding: 14px 2px;
	height:26px;
}

.knopclas:hover{
background-color:#6c5641;
}

.knopclas:active{
background-color:#ede0cb;
color:#ede0cb;
}

.knopclasactief{
	top:8px;
	background-color:#6c5641;
	position:relative;
	padding: 14px 2px;
	height:26px;
}

#logo
{
	position: absolute;
	right: 35px;
	top: 50px;
}

#geenrand
{
	border: none;
}

#content{
	position:absolute;
	width: 980px;
	height: 420px;
	text-align:left;
	top: 160px;
	left: 0px;
	margin: 10px;
	color:#FFFFFF;
	z-index:1;
}


#tekstvak{
	top: 150px;
	right: 25px;
	position:absolute;
	width:485px;
	height:270px;
	text-align: justify;
}

#tekstvak p
{
	line-height: 18px;
}

#titelvak{
	top: 13px;
	right: 142px;
	position:absolute;
	width: 360px;
	border:1px #ffd096 solid;
	text-align:center;
	color: #ffd096;
	padding: 40px 0px;
	font-size: 21px;
}

#flash{
	position:absolute;
	width:1000px;
	height:440px;
	top: 147px;
	left: 0px;
	z-index:0;
}

#accessoires_strokes
{
	position: absolute;
	left: 168px;
	top: 0px;
	width: 277px;
	border-left: 1px solid #ffd096;
	border-right: 1px solid #ffd096;
	height: 453px;
}

#assortiment_strokes
{
	position: absolute;
	left: 201px;
	top: 0px;
	width: 244px;
	height: 453px;
}

.asortiimg{
	margin-right:25px;
	margin-top:20px;
	width:118px;
	height:149px;
}

.opvul{
	margin-right:25px;
	margin-top:20px;
	width:118px;
	height:149px;
	border:none;
}

.asortiimgL{
	margin-right:25px;
	margin-top:25px;
	margin-left:60px;
	width:118px;
	height:149px;
}

.asortilang{
	margin-right:25px;
}

.asortilang2{
	margin-right:33px;
}

.asortilang3{
	margin-right:34px;
}
.asortilangL{
	margin-right:25px;
	margin-left:40px;
	margin-top:25px;
}

.asortilangL2{
	margin-right:25px;
	margin-left:40px;
	margin-top:25px;
}

.foto{
	width:118px;
	height:159px;
}
#eigenstijl_strokes
{
	position: absolute;
	left: 143px;
	top: 0px;
	width: 302px;
	border-left: 1px solid #ffd096;
	border-right: 1px solid #ffd096;
	height: 453px;
}

#home_strokes
{
	position: absolute;
	left: 181px;
	top: 0px;
	width: 274px;
	border-left: 1px solid #ffd096;
	border-right: 1px solid #ffd096;
	height: 453px;
}

#oorsprong_strokes
{
	position: absolute;
	left: 169px;
	top: 0px;
	width: 277px;
	border-left: 1px solid #ffd096;
	border-right: 1px solid #ffd096;
	height: 453px;
}

#flash2{
	position:absolute;
	width:1000px;
	height:500px;
	top: 147px;
	left: 0px;
	z-index:0;
}

#contact{
	left: -10px;
	top: -10px;
	padding-left: 22px;
	padding-bottom: 20px;
	position:absolute;
	width:343px;
	height:165px;
	border-bottom: 1px #ffd096 solid;
	text-align:justify;
}

#contactasorti{
	left: -10px;
	top: -10px;
	padding-left: 22px;
	padding-bottom: 20px;
	position:absolute;
	width:343px;
	height:220px;
	border-bottom: 1px #ffd096 solid;
	text-align:justify;
}

#contactfoto{
	left: 0px;
	top: 175px;
	position:absolute;
	width:184px;
	height:150px;
	padding-left: 16px;

}

#email{
	top: 175px;
	left: 185px;
	position:absolute;
	height:53px;
	width: 200px;
	border:1px #ffd096 solid;
	text-align:center;
	color: #ffffff;
	padding-top:15px;
	font: 14px Arial, Helvetica, sans-serif;
	line-height: 18px;
}

#email a
{
	font: 14px Arial, Helvetica, sans-serif;
}

#infovak{
	top: -24px;
	left: 386px;
	position:absolute;
	width:400px;
	height:453px;
	border: 1px #ffd096 solid;
	border-bottom:none;
	z-index: 0;
}

.info{
	text-align:left;
	padding-top:20px;
	padding-right: 40px;
	padding-left: 40px;
	font-size:14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.info a
{
	font: 14px Arial, Helvetica, sans-serif;
}

#potlood{
	position: relative;
	float:right; 
	border-top: 1px #ffd096 solid;
	margin-top: 176px;
	margin-right:-10px;
	width: 202px;
}

#potlood div
{
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 1;
}

#fotoflash{
	position:absolute;
	width: 168px;
	height: 135px;
	border: 1px #ffd096 solid;
	border-left:none;
	top: 180px;
	left: 0px;
}

#tekstvak2{
	top: -24px;
	left: 158px;
	position:absolute;
	width:302px;
	height:433px;
	border: 1px #ffd096 solid;
	border-bottom:none;
	text-align: justify;
	padding: 10px;
}

#fotorechts{
	top: 154px;
	right: 219px;
	position:absolute;
	height:90px;
	width: 280px;
	border-top: 1px #ffd096 solid;
	color: #ffd096;
}
#lijn{
	top: 154px;
	right: -10px;
	position:absolute;
	height:1px;
	width: 280px;
	background-color: #ffd096;
}

#steensoorten{
	position: absolute;
	top: 0px;
	left: 130px;
}

#lijnboven{
	top: 246px;
	left: 0px;
	position:absolute;
	height:1px;
	width: 1000px;
	background-color: #ffd096;
}

#lijnonder{
	top: 446px;
	left: 0px;
	position:absolute;
	height:1px;
	width: 1000px;
	background-color: #ffd096;
}

#mailvak{
	position: absolute;
	height: 65px;
	width: 50px;
	left: 20px;
	top: 355px;
}

#mailvak a
{
	font: 14px Arial, Helvetica, sans-serif;
}

.mail{	
	color:#FF0000;
}

.mail:hover, mail:active{
	color:#FF0000;
}