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

body{
font: 11px Verdana;
line-height: 16px;
background: #ff8383 url(bg.jpg) fixed repeat-x;
color: #dd796b;}

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

h1#header{
position: absolute;
left: 50px;
top: 110px;
margin: 0;
padding: 0;
font-size: 16px;
text-transform: uppercase;
color: #ffffff;}

img#header_img{
margin: 20px 0 0 36px;}

ul#menu{
width: 480px;
margin: 0 25px;
padding: 10px 0 5px 0;
list-style: none;
text-align: center;}

ul#menu li{
display: inline;
padding: 0 4px 0 8px;
background: url(seperator.png) no-repeat 0 4px}

ul#menu li.first{
background: none;}

div#images{
width: 480px;
margin: 0 auto;}

div.image, div.camimage, div.overviewimage{
position: relative;
margin: 3px;
float: left;
display: inline;}

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

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

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;
width: 154px;
text-align: center;
color: #ffffff;}

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: 0px;
top: 155px;
padding-left: 22px;
font-style: normal;
line-height: 19px;
background: url(online.jpg) no-repeat;
z-index: 2;}

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

p#footer{
margin: 5px 0;
text-align: right;
color: #94392c;}

p#footer em{
float: left;}

div#heart{
position: fixed;
top: 9px;
left: 40px;
width: 450px;
height: 408px;
background: url(heart.jpg)}

div#choice_image, div#choice_camimage{
float: left;
display: inline;
width: 195px;
height: 319px;
margin: 5px 0 0 25px;
background: #8a362a;}

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

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

div#steps{
float: right;
display: inline;
margin: 5px 25px 0 0;
width: 275px;
text-align: left;
color: #ffffff;}

div.block{
margin: 0 0 15px 0px;
background: #8a362a}

div#steps p{
padding: 5px;
text-align: left;}

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

div#steps li{
position: relative;
border-bottom: 1px solid #521208;
height: 35px;}

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

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

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

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

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

form{
margin: 0;
padding: 0;}

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

input.text{
border: 1px solid #d75252;
width: 80px;
height: 16px;
font-size: 13px;
height: 16px;}

input.button{
width: 80px;
height: 20px;
font-size: 13px;
border: 1px solid #d75252;
background: #521208;
text-align: center;
color: #ffffff;
text-transform: uppercase;
font-weight: bold;}

h1{
margin: 0;
padding: 5px 35px;
font-size: 18px;
color: #521208;
text-transform: uppercase;
text-align: center;}

h1 strong{
color: #ffffff}

h4{
margin: 0;
padding: 2px;
font-size: 11px;
color: #ffffff;
background: #521208;}

p{
margin: 0;
padding: 5px 35px;
text-align: justify;
clear: left;}

a{
color: #ffffff;
text-decoration: none;}

a:hover, a.active{
text-decoration: underline;}