/* Basic TMPL  */

body {
height: 100%; 
overflow: hidden;
}

#background { 
position: absolute; 
background-repeat: no-repeat; 
overflow: hidden;
top: 0; 
left: 0; 
width: 100%; 
height: 100%; 
}

#horizon { 
position: absolute; 
background-color: #fff;
overflow: hidden;
top: 0; 
left: 0; 
width: 100%; 
height: 100%; 
}

#totaal  {
background-image: url("gfx/bg.jpg"); 
background-repeat: no-repeat;
background-color: #bebebe;
position: absolute; 
margin-left: -380px;
left: 50%;
top: 0px; 
width: 760px; 
height: 100%; 
}

#logo {
position: absolute; 
top: 0px; 
left: 0px; 
width: 0px; 
height: 0px; 
}

#content {
position: absolute; 
overflow: auto;
overflow-x: hidden;
padding-right: 30px;
top: 100px; 
left: 300px; 
width: 410px; 
height: 90%; 
}

#slogan {
background-image: url("gfx/slogan.gif"); 
background-repeat: no-repeat;
position: absolute; 
top: 69px; 
left: 0px; 
width: 300px; 
height: 25px; 
}

#foto {
position: absolute; 
top: 89px; 
left: 0px; 
width: 159px; 
height: 120px;
}

#flash {
position: absolute; 
top: 0px; 
left: 500px; 
width: 200px; 
height: 100px; 
}

#info {
position: absolute; 
top: 210px; 
left: 10px; 
width: 120px; 
height: 300px; 
}

#tt {
position: absolute; 
background-color: #6E7388;
*top: 545px; 
top: 555px; 
left: 0px; 
width: 160px; 
}

#footer {
position: absolute; 
top: 670px; 
*top: 660px; 
left: 13px; 
width: 160px; 
height: 30px;
}

/*Home*/
#nieuws {
position: relative; 
top: 0px;
left: 0px; 
width: 410px; 
padding-bottom:5px;
}

#acties {
position: relative; 
top: 20px;
left: 0px; 
width: 410px; 
padding-bottom:5px;
}


#rand {
background-image: url("gfx/rand.jpg"); 
position: absolute; 
top: 89px; 
left: 740px; 
width: 20px; 
height: 100%; 
}

#navbalk {
position: absolute; 
background-image: url("gfx/navbalk.jpg"); 
background-repeat: no-repeat;
background-color: #000025;
top: 89px; 
left: 160px; 
width: 112px; 
height: 100%;
}

#nav {
position: relative; 
width: 112px; 
z-index:99;
}

#shop {
position: absolute; 
background-image: url("gfx/webshop.gif"); 
background-repeat: no-repeat;
cursor: pointer; 
border: none;
left: -23px; 
width: 91px; 
height: 51px; 
top: 170px;
}

#shop:hover {
background-image: url("gfx/webshop_hover.gif"); 
}

/*
#shoplink {
position: absolute; 
cursor: pointer; 
left: -23px; 
width: 100px; 
height: 100px; 
top: 170px;
}
*/

#merken {
background-image: url("gfx/merken.png"); 
background-repeat: no-repeat;
position: relative; 
left: -2px; 
top:80px;
width: 110px; 
height: 300px; 
}

#onevision {
display: none;
}