/*
*************************************
* LAYOUT-CSS FOR COCHES-ALQUILER.ES *
* DESIGN AND CSS BY:                *
* Nicolas Caballero Rau             *
*************************************
 */

body{
    font-family: 'Lucida', Verdana,sans-serif;
    line-height: 17px;
    margin:0;
    padding:0;
    background-image: url('../images/background.png');
}

.invisible {
    display: none;
}

img{
    border: none;
}

#socialmedia{
    position: absolute;
    right:0;
  top:0;    width:50px;
    height:30px;
    z-index:200;
}

#googlemaps{
    position: relative;
    width:438px;
    height:292px;
    border:5px solid blue;
}

/* Define MAIN CONTENT ELEMENTS */
#header{
    position: relative;
    top:0;
    margin: 0 auto;    
    width:754px;
    height:324px;
    border-bottom:1px solid black;

}

#headtransparent{
    position:absolute;
    top:0;
    left:0;
    background-image: url('../images/header_bg.png');
    width:754px;
    height:64px;
}

#content{
    position:relative;
    top:0;
    left:0;
    margin: 0 auto; 
    width: 754px;
    height:1145px;
    /*border:1px solid blue;*/
}

#navigation{
    position:absolute;
    top:0;
    left:0;
    /*border:1px solid red;*/
    width:100%;
    height:40px;
    background-image: url('../images/navigations_bg.png');
}

#breadcrumbnav{
    position: absolute;
    top:45px;
    left:15px;
    width:730px;
    height:16px;
    text-align: left;
    font-size:10px;
    z-index:100;
    /*border:1px solid orange;*/
}

#booknavigation{
	position: absolute;
	left:0;
	top:1190px;
        width:100%;
	font-size:12px;
        z-index:110;
}

#left{
    position: absolute;
    top:40px;
    left:0;
    width:265px;
    height:1100px;
}

#right{
    position: absolute;
    top:40px;
    right:0;
    width:480px;
    height:1100px;
}

#footer{
    position: relative;
    background-image:url("../images/division3.png");
    background-repeat:no-repeat;
    
  top:105px;    
    left:0;
    margin: 0 auto;
    width:754px;
    height:120px;
    /*border:1px solid blue;*/
}



/* Define BOXES for CONTENT */
#bookingengine{
    position: absolute;
    top:0;
    right:0;
    width:480px;
    height:290px;
    background-image: url('../images/bookingengine.png');
    background-repeat: no-repeat;
    /*border:1px solid green;*/
}

#box1{
    position: absolute;
    top:0;
    right:0;
    width:480px;
    height:290px;
    background-image: url('../images/division2.png');
    background-repeat: no-repeat;
    /*border:1px solid green;*/
}

#box2{
    position: absolute;
    top:300px;
    right:0px;
    width:480px;
    height:480px;
    background-image: url('../images/division2.png');
    background-repeat: no-repeat;
    /*border:1px solid blue;*/
}

#box3{
    position: absolute;
    top:980px;
    right:0;
    width:480px;
    height:290px;
    background-image: url('../images/division2.png');
    background-repeat: no-repeat;
    z-index:100;
    /*border:1px solid black;*/
}

#box4{
    position: absolute;
    top:30px;
    left:0;
    width:265px;
    height:560px;
    background-image: url('../images/division1.png');
    background-repeat: no-repeat;
    /*border:1px solid green;*/
}

#box5{
    position: absolute;
  top:730px;    
    left:0;
    width:265px;
    height:480px;
    background-image: url('../images/division1.png');
    background-repeat: no-repeat;
    /*border:1px solid green;*/
}

#box5_100px_versetzt{
    position: absolute;
    top:740px;
    left:0;
    width:265px;
    height:480px;
    background-image: url('../images/division1.png');
    background-repeat: no-repeat;
    /*border:1px solid green;*/
}

#box6{
    position: absolute;
    top:310px;
    right:0;
    width:480px;
    height:910px;
    background-image: url('../images/division2.png');
    background-repeat: no-repeat;
    /*border:1px dotted red;*/
}

#box7{
    position: absolute;
    top:0;
    right:0;
    width:480px;
    height:550px;
    background-image: url('../images/division2.png');
    background-repeat: no-repeat;
    /*border:1px solid green;*/
}

#box8{
    position: absolute;
    bottom:0;
    right:0;
    width:480px;
    height:540px;
    background-image: url('../images/division2.png');
    background-repeat: no-repeat;
    /*border:1px solid green;*/
}

#box9{
    position: absolute;
    top:0;
    right:0;
    width:480px;
    height:1220px;
    background-image: url('../images/division2.png');
    background-repeat: no-repeat;
    /*border:1px dotted red;*/
}

#box10{
    position: absolute;
    top:0;
    right:0;
    width:480px;
    height:790px;
    background-image: url('../images/division2.png');
    background-repeat: no-repeat;
    /*border:1px solid blue;*/
}

#box11{
    position: absolute;
    top:750px;
    right:0;
    width:480px;
    height:290px;
    background-image: url('../images/division2.png');
    background-repeat: no-repeat;
    /*border:1px solid green;*/
}

#box12{
    position: absolute;
    top:520px;
    left:0;
    width:265px;
    height:130px;
    background-image: url('../images/division1.png');
    background-repeat: no-repeat;
    /*border:1px solid green;*/
}

/* Align up all elements in a table */
#box2 table td{
    vertical-align: top;
}

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