/** main.css
 *
 * dit is meer een transitionele css file
 * het enige wat je hier aantreft zijn includes
 * naar andere css files
 */
@import url("debug.css");
@import url("paginator_controlls.css");
@import url("newsblock.css");


/** verwijder de volgende 3 regels om de taalswitch te zien */
#language {
	display: none;
}

html, body {
    height: 100%;
	margin: 0px;
	padding: 0px;
}

body, table, textarea {
    font-family: arial;
    font-size: 12px;
}

form {
    display: inline;
}

img {
    border: 0px;
}

a {
    color: #D0B565;
    text-decoration: none;
}

a:hover {
    color:#C30018;
}

h1 {
    font-size: 31px;
    margin: 5px 0px;
}

h2 {
    font-size: 20px;
    margin: 5px 0px 0px;
}

input[type="text"] {
    border: 1px solid #39000A;
}

textarea {
    border: 1px solid #39000A;
}

input.rechts_zwart, input.links_zwart, input.rechts_bruin,input.rechts_rood, input.links_rood {
    background-color: transparent;
    border: 0px;
    color: #FFF;
    cursor: pointer;
    font-weight: bold;
    height: 26px;
    margin: 10px 5px 0px;
    width: 92px;
}


input.rechts_wit
{
    background-color: transparent;
    border: 0px;
    color: #000;
    cursor: pointer;
    font-weight: bold;
    height: 26px;
    margin: 10px 5px 0px;
    width: 92px;
}

input.rechts_zwart {
    background-image: url(/images/knoppen/rechts_zwart.png);
    padding: 0px 4px 2px 0px;
}

input.rechts_zwart:hover {
    background-image: url(/images/knoppen/rechts_wit.png);
    color: #000;
}

input.links_zwart {
    background-image: url(/images/knoppen/links_zwart.png);
    padding: 0px 0px 2px 0px;
}

input.links_zwart:hover {
    background-image: url(/images/knoppen/links_wit.png);
    color: #000;
}

input.rechts_rood {
    background-image: url(/images/knoppen/rechts_rood.png);
    padding: 0px 4px 2px 0px;
}

input.rechts_rood:hover {
    background-image: url(/images/knoppen/rechts_zwart.png);
    color: #ffffff;
}

input.links_rood {
    background-image: url(/images/knoppen/links_rood.png);
    padding: 0px 0px 2px 0px;
}

input.links_rood:hover {
    background-image: url(/images/knoppen/links_zwart.png);
    color: #ffffff;
}



input.rechts_wit {
    background-image: url(/images/knoppen/rechts_wit.png);
    padding: 0px 4px 2px 0px;
}

input.rechts_wit:hover {
    background-image: url(/images/knoppen/rechts_zwart.png);
    color: #FFF;
}

input.rechts_bruin {
    background-image: url(/images/knoppen/rechts_bruin.png);
    padding: 0px 4px 2px 0px;
    margin-left: 50px;
    vertical-align: baseline;
}

input.rechts_bruin:hover {
    background-image: url(/images/knoppen/rechts_dbruin.png);
    color: #FFF;
}

div#content {
    margin: 0px;
    left: 0px;
    position: relative;
    min-width: 1000px;
}

body#beeldarchief div#content {
    background-image: url(/images/contentvlakken/beeldarchief_bg.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
}

body#paviljoen div#content {
    background-image: url(/images/contentvlakken/koekje.png);
    background-position: 0px 310px;
    background-repeat: no-repeat;
}

body#contact div#content {
    background-image: url(/images/contentvlakken/brief_envelop.png);
    background-position: 0px 260px;
    background-repeat: no-repeat;
}

body#disclaimer div#content {
    background-image: url(/images/contentvlakken/chocolade.png);
    background-position: 600px 220px;
    background-repeat: no-repeat;
}

body#ecard div#content {
    background-image: url(/images/contentvlakken/koek_poststempel.png);
    background-position: 0px 152px;
    background-repeat: no-repeat;
}

body#ecard_bekijken div#content {
    background-image: url(/images/contentvlakken/2koekjes.png);
    background-position: 0px 152px;
    background-repeat: no-repeat;
}

/* ---BEGIN TOP ---*/
div#top {
    background-repeat: no-repeat;
    height: 156px;
    margin-bottom: 59px;
    position: relative;
    width: 100%;
}

div#top div#header_text {
    background-repeat: no-repeat;
    height: 62px;
    left: 475px;
    position: absolute;
    top: 70px;
    width: 464px;
}

body#home div#top {
    background-image: url(/images/header/stretch.jpg);
    background-repeat: repeat-x;
}

body#ecard_bekijken div#top {
    background-image: url(/images/header/home.gif);
}

body#beeldarchief div#top {
    background-color: #000;
    background-image: url(/images/header/beeldarchief.png);
}

body#fotocollectie div#top, body#ecard div#top {
    background-color: #000;
    background-image: url(/images/header/fotocollectie.png);
}

body#fotocollectie div#header_text, body#ecard div#header_text {
    background-image: url(/images/header/fotocollectie_text.png);
    width: 330px;
}

body#paviljoen div#top {
    background-image: url(/images/header/paviljoen.png);
    background-repeat: repeat-x;
}

body#paviljoen div#header_text {
    background-image: url(/images/header/paviljoen_text.png);
}

body#activiteiten div#top {
    background-image: url(/images/header/activiteiten.png);
    background-repeat: repeat-x;
}

body#activiteiten div#header_text {
    background-image: url(/images/header/activiteiten_text.png);
}

body#album div#top {
    background-color: #262514;
    background-image: url(/images/header/album.png);
}

body#album div#header_text {
    background-image: url(/images/header/album_text.png);
    width: 330px;
}

body#bezoekersinfo div#top, body#contact div#top {
    background-image: url(/images/header/contact.png);
    background-repeat: repeat-x;
}

body#bezoekersinfo div#header_text {
    background-image: url(/images/header/bezoekersinfo_text.png);
}

body#contact div#header_text {
    background-image: url(/images/header/contact_text.png);
}

body#disclaimer div#top {
    background-color: #015279;
    background-image: url(/images/header/disclaimer.png);
}

body#disclaimer div#header_text {
    background-image: url(/images/header/disclaimer_text.png);
}

body#erfgoed div#top {
    background-image: url(/images/header/erfgoed.png);
    background-repeat: repeat-x;
}

body#erfgoed div#header_text {
    background-image: url(/images/header/erfgoed_text.png);
}

body#gastenboek div#top {
    background-image: url(/images/header/gastenboek.png);
    background-repeat: repeat-x;
}

body#gastenboek div#header_text {
    background-image: url(/images/header/gastenboek_text.png);
}

div#top div.zoeken {
    left: 875px;
    position: absolute;
    top: 115px;
    width:380px;
    
}

div#top div.zoeken input {
    float: left;
}

div#top div.zoeken input[type="text"] {
    border: 1px solid #000;
    height: 22px;
}

div#top div#logo {
    left: 64px;
    position: absolute;
    top: 44px;
}

div#top div#zaanse_museum {
    left: 64px;
    position: absolute;
    top: 155px;
}

div#top div#header_line {
    background-image: url(/images/header/stippeltjes.png);
    background-repeat: repeat-x;
    height: 5px;
    left: 0px;
    position: absolute;
    top: 153px;
    width: 100%;
}

div#top div.nav {
    font-size: 13px;
    left: 200px;
    position: absolute;
    top: 165px;
    width: 100%;
	width: auto;
}

div.nav ul li {
    background-image: url(/images/contentvlakken/nav_bullet.png);
    background-position: left center;
    background-repeat: no-repeat;
    color: #7C7C7C;
    float: left;
    font-weight: bold;
    list-style: none;
    margin-left: 15px;
    padding-left: 10px;
}



div.nav ul {
    margin-top: 0px;
}

div.nav ul li a {
    color: #656565;
}

div.nav ul li a:hover {

    color: #C30018;
}

div.nav li{

}

.activenav{
    color:#040404;
}


div#top div#kruimelpad {
    color: #D0B565;
    font-size: 14px;
    font-weight: bold;
    left: 252px;
    position: absolute;
    top: 190px;
}

div#kruimelpad a {
    color: #D0B565;
    font-weight: bold;
}

div#kruimelpad a:hover {
    color: #665817;
}

.kruimelpad_active
{
    color: #665817;
}

/* ---EINDE TOP--- */

div#left {
    /*display: none;*/
}

div#left_admin {
    background-color: #000;
    color: #FFF;
    height: 13px;
    left: 62px;
    overflow: hidden;
    padding: 5px;
    position: absolute;
    top: 195px;
    width: 173px;
    z-index: 99;

}

div#left_admin:hover {
    height: auto;
}

div#mid {
    margin: 20px 0px;
    overflow: hidden;
    padding: 30px 42px 0px;
    position: relative;
    /*width: 1196px;*/
    width: 1177px;
}

body#activiteiten div#mid {
    min-height: 950px;
}

body#ecard div#mid, body#ecard_bekijken div#mid {
    min-height: 556px;
}

/* ---BEGIN HOME--- */
#portal {
    background-color: #828282;
    height: 644px;
    margin: 0px auto;
    position: relative;
    width: 1120px
}

.portal_item {
    height: 304px;
    position: absolute;
    width: 372px;
}

#portal_item1 {
    background-color: #FFF;
    color: #A1A1A1;
    font-size: 20px;
    height: 251px;
    left: 0px;
    line-height: 20px;
    padding: 27px;
    top: 0px;
    width: 319px;
}

#portal_item2 {
    border-top: 1px solid #282828;
    border-left: 1px solid #282828;
    left: 373px;
    top: 0px;
}

#portal_item3 {
    border-top: 1px solid #282828;
    border-right: 1px solid #282828;
    border-left: 1px solid #282828;
    color: #FFF;
    height: 264px;
    left: 746px;
    padding: 40px 10px 0px 0px;
    top: 0px;
    width: 362px;
}

#portal_item3 img {
    float: left;
    margin-top: -40px;
    padding-right: 22px;
}

#portal_item4 {
    border-left: 1px solid #282828;
    left: 0px;
    top: 323px;
}

#portal_item5 {
    border-left: 1px solid #282828;
    border-right: 1px solid #282828;
    height: 303px;
    left: 373px;
    top: 323px;
}

#portal_item6 {
    left: 747px;
    top: 323px;
}

#portal_item2 .foto_overlay, #portal_item3 .foto_overlay {
    height: 176px;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 372px;
}

#portal_item2 .foto_overlay {
    background-image: url(/images/contentvlakken/home_fotocol.png);
}

#portal_item3 .foto_overlay {
    background-image: url(/images/contentvlakken/home_agenda.png);
}

#portal_item2 .title, #portal_item3 .title {
    height: 81px;
    left: 0px;
    padding: 47px 11px 0px;
    position: absolute;
    top: 176px;
    width: 350px;
}

#portal_item2 a .title, #portal_item3 a .title, #portal_item5 a .title {
    color: #000;
}

#portal_item4 .foto_overlay, #portal_item5 .foto_overlay {
    height: 237px;
    left: 0px;
    position: absolute;
    top: 66px;
    width: 372px;
}

#portal_item4 .foto_overlay {
    background-image: url(/images/contentvlakken/home_paviljoen.png);
}

#portal_item5 .foto_overlay {
    background-image: url(/images/contentvlakken/home_activiteit.png);
    height: 156px;
    top: 147px;
}

#portal_item4 .foto {
    left: 0px;
    position: absolute;
    top: 66px;
}

#portal_item5 .foto {
    left: 0px;
    position: absolute;
    top: 147px;
}

#portal_item5 .title {
    height: 100px;
    left: 0px;
    padding: 47px 11px 0px;
    position: absolute;
    top: 0px;
    width: 350px;
}

#portal_item2 .title {
    background-image: url(/images/knoppen/fotocollectie_off.png);
}

#portal_item2 .title:hover {
    background-image: url(/images/knoppen/fotocollectie_over.png);
}

#portal_item3 .title {
    background-image: url(/images/knoppen/agenda_off.png);
}

#portal_item3 .title:hover {
    background-image: url(/images/knoppen/agenda_over.png);
}

#portal_item5 .title {
    background-image: url(/images/knoppen/activiteiten_off.png);
}

#portal_item5 .title:hover {
    background-image: url(/images/knoppen/activiteiten_over.png);
}

/* ---EIND HOME--- */

/* ---BEGIN BEELDARCHIEF--- */
body#beeldarchief div.nav {
    display: none;
}

body#beeldarchief div#mid {
    margin-top: 0px;
    height: 648px;
}

body#beeldarchief div.archief_portal {
    height: 527px;
    position: absolute;
    top: 0px;
    width: 418px;
}

body#beeldarchief div#album_portal {
    background-image: url(/images/contentvlakken/albums_verkade.png);
    left: 275px;
}

body#beeldarchief div#foto_portal {
    background-image: url(/images/contentvlakken/fotocollectie.png);
    left: 730px;
}

body#beeldarchief img.bekijken {
    left: 265px;
    position: absolute;
    top: 478px;
}
/* ---EIND BEELDARCHIEF--- */

div.contentvlakken {
    background-image: url(/images/contentvlakken/kartel_rand.png);
    background-repeat: repeat-y;
    padding: 10px 20px 20px;
    width: 381px;
}

div#content1 {
    float: left;
    margin-left: 20px;
}

div#content2 {
    float: left;
    margin-left: 79px;
}

/* ---BEGIN #CONTENT1--- */
body#paviljoen div#content1 {
    background-color: transparent;
    background-image: none;
    width: 401px;
}

body#paviljoen div#content1 h1 {
    color: #E31819;
    font-size: 38px;
    margin: 10px 0px 10px -20px;
}

body#paviljoen div#content1 p {
    font-weight: bold;
    margin-left: 43px;
}

body#paviljoen div#content1 img {
    margin-left: 52px;
}

body#activiteiten div#content1 {
    background-color: #009DE0;
    color: #FFF;
}

body#bezoekersinfo div#content1 {
    background-color: #E20026;
    color: #FFF;
    padding-top: 330px;
}

body#bezoekersinfo div#content1 iframe {
    margin-left: -20px;
}

body#disclaimer div#content1 {
    height: 588px;
}

body#ecard div#content1, body#ecard_bekijken div#content1 {
    background-color: #E20026;
    color: #FFF;
}

body#ecard div#content1 .error_veld, body#ecard_bekijken div#content1 .error_veld, body#contact div#content2 .error_veld {
    border: 2px solid #000;
}

body#ecard div#content1 h2, body#ecard_bekijken div#content1 h2 {
    font-size: 32px;
}

body#ecard div#content1 .error_message, body#contact div#content2 .error_message {
    color: #000;
    font-weight: bold;
}

body#ecard_bekijken div#content1 div.bericht {
    background-color: #E20026;
    color: #000;
    margin: 15px 5px 5px;
    padding: 10px;
}

body#ecard_bekijken div#content1 div.bericht2 {
    border: 2px dotted #FFF;
    font-weight: bold;
    margin: 15px 5px 5px;
    padding: 10px 20px;
}

body#gastenboek div#content1 {
    background-color: #009DE0;
    color: #FFF;
    height: 394px;
    padding-bottom: 625px;
    margin: 0px 60px 110px 20px;
}

body#gastenboek div#content1 .error_message {
    color: #000;
    font-weight: bold;
}

body#gastenboek div#content1 .error_veld {
    border: 2px solid #000;
}

body#gastenboek div#content1 .rechts_zwart {
    margin-left: 30px;
}


body#erfgoed div#content1 {
    position: relative;
    left: 17px;
}

body#erfgoed div#content1 p {
    font-weight: bold;
    margin-left: 43px;
}

body#erfgoed div#content1 h1 {
    color: #E31819;
    font-size: 38px;
    margin: 10px 0px 10px -20px;
}



/* ---EIND #CONTENT1--- */

/* ---BEGIN #CONTENT2--- */
body#paviljoen div#content2 {
    background-color: #EEE6CF;
    margin-left: 52px;
}

body#paviljoen div#content2 p {
    margin-right: 20px;
}

body#paviljoen div#content2 p.mededeling {
    color: #E31819;
    font-size: 20px;
    font-weight: bold;
    margin: 0px 0px 0px 171px;
}

body#activiteiten div#content2 {
    background-color: #EEE6CF;
    min-height: 538px;
    margin-bottom: 382px;
}

body#activiteiten div#content2 h1 {
    color: #009DE0;
}

body#bezoekersinfo div#content2 {
    background-color: #EEE6CF;
}

body#bezoekersinfo div#content2 h1, body#bezoekersinfo div#content2 h2, body#bezoekersinfo div#content2 a {
    color: #E20026;
}

body#contact div#content2 {
    background-color: #E20026;
    color: #FFF;
    min-height: 450px;
    padding-bottom: 50px;
}

body#contact input[type="text"] {
    width: 380px;
}

body#contact textarea {
    height: 146px;
    width: 380px;
}

body#disclaimer div#content2 {
    background-image: url(/images/contentvlakken/kartel_disclaimer.png);
    color: #FFF;
    margin-left: -35px;
    width: 395px;
}

/* ---EIND #CONTENT2--- */

/* ---BEGIN EXTRA PLAATJES #MID--- */
body#paviljoen img#verkopers {
    bottom: 0px;
    position: absolute;
    right: 0px;
}

body#activiteiten img#hand {
    bottom: 0px;
    position: absolute;
    right: 733px;
}

body#bezoekersinfo img#bus {
    left: 0px;
    position: absolute;
    top: 50px;
}

body#disclaimer img#meisjes_verkade {
    left: 0px;
    position: absolute;
    top: 0px;
}

body#ecard div.ecard_image, body#ecard_bekijken div.ecard_image {
    
    position:absolute;
    background-color: #FFF;
    left:500px;
    border: 1px solid #0C0C0C;
    height: 516px;
    padding-top:0px;
    text-align: center;
    width: 739px;
}

body#ecard div.vlak_ecard {
    padding-top: 100px;
    padding-bottom: 100px;
    text-align: center;
}

body#ecard div.buttons {
    left: 495px;
    position: absolute;
    top: 550px;
}

body#ecard_bekijken img#poststempel {
    left: 340px;
    position: absolute;
    top: 0px;
}

body#erfgoed img#magazijnman {
    bottom: -10px;
    left: 775px;
    position: absolute;
}

body#gastenboek img#thee_koekje {
    left: 0px;
    height: 738px;
    position: absolute;
}

/* ---EIND EXTRA PLAATJES #MID--- */


div.contentvlakken input[type="text"] {
    width: 380px;
}

div.contentvlakken textarea {
    height: 146px;
    width: 380px;
}

div#right {
    display: none;
}

div#bottom {
    background-image: url(/images/contentvlakken/bottom_dot.png);
    background-position: top;
    background-repeat: repeat-x;
    color: #D0B565;
    font-weight: bold;
    height: 30px;
    margin: 0px 30px;
    padding: 8px 5px 3px;
    position: relative;
    text-align: right;
    width: 1159px;
}

.button
{
background-color:#cecece;
padding:5px;
margin:5px;
width:200px;
}

.box {
    border:1px solid gray;
}

#photo_details {
    background-color: #EDE7CF;
    margin: -13px 2px 0px 25px;
    padding: 17px 21px 20px;
}

#photo_details .tags {
    background-color: #E1C36D;
    float: left;
    padding: 5px 5px 6px;;
    width: 686px;
}

#photo_details .tags a {
    color: #000;
    text-decoration: underline;
}

#photo_details .tags a:hover {
    font-weight: bold;
}

#photo_details .tagsheader {
    background-color: #B78F0F;
    color: #FFF;
    float: left;
    font-weight: bold;
    margin: 0px 0px 0px 0px;
    padding: 6px 7px 5px;
}

#photo_details .image_holder {
    background-color: #FFF;
    height: 514px;
    padding: 10px 0px;
    width: 738px;
}

#photo_details .ecard_button {
    line-height: 9px;
    width: 389px;
}

#photo_details .ecard_button img {
    float: left;
}

#photo_details .ecard_button .naar_overzicht {
    float: right;
    padding: 0px;
}

#photo_reactions {

position:relative;
left:150px;
width:850px;
    margin: 10px 2px 0px 25px;
}


#photo_reactions2 {

    margin: 10px 2px 0px 25px;
}

#photo_reactionadd {
position:relative;
left:115px;
width:850px;
    margin: 10px 2px 0px 60px;
}

#photo_reactions .reactie_naam {
    font-size: 15px;
}

#photo_reactions small {
    font-style: italic;
}

#photo_reactions p {
    margin-top: 15px;
}

#photo_reactions .divider {
    background-image: url(/images/contentvlakken/divider_details.gif);
    background-position: bottom left;
    background-repeat: repeat-x;
}

#photo_reactions h2, #photo_reactionadd h2 {
    color: #B68F0C;
}

#photo_reactionadd input[type="text"] {
    width: 380px;
}

#photo_reactionadd textarea {
    height: 146px;
    width: 380px;
}

#photo_reactionadd .verstuur_knop {
    padding-left: 50px;
    vertical-align: middle;
}

#photo_reactionadd .error_message {
    color: #E20026;
    font-weight: bold;
}

#photo_reactionadd .error_veld {
    border: 2px solid #E20026;
}

.erfgoed_item {
    float: left;
    height: 267px;
    margin: 0px 0px 20px 22px;
    position: relative;
    width: 547px;
}

.erfgoed_item .erfgoed_tekst {
    background-image: url(/images/contentvlakken/bolletjeserfgoed.png);
    background-repeat: no-repeat;
    color: #FFF;
    height: 247px;
    padding: 10px 10px 10px 20px;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 278px;
}

.erfgoed_tekst h2 {
    font-size: 25px;
}

.erfgoed_tekst .erfgoed_link {
    background-image: url(/images/knoppen/klikhier.png);
    background-position: right;
    background-repeat: no-repeat;
    bottom: 10px;
    padding: 5px 15px 5px 0px;
    position: absolute;
    right: 10px;
    width: 110px;
}

.erfgoed_item .erfgoed_link a {
	
    color: #FFF;
    font-weight: bold;
}

.erfgoed_item .erfgoed_link a:hover {
	
    color: #C30018;
    font-weight: bold;
}

#language {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 50;
	width: 100%;
}

#language div{
	z-index: 50;
	background-repeat: no-repeat;
}

#language div a {
	display: block;
	width: 100%;
	height: 100%;
}

#language div a span{
	display: none;
}

#language #nl{
	position: absolute;
	top: 10px;
	right: 80px;
	width: 62px;
	height: 28px;
	background-image: url(/home/images/language/nl.png);
}

#language #nl:hover{
	background-image: url(/home/images/language/nl_over.png);
}

#language #en{
	position: absolute;
	top: 10px;
	right: 15px;
	width: 63px;
	height: 28px;
	background-image: url(/home/images/language/en.png);
}

#language #en:hover{
	background-image: url(/home/images/language/en_over.png);
}