@charset "utf-8";
/* VVC */

*{
margin: 0;
padding: 0;
}
a{
color: #fff;
}
img{
behavior: url(scripts/iepngfix.htc);
border-width: 0;
}
.clr{
float: none;
clear: both;
}
body{
background: url(../images/bodybg.gif);
font: 11px normal Arial, Helvetica, Verdana, Sans-serif;
color: #000;
}
#outerwrap{
width: 918px;
height: 781px;
position: relative;
margin: 20px auto 0 auto;
}
#innerwrap{
background:url(../images/innerwrapbg.gif);
width: 799px;
height: 663px;
position: absolute;
top: 49px;
left: 54px;
}
#innerwrap .enter{
width: 623px;
height: 419px;
position: absolute;
top: 90px;
left: 85px;
}
#logo{
width: 445px;
height: 403px;
position: absolute;
bottom: 25px;
right: 15px;
}
#menu{
width: 197px;
height: 136px;
position: absolute;
top: 37px;
right: 16px;
}
#menu li{
float: left;
list-style: none;
}
.m1, .m2, .m3{
background: url(../images/menu.jpg) no-repeat top left;
height: 45px;
display: block;
float: left;
overflow: hidden;
}
#menu a span{
display: none;
}
a.m1 { background-position: 0 0; width: 197px;}
a.m2 { background-position: 0 -45px; width: 197px;}
a.m3 { background-position: 0 -90px; width: 197px;}

a:hover.m1, a#o1 { background-position: -197px 0;}
a:hover.m2, a#o2 { background-position: -197px -45px;}
a:hover.m3, a#o3 { background-position: -197px -90px;}

#portfolio{
width: 557px;
height: 160px;
position: absolute;
top: 37px;
left: 15px;;
z-index: 10;
}
#portfolio li{
width: 130px;
height: 140px;
list-style: none;
float: left;
margin: 0 7px 10px 0;
display: inline;
}
.detail{
width: 523px;
height: 299px;
position: absolute;
top: 37px;
left: 15px;;
z-index: 10;
}
#detailtxt{
width: 523px;
height: 260px;
position: absolute;
bottom: 37px;
left: 15px;;
z-index: 10;
color: #2f3362;
font: 11px normal Arial, Helvetica, Verdana, Sans-serif;
}
#detailsmall{
width: 245px;
height: 50px;
position: absolute;
bottom: 250px;
left: 294px;;
z-index: 20;
}
#detailsmall img{
height: 50px;
widths: 76px;
float: left;
margin-right: 5px;
}

#innerwrap #detailtxt span{
font-family: Arial, Helvetica, Verdana, Sans-serif;
font-size: 10px;
font-style: italic;
color: #2f3362;
z-index: 10;
}
#innerwrap h2{
font-family: Arial, Helvetica, Verdana, Sans-serif;
font-size: 13px;
font-weight: bold;
color: #2f3362;
z-index: 10;
}
#innerwrap p{
font-family: Arial, Helvetica, Verdana, Sans-serif;
font-size: 11px;
margin-top: 10px;
color: #2f3362;
z-index: 10;
}
#innerwrap a, #innerwrap a:hover{
text-decoration: underline;
color: #2f3362;
}
#foto{
width: 212px;
height: 309px;
position: absolute;
top: 37px;
left: 15px;;
z-index: 10;
}
#text{
width: 305px;
height: 500px;
position: absolute;
top: 17px;
left: 255px;;
z-index: 10;
font: 11px normal Arial, Helvetica, Verdana, Sans-serif;
color: #2f3362;
}
#text h2{
font-family: Arial, Helvetica, Verdana, Sans-serif;
font-size: 13px;
font-weight: bold;
color: #2f3362;
margin: 20px 0 5px 0;
z-index: 10;
}
#text .normaal{
margin: 10px 0 30px 0;
font: 11px normal Arial, Helvetica, Verdana, Sans-serif;
color: #2f3362;
}
#text .normaal li{
list-style: none;
margin-bottom: 10px;
position: relative;
font-weight: bold;
}
#text .normaal span{
position: absolute;
left: 120px;
font-weight: normal;
}
#text .normaals{
margin: 10px 0 70px 0;
font: 11px normal Arial, Helvetica, Verdana, Sans-serif;
color: #2f3362;
}
#text .normaals li.expo{
list-style: none;
margin-bottom: 20px;
position: relative;
font-weight: bold;
}
#text .normaals span{
	position: absolute;
	left: 116px;
	font-weight: normal;
	top: 17px;
}
#text .normaals span.exp{
	position: absolute;
	font-weight: normal;
	left: 0px;
	width: 305px;
}
#text p{
margin-bottom: 8px;
}
#text p img{
margin-right: 15px;
z-index: 10;
}