body, html {
    font-family: Tahoma;
	font-size: 10pt;
    padding:0px;
    margin:0px;
    height:100%;
}

body {
    background-color:blue;
    background-image: url('/public/templates/background.jpg');
    background-position: top center;
    background-repeat: repeat-y;
    background-color: #987108;
    text-align:center;
}

#container, #complete_footer { margin:0px auto; }

#container, #header, #content, #menu, #footer, #complete_footer { text-align:left; }

#container {
    background-image: url('/public/templates/container_background.gif');
    width:953px;
    min-height: 100%;
    z-index:0;
}

*html #container { height: 100%; } 

#header {
    height: 132px; 
    background-image: url('/public/templates/header.jpg'); 
    background-repeat: no-repeat;
    background-position: bottom;
    vertical-align: top;
}

/* In deze balk staan ook de vlaggen en het menuutje */
#horizontal_bar {
    background-color: #99CBFF;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    padding-right: 30px;
}

#welcome {
    width: 342px; 
    height: 22px; 
    background-image: url('/public/templates/welcome_background.gif'); 
    background-repeat: no-repeat; 
    text-align: right;
    padding-right: 25px;
    float: left;
}


/* Voor de vlaggetjes */
#welcome img { 
    vertical-align: bottom;
    cursor: pointer;
    border: 0px;
}

#welcome_text {
    font-weight: bold;
    font-size: 18px;
    color: white;
    padding-right: 15px;
}

#horizontal_menu {
    text-align: right;
    font-size: 18px;
    height: 22px; 
}

#horizontal_menu a {
    color: white;
    text-decoration: none;
    padding-left: 30px;
}

#horizontal_menu a:hover {
    color: #1C4281;
}


/* Verticale menu */
.vertical_menu {
    position: relative; 
    top: 10px;
    text-align: right; 
    width: 240px;
    z-index: 99;
}

.vertical_menu_item {
    position: absolute; 
    text-decoration: none;
    font-weight: bold;
    font-size: 18px;
    color: #FCAC33;
}

.vertical_menu_item:hover, .vertical_menu_item_white:hover {
    padding-right: +2px;
}

.vertical_menu_item_white { 
    text-decoration: none;
    font-weight: bold;
    font-size: 18px;
    color: white;
}


#big_buts {
    width: 159px; 
    padding-left: 208px;
    background-color: #1B417F;
    float: left;
}

#big_buts img {
    display: block;
}


/* Rollover en positioning van grote buttons */
    #linkZeilJachtenBut, #linkSloepenBut, #linkMotorJachtenBut, #linkStormerBut {
        position: relative; 
        display: block;
    }
    
    #linkZeilJachtenBut {
        height: 131px; 
        background-image: url('/public/templates/but_Big_ZeilJachten_nl.jpg');
    }
    
    a:hover#linkZeilJachtenBut {
        height: 131px; 
        background-image: url('/public/templates/but_Big_ZeilJachten_Over_nl.jpg');
    }
    
    #linkSloepenBut {
        height: 72px; 
        background-image: url('/public/templates/but_Big_Sloepen_nl.jpg');
    }
    
    a:hover#linkSloepenBut {
        height: 72px; 
        background-image: url('/public/templates/but_Big_Sloepen_Over_nl.jpg');
    }
    
    #linkMotorJachtenBut {
        height: 87px; 
        background-image: url('/public/templates/but_Big_MotorJachten_nl.jpg');    
    }
    
    a:hover#linkMotorJachtenBut {
        height: 87px; 
        background-image: url('/public/templates/but_Big_MotorJachten_Over_nl.jpg');    
    }
    
    #linkStormerBut {
        height: 55px; 
        background-image: url('/public/templates/stormer.jpg');    
    }
    
    a:hover#linkStormerBut {
        height: 55px; 
        background-image: url('/public/templates/stormer.jpg');    
    }
/* Einde grote buttons rollover */


#content { 
    color: #1A427E; 
    padding-top: 10px;
    padding-left: 380px;
    padding-right: 10px; 
    padding-bottom: 167px;
    vertical-align: top;
}


#content h1 {
    font-size: 13pt;
    padding: 0px;
    padding-bottom: 10px;
    margin: 0px;
}

#complete_footer {
    width: 953px;
    margin-top:-167px;
    height: 167px;
    overflow: hidden;
}

#naw_box {
    background-color: #1C4281; 
    width: 198px; 
    height: 157px;
    padding-bottom: 10px;
    color: white; 
    vertical-align: bottom; 
    padding-left: 10px;
    float: left;
    color: white;
}

#naw_box a {
    color: white;
}


#footer {
    width: 745px;
    float: right;
    height: 167px;
}


#footer img {
    border: 0px;
}

/* Css preload */
.hiddenPic {
    display:none;
}


/* Yachtoverzicht */
.yachtTable {
    width: 99%;
    border: 0px;
    text-align: left;
}

.yachtHeader {
    font-weight: bold;
    font-size: 10px;
    background-color: #99CBFF;
}

.yachtRow {
    border-top: 1px solid white;
}

.yachtRow a {
    color: #1C4281;
}

.yachtRow a:hover {
    color: #987108;
}

/* Einde yachtoverzicht */

/* Stormer */
#stormer h1 {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#stormer a img {
	border: none;
}
#stormer a {
	color: inherit;
	text-decoration: none;
}
#stormer a:hover span {
	text-decoration: underline;
}
#stormer .mainImage {
	padding: 0;
	width: 550px;
	text-align: center;
}
#stormer .dottedline {
	width: 548px;
	min-height: 200px;
	border-right: dashed 1px #666;
	border-bottom: dashed 1px #666;
	border-left: dashed 1px #666;
}
.specs .left, .specs .right {
	position: relative;
	padding: 10px 10px 10px 10px;
	width: 255px;
	*width: 232px;
}
.specs .right {
	border-left: dashed 1px #666;
}
.specs .left:hover {
	background-color: #DFDFDF;
}
.specs .right:hover {
	background-color: #DFDFDF;
}
.specs h4 {
	margin: 0 0 10px 0;
}
.specs img {
	cursor: pointer;
}
.specs td {
	vertical-align: top;
}
.specs .pdf_link {
	width: 250px;
	text-align: center;
}
/* Einde Stormer */