html, body{
margin: 0;
padding: 0;
height: 100%;}

body{
font: 11px Verdana;
line-height: 16px;
background: #e5f0fc url(bg.png) repeat-x fixed;}

div#container{
position: relative;
margin: 0 auto;
width: 800px;
min-height: 100%;
background: url(container.png) repeat-y;}

div#header{
position: absolute;
left: 150px;
top: 0;
width: 500px;
height: 140px;
background: #facce9;}

div#header h1{
position: absolute;
left: 30px;
top: 100px;
margin: 0;
padding: 0;
color: #ffffff;
font-variant: small-caps;
font-size: 23px;}

div#header h1:first-letter{
color: #ff97d9;
font-size: 26px;}

div#top_text{
padding-top: 140px;
margin: 0 150px;
width: 500px;
text-align: justify;}

div#top_text h1{
margin: 0;
padding: 5px;
font-size: 18px;
color: #46082f;
text-transform: uppercase;
text-align: center;}

div#top_text h1 strong{
color: #c91a1a}

div#top_text h4{
margin: 0;
padding: 2px 5px;
font-size: 12px;
line-height: 14px;
background: #98477b url(h4.png) repeat-x;
border-top: 1px solid #9f2874;
border-bottom: 1px solid #9f2874;
color: #ffffff;
text-transform: lowercase;}

div#left_text{
position: absolute;
left: 0;
top: 0;
width: 150px;
color: #ad7a99;
text-align: right;}

div#left_text ul{
padding: 4px 8px;}

div#left_text li{
padding-right: 10px;
background: url(bullet.png) no-repeat right 8px;}

div#right_text{
position: absolute;
right: 0;
top: 0;
width: 150px;
color: #ad7a99;}

div#right_text ul{
padding: 4px 8px;}

div#right_text li{
padding-left: 10px;
background: url(bullet.png) no-repeat left 8px;}

div#right_text a, div#left_text a{
position: relative;
color: #e2cfda;
text-decoration: none;}

div#right_text a:hover, div#right_text a.active, div#left_text a:hover, div#left_text a.active{
color: #ffffff;
text-decoration: underline;}

div#images{
margin: 0 150px;
padding: 0 4px;
width: 492px;}

div.image, div.overviewimage{
position: relative;
float: left;
margin: 5px;}

div.camimage{
position: relative;
float: left;
margin: 4px;}

div.image img, div.camimage img, div.overviewimage img{
float: left;
border: 2px solid #9f2874;
margin: 0;}

div.image img:hover, div.camimage img:hover, div.overviewimage img:hover{
border: 2px solid #c14996;}

div.camimage a{
position: relative;
display: block;
width: 114px;
height: 185px;
text-decoration: none;
background: url(transparant.gif);
z-index: 3;}

div.camimage em{
display: block;
position: absolute;
left: 2px;
top: 155px;
padding-left: 18px;
font-style: normal;
color: #46082f;
line-height: 17px;
background: url(online.png) no-repeat;
z-index: 2;}

div.camimage strong{
display: block;
position: absolute;
left: 60px;
top: 155px;
width: 50px;
height: 17px;
line-height: 17px;
font-size: 13px;
border: 1px solid #c14996;
background: #ab6190;
text-align: center;
color: #ffffff;
text-transform: uppercase;
z-index: 2;}

div.overviewimage a{
position: relative;
display: block;
width: 154px;
height: 225px;
text-decoration: none;
background: url(transparant.gif);
z-index: 3;}

div.overviewimage strong{
display: block;
position: absolute;
left: 0;
top: 205px;}

div#bottom_text{
clear: left;
margin: 0 150px;
width: 500px;
text-align: justify;}

div#footer{
clear: left;
margin: 0 150px;
width: 500px;}

div#footer p{
text-align: right;
color: #888888;}

div#footer p em{
font-style: normal;
float: left;}

div#choice_image, div#choice_camimage{
float: right;
width: 195px;
height: 319px;
margin: 5px 5px 0 0;
background: #f1d2e6;}

div#choice_image p, div#choice_camimage p{
text-align: center;
line-height: 290px;}

div#choice_image p img, div#choice_camimage p img{
vertical-align: middle;
border: 2px solid #9f2874;}

div#steps{
float: left;
margin-top: 5px;
width: 295px;
text-align: left;}

div.block{
margin: 0 0 15px 5px;
background: #f1d2e6}

div#steps ul{
margin: 0;
padding: 0;
list-style: none;
border-top: 1px solid #c14996;}

div#steps li{
position: relative;
padding: 0 5px;
border-bottom: 1px solid #c14996;
height: 35px;}

div#steps li.nl{
background: url(nl.png) no-repeat 112px 11px;}

div#steps li.be{
height: 70px;
background: url(be.png) no-repeat 112px 11px;}

div#steps li em{
position: absolute;
left: 5px;
top: 10px;
font-style: normal;}

div#steps li strong{
position: absolute;
left: 143px;
top: 3px;
font-size: 16px;}

div#steps li small{
position: absolute;
left: 143px;
top: 17px;
width: 145px;
color: #666666;}

form{
margin: 0;
padding: 0;}

fieldset{
margin: 2px;
padding: 3px;
border: 1px solid #ca8cb5}

input.text{
border: 1px solid #c14996;
width: 100px;
height: 16px;}

input.button{
border: 1px solid #c14996;
width: 80px;
height: 20px;
background: #ab6190;
color: #ffffff;
font-weight: bold;
font-variant: small-caps;
font-size: 11px;}

p{
margin: 0;
padding: 5px;}

a{
color: #444444;}

a:hover{
color: #000000;}

ul{
margin: 0;
padding: 0;
list-style: none;}

li{
padding: 1px 0;}