/* ---( ALGEMEEN )----------------------------------------- */

body {
        text-align:center;
        width:100%;
        margin-top:0px;
        margin-right:0px;
        margin-bottom:0px;
        margin-left:0px;
        font-family:Verdana, arial, tahoma, "century gothic", helvetica, "times new roman", sans-serif;
        background:url(/assets/ship/img/background.jpg) repeat-x;
        background-color:#F9F9F9;
        }

h1 {
        font-size:18px;
        font-family:Verdana, Arial, Geneva,  Helvetica, sans-serif;
        font-weight:normal;
        color:#fff;
        line-height:18px;
        margin: 0px;
        }

h2 {
        padding-top:10px;
        font-size:18px;
        font-family:Verdana, Arial, Geneva,  Helvetica, sans-serif;
        font-weight:normal;
        color:#000;
        line-height:22px;
        margin: 0px;
        }

h3 {
        padding-top:18px;
        font-size:15px;
        font-family:Verdana, Arial, Geneva,  Helvetica, sans-serif;
        font-weight:normal;
        color:#fff;
        line-height:16px;
        margin: 0px;
        }

h4 {
        font-size:9px;
        font-family:Verdana, Arial, Geneva,  Helvetica, sans-serif;
        font-weight:normal;
        color:#000;
        line-height:14px;
        }

h5 {
        padding-top:18px;
        font-size:18px;
        font-family:Verdana, Arial, Geneva,  Helvetica, sans-serif;
        font-weight:normal;
        color:#fff;
        line-height:18px;
        margin: 0px;
        }

p {
        font-size:12px;
        font-family:Verdana, Arial, Geneva,  Helvetica, sans-serif;
        font-weight:normal;
        color:#000;
        line-height:18px;
        }

a {
        font-size:12px;
        font-family:Verdana, Arial, Geneva,  Helvetica, sans-serif;
        font-weight:normal;
        color:#26B1E3;
        text-decoration:none;
        }

a:hover {
        font-size:12px;
        font-family:Verdana, Arial, Geneva,  Helvetica, sans-serif;
        font-weight:normal;
        color:#26B1E3;
        text-decoration:underline;
        }

.copy a {
        font-size:9px;
        font-family:Verdana, Arial, Geneva,  Helvetica, sans-serif;
        font-weight:normal;
        color:#fff;
        text-decoration:underline;
        }

.copy a:hover {
        font-size:9px;
        font-family:Verdana, Arial, Geneva,  Helvetica, sans-serif;
        font-weight:normal;
        color:#fff;
        text-decoration:none;
        }

.kolom1 {
        float:left;
        width:150px;
        margin:0px;
        }

.kolom2 {
        float:left;
        width:200px;
        margin:0px;
        }


/* ---( DIVS )--------------------------------------------- */

#container {
        margin-top:0px;
        margin-left:auto;
        margin-right:auto;
        width:800px;
        height:auto;
        text-align:center;
        }

#top {
        margin-top:0px;
        margin-left:auto;
        margin-right:auto;
        width:800px;
        height:30px;
        text-align:center;
        }
        
#logo {
        margin-top:0px;
        margin-left:0px;
        margin-right:auto;
        width:472px;
        height:225px;
        border-bottom:5px solid #26B1E3;
        text-align:center;
        background:url(/assets/ship/img/logoback.jpg) repeat-x;
        }

#picture {
        margin-top:-230px;
        margin-left:472px;
        margin-right:auto;
        width:328px;
        height:230px;
        text-align:center;
        background:url(/assets/ship/img/cruiser.jpg);
        }

.roundtop {
        background: url(/assets/ship/img/logocorner.jpg) no-repeat top left;
}

img.corner {
   width: 5px;
   height: 5px;
   border: none;
   display: block !important;
}
        
#logo_text {
        margin-top:100px;
        margin-left:0px;
        margin-right:auto;
        width:400px;
        height:55px;
        text-align:left;
        font-size:12px;
        font-family:Verdana, Arial, Geneva,  Helvetica, sans-serif;
        font-weight:normal;
        color:#fff;
        line-height:20px;
        }

#scha {
        margin-top:0px;
        margin-left:0px;
        margin-right:auto;
        width:600px;
        height:20px;
        text-align:center;
        background:url(/assets/ship/img/shade.jpg) repeat-x;
        }

#schb {
        margin-top:0px;
        margin-left:600px;
        margin-right:auto;
        width:200px;
        height:20px;
        text-align:center;
        background:url(/assets/ship/img/shadeflop.jpg) repeat-x;
        }

#menubar {
        margin-top:0px;
        margin-left:0px;
        margin-right:auto;
        width:800px;
        height:40px;
        border-bottom:5px solid #26B1E3;
        text-align:center;
        /*background:url(/assets/ship/img/menubar.jpg) repeat-x;*/
        }

#schc {
        margin-top:0px;
        margin-left:0px;
        margin-right:auto;
        width:600px;
        height:20px;
        text-align:center;
        background:url(/assets/ship/img/shade.jpg) repeat-x;
        }

#schd {
        margin-top:0px;
        margin-left:600px;
        margin-right:auto;
        width:200px;
        height:20px;
        text-align:center;
        background:url(/assets/ship/img/shadeflop.jpg) repeat-x;
        }

#content {
        margin-top:0px;
        margin-left:0px;
        margin-right:auto;
        width:800px;
        min-height:205px;
        height:auto;
        text-align:left;
        font-size:12px;
        font-family:Verdana, Arial, Geneva,  Helvetica, sans-serif;
        font-weight:normal;
        line-height:20px;
        }

/* ---( HOME_CLASSES )------------------------------ */

.hometekst {
        /*margin-top:-205px;*/
        margin-left:0px;
        margin-right:auto;
        width:405px;
        height:auto; /*185px;*/
		float: left;
}

/* ---( SHIPNAMES_CLASSES )------------------------------ */

.shiptekst {
        margin-top:5px;
        margin-left:0px;
        margin-right:auto;
        width:800px;
        height:auto; /*185px;*/
}

/* ---( HOW_CLASSES )------------------------------ */

.howtekst {
        margin-top:-380px;
        margin-left:0px;
        margin-right:auto;
        width:405px;
        height:560px;
}

.howpic {
        margin-top:0px;
        margin-left:480px;
        margin-right:auto;
        width:320px;
        height:150px;
        background:url(/assets/ship/img/howship.jpg) no-repeat;
}

/* ---( ABOUT_CLASSES )------------------------------ */

.abouttekst {
        margin-top:-425px;
        margin-left:0px;
        margin-right:auto;
        width:405px;
        height:405px;
}

.aboutpic {
        margin-top:0px;
        margin-left:480px;
        margin-right:auto;
        width:320px;
        height:200px;
        background:url(/assets/ship/img/aboutship.jpg) no-repeat;
}

/* ---( CONTACT_CLASSES )------------------------------ */

.contacttekst {
        margin-top:-330px;
        margin-left:0px;
        margin-right:auto;
        width:430px;
        height:310px;
}

.contactpic {
        margin-top:0px;
        margin-left:480px;
        margin-right:auto;
        width:320px;
        height:105px;
        background:url(/assets/ship/img/contactship.jpg) no-repeat;
}

/* ---( SITEMAP )------------------------------ */

.sitemaptekst {
        margin-top:-210px;
        margin-left:0px;
        margin-right:auto;
        width:430px;
        height:300px;
}

#sitemap_1st li {
        list-style-type:square;
        color:#ccc;
        }

#sitemap_1st a {
        color:#000;
        font-size:12px;
        font-weight:normal;
        }

#sitemap_2nd a {
        font-size:11px;
        text-align:right;
        color:#000;
        line-height:18px;
        }

/* ---( OTHER_CLASSES )------------------------------ */
.rightcolumn {
		width: 370px;
		float: right;
}
.stamp {
        margin-top:-10px;
        /*margin-left:430px;
        margin-right:auto;*/
        width:130px;
        height:195px;
        border-bottom:0px solid #26B1E3;
        background-color:#1C3470;
        background:url(/assets/ship/img/stamp.jpg) no-repeat;
		float: left;
        }

.side {
        /*margin-top:-185px;
        margin-left:560px;
        margin-right:auto;*/
        width:230px;
        height:180px;
        padding-left:10px;
        border-bottom:5px solid #26B1E3;
        background-color:#1C3470;
        background:url(/assets/ship/img/loginback.jpg) repeat-x;
		float: left;
        }

.sche {
        margin-top:0px;
        margin-left:50px; /*480px;*/
        margin-right:auto;
        width:320px;
        height:20px;
        background:url(/assets/ship/img/shadelogin.jpg) repeat-x;
		clear: both;
        }

.copy {
        margin-top:20px;
        margin-left:0px;
        margin-right:auto;
        width:800px;
        height:30px;
        text-align:right;
        font-size:9px;
        font-family:Verdana, Arial, Geneva,  Helvetica, sans-serif;
        font-weight:normal;
        color:#fff;
        line-height:8px;
		padding-top:20px;
        background:url(/assets/ship/img/bottomback.jpg) repeat-x 0 20px;
		clear: both;
        }

.schf {
        margin-top:0px;
        margin-left:0px;
        margin-right:auto;
        width:800px;
        height:15px;
        background:url(/assets/ship/img/shadf.jpg) no-repeat;
        }

/* ---( HORIZONTAL_TOP_MENU )------------------------------ */

ul#navlist {
        margin:0;
        padding:0;
        }

ul#navlist li {
        display: inline;
        list-style-type: none;
        }

        ul#navlist li a {
                display:block;
                float:left;
                width:160px;
                height:40px;
                }

                ul#navlist li a#login {
                background:transparent url(/assets/ship/img/login.jpg) repeat;
                background-position:0 -11px;
                }
                
                ul#navlist li a#eaccount {
                background:transparent url(/assets/ship/img/eaccount.jpg) repeat;
                background-position:0 -11px;
                }
                
                ul#navlist li a#logout {
                background:transparent url(/assets/ship/img/logout.jpg) repeat;
                background-position:0 -11px;
                }

                ul#navlist li a#login:hover {
                /*background:transparent url(/assets/ship/img/login.jpg) repeat;*/
                background-position:0 -76px;
                }
                
                ul#navlist li a#eaccount:hover {
                /*background:transparent url(/assets/ship/img/eaccount.jpg) repeat;*/
                background-position:0 -76px;
                }
                
                ul#navlist li a#logout:hover {
                /*background:transparent url(/assets/ship/img/logout.jpg) repeat;*/
                background-position:0 -76px;
                }

                /*ul#navlist li a#login.login {
                background:transparent url(/assets/ship/img/login.jpg) repeat;
                background-position:0 -76px;
                }*/
                
                ul#navlist li a#home {
                background:transparent url(/assets/ship/img/home.jpg) repeat;
                background-position:0 -11px;
                }

                ul#navlist li a#home:hover {
                /*background:transparent url(/assets/ship/img/home.jpg) repeat;*/
                background-position:0 -76px;
                }

                ul#navlist li a#home.home {
                /*background:transparent url(/assets/ship/img/home.jpg) repeat;*/
                background-position:0 -76px;
                }

                ul#navlist li a#order_now {
                background:transparent url(/assets/ship/img/order.jpg) repeat;
                background-position:0 -11px;
                }

                ul#navlist li a#order_now:hover {
                /*background:transparent url(/assets/ship/img/order.jpg) repeat;*/
                background-position:0 -76px;
                }

                ul#navlist li a#order_now.order_now {
                /*background:transparent url(/assets/ship/img/order.jpg) repeat;*/
                background-position:0 -76px;
                }

                ul#navlist li a#how_does_it_work {
                background:transparent url(/assets/ship/img/how.jpg) repeat;
                background-position:0 -11px;
                }

                ul#navlist li a#how_does_it_work:hover {
                background:transparent url(/assets/ship/img/how.jpg) repeat;
                background-position:0 -76px;
                }

                ul#navlist li a#how_does_it_work.how_does_it_work {
                background:transparent url(/assets/ship/img/how.jpg) repeat;
                background-position:0 -76px;
                }

                ul#navlist li a#about_us {
                background:transparent url(/assets/ship/img/about.jpg) repeat;
                background-position:0 -11px;
                }

                ul#navlist li a#about_us:hover {
                background:transparent url(/assets/ship/img/about.jpg) repeat;
                background-position:0 -76px;
                }

                ul#navlist li a#about_us.about_us {
                background:transparent url(/assets/ship/img/about.jpg) repeat;
                background-position:0 -76px;
                }

                ul#navlist li a#contact {
                background:transparent url(/assets/ship/img/contact.jpg) repeat;
                background-position:0 -11px;
                }

                ul#navlist li a#contact:hover {
                background:transparent url(/assets/ship/img/contact.jpg) repeat;
                background-position:0 -76px;
                }

                ul#navlist li a#contact.contact {
                background:transparent url(/assets/ship/img/contact.jpg) repeat;
                background-position:0 -76px;
                }

/* ---( FORMULIEREN )------------------------------- */


#content H1 {
	color: black;
}


A.currencybutton, A.currencybuttonactive {
	padding: 2px;
	
	border-width: 2px;

    color: #000000;
	font-weight: bold;
	background-color: #999999;
	border-style: solid;
	border-bottom-color: #333333;
	border-right-color: #555555;
	border-left-color: #BBBBBB;
	border-top-color: #DDDDDD;
	
}

A:hover.currencybutton, A.currencybuttonactive, A:hover.currencybuttonactive {
    color: #FFFFFF;
	font-weight: bold;
	background-color: #666666;
	border-style: solid;
	border-top-color: #333333;
	border-left-color: #555555;
	border-right-color: #BBBBBB;
	border-bottom-color: #DDDDDD;

}

div#buttonA li a:active {
	font-weight: bold;
	color: #FFFFFF;


	background-color: #777777;
	border-style: solid;
	border-bottom-color: #333333;
	border-right-color: #555555;
	border-left-color: #BBBBBB;
	border-top-color: #DDDDDD;
}