@import url(text-style.css);
@import url(link-style.css);
@import url(epoch_styles.css);
@import url(user-style.css);

/*
  Style sheet gemaakt door Crafting Media

  Crafting Media, Hoogeveen.
  http://www.craftingmedia.com
  Telefoon: 0528-881004
  Mobiel: 06-52541842

  Copyright (c) Crafting Media
*/

/*
  Website in opdracht van Sonja Muller - 
  Consultancy en Training

  Contact:
  http://www.sonjamuller.com/contact/

  Copyright (c) Sonja Muller
*/

html {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 9pt;
color: #fff;
text-align: center;
}

body {
margin: 0px;
padding: 0px;
background-color: #605e55;
}

#backgrounds{
position: absolute; top: 0px; left: 0px;
width: 100%;
height: 230px;
z-index: 1;
}

#background-left-nieuws, #background-left-opleidingen, #background-left-workshops, #background-left-consulten, #background-left-tarieven, #background-left-agenda, #background-left-media, #background-left-contact {
float: left;
width: 50%;
height: 230px;
background-repeat: repeat-x;
}

#background-left-nieuws {
background-image: url(../images/container-top-left-nieuws-bg.jpg);
}

#background-left-opleidingen {
background-image: url(../images/container-top-left-opleidingen-bg.jpg);
}

#background-left-workshops {
background-image: url(../images/container-top-left-workshops-bg.jpg);
}

#background-left-consulten {
background-image: url(../images/container-top-left-consulten-bg.jpg);
}

#background-left-tarieven {
background-image: url(../images/container-top-left-tarieven-bg.jpg);
}

#background-left-agenda {
background-image: url(../images/container-top-left-agenda-bg.jpg);
}

#background-left-media {
background-image: url(../images/container-top-left-media-bg.jpg);
}

#background-left-contact {
background-image: url(../images/container-top-left-contact-bg.jpg);
}

#background-right-nieuws, #background-right-opleidingen, #background-right-workshops, #background-right-consulten, #background-right-tarieven, #background-right-agenda, #background-right-media, #background-right-contact {
float: right;
width: 50%;
height: 230px;
background-repeat: repeat-x;
}

#background-right-nieuws {
background-image: url(../images/container-top-right-nieuws-bg.jpg);
}

#background-right-opleidingen {
background-image: url(../images/container-top-right-opleidingen-bg.jpg);
}

#background-right-workshops {
background-image: url(../images/container-top-right-workshops-bg.jpg);
}

#background-right-consulten {
background-image: url(../images/container-top-right-consulten-bg.jpg);
}

#background-right-tarieven {
background-image: url(../images/container-top-right-tarieven-bg.jpg);
}

#background-right-agenda {
background-image: url(../images/container-top-right-agenda-bg.jpg);
}

#background-right-media {
background-image: url(../images/container-top-right-media-bg.jpg);
}

#background-right-contact {
background-image: url(../images/container-top-right-contact-bg.jpg);
}

#container {
position: relative; top: 0px;
width: 980px;
margin: 0 auto;
z-index: 2;
}

#wrapper-content-nieuws, #wrapper-content-opleidingen, #wrapper-content-workshops, #wrapper-content-consulten, #wrapper-content-tarieven, #wrapper-content-agenda, #wrapper-content-media, #wrapper-content-contact {
width: 100%;
padding: 0px;
background-position: bottom right;
background-repeat: no-repeat;
}

#wrapper-content-nieuws {
background-image: url(../images/container-nieuws-bg.jpg);
}

#wrapper-content-opleidingen {
background-image: url(../images/container-opleidingen-bg.jpg);
}

#wrapper-content-workshops {
background-image: url(../images/container-workshops-bg.jpg);
}

#wrapper-content-consulten {
background-image: url(../images/container-consulten-bg.jpg);
}

#wrapper-content-tarieven {
background-image: url(../images/container-tarieven-bg.jpg);
}

#wrapper-content-agenda {
background-image: url(../images/container-agenda-bg.jpg);
}

#wrapper-content-media {
background-image: url(../images/container-media-bg.jpg);
}

#wrapper-content-contact {
background-image: url(../images/container-contact-bg.jpg);
}

/* wrapper header */

#wrapper-header {
width: 100%;
margin: 0px 0px 13px 0px;
padding: 0px;
}

/* HEADER-BG */

#wrapper-header-nieuws, #wrapper-header-opleidingen, #wrapper-header-workshops, #wrapper-header-consulten, #wrapper-header-tarieven, #wrapper-header-agenda, #wrapper-header-media, #wrapper-header-contact {
position: relative;
width: 980px;
height: 230px;
margin: 0px;
padding: 0px;
z-index: 1;
background-position: center top;
background-repeat: no-repeat;
}

#wrapper-header-nieuws {
background-image: url(../images/header-image-index.jpg);
}

#wrapper-header-opleidingen {
background-image: url(../images/header-image-opleidingen.jpg);
}

#wrapper-header-workshops {
background-image: url(../images/header-image-workshops.jpg);
}

#wrapper-header-consulten {
background-image: url(../images/header-image-consulten.jpg);
}

#wrapper-header-tarieven {
background-image: url(../images/header-image-tarieven.jpg);
}

#wrapper-header-agenda {
background-image: url(../images/header-image-agenda.jpg);
}

#wrapper-header-media {
background-image: url(../images/header-image-media.jpg);
}

#wrapper-header-contact {
background-image: url(../images/header-image-contact.jpg);
}

#wrapper-header-author {
position: absolute; top: 80px; left: 0px;
width: 100%;
height: 14px;
margin: 0px;
padding: 0px;
text-align: center;
z-index: 2;
}

#wrapper-header-subtext {
position: absolute; top: 142px; right: 0px;
width: 392px;
height: 48px;
margin: 0px;
padding: 0px 13px 0px 0px;
text-align: right;
z-index: 2;
}

/* wrapper content main - content-block > 
LEFT: CONTENT-LEFT > main-left-menu
CENTER: CONTENT-CENTER >  main-content
RIGHT: CONTENT-RIGHT > main-right-menu
*/

#wrapper-content-main {
width: 100%;
margin: 0px;
padding: 0px;
text-align: center;
display: inline;
}

/* CONTENT-LEFT */

#main-left-menu {
float: left;
width: 160px;
margin: 0px;
padding: 0px;
text-align: left;
}

/* CONTENT-CENTER */

#main-content {
float: left;
width: 646px;
margin: 0px 0px 0px 7px;
padding: 0px;
text-align: left;
}

#div_startdatum {
width: 200px;
height: 150px;
}

/* CONTENT-RIGHT */

#main-right-menu {
float: right;
width: 160px;
margin: 0px -2px 0px 0px;
padding: 0px;
text-align: right;
}

/* wrapper footer > footer-text */

#wrapper-footer {
position: relative;
clear: both;
width: 979px;
height: 30px;
margin: 0px 0px 13px 0px;
padding: 0px 0px 0px 0px;
background-color: #4b4941;
}

#footer-left {
position: absolute; top: 7px; left: 0px;
width: 757px;
margin: 0px 0px 0px 11px;
padding: 0px;
text-align: left;
}

#footer-right {
position: absolute; top: 7px; right: 11px;
width: 159px;
margin: 0px 0px 0px 11px;
padding: 0px;
text-align: right;
}