/*
	Title:      Base CSS rules for ikhebeenhelekleine.nl
	Author:     Lieven Maes
	Updated:    5 september 2007
*/

*{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

/* hide from ie on mac \*/
html { height: 100%; }
#simpleViewer{
position:absolute; 
height: 550px;
width:690px;
left:190px;
top:12px;
z-index:50;
}
/* end hide */

body{
background-color: #999999;
behavior:url(csshover.htc);
font-family: arial;
font-size:12px;
color:white;
}

a{
text-decoration:none;
color:white;
font-weight:normal;
}

a:hover{
color:peru;
}

#venster{
	position:relative;
	top:30px;
	margin-left: auto;
	margin-right: auto;
	width:875px;
	height:575px;
	background-color:#000000;
}

#logo{
	position:absolute;
	background: black url(pics/logo.jpg);
	width:270px;
	height:159px;
	z-index:100;
}

#balk_home{
display:block;
position:absolute;
top:73px;
left:280px;
padding-top:4px;
width:517px;
height:26px;
border-top:solid 1px white;
border-bottom:solid 1px white;
}

#home{
margin-bottom:5px;
}

#menu{
	position:absolute;
	width:175px;
	height:375px;
	top:158px;
	left:15px;
	border-left:solid 1px white;
	border-right:solid 1px white;
}

/* Category selection by pictures */
#category{
	position:absolute;
	left:280px;
	top:80px;
	width:600px;
	height:370px;
	z-index:100;
}

.cat{
position:absolute;
width:150px;
height:445px;
}

#cat1{
	background: transparent url(pics/cat1.jpg) no-repeat bottom left;
}

#cat1:hover{
	background: transparent url(pics/cat1.jpg) no-repeat bottom right;
}

#cat2{
	background: transparent url(pics/cat2.jpg) no-repeat bottom left;
	left:182px;
}

#cat2:hover{
	background: transparent url(pics/cat2.jpg) no-repeat bottom right;
}

#cat3{
	background: transparent url(pics/cat3.jpg) no-repeat bottom left;
	left:364px;
}

#cat3:hover{
	background: transparent url(pics/cat3.jpg) no-repeat bottom right;
}

/* Credits */
#info{
	margin-top:42px;
}
/* fonts */	
h1 {
	font-size:11px; 
	text-align:center;	
}

h2 {
	font-size:16px; 
	text-align:center;	
}

h3 {
	color:peru;
	font-size:13px; 
	text-align:center;
	font-weight:900;
}

h4 {
	font-size:11px; 
	text-align:center;	
}

h6 {
	font-size:11px; 
	text-align:center;
	background-color:black;
	padding:3px 3px 3px 3px;	
	border:solid 1px white;
}

h5{
	font-size:16px; 
	float:left;
	margin-left:20px;
}

.rechtermarge{
	margin-right:40px;
}

#formulier{
position:absolute;
top:150px;
left:280px;
z-index:100;
}

#copyright{
position:absolute;
top:160px;
left:280px;
z-index:100;
width:510px;
height:358px;
background: transparent url(pics/copyright.jpg) no-repeat;
border:double 3px white;
}

#links{
position:absolute;
top:170px;
left:292px;
z-index:100;
}

#links a{
font-weight:bold;
}

#ontwerpen{
background: transparent url(pics/ontwerpen.jpg) no-repeat;
width:518px;
height:363px;
position:absolute;
top:-10px;
left:-15px;
z-index:-1;
border:solid 1px white;
}

#lebelg{
font-size:10px;
position:absolute;
bottom:3px;
left:3px;
}

#lebelg a:hover{
color:black;
}