﻿* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 1em;
	font-family: Verdana, sans-serif;
	background-color: #000;
}

html, body, #bg, #bg table, #bg td {
    height:100%;
    width:100%; 
}
 #bg, #bg table, #bg td { 
    overflow:hidden;
}
#bg 
{ 
 position:absolute;   
}
p {
    font-size: .7em;
    color: #fff;
}

p a 
{
    color: #dff;
}

img 
{
    border: none;
}

p a:hover 
{
    text-decoration: underline;
}

a 
{
    text-decoration: none;
    color: #fff;
}

h1, h2, h3, h4, h5 
{
    color: #dff;
    font-weight: bold;
    padding: 15px 0 0;
}

h1 
{
    font-size: 1em;
}

h2 
{
    font-size: .9em;
}

h3 
{
    font-size: .7em !important; 
}

.preface 
{
    font-weight: bold;
}

em 
{
    font-style: italic;
}

/*****************/
/*  Background   */
/*****************/

#bg   
{
    position: fixed;
}

#bg div {
    height:200%;
    left:-50%;
    position:absolute;
    top:-50%;
    width:200%;
}

#bg td {
    text-align:center;
    vertical-align:middle;
}

#bg img {
    margin:0 auto;
    min-height:50%;
    min-width:50%;
}


/*****************/
/*    Content    */
/*****************/


.container {
    position: absolute;
    left: 50%;
    height: 800px;
    margin-left: -500px;
    width: 800px;

}

.saljoetlogo {
    z-index: 3;
    position: absolute;
    height: 113px;
    width: 113px;
    top: 113px;
    left: 0;
}

.divLanguage {
    position:absolute;
    top:83px;
    left:2px;
}

.menu {
    position: absolute;
    top: 83px;
    left: 226px;
    color: #fff;
}

.menu ul {
}

.menu li 
{
    float: left;
    display: inline;
    padding: 0 30px 0 35px;
    min-width:50px;
}

.menu a:hover
{
    color: #000;
}

.box
{
    position: absolute;
    top: 113px;
    left: 226px;
    clear: both;
}

.boxText 
{
    text-align: justify;
    top: 15px;
    width: 450px;
    padding: 5px 25px;
    background: transparent url(../../img/transparentBox.png) repeat-y;
}

.boxTop
{
    position: relative;
    top: 0;
    background: transparent url(../../img/topround.png) no-repeat;
    width: 500px;
    height: 15px;
}

.boxBottom
{
    position: relative;
    bottom: 0;
    background: transparent url(../../img/bottomround.png) no-repeat;
    width: 500px;
    height: 15px;
}

.sideBox 
{
    position: absolute;
    top: 500px;
    left: 226px;
    clear: both;
}

.sideBoxText 
{   
    top: 15px;
    padding: 0 25px;
    background: transparent url(../../img/transparentBox.png) repeat-y;
    width: 310px;
}

.sideBoxTop
{
    position: relative;
    top: 0;
    background: transparent url(../../img/topround_med.png) no-repeat;
    width: 360px;
    height: 15px;
}

.sideBoxBottom
{
    position: relative;
    bottom: 0;
    background: transparent url(../../img/bottomround_med.png) no-repeat;
    width: 500px;
    height: 15px;
}

    

/*****************/
/*    Gallery    */
/*****************/

.gallery 
{
    padding: 25px;
}

.gallery td
{
}

.galleryImg 
{
    cursor: pointer;
    padding: 5px 15px;
    border: none;
}

/*******************/
/* Fries vlaggetje */
/*******************/

em .flag-fry {
    background: url("../../img/fries.gif") no-repeat scroll left center transparent !important;
}
