/*
*******************************
* DESIGN & CSS-CODE BY:       *
* Nicolas Caballero Rau       *
* 2009                        *
*******************************
*/

body{
    text-align: center;
    background-image: url('../images/background.jpg');
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin:0;
    padding:0;
}

/* Hide Text for the homepage H1 */
.iamnothere{
    display: none;
}

/* Hide Text for GOING UP WEB-ANALYTIC-TOOL */
#gubadge{
    display:none;
}

img {
    border:none;
}

#box6 img{
    border:1px solid black;
}

/* Blue line for the Footer */
.trennlinie{
    position: absolute;
    left:0;
    width:756px;
    height:14px;
    border: none;
    background-image: url('../images/trennlinie.png');
    background-repeat: no-repeat;
}

/* Define DIV-Elements on the page */

#container{
    position: absolute;
    /* border:1px solid blue; */
    left:50%;
    width: 748px;
    margin-left:-400px;
}

#header{
    /* border: 1px solid black; */
    width:100%;
    height:236px;
    background-image: url('../images/header.png');
    background-position: 4px 20px;
    background-repeat: no-repeat;
}

#navigation{
    position: absolute;
    top:180px;
    left:2px;
    width:100%;
    height:34px;
    background-image: url('../images/navigation.png');
    background-repeat: no-repeat;
}

#breadcrumbnav{
    position: absolute;
    top:214px;
    left:0;
    border:1px solid white;
    border-left: none;
    border-right: none;
    width:100%;
    height:18px;
    text-align: left;
    font-size:10px;
    padding-top:4px;
}

#content{}

/* Define content boxes */
#box1{
    position: absolute;
    top:240px;
    right:0;
    background-image: url('../images/box1.png');
    background-repeat: no-repeat;
    width:480px;
    height:216px;
}

#box2{
    position: absolute;
    top:461px;
    right:0;
    background-image: url('../images/box2.png');
    background-repeat: no-repeat;
    width:480px;
    height:478px;
}

#box3{
    position: absolute;
    top:940px;
    right:-1px;
    background-image: url('../images/box3.png');
    background-repeat: no-repeat;
    width:480px;
    height:206px;
}

#box4{
    position: absolute;
    top:240px;
    left:0;
    background-image: url('../images/box4.png');
    background-repeat: no-repeat;
    width:268px;
    height:478px;
}

#box5{
    position: absolute;
    top:722px;
    left:0;
    background-image: url('../images/box5.png');
    background-repeat: no-repeat;
    width:268px;
    height:216px;
}

#box6{
    position: absolute;
    top:461px;
    right:0;
    background-image: url('../images/box6.png');
    background-repeat: no-repeat;
    width:480px;
    height:677px;
}

#box7{
    position: absolute;
    top:240px;
    right:0;
    background-image: url('../images/box7.png');
    background-repeat: no-repeat;
    width:480px;
    height:486px;
}

#box8{
    position: absolute;
    top:722px;
    right:0;
    background-image: url('../images/box8.png');
    background-repeat: no-repeat;
    width:480px;
    height:424px;
}

#box9{
    position: absolute;
    top:240px;
    right:0;
    background-image: url('../images/box9.png');
    background-repeat: no-repeat;
    width:480px;
    height:906px;
}

#box10{
    position: absolute;
    top:722px;
    left:0;
    background-image: url('../images/box10.png');
    background-repeat: no-repeat;
    width:268px;
    height:415px;
}

#bookingengine{
    position: absolute;
    top:240px;
    right:0;
    background-image: url('../images/bookingengine.png');
    background-repeat: no-repeat;
    width:480px;
    height:216px;
}

#usps{
    position: absolute;
    top:461px;
    right:0;
    background-image: url('../images/usps2.jpg');
    background-repeat: no-repeat;
    width:480px;
    height:478px;
}

#footer{
    position: absolute;
    top:1156px;
    left:5px;
    width:736px;
    height:60px;
    /*border:1px solid black;*/
}