body, html, ul, li{
margin:0;
padding:0
}
body{
background-image:url(images-bgr/bgr.gif);
background-position:left top;
background-repeat:repeat-y;
background-color:#888;
}
a img {
border:none;
}
#navi-container, #lang-container{
background-image:url(images-bgr/navi.gif);
border: 1px solid #666;
height: 50px;
float: left;
margin-top: 18px;
margin-left: 20px;

}

ul#navi, ul#lang{
padding: 0 10px;
}
#navi li{
list-style-type: none;
float:left;
margin: 18px 2px;
color: #ccc;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9.5px;
text-transform:uppercase;
letter-spacing:1.5px;

}
#lang li{
list-style-type: none;
float:left;
margin: 18px 3px;
color: #ccc;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;

}
#navi li a {
text-decoration:none;
color: #ddd;
}
#lang li a{
text-decoration:none;
color: #ddd;
}

#lang-container.start{
background:none;
border: none;
width: 485px;
}
#lang-container.start #lang li {
margin: 0 5px;
float:right;
background-image:url(images-bgr/navi.gif);
padding: 15px;
border: 1px solid #666;
}
#lang-container.start #lang li a{
font-size: 11px;
text-transform:uppercase;
letter-spacing:2px;
}
#navi li a:hover, #navi li a:active, #navi li a.cur, #lang li a:hover, #lang li a:active, #lang li a.cur{
color: #fff;
}
#logo{
background-image:url(images-bgr/logo.gif);
width: 191px;
height: 75px;
float: left;
margin-left: 5px;
display:block;
}
#start{
width: 700px;
background-image:url(images/start.jpg);
height: 689px;
background-repeat:no-repeat;
background-position:left top;
margin: 20px 5px 0 5px;
}
#finish{
width:690px;
background-image:url(images/s4-3.jpg);
height: 700px;
background-repeat:no-repeat;
background-position:left top;
margin: -150px 5px 0 5px;
}
#header{

padding: 20px 80px 0 80px;
float:left;
}

#content{
width: 700px;
padding: 0 80px 50px 80px;
float:left;
}
#text{
color: #666;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
background-color:#fff;
padding: 100px 0 150px 0;
margin: 100px 5px 0 5px;
line-height:180%; 

}
#text p, #text ul, #text h1, #text h2{
padding-right: 250px;
padding-left: 50px;
}
#text ul li{
margin-bottom: 8px;
}
#text p{
margin-bottom: 20px;
}
h1{
color: #111;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight:normal;
margin-bottom: 15px;
margin-top: 40px;
clear:both;
}
h2{
color: #c00;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
margin-bottom: 15px;
margin-top: 20px;
clear:both;
}
#fotos-container{
float:left;
position:relative;
left: -260px;
margin-top: 150px;
margin-right:-600px;
}
.img{
margin-bottom: 10px;
display:block;
border: 1px solid #ddd;
}
.inline-container{
height: 340px;
margin-bottom: 20px;
position:relative;
left: 50px;

}
.inline-container-big{
margin-bottom: 20px;
position:relative;
left: 50px;
height: 600px;

}

.img-inline{
margin: 0 10px 8px 0;
float:left;
border: 1px solid #ddd;
}
#contact{
color: #ddd;
background-color:#666;
width: 590px;
margin-left: 5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height:170%;
padding: 20px 50px 20px 50px;
}
.clear {
clear:both;
}