/* 
    Document   : Travel Mania
    Created on : 1-decc-2009, 15:18:47
    Author     : RenŽe
    Description: Travel, books, studio jean philipse
       
*/
body {
    margin: 0px;
    padding: 0px;
}

a {
    outline: none;
}
.contact a:link {text-decoration: none;color: black;}
.contact a:visited {text-decoration: none; color: black;}
.contact a:hover {text-decoration: none; color: #E93587;}
.contact a:active {text-decoration: none;}

li a:link {text-decoration: none;color: #333333;}
li a:visited {text-decoration: none; color: #333333;}
li a:hover {text-decoration: none; color: #E93587;}
li a:active {text-decoration: none;}

a:link {color: white; text-decoration: none;}
a:visited {text-decoration: none;color: #fff;}
a:active {text-decoration: none;}
a:hover {text-decoration: none;color: #e93587;}

ul li
    {display: inline;}

#bookstore
{
    display: block;
    background-image: url("bookstore.png");
    width: 214px;
    height: 54px;
}
#bookstore:hover {background-image: url("bookstore2.png");}

#newreleases
{
    display: block;
    background-image: url("newreleases.png");
    float: right;
    top: -54px;
    position: relative;
    width: 214px;
    height: 54px;
}
#newreleases:hover {background-image: url("newreleases2.png");}

#comingsoon
{
    display: block;
    background-image: url("comingsoon.png");
    float: left;
    top: 7px;
    position: relative;
    width: 214px;
    height: 54px;
}
#comingsoon:hover {background-image: url("comingsoon2.png");}

#specialoffers
{
    display: block;
    background-image: url("specialoffer.png");
    float: right;
    top: -47px;
    position: relative;
    width: 214px;
    height: 54px;
}
#specialoffers:hover {background-image: url("specialoffers2.png");}

#bookstore2
{
    display: block;
    background-image: url("bookstore3.png");
    width: 184px;
    height: 46px;
}

#bookstore2:hover {background-image: url("bookstore4.png");}

#bookstoreActive
{
    display: block;
    background-image: url("bookstore4.png");
    width: 184px;
    height: 46px;
}

#newreleases2
{
    display: block;
    background-image: url("newreleases3.png");
     float: right;
    top: -20px;
    position: relative;
    width: 184px;
    top: -46px;
    height: 46px;
}
#newreleasesActive
{
    display: block;
    background-image: url("newreleases4.png");
     float: right;
    top: -20px;
    position: relative;
    width: 184px;
    top: -46px;
    height: 46px;
}

#newreleases2:hover {background-image: url("newreleases4.png");}

#comingsoon2
{
    display: block;
    background-image: url("comingsoon3.png");
    float: left;
    top: 7px;
    position: relative;
    width: 184px;
    height: 46px;
}

#comingsoonActive
{
    display: block;
    background-image: url("comingsoon4.png");
    float: left;
    top: 7px;
    position: relative;
    width: 184px;
    height: 46px;
}
#comingsoon2:hover {background-image: url("comingsoon4.png");}

#specialoffers2
{
    display: block;
    background-image: url("specialoffer3.png");
    float: right;
    position: relative;
    width: 184px;
    height: 46px;
    top: -39px;
}

#specialoffersActive 
{
    display: block;
    background-image: url("specialoffers4.png");
    float: right;
    position: relative;
    width: 184px;
    height: 46px;
    top: -39px;
}
#specialoffers2:hover {background-image: url("specialoffers4.png");}

.background {
    width: 1000px;
    height: 650px;
    background-color: #333333;
    left: -500px;
    margin-left: 50%;
    position: absolute;
    z-index:-1;
}

.kijkop {
    width: 270px;
    height: 58px;
    left: 10px;
    position: relative;
    font-family: "Verdana";
    font-size: 10pt;
    color: white;
    z-index: 1;
}

.links {
    float: right;
    color: white;
    word-spacing: 20px;
    font-family: "Verdana";
    top: -60px;
    right: 25px;
    font-size: 10pt;
    position: relative;
}
#photoContainer {
    width:1000px;
    height: 100px;
    position: relative;
    overflow: hidden;
}
#photoImg {
    list-style-type: none;
    float: left;
    width: 200px;
    height: 100px;
}

.achtergrond2 {
    float: right;
    position: absolute;
    top: 25px;
    height: 270px;
    width: 300px;
    left: 220px;
}
.achtergrond2BB {
    float: left;
    position: relative;
    top: -178px;
}

.achtergrondB {
    position: absolute;
    top: 25px;
    left: 150px;
}

.achtergrond4B {
    float: left;
    position: relative;
    left: -15px;
    top: 0px;
}

.achtergrond4 {
    position: absolute;
    top: -143px;
    left: 160px;
}
.achtergrond5 {
    float: right;
    position: relative;
    top: -350px;
    left: 0px;
    height: 950px;
}

.achtergrond6 {
    float: right;
    position: absolute;
    top: -20px;
    left:160px;
}

.achtergrond7 {
    position: absolute;
    top: -220px;
    left: 200px;
}

.oneliner {
    width:595px;
    height: 27px;
    position: relative;
    top: 5px;
    left: 200px;
}

.blok {
    width: 435px;
    height: 117px;
    float: right;
    position: relative;
    right: 90px;
    top: 180px;
}

.schoenen {
    float: left;
    position: relative;
    width: 408px;
    height: 364px;
    top: 214px;
}

.logo {
    float: left;
    position: relative;
    width: 154px;
    height: 204px;
    top: 270px;
    right: 100px;
}


.travelmania {
    float: right;
    position: relative;
    width: 435px;
    height: 75px;    
    right:93px;
    top: 210px;
}

.blok2 {
    width: 375px;
    height: 100px;
    float: right;
    position: relative;
    right: 20px;
    top: -155px;
}

.travelmania2 {
    float: right;
    width: 608px;
    height: 164px;
    top: -190px;
    right: -216px;
    position: relative;

}
.travelmania3 {
    float: right;
    width: 372px;
    height: 50px;
    top: -9px;
    right: -355px;
    position: relative;

}

.links2 {
    float: right;
    color: white;
    font-family: "Verdana";
    top: -59px;
    right: 35px;
    font-size: 10pt;
    position: relative;
}

.info {
    float: left;
    color: white;
    font-family: "Verdana";
    top: 627px;
    left: 15px;
    font-size: 9.1pt;
    position: absolute;
}

.info2 {
    float: left;
    color: white;
    font-family: "Verdana";
    top: 45px;
    right: -14px;
    font-size: 9.1pt;
    position: relative;
}

.info3 {
    float: left;
    color: white;
    font-family: "Verdana";
    top: -106px;
    right: -14px;
    font-size: 9.1pt;
    position: relative;
    z-index:1;
}

.info4 {
    float: left;
    color: white;
    font-family: "Verdana";
    top: 370px;
    right: 6px;
    font-size: 9.1pt;
    position: relative;
    z-index:1;
    width: 1000px;
}

.info5 {
    float: left;
    color: white;
    font-family: "Verdana";
    top: 627px;
    left: 15px;
    font-size: 9.1pt;
    position: absolute;
}

#tekst {
    position: relative;
    float: right;
    top: -383px;
    left: 355px;
    height: 151px;
    width: 375px;
    font-family: "Verdana";
    font-size: 8pt;
    color: white;
    line-height: 15px;
}

.tekst2 {
    position: relative;
    float: right;
    top: -353px;
    left: -20px;
    font-family: "Verdana";
    height: 151px;
    width: 375px;
    font-size: 8pt;
    color: white;
    line-height: 15px;
}

.content {
    background-color: white;
    height: 380px;
    width: 570px;
    position: relative;
    top: 30px;
    left: 20px;
}

.content2 {
    background-color: white;
    height: 380px;
    width: 960px;
    position: relative;
    top: 30px;
    left: 20px;
}

.balk {
    width: 560px;
    height: 15px;
    background-color: #e93587;
    font-family: "Verdana";
    font-size: 11px;
    color: white;
    padding: 5px;
    word-spacing: 60px;
}

.balk2 {
    width:960px;
    height: 25px;
    background-color: #e93587;
}

.balk3 {
    width: 560px;
    height: 30px;
    position: relative;
    top:40px;
    left: 20px;
    z-index:1;
}

.balkTekst {
    background-color: #e93587;
    font-family: "Verdana";
    padding: 5px;
    word-spacing: 57px;
    font-size: 11px;
    color: white;
    height: 15px;
}

.balkTekst2 {
    position: relative;
    top: 0px;height: 15px;
    z-index: 0;
    background-color: #e93587;
    font-family: "Verdana";
    padding: 5px;
    font-size: 11px;
    color: white;
}

#order {
    height: 350px;
    width: 955px;
    position: relative;
    left: 5px;
    top: 25px;
    font-family: "Verdana";
    font-size: 12px;
}

.fotos {
    left: 20px;
    height: 355px;
    width: 549px;
    position: relative;
}

.tabel {
    background-color: white;
    height: 380px;
    width: 570px;
    position: relative;
    left: 20px;
}

.number {
    width: 100px;
    height: auto;
    font-family: "Verdana";
    font-size: 10px;
    padding-right: 4px;
    left: 5px;
    position: absolute;
}

.titel {
    width: 146px;
    height: auto;
    font-family: "Verdana";
    font-size: 10px;
    left: 115px;
    position: absolute;
}

.price {
    width: 86px;
    height: auto;
    font-family: "Verdana";
    font-size: 10px;
    left: 268px;
    position: absolute;
}

.pages {
    width: 86px;
    height: auto;
    font-family: "Verdana";
    font-size: 10px;
    left: 354px;
    position: absolute;
}

.genre {
    width: 86px;
    height: auto;
    font-family: "Verdana";
    font-size: 10px;
    left: 426px;
    position: absolute;
}

#menu {
    width: 33px;
    height: auto;
    font-family: "Verdana";
    font-size: 10px;
    float: right;
    position: absolute;
    left: 511px;

}

.tekstLasa {
    height: 200px;
    width: 167px;
    left: 10px;
    font-family: "Verdana";
    font-size: 10px;
    margin-left: 29px;
}
.tekstLasa2 {
    height: 180px;
    width: 167px;
    font-family: "Verdana";
    font-size: 10px;
    margin-left: 10px;
    position: relative;
    top: 170px;
}

.tekstLasa3 {
    height: 180px;
    width: 160px;
    font-family: "Verdana";
    font-size: 10px;
    margin-left: 15px;
    position: absolute;
    top: 170px;
    z-index: 0;
}
.tekstLasa4 {
    height: 180px;
    width: 160px;
    font-family: "Verdana";
    font-size: 10px;
    margin-left: 15px;
    position: absolute;
    top: 260px;
    z-index: 0;
}
.contact {
    position: relative;
    left: 10px;
    top: -10px;
    font-family: "Verdana";
    font-size: 12px;
    width: 200px;
}

.table {
    font-family: "Verdana";
    font-size: 12px;
    top: -0px;
    position: absolute;
}

.row1 {
    width: 555px;
    height: 100px;    
    margin-top: 10px;
    border-bottom-style:solid;
    border-bottom-width:1px;
}

.row2 {
    width: 555px;
    height: 100px;
    margin-top: 10px;
    border-bottom-style:solid;
    border-bottom-width:1px;
}

.row3 {
    width: 555px;
    height: 100px;
    margin-top: 10px;
    border-bottom-style:solid;
    border-bottom-width:1px;
}

.row4 {
    width: 555px;
    height: 100px;
    margin-top: 10px;
    border-bottom-style:solid;
    border-bottom-width:1px;
}

.row5 {
    width: 555px;
    height: 100px;
    margin-top: 10px;
    border-bottom-style:solid;
    border-bottom-width:1px;
}

.row6 {
    width: 555px;
    height: 100px;
    margin-top: 10px;
    border-bottom-style:solid;
    border-bottom-width:1px;
}

.en {
    width: 75px;
    height: 20px;
    margin-top: 2px;
    margin-left: 2px;
    right: -3px;
    position: absolute;
    float: right;
}