/*
      Created by Eric Steuten. Visual and Interaction Designer.	  
	  Contact: eric@ellumination.org
	  
*/


/* PAGE STRUCTURE */

* { padding: 0; margin: 0; }

body {
 font: 11px "Trebuchet MS", tahoma, arial, verdana;
 color:#ded5a7;
 background:#040404;
 
background-image:url(http://www.ericsteuten.nl/images/bg2.gif);
}

img, div { behavior: url(http://www.ericsteuten.nl/css/iepngfix.htc) }

#wrapper { 
 margin: 0 auto;
 width: 996px;
 float:none;
 background:#040403;
 background-repeat:no-repeat;
 background-image:url(http://www.ericsteuten.nl/images/bg.jpg);
 position:relative;
 overflow:hidden;
 
}
#header {

 width: 996px;
 float: left;
 padding: 0px;
 border: 0px solid #ccc;
 height: 28px;
 margin: 0px 0px 0px 0px;
 background-image:url(http://www.ericsteuten.nl/images/bgtop.gif);
}

#leftcolumn { 
 color: #333;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: 2400px;
 width: 278px;
 float: left;
}
#leftmiddle { 
 color: #333;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: 2400px;
 width: 238px;
 float: left;
}
#rightmiddle { 
 color: #333;
 border: 0px solid #ccc;

 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: 2400px;
 width: 238px;
 float: left;
}
#rightcolumn { 
 color: #333;
 border-right: 1px solid #63625a;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: 2400px;
 width: 241px;
 float: left;

}
#footer { 
 width: 995px;
 clear: both;
 color: #333;
border-top: 1px solid #63625a;
border-right: 1px solid #63625a;
 background: #040403;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: 27px;
 background-image:url(http://www.ericsteuten.nl/images/bgfooter2.gif);
}

img {
border: none;
}

a {
	color: #8ca73e;
	text-decoration: none;
	outline:none;
	
}

a.altlink {
	color: #ded5a7;
	text-decoration: none;
	outline:none;
	
}

a:hover {
	text-decoration: underline;
	color: #ded5a7;
}



/* TOPBAR */


/* THUMBS */

.thumbtop {
width: 238px;
height: 226px;
display: block;
background-image:url(../images/shadow.png);
background-repeat:no-repeat;
position: relative;
margin-top: 130px;
float: left;
z-index: 1;
}

.thumbtop2 {
width: 238px;
height: 226px;
display: block;
background-image:url(../images/shadow.png);
background-repeat:no-repeat;
position: relative;
margin-top: 70px;
float: left;
z-index: 1;
}

.thumbjump {
width: 238px;
height: 226px;
display: block;
background-image:url(../images/shadow.png);
background-repeat:no-repeat;
position: relative;
margin-top: 226px;
float: left;
z-index: 1;
}

.thumb {
width: 238px;
height: 226px;
display: block;
background-image:url(../images/shadow.png);
background-repeat:no-repeat;
position: relative;
float: left;
z-index: 1;
margin: 0px;

}

.thumbempty {
width: 238px;
height: 226px;
display: block;
background-image:url(../images/blank.gif);
background-repeat:no-repeat;
position: relative;
float: left;
z-index: 1;
margin: 0px;

}

.imgthumb {
position: relative;
z-index: 1;
left: 14px;
top: 14px;
}


.container {
width: 278px;
position: relative;
top: 754px;
left: 0px;
margin: 0px;
float: left;
z-index: 1;

}

.txtcontainer {
width: 226px;
position: relative;
left: 18px;
float: left;
z-index: 1;
color:#ded5a7;
line-height: 18px;
text-align:justify;

}

.mainhead {
width: 238px;
height: 60px;
display: block;
z-index: 5;
position: relative;
left: 15px;
top: 65px;
}

.mainhead2 {
width: 238px;
height: 60px;
display: block;
z-index: 1;
position: relative;
float: left;
left: 15px;
margin: 30px 0px 0px 0px;

}




.header {
width: 226px;
height: 25px;
display:block;
z-index: 1;

}

.dots {
padding-top: 20px;
padding-bottom: 10px;
position:relative;
left: 18px;
}

.button {
width: 226px;
height: 25px;
display:block;
z-index: 1;

}

.iconwrap { 
 margin: 0 auto;
 display:block;
 width: 226px;
 float:none;
 }
 
#icontable {
	width: 226px;
	padding: 0px;
	margin: 0px;
}
 
td.icon {
width:26px;
height:20px;
display:block;
}

td.icontxt {
width:200px;
height:20px;
}

#toptable {
	width: 250px;
	height:20px;
	position:relative;
	left: 743px;
	padding: 0px 0px 0px 0px;
	margin-top: 5px;
}

td.icontop {
width:10px;
height:15px;

vertical-align: middle;
padding-right:5px;
}

td.icontoptxt {

height:15px;
vertical-align: top;
padding-right:10px;
}

td.divider {
width:1px;
height:15px;
vertical-align: middle;
padding-right:7px;

}

.end {
position:relative;
height: 18px;
	left: 100px;
	top: -12px;
	z-index: 3;
}
.footertxt {

	height:27px;
	position:relative;
	left: 770px;
	padding: 0px 0px 0px 0px;
	vertical-align: middle;
	margin-top: 3px;
	 font: 11px "Trebuchet MS", tahoma, arial, verdana;
 color:#ded5a7;
}