@import url(text-style.css);
@import url(link-style.css);
@import url(hnp-style.css);
/*
  Website van de Protestantse
  Wijkgemeente Oosterkerk Zwolle

  
*/

/*Hier volgt de opmaak voor de layout*/

html {
background-color: #ffeba4;
}

body {
text-align: center;
margin: 0;
padding: 0;
background-image: url(../_style/header-bg.jpg);
background-repeat:repeat-x;
background-position: top left;
background-color: #fffceb;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #330000;
}

#container {
width: 100%;
text-align: center;	
background-image: url(../_style/body-bg.jpg);
background-repeat:repeat-x;
background-position: bottom center;
}

#wrapper {
width: 770px;
background-color: #faf8f8;
text-align: left;	
margin-right: auto;
margin-left: auto;
}

/*Hier volgt de opmaak voor de header*/

#header {
margin: 0 auto;
width: 770px;
height: 285px;
padding: 0px;
text-align: left;
}

/* ///// BEGIN van Header achtergronden ///// */

.header-bg-welkom {
background-image: url(../_style/header-main-diensten-bg.jpg);
background-repeat:repeat-x;
background-position: top left;
}

.header-bg-wijkgemeente {
background-image: url(../_style/header-main-diensten-bg.jpg);
background-repeat:repeat-x;
background-position: top left;
}

.header-bg-kerkdiensten {
background-image: url(../_style/header-main-kerkdiensten-bg.jpg);
background-repeat:repeat-x;
background-position: top left;
}

.header-bg-activiteiten {
background-image: url(../_style/header-main-activiteiten-bg.jpg);
background-repeat:repeat-x;
background-position: top left;
}

.header-bg-groepen {
background-image: url(../_style/header-main-diensten-bg.jpg);
background-repeat:repeat-x;
background-position: top left;
}

.header-bg-kerkgebouw {
background-image: url(../_style/header-main-kerkgebouw-bg.jpg);
background-repeat:repeat-x;
background-position: top left;
}

.header-bg-jeugd-jongeren {
background-image: url(../_style/header-main-jeugd-jongeren-bg.jpg);
background-repeat:repeat-x;
background-position: top left;
}

.header-bg-publicaties {
background-image: url(../_style/header-main-publicaties-bg.jpg);
background-repeat:repeat-x;
background-position: top left;
}

.header-bg-links {
background-image: url(../_style/header-main-diensten-bg.jpg);
background-repeat:repeat-x;
background-position: top left;
}

.header-bg-contact {
background-image: url(../_style/header-main-diensten-bg.jpg);
background-repeat:repeat-x;
background-position: top left;
}

.header-bg-diensten {
background-image: url(../_style/header-main-diensten-bg.jpg);
background-repeat:repeat-x;
background-position: top left;
}

/* ///// EIND van Header achtergronden ///// */

#breadcrumb {
position: relative; top: 5px;
width: 575px;
height: 15px;
margin: 0px 0px 0px 10px;
padding: 0px;
text-align: left;
font-size: 8pt;
color: #fff;
}

/* ///// BEGIN van Direct knoppen ///// */

#directknoppen {
position: relative; top: 10px;
width: 520px;
height: 178px;
margin: 0px 0px 0px 20px;
padding: 0px;
text-align: left;
font-size: 8pt;
color: #fff;
}

#preekknop {
position: absolute; top: 105px; left: 0px;
width: 75px;
height: 75px;
background-image: url(../_style/knop-preek.png);
background-position: top center;
background-repeat: no-repeat;
margin: 0px;
padding: 1px;
text-align: center;
vertical-align: middle;
}

#roosterknop {
position: absolute; top: 45px; left: 100px;
width: 75px;
height: 75px;
background-image: url(../_style/knop-rooster.png);
background-position: top center;
background-repeat: no-repeat;
margin: 0px;
padding: 1px;
text-align: center;
vertical-align: middle;
}

#dhoknop {
position: absolute; top: 12px; left: 212px;
width: 75px;
height: 75px;
background-image: url(../_style/knop-dho.png);
background-position: top center;
background-repeat: no-repeat;
margin: 0px;
padding: 1px;
text-align: center;
vertical-align: middle;
}

#kerkgroetknop {
position: absolute; top: 0px; left: 328px;
width: 75px;
height: 75px;
background-image: url(../_style/knop-kerkgroet.png);
background-position: top center;
background-repeat: no-repeat;
margin: 0px;
padding: 1px;
text-align: center;
vertical-align: middle;
}

#locatieknop {
position: absolute; top: 15px; right: 0px;
width: 75px;
height: 75px;
background-image: url(../_style/knop-locatie.png);
background-position: top center;
background-repeat: no-repeat;
margin: 0px;
padding: 1px;
text-align: center;
vertical-align: middle;
}

#orgtext {
position: absolute; bottom: 0px; right: 40px;
width: 250px;
height: 52px;
margin: 0px;
padding: 0px;
text-align: center;
vertical-align: middle;
}

/* ///// EIND van Direct knoppen ///// */

#header-menu {
clear: both;
position: relative; top: 29px;
width: 583px;
height: 60px;
margin: 0px;
text-align: left;
}

#header-nav-top {
float: left;
height: 30px;
margin: 0px;
padding: 0px 0px 0px 0px;
text-align: left;
}

#header-nav-bottom {
float: left;
height: 30px;
margin: 0px;
padding: 0px 0px 0px 0px;
text-align: left;
}


/*Hier volgt de opmaak voor de inhoud*/

#floater {
clear: both;
width: 770px;
margin: 0px;
padding: 0px;
background-image: url(../_style/floater-top-bg.jpg);
background-position: top center;
background-repeat: repeat-x;
background-color: #fffceb;
}

#main-float {
float: left;
width: 565px;
margin: 30px 0px 0px 0px;
padding: 0px 0px 0px 10px;
text-align: left;
background-color: #fffceb;
background-image: url(../_style/main-top-bg.jpg);
background-position: top center;
background-repeat: repeat-x;
}

#right-float {
float: right;
width: 162px;
margin: 0px 25px 0px 0px;
padding: 0px 0px 0px 0px;
background-color: #fffceb;
}

/*Hier volgt de opmaak voor de footer*/

#footer {
clear: both;
width: 770px;
height: 120px;
margin: 0px;
padding: 0px;
background-color: #fffceb;
background-image: url(../_style/body-bg.jpg);
background-repeat:repeat-x;
background-position: bottom center;
}

.footer-content {
width: 583px;
height: 110px;
padding: 5px;
text-align: center;
}

.footer-content2 {
width: 583px;
height: 98px;
padding: 30px 5px 5px 5px;
text-align: center;
}