/**
 * Name: OViNGE.nl
 * Version: 1.0
 * Coder: Marc Ovinge
 * Coder URI: http://www.ovinge.nl
 */

/* Imports
===============================================*/
@import url('nav.css');
@import url('vrm.css');
@import url('tabs-slideshow.css');
@import url('overlay-apple.css');
@import url('tabs.css');

/* Global Styles
===============================================*/

/* STYLE */

body {
margin: 0;
padding: 0;
color: #FFF;
font-family: Verdana, Arial, Helvetica;
font-size: 12px;
line-height: 16px;
font-style: normal;
height: 37px;
background-attachment: fixed;
background-image: url(images/bg.png);
background-repeat: repeat-x;
background-color: #FFF;
background-position: top;
vertical-align: top;
}
a img: {
 border:none
}
/* ~~ Element-/tagkiezers ~~ */
ul, ol, dl { /* Vanwege de verschillen tussen browsers kunt u het beste geen opvulling en marges gebruiken voor lijsten. Voor consistentie kunt u hier of bij de items (LI, DT, DD) voor de lijsten de gewenste waarden opgeven. Houd er rekening mee dat wat u hier doet, wordt gebruikt in de navigatielijst, tenzij u een specifiekere kiezer opgeeft. */
padding: 0;
margin: 0;
}
a:hover {
text-decoration: underline;
color: #DC066B;
}
a:link {
text-decoration: underline;
color: #77AD1A;
}
a:active {
text-decoration: underline;
color: #77AD1A;
}
a:visited {
text-decoration: none;
color: #77AD1A;
}
#container {
width: 750px;
text-align: left;
margin-top: 61px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
padding-top: 0px;
padding-right: 41px;
padding-bottom: 0px;
padding-left: 41px;
position: relative;
height: auto;
background-repeat: repeat-y;
background-image: url(images/bg_01.png);
background-position: center;
}
#topmenu {
padding: 10px 20px 0 20px;
height: 23px;
display: block;
text-align: right;
vertical-align: middle;
}
#topmenu body {
margin: 0;
padding: 0;
}
#topmenu a:active, #topmenu li a.active {
text-decoration: underline;
}
#topmenu a:hover, #topmenu a:focus, #topmenu a:active {
color: #FFF;
font-weight: bold;
text-decoration: underline;
}
#topmenu a:link {
color: #FFF;
}
#topmenu a:visited {
color: #FFF;
margin: 0;
}
#apDivMenu1 { width:751px; height:37px; z-index:9; top: -4px; left: -4px; position: absolute; visibility: visible; background-image: url(images/bg-menu-gusto.png); background-repeat: no-repeat; background-position: center top; padding: 0px 41px 0px 49px; 
}
#apDivMenu2 {
width:241px;
height:37px;
z-index:9;
left: 41px;
}
#ap-header {
margin: 0;
padding: 0px 21px 0px 21px;
height: 221px;
position: absolute;
left: -32px;
top: 20px;
width: 861px;
z-index: 6;
visibility: visible;
}
#subheader {
padding: 0px;
height: 37px;
margin: 0px;
background-color: #000;
vertical-align: middle;
text-align: right;
}
#header {
margin: 0px;
padding: 0px;
height: 201px;
text-shadow: 0px 2px 2px #999;
text-align: left;
background-color: #FFF;
background-position: center top;
}
#header h1 {
margin: 0;
padding: 0;
}
#apDiv1 {
position:absolute;
width:194px;
height:75px;
z-index:5;
top: 413px;
left: 586px;
background-image: url(images/title-page-nero.png);
background-repeat: no-repeat;
background-position: center center;
font-size: 36px;
text-align: left;
vertical-align: middle;
padding: 0px 0px 0px 18px;
color: #FFF;
visibility: visible;
}
#apDiv2 {
float: right;
width: 100px;
padding: 0px;
margin: 0px;
text-align: left;
position: absolute;
z-index: 7;
left: 338px;
top: 287px;
height: 100px;
visibility: visible;
}
#sidebar1 {
width:246px;
height:121px;
z-index:8;
top: 256px;
color: #CCC;
padding: 11px;
position: absolute;
visibility: visible;
right: 41px;
left: 41px;
text-align: center;
}
#sidebar2 {
width: 241px;
padding: 9px;
height: auto;
min-height: 395px;
margin: 148px 0px 0px 9px;
text-align: left;
font-size: 90%;
color: #FFF;
background-color: #333;
float: left;
display: block;
max-height: 100%;
}
#content {
margin: 0;
min-height: 274px;
line-height: 20px;
padding: 9px 19px 9px 9px;
height: auto;
float: right;
width: 441px;
background-color: #000;
}
#menutitel {
text-align: center;
}
#topcontent {
margin: 0;
height: auto;
font-size: 90%;
color: #666;
line-height: 20px;
width: 469px;
padding: 0px;
float: right;
min-height: 269px;
}
#topleftcontent {
margin: 0 9px 0 9px;
height: 154px;
font-size: 90%;
color: #666;
line-height: 20px;
width: 200px;
float: left;
padding: 0px;
background-color: #FFF;
}
#footer {
font-size: 80%;
height: 82px;
color: #999;
text-align: center;
display: block;
margin-left: auto;
margin-right: auto;
width: 751px;
padding-left: 40px;
padding-right: 41px;
background-image: url(images/bg_02.png);
background-repeat: no-repeat;
background-position: center top;
}
#footer p {
margin: 0;
padding: 0;
text-align: center;
}
#copyright {
font-size: 80%;
height: 48px;
color: #333;
text-align: center;
left: 397px;
top: 298px;
width: 751px;
margin-left: auto;
margin-right: auto;
}
#copyright a:hover {
text-decoration: underline;
color: #333;
}
#copyright a:link {
color: #333;
}
#copyright a:active {
color: #333;
text-decoration: underline;
}
#copyright a:visited {
color: #333;
}
#ovinge {
font-size: 80%;
height: 48px;
color: #333;
text-align: center;
display: block;
}
.fltrt {
float: right;
margin-left: 8px;
}
.fltlft {
float: left;
margin-right: 8px;
}
.clearfloat {
clear:both;
height:0;
font-size: 1px;
line-height: 0px
}
/* LINKS VERTICAL MENU */

#menu_left {
float: left;
margin: 0 0 6px 0;
padding: 0 0 1px 0;
}
#menu_left li {
list-style: none;
}
#menu_left li a {
display: block;
color: #90F;
width: 171px;
padding: 7px 23px 7px 23px;
margin: 0 0 1px 0;
font-weight: normal;
text-decoration: none;
background-image: url(images/arrow.gif);
background-repeat: no-repeat;
background-position: left center;
letter-spacing: 0.1em;
}
#menu_left li a:hover {
color: #90F;
background-image: url(images/arrow.gif);
background-repeat: no-repeat;
background-position: left center;
}
#menu_left li a:hover, #menu_left li a:focus {
color: #90F;
border-right-width: 5px;
border-right-style: solid;
border-right-color: #90F;
text-decoration: underline;
font-weight: normal;
border-top-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-top-style: dotted;
border-bottom-style: dotted;
border-left-style: dotted;
border-top-color: #90F;
border-bottom-color: #90F;
border-left-color: #90F;
}
/*  Float containers fix: */

.clearfix:after {
content: ".";
clear: both;
visibility: hidden;
}

