/*-------------------------*/
/*- Ontwerp en Realisatie -*/
/*--   VormFabriek 2010  --*/
/*-------------------------*/

body {
background: #be2b2a url(../img/bg_body.gif) repeat fixed;
margin: 0;
padding: 0;
font: 0.9em/1.5em Verdana, Arial, Helvetica, sans-serif;
}

/*Mouseovers adres ----------------------------------------------*/

#header a:link, #header a:visited  {
color: #c63;
text-decoration: none;
}

#header a:hover, #header a:active {
color: #c63;
text-decoration: underline;
}

/* Mouseovers navigatie -------------------------------------- */
#nav a:link, #nav a:visited  {
color: #e5ac3d;
text-decoration: none;
}

#nav a:hover, #nav a:active {
color: #e5ac3d;
text-decoration: underline;
}

/* Mouseovers content links -------------------------------------- */
#content_left a:link, #content_left a:visited  {
color: #e5ac3d;
text-decoration: none;
}

#content_left a:hover, #content_left a:active {
color: #e5ac3d;
text-decoration: underline;
}


/* Mouseovers content rechts -------------------------------------- */
#content_right a:link, #content_right a:visited {
color: #cd6a30;
text-decoration: none;
}

#content_right a:hover, #content_right a:active {
color: #cd6a30;
text-decoration: underline;
}

#content_right a img {  /* haalt rand web om img voor lightbox */
text-decoration: none;
border: 0;
}

#container { /* voor positionering in t midden + witte bg met schaduw */
position: relative;
width: 900px;
margin: 0 auto;
padding: 0 12px;
background: url(../img/bg_wit.png) repeat-y;
}

#header { /* bovenste deel incl. logo en adresgegevens */
position: relative;
height: 138px;
margin: 0;
padding: 0;
background: url(../img/toplines.gif) 0 0 no-repeat;
}

#logo {
position: absolute;
top: 15px;
left: 30px;
}

.adres {
display: block;
float: right;
position: absolute;
right: 27px;
top: 100px;
color: #c63;
font-size: smaller;
}

#banner { /* banner ----------------------------------------------*/
height: 250px;
margin-left: 24px;
}

#nav { /* navigatie  ----------------------------------------------*/
font: 1.3em/1.5em 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
color: #e5ac3d;
background: url(../img/onder_nav.gif) bottom left no-repeat;
margin: 0 0 0 24px;
padding-bottom: 10px;
}

#nav ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#nav li {
display: inline;
padding: 0 22px 9px;
font-weight: bold;
}

.active {
color: #be2b2a;
background: url(../img/bg_nav.jpg);

}

#download_flyer {
position: absolute;
top: 388px;
right: 40px;
border: 0;
}

#download_flyer img {
border: 0;
}


#content_left { /* tekstdeel links  ----------------------------------------------*/
color: #be2b2a;
margin: 20px 5px 5px 24px;
width: 465px;
font: 0.85em/2em Verdana, Arial, Helvetica, sans-serif;
}

.intro {
font-size: 1.15em;
}

#content_right { /* tekstdeel rechts  ----------------------------------------------*/
position: absolute;
top: 450px;
right: 40px;
width: 352px;
padding: 3px 3px 3px; ;
background: url(../img/onder_banner.gif) bottom left no-repeat;
/*border: 3px solid #abbf3b;
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; 
*/}



#content_right p {
color: #fff;
font: 0.85em/1.5em Verdana, Arial, Helvetica, sans-serif;

}

#fadeshow1, #fadeshow1 .gallerylayer {background-color:#fff!important;}



#footer { /* onderkant met afgeronde hoeken ----------------------------------------------*/
clear: both;
width: 900px;
height: 34px;
margin: -14px auto 0;
padding: 0 12px 30px;
background: url(../img/footer.png) 0 0 no-repeat;
}