/* Start of CMSMS style sheet 'Fotoalbum.nl (nieuw)' */
/*
 CSS Document for Fotoalbum.nl
 http://www.fotoalbum.nl/
 
 Author: Kelvin Divendal
 */
/* Initial cleanup
 ----------------------------------------------- */ * {
    margin: 0;
    padding: 0;
}

img {
    border: 0;
}

form label {
    /*cursor: pointer;*/
}

fieldset {
    border: none;
}

input, select, textarea {
    font-size: 1.1em;
}

input.linux {
    height: 73px;
    width: 83px;
    background: url(images/downloadbutton/download-software-linux-klein.png);
    border: none;
}

input.windows {
    height: 73px;
    width: 228px;
    background: transparent url(images/downloadbutton/software-windows-blue.jpg);
    border: none;
}

input.mac {
    height: 73px;
    width: 83px;
    background: transparent url(images/downloadbutton/download-software-mac-klein.png);
    border: none;
}

textarea {
    font-size: 12px;
}

table {
    border-collapse: collapse;
}

/* Main structure
 ----------------------------------------------- */
body {
    text-align: center; /* IE */
    font: 62.5% / 125% Arial, Helvetica, sans-serif;
    background: #f2f2f2;
    color: #333;
    margin-top:10px;
}

#wrap {
    position: relative;
    width: 910px;
    text-align: center;
    margin: 0 auto;
    background: #FFFFFF url(images/bg-wrap-nieuw.gif) repeat-y top center;
}

#header {
    position: relative;
    width: 910px;
    height: 100px;
    text-align: left;
    margin: 0 0px 0 0px;
    overflow: visible;
}

#menu {
    width:910px;
    height:35px;
    background-color:#f2f2f2;
}

#title {
    margin-left:96px;
    height:64px;
    width:814px;
}

#title h2 {
    line-height:64px;
    font-weight:normal;
    color:0073C1;
    font-family:Arial, Helvetica, sans-serif;
    padding:0;
    margin: 0 0 0 5px;
}

#countryswitch {
    height:54px;
    width:64px;
    position:absolute;
    right:20px;
    padding:5px 0;
    text-align:right;
}
#countryswitch img {
    height:22px;
    width:32px;
    margin-left:32px;
}

#content {
    position: relative;
    width: 900px;
    text-align: left;
    margin: 0 0 0 5px;
    padding: 0;
}

#footer {
    position: relative;
    width: 910px;
    height: 51px;
    text-align: center;
    margin: 0 auto;
    background: #FFFFFF url(images/bg-footer-nieuw.gif) no-repeat top center;
}

br.clear {
    clear: both;
}

/* Titles
 ----------------------------------------------- */
h1 {
    position: absolute;
    left: 0px;
    width: 96px;
    height: 100px;
    z-index: 50;
    overflow:visible;
}

h1 a {
    display: block;
    width: 96px;
    height: 100px;
    background: url(images/logo_small_grey.gif) no-repeat top left;
    border: 0;
    overflow:visible;
}

h1 span {
    display: none;
}
/*
 * Header color, dark blue: #107CBD
 * Used to be: #6BB0DA
 */
h2 {
    font-size: 2.6em;
    line-height: 1em;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    letter-spacing: -1px;
    padding: 0.5em 0 0.3em 0.5em;
    color: #107CBD;
}

h2 a {
    color: #107CBD;
    text-decoration: none;
    border: 0;
}

h2.red {
    padding: 0.5em 0 0 0.5em;
    color: #6F0016;
}

h2.red a {
    color: #6F0016;
    text-decoration: none;
}

h3 {
    font-size: 1.5em;
    line-height: 1.5em;
    font-family: Arial, Helvetica, sans-serif;

    font-weight: bold;
    padding: 0 0 0 1em;
    color: #107CBD;
}

h3 a {
    color: #6BB0DA;
    text-decoration: none;
    border: 0;
}

h3.big {
    font-size: 4em;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    padding: 0.2em 0.4em 0 0;
    color: #FFFFFF;
    text-align: right;
}

h3.big a {
    color: #FFFFFF;
    text-decoration: none;
}

h4 {
    font-size: 1.5em;
    line-height: 1.2em;
    font-family: Arial, Helvetica, sans-serif;
    padding: 1em;
    letter-spacing: normal;
    color: #8B8B8B;
    text-transform: uppercase;
}

h4 a {
    color: #8B8B8B;
    text-decoration: none;
    border: 0;
}

h4 a:hover {
    color: #8B8B8B;
}

p {
    padding: 0 1.5em 1.5em 1.5em;
    font-size: 1.1em;
    line-height: 1.5em;
}

/* Portals (by Elte)
 --------------------------------------- */
h2#portals {
	width:105px;
	height:105px;
	position:absolute;
	left:115px;
	top:0;
	padding:0;
	margin:0;
	z-index:51;
}
h2#portals ul {
	list-style:none;
}
h2#portals a {
	width:105px;
	height:35px;
	display:block;
	background:url(/images/portals/portal-fotoalbum2.png) bottom center no-repeat;
	margin:0;
	padding:0;
}
h2#portals a.active {
	background-position:top;
}
h2#portals a span {
	display:none;
}
h2#portals a#fotobox {
	background-image:url(/images/portals/portal-fotobox2.png);
}
h2#portals a#albumviewer {
	background-image:url(/images/portals/portal-albumviewer2.png);
}

/* Content
 ----------------------------------------------- */
/* Header
 --------------------------------------- */
#header-menu {
    margin: 0 0 0 96px;
}

#header-menu ul {
    list-style: none;
    width: 500px;
}

#header-menu li {
    list-style: none;
    display: inline;
}

#header-menu a {
    display: block;
    width: 86px;
    height: 30px;
    float: left;
    background:url(images/menu_item_bg.gif) top left no-repeat;
    padding: 5px 2px 0 2px;
    text-decoration: none;
    color: #E9EDEE;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    border: 0;
    margin-top:1px;
}

#header-menu a span {
    width: 70px;
    position: relative;
    top: 2px;
    padding: 0 8px 0 8px;
    cursor: pointer;
    display:block;
    text-align:center;
}

#header-menu a#active {
    background:url(images/menu_item_bg_active.gif) top left no-repeat;
    font-weight:bold;
    color:#0073C1;
}

#header-menu a:hover {
    background:url(images/menu_item_bg_active.gif) top left no-repeat;
    font-weight:bold;
    color:#0073C1;
}

/* Download page
 --------------------------------------- */
div.downloadpage-horizontalbar {
    float:left;
    width:900px;
    height:4px;
    background:url('images/downloadpage-horizontalbar.gif') top left repeat-x;
}
div.downloadpage-left h3 {
	line-height:1em;
	width:355px;
}
div.downloadpage-left {
    float:left;
    width:426px;
	height:540px;
	padding-left:97px;
	padding-right:103px;
	padding-top:10px;
}
div.downloadpage-verticalbar {
    float:left;
	width:4px;
	height:550px;
	background:url('images/downloadpage-verticalbar.gif') top left repeat-y;
}
div.downloadpage-right {
    float:left;
    width:270px;
	height:540px;
	padding-top:10px;
}
div.downloadpage-right-horizontalbar {
    float:left;
	width:270px;
	height:4px;
	background:url('images/downloadpage-horizontalbar.gif') top left repeat-x;
}


/* Inpiration page
 --------------------------------------- */
div.inspiration-left {
	width:138px;
	height:880px;
	float:left;
	padding:0 11px;
}

div.inspiration-right {
	width:736px;
	height:800px;
	float:left;
}

.inspiration-links {
	display:block;
	width:138px;
	height:150px;
	pading:10px;
	float:left;
	cursor:pointer;
}

div.inspiration-verticalbar {
    float:left;
	width:4px;
	height:880px;
	background:url('images/downloadpage-verticalbar.gif') top left repeat-y;
}



/* Blocks (modified by Elte)
 --------------------------------------- */
ul.content-blocks {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
    float: left;
}

ul.content-blocks li {
    width: 292px;
    height: 160px;
    float: left;
    position: relative;
    margin: 0 0 0 12px;
    overflow: hidden;
}

ul.content-blocks li a {
    color: #6bb0da;
    text-decoration: none;
}

ul.content-blocks li a:hover {
    color: #ff0111;
    text-decoration: none;
}

ul.content-blocks li h3 {
    font-size: 1.2em;
    color: #69b0da;
}

ul.content-blocks li div.floating-content {
    position: absolute;
    top: 8px;
    left: 8px;
    width: 100px;
}

ul.content-blocks li.expl {
    font-size: 11px;
	line-height:14px;
}

ul.content-blocks li.expl h2 {
    font-size: 20px;
    color: #6bb0da;
    padding: 0;
    margin-bottom: 5px;
	/*font-weight:normal;*/
}

ul.content-blocks li div.floating-content h2 {
    color: #ff000e;
    font-size: 20px;
    padding: 0;
    margin-bottom: 0.5em;
	/*font-weight:normal;*/
}

ul.content-blocks li div.floating-content h3 {
    color: #5f5f5f;
    font-size: 12px;
    text-transform: none;
    padding: 0;
    margin: 0;
    line-height: normal;
    font-weight: normal;
}

ul.content-blocks-low li div.floating-content {
    width: auto;
	top:5px;
}

ul.content-blocks-low li div.floating-content a {
    font-size: 11px;
    font-weight: normal;
}

ul.content-blocks-low li div.floating-content.limited {
    width: 180px;
}

ul.content-blocks-low li div.floating-content h2 {
    color: #6bb0da;
    font-size: 16px;
}

ul.content-blocks-low li div.floating-content p {
    margin: 5px 0;
    padding: 0;
}

ul.content-blocks li.first {
    margin: 0;
}

ul.content-blocks li.double-padding {
    width: 576px;
    padding: 0 10px;
}

ul.content-blocks li.addBorder {
    border: 1px solid #dddddd;
    width: 290px;
    height: 158px;
}

ul.content-blocks-half li {
    height: 78px;
}

ul.content-blocks-low li {
    height: 66px;
}

ul.content-blocks-low li.addBorder {
    height: 64px;
}

.content-blocks li a.imglink {
    position: absolute;
    bottom: 0px;
}

div#bottom-line {
    clear: both;
    height: 29px;
    padding: 0 10px;
}

img#betalingsopties {
    width: 246px;
    height: 29px;
    display: block;
    float: left;
}

img#awards {
    width: 245px;
    height: 29px;
    display: block;
    float: right;
}

/* Homepage slideshow */
.content-slideshow {
    width: 900px;
    height: 298px;
    border: 1px solid #c5c5c5;
    border-width: 1px 0;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
}

/* Slideshow navigation */
#slideshow-nav {
    height: 18px;
    position: absolute;
    left: 20px;
    bottom: 15px;
    z-index: 99;
}

#slideshow-nav a {
    display: block;
	overflow:hidden;
    width: 12px;
    height: 18px;
    float: left;
    margin-left: 8px;
    background: url(images/slides_home/aktie_control_inactive.png) no-repeat center center;
}

#slideshow-content {
    position: absolute;
    left: 10px;
    top: 60px;
    z-index: 99;
    font-size: 11px;
    width: 200px;
}

#slideshow-content h2 {
    font-size: 20px;
    color: #ff0111;
    /*font-weight: normal;*/
}

#slideshow-nav a.activeSlide {
    background-image: url(images/slides_home/aktie_control_active.png);
}

#slideshow-nav a span {
    display: none;
}

#nav-items {
    float: left;
    margin: 0 5px;
	height:18px;
	overflow:hidden;
}

/* next/prev */
a#slideshow-next {
    width: 15px;
    height: 18px;
    background: url(images/slides_home/aktie_control_right.gif) no-repeat center;
}

a#slideshow-next:hover {
    background: url(images/slides_home/aktie_control_right_mouseover.gif) no-repeat center;
}

a#slideshow-prev {
    width: 15px;
    height: 18px;
    background: url(images/slides_home/aktie_control_left.gif) no-repeat center;
}

a#slideshow-prev:hover {
    background: url(images/slides_home/aktie_control_left_mouseover.gif) no-repeat center;
}

.content-left-large {
    width: 596px;
    height: 298px;
    margin: 0 0 12px 0;
    position: relative;
    overflow: hidden;
}

.content-left-small {
    width: 293px;
    margin: 0 0 12px 0;
}

.content-right-small {
    width: 292px;
    height: 298px;
    background: #E2EFF7;
    float: right;
    margin: 0 0 12px 0;
    cursor: pointer;
}

.content-right-medium {
    width: 596px;
    background: #E2EFF7;
    float: right;
    margin: 0 0 12px 0;
}

.content-right-large-box {
    width: 730px;
    float: right;
}

.content-right-large {
    width: 730px;
    background: #E2EFF7;
    margin: 0 0 12px 0;
}

.content-block-1 {
    width: 292px;
    height: 160px;
    background: #FF0000;
    cursor: pointer;
}

.content-block-2 {
    width: 290px;
    height: 158px;
    border: 1px solid #C5C5C5;
    float: right;
    cursor: pointer;
}

.content-block-2 img {
    position: absolute;
    bottom: 1px;
}

.content-block-3 {
    width: 290px;
    height: 158px;
    border: 1px solid #C5C5C5;
    float: right;
    margin: 0 0 0 12px;
    cursor: pointer;
}

.bulletmenu {
    width: 167px;
    padding: 70px 0 0;
}

.bulletmenu ul {
    list-style: none;
}

.bulletmenu li {
    list-style: none;
}

.bulletmenu a {
    display: block;
    text-decoration: none;
    color: #6BB0DA;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.2em;
    border: 0;
}

.bulletmenu a.level_0 {
    margin: 0 10px 20px 10px;
    color: #096197;
}

.bulletmenu a.level_1 {
    margin: 15px 10px 5px 10px;
}

.bulletmenu a.level_2 {
    margin: 0 15px 5px 15px;
    text-transform: none;
}

.bulletmenu a.currentpage {
    color: #096197;
}

ul {
    list-style: none;
}

li {
    list-style: none;
}

ul#faq {
    margin: 0 1.5em 1.5em 1.5em;
}

ul#faq li {
    margin: 0 0 5px;
    font-size: 1.1em;
}

ul#faq li.faq {
    margin: 0 0 5px 10px;
    line-height: 1.6em;
    display: none;
}

/* Voorbeeldalbums */
ul#voorbeeldalbums {
	list-style:none;
	margin:0;
	margin-left:15px;
	padding:0;
	height:180px;
}
ul#voorbeeldalbums li {
	display:inline;
	margin:0;
	padding:0;
}
ul#voorbeeldalbums li a {
	display:block;
	text-align:left;
	width:145px;
	height:180px;
	float:left;
}
ul.productwijzer li {
	margin-bottom:0.5em;
	list-style:disc;
	font-size:1.1em;
}
#flash-overlay {
	overflow:hidden;
	opacity:0.01;
	filter:alpha(opacity = 1);
}
/* Footer
 --------------------------------------- */
#footer-menu {
    margin: 0 26px 0 22px;
    padding: 8px 0 0 0;
    text-align: left;
}

#footer-menu ul {
    list-style: none;
}

#footer-menu li {
    list-style: none;
    display: inline;
}

#footer-menu a {
    margin: 0 10px 0 0;
    text-decoration: none;
    color: #B5B497;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
    border: 0;
}

/* Price Labels
 ----------------------------------------------- */
.price-label, .price-label2 {
    width: 50px;
    height: 42px;
    text-align: left;
    font-size: 3em;
    line-height: normal;
    font-weight: bold;
    position: relative;
    letter-spacing: -3px;
}

.price-label-small {
    background: url(images/price-label-small.gif) top left;
    padding: 3px 0 0 40px;
}

.price-label-medium {
    background: url(images/price-label-medium.gif) top left;
    padding: 18px 0 0 48px;
}

.super {
    font-size: 0.45em;
    position: absolute;
    letter-spacing: -1px;
}

.price-label-small .super {
    left: 61px;
    top: 8px;
}

.price-label-medium .super {
    left: 69px;
    top: 23px;
}

.price-label2 {
    width: 55px;
    height: 42px;
}

.price-label-small2 {
    background: url(images/price-label-small.gif) top left;
    padding: 3px 0 0 35px;
}

.price-label-medium2 {
    background: url(images/price-label-medium.gif) top left;
    padding: 18px 0 0 43px;
}

.super2 {
    font-size: 0.9em;
    position: absolute;
}

.price-label-small2 .super2 {
    left: 73px;
    top: 1px;
}

.price-label-medium2 .super2 {
    left: 81px;
    top: 16px;
}

/* Quality-page
 ----------------------------------------------- */
.kwaliteit-img {
	float:right;
	width:310px;
	margin-top:-10px;
}
.kwaliteit-img img {
	margin-top:-25px;
}

.kwaliteit-text {
	float:left;
	width:400px;
	margin-left:16px;
}

 
/* Links
 ----------------------------------------------- */
a {
    text-decoration: none;
    color: #107CBD;
    font-weight: bold;
}

a:hover {
    color: #6BB0DA;
}

/* Albumpage covers */
div#coverItems a {
	text-decoration:none;
	margin:5px;
}
div#coverItems a img {
	padding:2px;
	border:1px solid #cccccc;
}
div#coverItems a:hover {
	margin:5px;
}
div#coverItems a:hover img {
	padding:2px;
	border:1px solid #222222;
}
div#coverItems p {
	margin-bottom:5px;
	padding:0;
}

/* Trigger styles
----------------------------------------------- */
ol.trigger-lijst {
	float:left;
	list-style-type:decimal;
	margin-left:70px;
	font-weight:bold;
}
ol.trigger-lijst li {
	list-style-type:decimal;
	float:left;
	width:600px;
}
#trigger-content1 {
	float:left;
	width:150px;
	padding-right:0;
	margin-right:0;
	margin-top:10px;
	margin-left:18px;
}
#trigger-content2 {
	float:right;
	width:537px;
	height:280px;
	margin-top:20px;
	background-image:url('/images/trigger/uitleg.jpg');
}
#trigger-content3 {
	float:left;
	width:600px;
	margin-left:18px;
}
a#trigger-brochure {
	line-height:33px;
	display:block;
	background-image:url('/images/trigger/pdf.jpg');
	background-repeat:no-repeat;
	padding-left:35px;
}
#trigger-album {
	width:600px;
	float:left;
}
#trigger-productinfo {
	float:left;
	width:730px;
	margin-left:15px;
}
#trigger-productwijzer {
	float:left;
	width:350px;
	margin-left:15px;
}
#trigger-download {
	float:left;
	width:350px;
}


/* B2B Styles
 ----------------------------------------------- */

#b2b-voorbeeld {
	float:right;
	width:403px;
	height:342px;
	background-image:url('/images/b2b/cadeaubon-samsung.jpg');
}

.b2b-lijst {
	float:left;
	list-style-type:decimal;
	margin-left:35px;
	font-weight:bold;
	margin-bottom:20px;
}

.b2b-lijst li {
	list-style-type:decimal;
}

.b2b-content {
	float:left;
}

.b2b-content p {
	margin-left:20px;
	float:left;
}

.b2b-content span {
	margin-left:15px;
	
}

#b2b-contact {
	float:right;
	width:730px;
	background-color:#E2EFF7;
	background-image:url('/images/b2b/contact_bg.jpg');
	background-repeat:repeat-y;
	background-position:right;
	margin-bottom:20px;
}
#b2b-contact-topbg {
	float:right;
	width:729px;
	height:70px;
	background-image:url('/images/b2b/contact_bg1.jpg');
	background-repeat:no-repeat;
	background-position:right;
}
#b2b-contact-content {
	float:right;
	width:550px;
	margin-right:45px;
	color:#107CBD;
	padding-left:25px;
	font-size:14px;
	line-height:18px;
}
#b2b-contact-bottombg {
	float:right;
	width:720px;
	height:10px;
	background-image:url('/images/b2b/contact_bgbottom.jpg');
	background-repeat:no-repeat;
	background-position:top right;
}

/* Klantenservice-pagina
 ----------------------------------------------- */

ul#klantenservice {
  list-style-type:none;
  display:block;
  float:left;
  margin-top:20px;
}

ul#klantenservice li {
  display:block;
  float:left;
  width:275px;
  height:137px;
  margin-left:15px;
}

ul#klantenservice li img {
  float:left;
  height:136px;
  width:136px;
}

ul#klantenservice li h3, ul#klantenservice li p {
  float:left;
  width:130px;
  padding:0;
}

.footzy-list li {
	list-style:inherit;
	font-weight:bold;
}



/* Standard sIFR styles (do not modify)
 ----------------------------------------------- */
.sIFR-flash {
    visibility: visible !important;
    margin: 0;
}pro

.sIFR-replaced {
    visibility: visible !important;
}

span.sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab = true] {
    display: none !important;
}



#prijslijst-content {
    width: 850px;
	padding-left:25px;
	padding-right:25px;
    margin-bottom: 20px;
	margin-top:-10px;
	height:650px;
} 
  #prijslijst-content h2 {margin-left:250px;}

#prijslijst-menu {margin-left:300px;}
  
.prijslijst
    #albums-normaal {width:850px; float:left; margin-top:30px;}
  #albums-fotopapier {width:850px; float:left; margin-top:30px;}
  #albums-schrift {width:850px; float:left; margin-top:30px;}
  .productlijst {display:block; float:left; width:150px; margin-top:10px;}
  .productlijst li {width:175px; float:left; margin-left:15px; display:block;}
  .productnaam {display:block; width:100px; font-weight:bold; color:#107CBD; float:left; font-decoration:none;}
  .productformaat {display:block; width:75px; float:left;}
  .prijstabel {display:block; float:left; background-color:#FFFFFF; margin-left:40px; border:10px solid #FFFFFF;}
  .prijstabel th {font-weight:normal; font-style:italic; width:100px; text-align:left;}

/*Niet netjes... Maar is tijdelijk even nodig totdat de JS erbij komt*/  
#prijslijst-kalenders {visibility:hidden;}
#prijslijst-fotocadeaus {visibility:hidden;}
#prijslijst-overig {visibility:hidden;}






/************************
 *	New footer styles   *
 ************************/ 
#newfooter {
	background:url("images/bg-wrap-nieuw.gif") repeat-y scroll center top #FFFFFF;
	margin:0 auto;
	position:relative;
	text-align:center;
	width:910px;
	margin-bottom:15px;
	float:left;
	text-align:left;
	color:#B5B497;
}
#newfooter-topshadow {
	height:4px;
	width:900px;
	float:left;
	background:url("images/downloadpage-horizontalbar.gif") repeat-x scroll left top transparent;
	margin:20px 5px -10px 5px
}
#newfooter-bottom {
	margin-top:10px;
	height:9px;
	width:910px;
	float:left;
	background:url('images/bg-footer-nieuw.gif');
}
#column-1, #column-2, #column-3, #column-4 {
	padding-top:15px;
}
#newfooter a.header {
	font-weight:bolder;
	display:block;
	width:200px;
	float:left;
	margin-left:80px;
	font-size:10px;
	margin-top:15px;
	color:#B5B497;
}
.newfooter-group {
	width:200px;
	text-align:left;
	padding-top:15px;
	margin-left:80px;
	font-size:10px;
}
.newfooter-group li a {
	font-weight:100;
	color:#B5B497;
}
.newfooter-group li {
	float:left;
	clear:both;
	margin-top:1px;
}
/* End of 'Fotoalbum.nl (nieuw)' */