/* -----------------------------------------------------------------------------------------------------( Standards )--- */
html,body, #secondBody { height: 100%; }
html, body{ background-color: #ecf3ff;}
a { color: #0070bd; text-decoration: none; }
a:hover { text-decoration: underline; }

#mainWrap { text-align: center; }

/* -----------------------------------------------------------------------------------------------------( Header )--- */
#headerWrap { text-align: center; width: 100%; background: url(../img/headerBackground.jpg) 50% 100% repeat-x; } /* Background header (doorlopende header background) */
#headerWrapSecond { margin: 0 auto; text-align: center; width: 800px; } /* Extra header wrap voor aparte designs */
#headerMain { height: 120px; margin: 0 auto; position: relative; text-align: left; width: 780px; } /* Bepaal header hoogte in height hier */
#headerLogo { background: url(../img/logo.png) 0 100% no-repeat; display: block; height: 118px; width: 234px; margin-left: 500px; } /* Header logo (margin-top bij height rekenen) */

/* -----------------------------------------------------------------------------------------------------( Menu )--- */
#menuWrap { border-bottom: 1px solid #8C1125; height: 19px; line-height: 19px; margin: 0 auto; text-align: left; width: 780px; }
#menuWrap ul { list-style: none; }
#menuWrap ul li { display: inline; margin: 0; }
#menuWrap ul li a { color: #000; display: block; float: left; height: 19px; line-height: 19px; margin-right: 6px;  }
#menuWrap ul li a.boldLink { font-weight: bold; }
#menuWrap #menuRight { float: right; }
#menuWrap #menuRight ul li a { margin: 0 0 0 6px; }

/* -----------------------------------------------------------------------------------------------------( Content )--- */
#contentWrap { margin: 8px auto 0 auto; text-align: left; width: 780px; }
/* Border Failsave (if js unavaible) */
.borderFailSave { border: 4px solid #ecf3ff; }
/* Fronpage album Catch */
#frontpage #contentWrap #frontpageAlbumCatch { height: 210px; position: relative; width: 780px; }
#frontpage #contentWrap #frontpageAlbumCatch #fAC-back { background: url(../img/round/mainContentBlueBorder-back.png) 50% 0 repeat-y; }
#frontpage #contentWrap #frontpageAlbumCatch #fAC-top { background: url(../img/round/mainContentBlueBorder-top.png) 50% 0 no-repeat; }
#frontpage #contentWrap #frontpageAlbumCatch #fAC-bottom { background: url(../img/round/mainContentBlueBorder-bottom.png) 50% 100% no-repeat; }
#frontpage #contentWrap #frontpageAlbumCatch #frontpageAlbumCatchInner { background: url(../img/frontpageAlbumCatch-bg.png) 4px 4px no-repeat; height: 202px; padding: 4px; }
#frontpage #contentWrap #frontpageAlbumCatch #frontpageAlbumCatchInnerContent { position: absolute; right: 12px; top: 18px; width: 352px; }
#normal { font-family: Georgia; font-style: normal; color: #001782; font-size: 33px; line-height: 35px; margin-bottom: 12px; } /* Header Album frontpage */
#frontpage #contentWrap #frontpageAlbumCatch #frontpageAlbumCatchInnerContent h2 { font-family: Georgia; font-style: italic; color: #001782; font-size: 33px; line-height: 35px; margin-bottom: 12px; } /* Header Album frontpage */
#frontpage #contentWrap #frontpageAlbumCatch #frontpageAlbumCatchInnerContent h2 span { font-weight: bold; }
#frontpage #contentWrap #frontpageAlbumCatch #frontpageAlbumCatchInnerContent ul { margin-bottom: 12px;}
#frontpage #contentWrap #frontpageAlbumCatch #frontpageAlbumCatchInnerContent ul li { color: #8C1125; font-size: 13px; font-weight: bold; line-height: 18px; list-style: inside disc; margin: 0; }
#frontpage #contentWrap #frontpageAlbumCatch #frontpageAlbumCatchInnerContent #fAC-buttons { height: 30px; }
#frontpage #contentWrap #frontpageAlbumCatch #frontpageAlbumCatchInnerContent #fAC-buttons ul li { display: inline; list-style: none; }
#frontpage #contentWrap #frontpageAlbumCatch #frontpageAlbumCatchInnerContent #fAC-buttons ul li a { display: block; float: left; height: 30px; width: 170px; }
#frontpage #contentWrap #frontpageAlbumCatch #frontpageAlbumCatchInnerContent #fAC-buttons ul li a.albumOpties { background: url(../img/buttons/fAC-albumOpties.png) 0 0 no-repeat; margin-right: 12px; }
#frontpage #contentWrap #frontpageAlbumCatch #frontpageAlbumCatchInnerContent #fAC-buttons ul li a.starten { background: url(../img/buttons/fAC-starten.png) 0 0 no-repeat; }
/* Frontpage Three Column */ 
#frontpage #contentWrap #frontpageThreeColumn { height: 200px; margin-top: 8px; position: relative; }
#frontpage #contentWrap #frontpageThreeColumn .fTC-blok { display: block; float: left; margin-right: 12px; position: relative; width: 244px; height: 200px; }
#frontpage #contentWrap #frontpageThreeColumn #fTC-blokRight { margin-right: 0; }
#frontpage #contentWrap #frontpageThreeColumn .fTC-blok .fTC-header { font-family: Georgia; font-style: italic; background: #e1ebff; color: #3b4698; font-size: 16px; font-weight: bold; height: 26px; line-height: 22px; text-align: center; }
#frontpage #contentWrap #frontpageThreeColumn .fTC-blok .fTC-content { padding: 8px; }
#frontpage #contentWrap #frontpageThreeColumn .fTC-blok .fTC-content img { display: block; margin-bottom: 3px; }
#frontpage #contentWrap #frontpageThreeColumn .fTC-blok .fTC-content a.leesVerder { background: url(../img/buttons/fTC-leesVerder.png) 0 0 no-repeat; display: block;  height: 20px; margin-top: 10px; width: 120px; }
#frontpage #contentWrap #frontpageThreeColumn .fTC-blok #nietbeschikbaar { background: url(../img/nietbeschikbaar.png); height: 71px; position: absolute; right: 10px; top: 10px; width: 130px; }

/* page */
#pageBlok { height: auto; position: relative; width: 772px; }
#pageBlok #pageBlokHead { font-family: Georgia; font-style: italic; background: #e1ebff; color: #3B4698; font-size: 16px; font-weight: bold; height: 26px; line-height: 22px; text-align: center; }
#pageBlok #pageBlokContent { padding: 8px 12px; }
#pageBlok #pageBlokContent h6 { color: #001782; font-size: 14px; font-weight: bold; margin: 0; }
#pageBlok #pageBlokContent table { margin: 0; }
#pageBlok #pageBlokContent table td { border-bottom: 1px solid #8C1125; border-right: 1px solid #8C1125; padding: 1px 6px; }
#pageBlok #pageBlokContent table td.fhead, #pageBlok #pageBlokContent table td.head { background: #8C1125; color: #fff; }
#pageBlok #pageBlokContent table th { color: #001782; padding: 2px 0; }

/* Sitemap pagina */
#pageBlok #pageBlokContent ul#sitemap li { list-style: disc inside; }
#pageBlok #pageBlokContent ul#sitemap ul { margin-bottom: 0; }
#pageBlok #pageBlokContent ul#sitemap li.nodisc { list-style: none; }

/* Albums pagina */
#pageBlokAlbums { overflow: hidden; position: relative; }
#pageBlokAlbums .coverSwitch { background-image: url(../img/switchcover/covers/Roze.png); background-position: 0 0; background-repeat: no-repeat; border: 1px solid #8C1125; display: block; float: right; height: 258px; margin-bottom: 8px; padding: 0 10px; width: 138px; }
#pageBlokAlbums .coverSwitch .coverSwitchPalette { margin-top: 141px; }
#pageBlokAlbums .coverSwitch .coverSwitchPalette a { display: block; float: left; height: 24px; margin: 0 4px 2px 0; width: 42px; }
#pageBlokAlbums .coverSwitch .coverSwitchPalette a.last { margin-right: 0; }
#pageBlokAlbums .albumSpecs { margin-right: 180px; }
#pageBlokAlbums .albumSpecs .albumName { color: #001782; display: block; font-size: 24px; font-weight: bold; margin-bottom: 12px; }
#pageBlokAlbums .albumSpecs .albumName .AlbumNameDimensions { font-size: 16px; }
#pageBlokAlbums .albumDetails {}
#pageBlokAlbums .albumDetails p { margin-bottom: 12px; }
#pageBlokAlbums .albumDetails ul { margin-bottom: 12px; }
#pageBlokAlbums .albumDetails ul li { list-style: disc inside; }
#pageBlokAlbumLinks { background: #e1ebff; padding: 8px 12px; overflow: hidden; width: 748px; }
#pageBlokAlbumLinks a { background-position: 50% 50%; background-repeat: no-repeat; display: block; float: left; height: 102px; margin-right: 12px; width: 178px; }
#pageBlokAlbumLinks a.last { margin-right: 0; }
#pageBlokAlbumLinks a:hover { background-color: #fff; }
#pageBlokAlbums #pageBlokAlbumBestelWrap { clear: both; display: block; }
#pageBlokAlbums #pageBlokAlbumBestelWrap a { background: url(../img/buttons/pBP-bestel.png) 0 0 no-repeat; display: block; float: right; height: 20px; margin: 0 10px  10px 0; width: 120px; }

#pageBlokAlbumLinks a.grandxl { background-image: url(../img/producten/grandxl-Link.png); }
#pageBlokAlbumLinks a.deluxels { background-image: url(../img/producten/deluxels-Link.png); }
#pageBlokAlbumLinks a.deluxept { background-image: url(../img/producten/deluxept-Link.png); }
#pageBlokAlbumLinks a.squarem { background-image: url(../img/producten/squarem-Link.png); }
#pageBlokAlbumLinks a.squarexl { background-image: url(../img/producten/squarexl-Link.png); }
#pageBlokAlbumLinks a.strada { background-image: url(../img/producten/strada-Link.png); }
#pageBlokAlbumLinks a.grandxl:hover { background-image: url(../img/producten/grandxl-LinkHover.png); }
#pageBlokAlbumLinks a.deluxels:hover { background-image: url(../img/producten/deluxels-LinkHover.png); }
#pageBlokAlbumLinks a.deluxept:hover { background-image: url(../img/producten/deluxept-LinkHover.png); }
#pageBlokAlbumLinks a.squarem:hover { background-image: url(../img/producten/squarem-LinkHover.png); }
#pageBlokAlbumLinks a.squarexl:hover { background-image: url(../img/producten/squarexl-LinkHover.png); }
#pageBlokAlbumLinks a.strada:hover { background-image: url(../img/producten/strada-LinkHover.png); }  \

/* Product pagina's */
#pageBlokProduct {}
#pageBlokProduct #pageBlokProductImg { display: block; float: right; width: 290px; height: 220px; }
#pageBlokProduct #pageBlokProductContent { margin-right: 300px; }
#pageBlokProduct #pageBlokBestelWrap { clear: both; display: block; }
#pageBlokProduct #pageBlokBestelWrap a { background: url(../img/buttons/pBP-bestel.png) 0 0 no-repeat; display: block; float: right; height: 20px; width: 120px; }

/* -----------------------------------------------------------------------------------------------------( Content )--- */
#footerWrap { background: url(../img/footer-bg.png) 50% 50% no-repeat; height: 116px; margin: 8px auto 0 auto; position: relative; text-align: left; width: 780px; }
#footerWrap a { display: block; height: 24px; position: absolute; width: 220px; }
#footerWrap a.privacy { right: 16px; top: 17px; }
#footerWrap a.betalen { right: 16px; top: 46px; }
#footerWrap a.sitemap { right: 16px; top: 75px; }
#footerWrap a.contact { right: 248px; top: 17px; }
#footerWrap a.hoewerkthet { right: 248px; top: 46px; }
#footerWrap a.voorwaarden { right: 248px; top: 75px; }


label {
    float: left;
    width: 155px;
    text-align: left;
    padding-top: 5px;
}

input, textarea, select {
    padding: 3px;
    margin: 3px;
    border: 1px solid #bac5d6;
    font: 10px Verdana, sans-serif;
    background: #fff;
	width: 234px;
}
select {
	width: 242px;
}
input.submit { width: auto; }
input.fout, textarea.fout, select.fout {
    border: 1px solid #FF0000;
}

label.fout {
    color: #FF0000;
}