@CHARSET "ISO-8859-1";
/* reset
http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
/* those types i moved out of the list because we dont want to reset and describe them all in our css..(too much work)
strong, i, b, u, small, strike, sub, sup,
abbr, acronym, address, big, cite, code,
del, dfn, ins, kbd, q, s, samp,
tt, var,
*/
html, body, div, span, applet, object, iframe, center,
em, img,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
background-color:#ffffff;
width:100%;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* Changes for responsiveness, by Hans 2016-04-15 */
@media screen and (min-width: 1024px) /* Tablet */ {
#articleBody { font-size:1.143em; }
.commentWrapper .nameanddate, .commentWrapper .content { font-size:1em; }
#photodescription .description{font-size:1.0em;}
}
@media screen and (min-width: 500px) and (max-width: 1023px) /* Desktop */ {
#articleBody { font-size:1.3em; }
.commentWrapper .nameanddate, .commentWrapper .content { font-size:1.3em; }
#showAllComments a { font-size:1.3em; }
#photodescription .description{font-size:1.3em;}
}
@media screen and (min-width: 500px) /* Desktop */ {
body {min-width:1175px; }
.sitewidth {width: 1132px;}
.siteWrapper { width: 1132px; padding: 0 20px; }
#contentcolumn { width: 780px; }
.photoBlock.thumb2{ width:250px;height:250px;margin-bottom: 15px; margin-left:15px; }
.photoBlock.thumb2 .title a, .photoBlock .title span {color:#fff; font-size:1.143em ; font-weight:500; }
.photoBlock.thumb2 .name a {color:#fff; font-size:1.0em ; }
#idgFooter {width: 1132px;}
.paginator a, .numbers .current, .pageNumber, .paginatorNext, .paginatorPrevious{background: #129cb5; color: white; display:block; float:left; padding: 2px 6px 4px;margin: 0 2px;}
#user_identity p {font-size:1.0em;}
.like span, .favorite span { font-size: 1.286em; }
#breadcrumbs { font-size: 0.857em;}
#tabsmenu_categorytabs li a { padding: 8px 6px 2px 6px; font-size: 85%; }
#contentcolumn.uploadform { width: 778px; }
#login_container { width:808px;}
#field_profileimage{position:absolute;}
#field_contact{float:right; }
#field_personal{float:left; margin-top:200px;}
}
@media screen and (max-width: 499px) /* Mobile */ {
#stickyHeader { display: none !important; }/* disable sticky menu on small screens */
#idg-cookie-bar { display: none; }
body { min-width: 650px; }
.sitewidth { width: 100%; }
.siteWrapper { width: 100%; padding: 0 2px; }
#contentcolumn { width: 100%; }
.photoBlock.thumb2{ width:216px; height:216px; margin-bottom: 2px; margin-left: 2px;}
.photoBlock.thumb2 .photo .portrait { width:216px; height:216px; }
.photoBlock.thumb2 .photo .landscape { width:216px; height:216px; }
.photoBlock.thumb2 .title a, .photoBlock .title span {color:#fff; font-size:1.3em ; font-weight:500; }
.photoBlock.thumb2 .name a {color:#fff; font-size:1.3em ; }
.commentWrapper .nameanddate, .commentWrapper .content { font-size:1.8em; }
#articleBody { font-size:1.8em; }
#idgFooter { width: 100%; }
#collectionCarrousel .carrouselItems li a.carrouselImage img { width:100% ;}
#rightcolumn { display:none;}
#leadCarrouselWrapper { display:none;}
#socialbuttons { display:none;}
#header_menu { display:none;}
#stickyHeader #menu_word-abonnee { display:none;}
.paginator a, .numbers .current, .pageNumber, .paginatorNext, .paginatorPrevious{background: #129cb5; color: white; display:block; float:left; padding: 2px 8px 4px;margin: 0 4px;font-size: 1.5em;}
#rating { font-size:1.15em; }
#user_identity p { font-size:1.25em;}
#rightcolumn #tags,#tags ,#commentForm { font-size:1.3em;}
#photodescription .description { font-size:1.8em;}
.like span, .favorite span { font-size: 1.4em; }
#showAllComments a { font-size: 1.8em; }
#tabsmenu_categorytabs li a {padding: 8px 4px 2px 4px; font-size: 0.815em; }
#breadcrumbs { font-size: 1.2em;}
#tabsmenu_home { font-size: 0.90em; }
#before_reactions { display:none; }
#leftcolumn.multiple_upload{width:650px;}
#contentcolumn.uploadform { width: 650px ; margin-top:5px; }
#login_container { width: 390px; }
#collectionList ul li a img { width:100%; }
#field_profileimage { float:left; position:relative; }
#field_contact{float:left; }
#field_personal{float:left; }
#headerPromotional { display:none ; }
}
/* custom fonts */
@font-face {
/*font-family: 'Raleway';
src: url('/fonts/Sansa-Normal.eot');
src: local('?'),
url('/fonts/Sansa-Normal.otf') format('opentype'),
url('/fonts/Sansa-Normal.ttf') format('truetype'),
url('/fonts/Sansa-Normal.svg') format('svg');
font-weight: normal;
font-style: normal;*/
/*font-family: 'Raleway';
src: url(http://themes.googleusercontent.com/static/fonts/Raleway/v7/xkvoNo9fC8O2RDydKj12b1QlYEbsez9cZjKsNMjLOwM.eot);
src: local('?'),
url(http://themes.googleusercontent.com/static/fonts/Raleway/v7/IczWvq5y_Cwwv_rBjOtT0w.woff) format('woff'),
url(http://themes.googleusercontent.com/static/fonts/Raleway/v7/xkvoNo9fC8O2RDydKj12b1QlYEbsez9cZjKsNMjLOwM.eot),
url(http://themes.googleusercontent.com/static/fonts/Raleway/v7/bIcY3_3JNqUVRAQQRNVteQ.ttf) format('truetype');
font-style: normal;
font-weight: 400;
}
@font-face {
font-family: 'SansaStdSemiBold';
src: url('/fonts/sansa-semibold-webfont.eot');
src: url('/fonts/sansa-semibold-webfont.eot?#iefix') format('embedded-opentype'),
url('/fonts/sansa-semibold-webfont.woff') format('woff'),
url('/fonts/sansa-semibold-webfont.ttf') format('truetype'),
url('/fonts/sansa-semibold-webfont.svg#SansaStdSemiBold') format('svg');
font-weight: normal;
font-style: normal;*/
}
/*
ColorBox Core Style:
The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:10000000; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
/*
User Style:
Change the following styles to modify the appearance of ColorBox. They are
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#fff;}
#colorbox{}
#cboxTopLeft{width:25px; height:25px; background:url(/images/layout/colorbox/border1.png) no-repeat 0 0;}
#cboxTopCenter{height:25px; background:url(/images/layout/colorbox/border1.png) repeat-x 0 -50px;}
#cboxTopRight{width:25px; height:25px; background:url(/images/layout/colorbox/border1.png) no-repeat -25px 0;}
#cboxBottomLeft{width:25px; height:25px; background:url(/images/layout/colorbox/border1.png) no-repeat 0 -25px;}
#cboxBottomCenter{height:25px; background:url(/images/layout/colorbox/border1.png) repeat-x 0 -75px;}
#cboxBottomRight{width:25px; height:25px; background:url(/images/layout/colorbox/border1.png) no-repeat -25px -25px;}
#cboxMiddleLeft{width:25px; background:url(/images/layout/colorbox/border2.png) repeat-y 0 0;}
#cboxMiddleRight{width:25px; background:url(/images/layout/colorbox/border2.png) repeat-y -25px 0;}
#cboxContent{background:#fff; overflow:hidden;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:20px;}
#cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
#cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
#cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
#cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
#cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
#cboxLoadingOverlay{background:#fff url(/images/layout/colorbox/loading.gif) no-repeat 5px 5px;}
#cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}
/*
The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to or needed in IE9.
See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}
/* zoom colorbox default overwrite */
#cboxClose, #cboxTitle{display:none !important;}
#cboxLoadedContent{margin-bottom:0px;}
body {
color:#4a4a4a;
font-family: "Open Sans", Tahoma, Arial, sans-serif;
font-size:87.5%; /* base font 14px */
/* 1.0em becomes 13px (base 14) 0.9285em */
/* 1.0em becomes 14px (base 14) 1.0em */
/* 1.071em becomes 15px (base 14) 1.071em */
/* 1.143em becomes 16px (base 14) 1.143em */
/* 1.417em becomes 17px (base 14) 1.214em */
/* 1.286em becomes 18px (base 14) 1.286em */
/*background: #efefef url('../images/layout/site_bg.png') top left repeat-x;*/
margin:0;
/* done with media queries
min-width:1175px; /* 1132 + (2 x 20px padding from siteWrapper) */
}
/** {
padding:0;
margin:0;
border:0;
}*/
html
{
/*cursor:pointer;*/
}
a img
{
vertical-align:bottom;
}
em {
font-style: italic;
}
a
{
color:#129cb5;
text-decoration:none;
}
ul
{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
.clear-left {
clear: left;
}
.clear-right {
clear: right;
}
.clear-both {
clear: both;
}
.border
{
margin-top:15px;
padding-bottom:15px;
height:1px;
border-top: 1px solid #DDDDDD;
line-height:0px;
font-size:1px;
}
.no_btm_border {border-bottom:0px none}
.no_top_border {border-top:0px none}
.right{float:right}
.left{float:left}
.bold{font-weight:bold}
.hide{display:none}
.alignleft{text-align:left}
/* centralized background sprite usage */
/* use 'globalsprite' class for background or list the css object here */
/*.msg,*/
#nav li a.withchild,
.sub_nav li a.withchild,
.archive a.withchild,
.icon,
/*.textbutton,
.textbutton input,
.textbutton span,*/
.minus_1,
.minus_1 span,
.plus_1,
.plus_1 span,
.social_icon,
.bulletlist li,
.checklist li,
.label dt label.required,
.carrouselPrev span,
.carrouselNext span,
#tabsmenu_home li.more a:after,
.globalsprite
{
/* 'r' param bypasses old proxy url */
background-image: url("/images/layout/global_sprite.png?r=6");
background-color: transparent;
background-repeat: no-repeat;
}
/* buttons */
.icon
{
display: block;
text-indent: -1000px;
cursor:pointer;
overflow: hidden;
}
.social_icon {
display: block;
text-indent: -1000px;
cursor:pointer;
height: 26px;
width: 26px;
overflow: hidden;
}
/* text + background - buttons and submitbuttons
text
*/
.textbutton .globalsprite
{
}
.textbutton span,
.textbutton input
{
color:#fff;
background-color: transparent;
border: 0 none;
margin:0;
font-family: Raleway, Tahoma, Arial, sans-serif;
font-weight: normal;
/*text-transform:uppercase;*/
cursor:pointer;
}
.textbutton input:disabled {
cursor: auto;
}
/*.dynamic_1 span, .dynamic_1 input { font-size:13px; padding:5px 0 6px 7px; display:inline-block; background-position:left -473px;}
.dynamic_1:hover > span{background-position:left -437px;}
.dynamic_1:hover > input {font-size:13px; background-position:left -437px;}
.dynamic_1 {display:inline-block; padding-right:7px; background-position:right -545px;}
.dynamic_1:hover {background-position:right -509px;}*/
.dynamic_1 span, .dynamic_1 input {
font-size: 1.0em;
font-weight:500;
display:inline-block;
padding: 6px 10px;
background-color:#129cb5;
}
/*.dynamic_2 span, .dynamic_2 input { font-size:13px;padding:6px 0 7px 8px; display:inline-block; background-position:left -620px;}
.dynamic_2:hover > span{background-position:left -581px;}
.dynamic_2:hover > input {background-position:left -581px;}
.dynamic_2 {display:inline-block; padding-right:8px; background-position:right -698px;}
.dynamic_2:hover {background-position:right -659px;}*/
.dynamic_2 span,
.dynamic_2 input
{
font-size: 1.071em;
font-weight:500;
display:inline-block;
padding: 7px 15px;
background-color:#129cb5;
}
/*.dynamic_3 span, .dynamic_3 input { font-size: 15px; line-height:18px; display:inline-block;padding:7px 0 10px 12px; background-position:left -781px;}
.dynamic_3:hover > span{background-position:left -737px;}
.dynamic_3:hover > input {background-position:left -737px;}
.dynamic_3 {display:inline-block; padding-right:12px; background-position:right -869px;}
.dynamic_3:hover {background-position:right -825px;}*/
.dynamic_3 span, .dynamic_3 input {
font-size: 1.071em;
font-weight:500;
display:inline-block;
padding: 8px 20px;
background-color:#ff7b0d;
}
.dynamic_3 span, .dynamic_3 input:disabled {
background-color: #ccc;
}
.dynamic_green_3 span, .dynamic_green_3 input { font-size: 15px; line-height:18px; display:inline-block;padding:7px 0 10px 12px; background-position:left -2400px;}
.dynamic_green_3:hover > span{background-position:left -2498px;}
.dynamic_green_3:hover > input {background-position:left -2498px;}
.dynamic_green_3 {display:inline-block; padding-right:12px; background-position:right -2444px;}
.dynamic_green_3:hover {background-position:right -2542px;}
.plus_1 span, .plus_1 input { font-size:13px; padding:5px 0 6px 20px; display:inline-block; background-position:left -1133px;}
.plus_1:hover > span {background-position:left -1097px;}
.plus_1:hover > input {font-size:13px; background-position:left -1097px;}
.plus_1 {display:inline-block; padding-right:7px; background-position:right -545px;}
.plus_1:hover {background-position:right -509px;}
.minus_1 span, .minus_1 input {color:#222222; font-size:13px; padding:5px 0 6px 8px; display:inline-block;background-position:left -1205px;}
.minus_1:hover > span {color:#fff; padding:5px 0 6px 20px; background-position:left -1349px;}
.minus_1:hover > input {font-size:13px; background-position:left -1349px;}
.minus_1 {display:inline-block; padding-right:7px; background-position:right -1277px;}
.minus_1:hover {background-position:right -1421px;}
/*.favorite {display:block; width:144px; height:34px; overflow:hidden; background-position:left -1782px;}
.favorite span{display:block;margin-top:40px;}
.favorite:hover{background-position:left -1738px;}
.favorite.select {background-position:left -1738px;}*/
/*.like {display:block; width:146px; height:34px; overflow:hidden; background-position:left -1836px;}
.like span{display:block;margin-top:40px;}
.like:hover{background-position:left -1890px;}
.like.disabled {background-position:left -1890px; cursor:default;}*/
.favorite{
display:block;
background-color:#e6edee;
background-position:-293px -3010px;
color:#129cb5;
text-align:center;
width:144px;
height:30px;
padding-top:5px;
}
.like {
display:block;
background-color:#129cb5;
color:#fff;
text-align:center;
width:144px;
height:30px;
padding-top:5px;
}
.favorite.disabled {
}
.like span,
.favorite span
{
display: inline;
margin-top: 0;
/* done with media queries
font-size: 1.286em;
*/
}
.like.disabled{
background-color:#E6EDEE;
color:#ccc;
cursor: default;
}
.favorite.disabled{
background-position:-292px -2966px;
background-color:#E6EDEE;
color:#ccc;
cursor: default;
}
/* brede button voor sidebar*/
.dynamic_4.max span{text-align:center; width:312px; font-size: 16px; line-height:24px; display:inline-block;padding:7px 0 10px 12px; background-position:left -913px;}
.dynamic_4.max{display:inline-block; padding-right:12px; background-position:right -1005px;}
.dynamic_3:hover > span{background-position:left -737px;}
#like_btn{float:left;}
#favorite_btn{float:right;}
.rss {background-position: 10px -216px;}
.twitter { background-position: 8px -258px;}
.facebook {background-position: 8px -300px;}
.mail {background-position: 10px -339px;}
.facebook2 {padding-left:20px; background-position: 3px -1471px;}
.twitter2{padding-left:20px; background-position: 3px -1505px;}
.website2{padding-left:20px; background-position: 0 -1539px;}
.blog2{padding-left:20px; background-position: 0 -1575px;}
.camera2{padding-left:30px; line-height:20px; background-position: 0 -1610px;}
.lens2{padding-left:30px; line-height:20px; background-position: 0 -1641px;}
.gear2 {padding-left:30px; line-height:20px; background-position: 0 -2686px;}
.mail2 {padding-left:30px; line-height:20px; background-position: -318px -2326px; display:block}
.phone2 {padding-left:30px; line-height:20px; background-position: -320px -2360px; display:block}
.facebook3 {padding-left:15px; background-position: -324px -1472px;}
.twitter3{padding-left:15px; background-position: -323px -1505px;}
.website3{padding-left:17px; background-position: -322px -1539px;}
.blog3{padding-left:15px; background-position: -324px -1575px;}
.facebook4 {padding-left:15px; background-position: -324px -1606px;}
.twitter4{padding-left:15px; background-position: -323px -1639px;}
.website4{padding-left:17px; background-position: -322px -1673px;}
.blog4{padding-left:15px; background-position: -324px -1709px;}
.album {padding-left:25px; background-position: -316px -1740px; }
.privatealbum {padding-left:25px; background-position: -316px -2187px; }
.tag {padding-left:20px; margin-right:10px; background-position: -310px -1874px; }
.bulletlist li {background-position: -305px -1903px; padding-left:10px;}
.checklist li {background-position: -289px -1930px; padding-left:15px;}
.check {background-position: -287px -1930px;}
.search_icon {background-position: 10px -383px; height: 27px; width: 27px;}
#main_search_btn {
position:absolute;
float:right;
right: 1px;
top:1px;
background-position: -159px -389px;
border-width:0;
}
.do_search{background-position: 5px -3052px; padding-left:15px;}
form.collectionsearch {
width: 252px;
float: right;
}
form.collectionsearch input[type=text] {
width:184px;
float: left;
border-right: 0px solid #129cb5;
height: 13px;
margin: 0;
padding: 7px 6px 8px 5px;
}
form.collectionsearch input[type=text]:focus {
border-left: 1px solid #c2c2c2;
border-top: 1px solid #c2c2c2;
border-bottom: 1px solid #c2c2c2;
}
form.collectionsearch input[type=submit] {
background-position: -159px -389px;
border-width:0;
float: left;
height: 30px;
border-right: 1px solid #c2c2c2;
border-top: 1px solid #c2c2c2;
border-bottom: 1px solid #c2c2c2;
}
h1.collectionHeader {
float: left;
}
.plus {background-position: -324px -259px; padding-left:15px;}
.plus2 {background-position: -324px -255px; padding-left:15px;}
.plus2_invert {background-position: -324px -229px; padding-left:15px;}
.plus3 {background-position: -132px -2219px; padding:0 0 0 20px; margin-bottom:-1px; height:17px; width:0px; display:inline-block; overflow:hidden;}
.plus3_invert {background-position: -278px -2219px; padding:0 0 0 20px; margin-bottom:-1px; height:17px; width:0px; display:inline-block; overflow:hidden;}
.plus4 {background-position: -0px -2187px; padding:0 0 0 20px; height:18px; width:0px; display:inline-block; overflow:hidden;}
.plus4_invert {background-position: 2px -2145px; padding:0 0 0 20px; height:18px; width:0px; display:inline-block; overflow:hidden;}
.more {background-position: -324px -290px; padding-left:15px;}
.delete_btn {background-position: -316px -360px; width:25px; height: 27px;}
.delete_btn_black {background-position: -155px -360px; width:25px; height: 27px;}
.edit_btn {background-position: -314px -322px; width:25px; height: 27px;}
.edit_btn2 {background-position: -156px -320px; width:25px; height: 27px;}
/*.rating {background-position: -306px -70px; width:30px; height: 35px; display:block; text-align:center;}*/
.print {background-position: -0px -1675px; padding:5px 0px 5px 20px; display:inline-block; }
.locked {background-position: -325px -2124px; padding-left:15px;}
.warning {background-position: -323px -1841px; padding-left:15px;}
.uploadedit{background-position: -12px -1712px; padding-left:15px;}
.nextblue {background-position:-2px -3088px; display:inline-block; width:20px; height:1em;}
.prevblue {background-position:-316px -3088px; display:inline-block; width:20px; height:1em;}
.nextblue2 {background-position:-4px -3063px; display:inline-block; width:25px; height:1em;}
.prevblue2 {background-position:-314px -3063px;; display:inline-block; width:25px; height:1em;}
.nextwhite {background-position:-2px -3116px; display:inline-block; width:20px; height:1em;}
.prevwhite {background-position:-312px -3116px; display:inline-block; width:20px; height:1em;}
a.more{/*text-decoration:none;*/}
/* building blocks */
.sitewidth {
margin: 0 auto;
text-align: left;
/* determined with media queries
width: 1132px;
*/
}
#stickyHeader {
background-color: #000000;
position: fixed;
width:100%;
z-index:10000010; /* keep higher then #header */
height:45px;
top: 0;
box-shadow: 0px 0px 2px #000;
}
#stickyHeader #socialbuttons { display:none;}
#stickyHeader #userstatus { display:block; }
#stickyHeader, #stickyHeader a {
color:#b6b6b6;
/*text-decoration:none;*/
}
.ajax_loading { margin: 2px 2px 0 0; float:right;}
#canvas {
background: url("/images/layout/header_bg.gif?r=4") repeat-x scroll left top transparent;
/*width: inherit;*/
}
.siteWrapper {
margin-left: auto;
margin-right: auto;
text-align: left;
/* Done with media queries now
padding: 0 20px; /* create left and right page margin for smartphones */
/*
width: 1132px;
*/
}
#content
{
position: relative;
padding-top: 1px; /*fix to allow margin-top settings on the first nested div */
line-height:1.3;
/*overflow:hidden;*/
}
#header {
/*background: url("/images/layout/header_bg.gif?r=4") repeat-x scroll left top transparent;*/
height: 140px;
position:relative;
z-index:10000000;
}
#logo {
float:left;
text-indent:-10000px;
width:258px;
height:95px;
overflow:hidden;
}
#logo a {
display:block;
width:262px;
height:125px;
}
#headerPromotional {
position: absolute;
top: 0;
left: 378px;
/*width: 330px;
height: 80px;*/
overflow: hidden;
}
#subHeaderWrapper { background-color: #e6edee;}
#subHeaderWrapper .siteWrapper {
/*background-color:#fff;*/
/*padding:0;*/
}
#subHeaderWrapper #subHeader {
background-color:#fff;
/*padding:0;*/
}
#subHeaderWrapper .spacer {
background-color:#e6edee;
height:25px;
width:100%;
}
#subHeaderWrapper .content {
text-align:center;
overflow:hidden;
}
#subHeaderWrapper #upload_btn {
font-family: Raleway;
/*font-size:25px; */
display:inline;
text-decoration: none;
}
#subHeaderWrapper #upload_btn span.text{
font-size: 2em;
line-height: 1.35em;
}
#subHeaderWrapper #upload_btn span.register{ }
#subHeaderWrapper #upload_btn span.upload{ }
#subHeaderWrapper .upload_icon {
display: inline-block;
padding: 0 40px 70px;
margin-top:20px;
vertical-align: middle;
background-position: 16px -3146px;
}
#subHeaderWrapper .register_icon {
display: inline-block;
padding: 0 40px 70px;
margin-top:20px;
vertical-align: middle;
background-position: -124px -3146px;
}
#subHeaderWrapper .upload_text {
line-height: 40px;
text-align: center;
}
.adWrapper {
background-color: #E6EDEE;
float: left;
min-width: 728px;
padding-right: 40px;
}
#ad_leaderboard {
margin: 0 auto;
display: inline-block;
min-height: 90px;
min-width: 728px;
max-width: 970px;
/*max-height: 250px;*/
}
#ad_mpu div > iframe{
margin-bottom:15px;
}
#ad_layer
{
position:relative;
z-index:2147483647;
}
.adsBlock {
position: relative;
}
#ad_inimage, #ad_layer {
display: none;
}
#navigation {float:left;}
#nav ul#socialbuttons li a {
padding:0;
width:44px;
height:44px;
}
#nav ul#socialbuttons li a.mail {
width:auto;
text-indent:60px;
padding:14px 10px;
font-size:0.882em;
}
#socialbuttons { margin-left:12px; float:right;}
#socialbuttons .social_icon {
/*margin:8px 5px 0 0;*/
float:left
}
#search{float:right; /*overflow:hidden; margin:7px 0 0 0; border:1px solid #464545*/}
#headerSearchField{ width: 252px; /*border:2px solid #129cb6;*/ border: 0 none;}
#nav #search .search_icon,
#searchButton {
height:44px;
width:44px;
padding:0;
}
#nav ul#search ul{
left:auto;
right:0;
padding:0;
/*border: 1px solid #000000;*/
}
#search input
{
float:left;
border:0 none;
padding:0 10px;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
/* navigation main menu and custom offspring of this system*/
#nav {
font-family: Raleway, Tahoma, Arial, sans-serif;
font-weight: 400;
font-size: 1.214em; /* 14px become 17px */
padding-top:1px;
color: white;
display: block;
height: 44px;
width: auto;
clear:both;
background-color:#2d2d2d;
}
#nav ul
{
list-style: none outside none;
margin: 0;
padding: 0;
}
#nav ul li
{
display: block;
float: left;
list-style: none outside none;
padding: 0;
position: relative;
width: auto;
}
#nav ul li a
{
color: white;
display: block;
float: left;
width: auto;
margin: 0;
/* padding: 12px 11px 15px ;
padding: 13px 11px;*/
text-align: left;
}
#nav > ul > li > a {
border-right:1px solid #424242;
/*font-size:0.944em; */
height:44px;
padding: 13px 11px;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box;
}
#nav li a.withchild
{
background-position: right -2047px;
padding-right:25px;
}
#nav li a.word_abonnee {color:#efb323;}
#nav li a.zoom_plus {
color:#19b928;
background: transparent url(/images/layout/global_sprite.png?r=5) -50px -2210px no-repeat;
padding-right:25px;
}
#nav ul li.hover:hover > a,
#nav ul li.show > a
{
/*background-color:#c10021;*/
background-color:#222;
}
#nav ul #menu_word-abonnee:hover > a { background-color:#efb323; color: #fff;}
#nav ul #menu_zoom-plus:hover > a {
background: #19b928 url(/images/layout/global_sprite.png?r=5) -200px -2210px no-repeat;
color: #fff;
}
/*#nav #subscribe li:hover > a {
background-position: 0 -138px;
}*/
/* interaction: handle hover and javacript:click action (results in .show class) */
#nav ul li.hover:hover ul,
#nav ul li.show ul
#nav ul li.hover:hover ul,
#nav ul li.show ul
{
display: block;
left: 0;
position: absolute;
top: 44px;
}
#nav ul li:hover ul ul{
display: none;
}
#nav ul ul
{
display: none;
left: 0;
position: absolute;
top: 44px;
/*background-color:#000;*/
background-color:#222222;
padding-bottom:5px;
/*border-top:1px solid #707070;*/
}
#nav ul ul li {
display: block;
width: 100%;
/*background-color:#111111;*/
}
#nav ul ul li.hover:hover > a {
/*background-color:#c10021;*/
background-color:#0d8aa1;
color: #FFFFFF;
}
#nav ul ul li a {
font-size:16px;
line-height:16px;
/*font-size: 0.933em;*/ /* 15px becomes 14px */
/*font-size: 0.933em;*/ /* 15px becomes 14px */
background-image: none;
background-color: transparent;
font-weight: normal;
padding: 9px 5px 9px 15px;
width: 165px;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box;
/*border-top:1px solid #3c3c3c;*/
}
#nav .active { /*background: #222*/}
#nav #searchInput
{
width:184px;
height:36px;
background-position:0px -181px;
background-color:#66bccb;
color: #FFFFFF;
border: 4px solid #129cb5;
border-right: 0px solid #129cb5;
}
#nav #searchInput::-webkit-input-placeholder { /* WebKit browsers */
color: #fff;
}
#nav #searchInput:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #fff;
opacity: 1;
}
#nav #searchInput::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #fff;
opacity: 1;
}
#nav #searchInput:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #fff;
}
#nav #search_button {
background-color:#fff;
width:44px;
height:44px;
border: 4px solid #129cb5;
}
/* USER STATUS has two faces..
- the sticky header shows standard shape described by #nav rules
- normal header overrules with extra #header #nav etc
*/
#nav #userstatus
{
float:right;
width:208px;
}
#nav #userstatus > li > a {
background-color: #129cb5;
border-right: 1px solid #2AA6BD;
}
#nav ul#userstatus > li.last > a { border:0 none }
/* logged in */
#nav #userstatus #userBar { width:100%; }
#nav ul#userstatus li a#loggedInUser {
padding: 11px 25px 9px 11px;
width:100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#userBar a img {
vertical-align: middle;
margin-right: 5px;
}
#nav #userstatus #userLinks { background-color: #129cb5;}
#nav ul#userstatus #userLinks li a {width:100%;}
/* userstatus content has a different layout when placed in the #header */
#header #userstatus {
position:absolute;
z-index : 10000050;
right:45px;
bottom:45px;
display: inline-block;
height: 25px;
border-width:0;
padding-bottom: 10px;
}
#nav ul#userstatus li.hover:hover > a,
#nav ul#userstatus li.show > a
{
background-color:#0d8aa1;
}
#header #nav > #userstatus > li > a {
font-size: 15px;
height: 35px;
padding: 10px 10px 0;
}
#header #nav ul#userstatus li a#loggedInUser {
padding: 5px 35px 0 25px;
height: 35px;
border-right: 0 none;
background-position: -140px -2050px;
}
#header #nav ul#userstatus #userLinks {
top:35px;
background-color: #129cb5;
}
#nav li#menu-login a{width: 92px}
#nav li#menu-register a{width: 115px}
#header #nav li#menu-login > a{border-radius: 30px 0 0 0; padding-left:20px;}
#header #nav li#menu-register > a{border-radius: 0 30px 0 0;}
#header #nav li#userBar > a{border-radius: 30px 30px 0 0;}
/* custom nav, based on #nav, see above */
.sub_nav {
font-family: Raleway, Tahoma, Arial, sans-serif;
font-weight: normal;
font-size: 1.0em; /* 12px become 13px */
text-transform:uppercase;
padding-top:5px;
color: white;
display: block;
/* height: 40px; disabled when moving archive ul to right */
width: auto;
z-index: 40;
clear:both;
border-top: 1px solid #DDDDDD;
border-bottom: 1px solid #DDDDDD;
margin-bottom:20px;
}
.sub_nav ul
{
list-style: none outside none;
margin: 0;
padding: 0;
z-index: 40;
/*margin-top: 4px;*/
float: left;
}
.sub_nav ul li
{
display: block;
float: left;
list-style: none outside none;
padding: 0;
position: relative;
width: auto;
z-index: 40;
}
.sub_nav ul li {
height: 31px;
}
.sub_nav li li {
height: auto;
}
.sub_nav ul li.hover:hover > a.withchild,
.sub_nav ul li.show > a.withchild
{
background-color:#222222;
color:white;
background-position: right -2051px;
}
.sub_nav ul li a
{
color: #222222;
display: block;
float: left;
width: auto;
margin: 0 1px;
padding: 6px 10px 8px;
text-align: left;
}
.sub_nav li a.withchild
{
background-position: right -2088px;
padding-right:25px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.sub_nav ul li.hover:hover ul,
.sub_nav ul li.show ul
{
display: block;
position: absolute;
}
.sub_nav ul ul
{
display: none;
left: 0;
position: absolute;
top: 31px;
background-color:#000;
padding:5px 0;
border-top:1px solid #fff;
margin-top:0;
-moz-border-radius: 6px;
border-radius: 6px;
}
.sub_nav ul ul li {
display: block;
background-color:#111111;
}
.sub_nav ul ul li:hover > a {
background-color:#555555;
color: #FFFFFF;
}
.sub_nav ul ul li a {
/*font-size: 0.933em;*/ /* 13px becomes 14px */
background-image: none;
background-color: transparent;
color:white;
font-weight: normal;
padding: 5px 5px 5px 10px;
width: 165px;
/*border-top:1px solid #3c3c3c;*/
}
.sub_nav li.hover a:hover,
.sub_nav li.hover.active a
{
background: #222;
color:#fff;
-moz-border-radius: 6px;
border-radius: 6px;
}
.sub_nav ul.archiveUl {
float: right;
/*margin: 0;*/
}
#leftcolumn
{
width:336px;
float:left;
margin-right:15px;
}
#leftcolumn .contentblock
{
border:1px solid #d6d6d6;
padding:15px;
margin-top: 15px;
}
#leftcolumn p{margin-bottom:10px;}
#leftcolumn .contentblock .avatarList{margin-left:-15px;}
#leftcolumn .avatarList li {padding-bottom:0;}
#leftcolumn .contentblock .head h3 {font-size:1.166em; margin-bottom:3px; line-height: 15.6px;}
#leftcolumn .zoomplus
{
border:1px solid #d0e6d3;
padding:15px;
background-color:#f1fbf2;
}
#leftcolumn .zoomplus a
{
color:#11a21f;
font-weight:bold;
}
#leftcolumn .border
{
border-top:1px solid #d6d6d6;
padding:0;
clear:both;
}
#leftcolumn .no_btm_border {border-bottom:0px none; padding-bottom:0; margin-top: 0;}
#leftcolumn .no_top_border {border-top:0px none; margin-top: 0;}
#leftcolumn .adsBlock
{
margin-top: -2px;
padding: 2px 0 0;
border-top:1px solid #D6D6D6;
border-bottom:1px solid #D6D6D6;
text-align:center;
}
#leftcolumn #stats dt,
#leftcolumn #stats dd{
width:150px;
float:left;
}
#leftcolumn #stats dt{font-weight:600}
#rightcolumn
{
width:336px;
float:left;
margin-left:15px;
}
#rightcolumn .contentblock
{
border:1px solid #d6d6d6;
padding:15px;
margin-bottom:15px;
}
#rightcolumn .contentblock .tag, #rightcolumn .contentblock .more, #rightcolumn .warning{font-size:1.0em; /*12px -> 13px */}
#rightcolumn .contentblock h3{font-size:1.143em; /*14px -> 16px */ /*margin-bottom:12px;*/}
#rightcolumn #sidebar .contentblock h3
{
font-family: Raleway,Tahoma,Arial,Helvetica,sans-serif;
font-weight: medium;
}
#rightcolumn .contentblock h3 {font-size:1.143em; /*14px -> 16px */ /*margin-bottom:12px;*/}
#rightcolumn #sidebar .contentblock h3
{
font-family: Raleway,Tahoma,Arial,Helvetica,sans-serif;
font-weight: medium;
}
#sidebar .itemlist{
overflow:hidden;
background-color:#e6edee;
padding:15px;
}
#sidebar .itemlist h4 {
font-size:1.214em;
font-family: Raleway,Tahoma,Arial,Helvetica,sans-serif;
font-weight:bold;
margin-bottom:15px;
}
.carrousel
{
display:none;
}
.carrouselmessagentform label
{
font-weight:bold;
}
.carrouselmessagentform .inputfield
{
width:290px;
margin-bottom:5px;
}
#contentcolumn {
float: left;
/* Done with media queries now
width: 780px;
*/
}
#pageheader
{
margin-bottom:5px;
overflow: hidden;
}
h1
{
font-family: Raleway,Tahoma,Arial,Helvetica,sans-serif;
font-size: 1.5em;
font-weight: 500;
}
#pageheader h2
{
font-family: Raleway,Tahoma,Arial,Helvetica,sans-serif;
font-size: 1.143em;
font-weight: normal;
text-transform: uppercase;
}
.subheader h2
{
font-family: Raleway,Tahoma,Arial,Helvetica,sans-serif;
font-size: 1.143em;
font-weight: normal;
text-transform: uppercase;
}
.headerbar
{
background-color:#e6edee;
margin-bottom: 15px;
padding:10px 15px;
font-family: Raleway,Tahoma,Arial,Helvetica,sans-serif;
font-size: 1.071em;
font-weight:500;
}
/* tabsmenu */
.tabsmenu{
clear: both;
/*overflow: hidden;*/
background-color:#e6edee;
margin-bottom:15px;
height:35px;
width:100%;
}
.tabsmenu li.hideInTab {display:none;}
.tabsmenu li.more {
float:right;
padding:0;
display:none;
}
.tabsmenu li.more a{
padding: 8px 30px 8px 14px;
position: relative;
display:block;
}
.tabsmenu li.more a::after {
background-position: -2px -3078px;
content: "";
display: block;
height: 35px;
position: absolute;
right: 0;
top:0;
width: 25px;
}
.tabsmenu li {
border-right: 1px solid #FFFFFF;
float: left;
}
.tabsmenu li.right {float: right}
.tabsmenu li.last {
border-right: 0 none;
}
.tabsmenu li.selected,
.tabsmenu li.active
{
background-color: #E6EDEE;
z-index: 100;
position:relative;
}
.tabsmenu li a.selected::after,
.tabsmenu li.selected a::after
{
background-color: #129cb5;
border-radius: 14px;
content: "";
display: block;
height: 14px;
left: calc(50% - 7px);
bottom: -7px;
margin: 0 auto;
position: absolute;
width: 14px;
z-index: 110;
}
.tabsmenu li a {
color: #222222;
background-color: #e6edee;
display: block;
position:relative;
font-family: Raleway,Tahoma,Arial,Helvetica,sans-serif;
font-size: 1.071em;
font-weight: 500;
padding: 8px 13px;
height:19px;
/*text-transform: uppercase;*/
}
.tabsmenu li a.selected,
.tabsmenu li.selected a
{
background-color: #129CB5;
color:#fff;
/*padding: 9px 8px 11px;*/
}
/* tabs menu sidebar */
#tabsmenu_sidebar {
background-color:transparent;
margin-bottom:0;
}
#sidebar_article_tabs .article_list { margin-top:10px;}
/*#tabsmenu_sidebar li.hideInTab {display:none}
#tabsmenu_sidebar li {
border: 1px solid #d6d6d6;
float: left;
margin: 0 1px 1px 0;
}
#tabsmenu_sidebar li.selected, #tabsmenu_sidebar li.active {
background-color: #ffffff;
border-color: #d6d6d6 #d6d6d6 #ffffff;
border-style: solid;
border-width: 1px;
z-index: 100;
}
#tabsmenu_sidebar li a {
color: #222222;
background-color: #f2f2f2;
display: block;
font-family: SansaStdSemiBold,Raleway,Tahoma,Arial,Helvetica,sans-serif;
font-size: 1.0em;
font-weight: normal;
padding: 9px 8px;
text-transform: uppercase;
}
#tabsmenu_sidebar li a.selected, #tabsmenu_sidebar li.active a {
background-color: #fff;
padding: 9px 8px 11px;
}*/
#idTabs{position:relative}
#tabcontent,
#tabcontent_images,
#tabcontent_avatar,
#tabbeginner, #tabgevorderde, #tabexpert, #tabln, #tabpn
{
/*border: 1px solid #d6d6d6;*/
/*margin-top: -2px;*/
padding: 15px;
overflow: hidden;
float: left; /* Hans 2016-04-15 */
}
#tabcontent h1,
#tabcontent_images h1,
#tabcontent_avatar h1
{
font-family: Raleway,Tahoma,Arial,Helvetica,sans-serif;
font-size: 1.5em;
font-weight: 500;
margin: 10px 0 5px 0px;
}
#tabcontent_avatar h1{margin-left: 15px}
/*{
font-family: SansaStdSemiBold,Raleway,Tahoma,Arial,Helvetica,sans-serif;
font-size: 1.143em;
font-weight: normal;
margin-bottom:5px;
}*/
#tabcontent p,
#tabcontent_images p
{
margin-bottom:15px;
}
#tabcontent #wrapper
{
overflow:hidden;
position:relative;
}
#tabcontent_avatar #pagination{clear:both;margin-left:15px; }
#tabcontent_images {
padding: 15px 0 10px;
overflow:hidden;
border-left:0 none;
border-right:0 none;
clear: both;
}
#tabcontent_images .imageList {margin-left:-15px; padding-top: 12px;}
#tabcontent_avatar{padding: 15px 15px 15px 0; overflow: hidden;}
#tabcontent_avatar .border{margin:28px 0 0 15px; padding-bottom:0;}
#tabcontent_avatar a.back{margin-left: 15px;}
#tabcontent_avatar a.more, #tabcontent_avatar a.other{float:right;}
/* contentcolumn */
#contentcolumn .imageList {margin-left:-15px; }
/* AVATAR */
.avatarList li {float: left; position:relative; margin: 12px 0 0 15px; padding-bottom:15px;}
.avatarList a{ /*display:block;*/}
.avatarList .avatar_1{ width:24px; overflow:hidden;}
.avatarList .avatar_2{ width:64px; height:86px; overflow:hidden;}
.avatarList .avatar_3{ width:112px; height:132px; overflow:hidden;}
.avatarList .description{ display:inline-block;}
.avatar_1 .name, .avatar_2 .name, .avatar_3 .name{
display:inline-block;
font-size: 0.928em;
margin-top:5px;
width: 1000px;}
/* GROUP */
.groupList{overflow:hidden;}
.groupList li {float: left; position:relative; margin: 12px 0 0 15px; padding-bottom:15px;}
.groupList a.avatar{ display:block; /*text-decoration:none;*/}
.groupList .name{
display:block;
font-size: 0.928em;;
margin-top:5px;
white-space: nowrap;
}
#special_groups{margin-bottom:15px;}
#groupsandadmingroup_menu .warning {
margin-left:20px
}
.groups li{clear:left; margin-top:15px; padding-bottom:15px; overflow:hidden;}
.groups .image{float:left; display:block; margin-right:15px; width:112px;}
.groups li h3 a
{
font-family: Raleway, Tahoma, Arial, sans-serif;
font-weight: normal;
font-size:1.0em;
text-transform:uppercase;
margin-bottom:15px;
color:#4A4A4A;
}
.groups .description{font-size:1.0em; float:left; width:480px; margin-right:20px}
.groups .data
{
color:#0b6199;
font-size:1.0em;
float:left;
width:100px;
height:112px;
border-left:1px solid #D6D6D6;
padding: 0 0 0 15px;
position: relative;
}
.groups .data .wrapper{position:absolute; top:27px;}
/* contextual menu add */
#groupaddinfo_infoblock
{
padding-left:15px;
}
#groupaddinfo_infoblockbtns
{
float:right;
}
/* CONTEST / CAMPAIGNS */
#pageheader .leadimage
{
padding-top:10px;
}
#pageheader .leadimage .facebook
{
float:right;
}
.contestWinners
{
clear:both;
overflow:hidden;
padding:20px 20px 0 20px;
}
.contestWinners .winner
{
margin-bottom:40px;
overflow:hidden;
position: relative;
}
.winner .wrapper
{
float:left;
margin-left:20px;
width:290px;
}
.winner .facebook
{
position:absolute;
right:0;
bottom:0;
}
.winner .title a
{
font-family: Raleway,Tahoma,Arial,sans-serif;
font-size: 1.143em;
font-weight: normal;
margin: 0 0 10px;
text-transform: uppercase;
color:#000;
text-decoration:none;
}
.winner .name
{
margin-top:10px;
text-decoration:none;
}
.winner h3
{
font-weight:bold;
margin:20px 0 10px;
}
.winner .photocomment
{
margin-top:5px;
}
.yellowbar
{
height:23px;
background-color:#fad900;
margin:2px 0;
clear:both;
}
#sendin h2
{
font-family: Raleway,Tahoma,Arial,sans-serif;
font-size: 1.5em;
font-weight: 500;
margin: 30px 0 20px;
}
#sendin form {
margin: 30px 0 20px;
}
#contestList, #panelList{padding-bottom:20px;}
#contestList h2,
#panelList h2
{
font-size: 1.143em;
font-weight: 600;
margin: 10px 0 10px;
}
#contestList .headerwrapper,
#panelList .headerwrapper
{
overflow:hidden;
clear:left;
margin-top:10px;
padding-bottom:10px;
}
#contestList .headerwrapper dd.image,
#contestList .headerwrapper dt.image
{
float:left;
width:349px;
height:70px;
border: 1px solid #DDDDDD;
}
.headerwrapper dd.image{float:left;}
.headerwrapper dd.description{float:left;margin-left:20px;width:300px;}
.headerwrapper dd.state{float:right; width:85px;}
.headerwrapper dd.state div {text-align:center}
.headerwrapper dd .days {font-size: 2.667em; /* 12->32px */}
.campaignConditions
{
width:500px;
padding:20px;
}
.conditionsText
{
overflow:auto;
height:315px;
margin-bottom:10px;
}
.conditionsText h2
{
font-family: Raleway,Tahoma,Arial,sans-serif;
font-size: 1.143em;
font-weight: normal;
margin: 10px 0 10px;
text-transform: uppercase;
}
.conditionsText ol
{
list-style:decimal outside;
margin-bottom:20px;
margin-left:20px;
}
/* image thumbs */
.photoBlock
{
float: left;
position:relative;
}
.photoBlock.thumb1
{
padding-bottom: 12px;
margin-left:15px;
font-family: Tahoma, Arial, sans-serif;
font-weight: normal;
}
.photoBlock.thumb1 .photo{width:64px; height:64px;}
.photoBlock.thumb1 #image_0{width:62px; height:62px; border: 1px solid #D6D6D6;}
.photoBlock.thumb1 .name{width:64px; overflow:hidden; margin-top:5px;}
.photoBlock.thumb1 .name a{display:block; width:300px; font-size: 0.929em;}
.photoBlock.thumb1 .photodescription
{
text-align:left;
}
.photoBlock.thumb2
{
/* Determined with media queries now
margin-bottom: 15px;
margin-left:15px;
width:250px;
*/
font-family: Raleway, Tahoma, Arial, sans-serif;
font-weight: normal;
overflow: hidden;
}
.photoBlock.thumb2 .photo a {
display:block;
width:250px;
height:250px;
}
.photoBlock.thumb2 .photo a::after {
bottom: -40px;
content: url("/images/layout/thumbnail_gradientoverlay.png?r=4");
position: absolute;
right: 0;
}
.photoBlock div.sendin_overlay {
display: none;
position: relative;
background-color: #129cb5;
opacity: 0.9;
filter: alpha(opacity=90); /* For IE8 and earlier */
color: #fff;
width: 100%;
top: -150px;
text-align: center;
vertical-align: middle;
padding-top: 10px;
padding-bottom: 10px;
font-weight: bold;
text-transform: uppercase;
}
.photoBlock a:hover div.sendin_overlay {
display: inline-block;
}
.photoBlock .rating {
position:absolute;
right:0;
top:0px;
background-color:#129cb5;
min-width:35px;
height:35px;
border-radius: 0 0 0 35px;
}
.photoBlock.thumb2 .photodescription {
bottom: 8px;
margin: 0 auto;
position: absolute;
text-align: center;
width: 100%;
}
/* Restyled with the media queries
.photoBlock.thumb2 .title a, .photoBlock .title span {color:#fff; font-size:1.143em ; font-weight:500; /* 16 px } */
/*
.photoBlock.thumb2 .name a {color:#fff; font-size:1.0em ; /* 131 px *//*}*/
.photoBlock.thumb2 .rating a {
color: #FFFFFF;
display: block;
font-size: 1.071em;
font-weight: bold;
line-height: 25px;
margin: 0 5px 0 10px;
text-align: center;
}
#categories .photoBlock.thumb2{ height:335px}
#categories .photoBlock.thumb2 a {color: #222222; }
#categories .photoBlock.thumb2 .title a, #categories .photoBlock .title span {color: #129cb5; }
#categories .photoBlock.thumb2 .photo a::after {content: "";}
.photoBlock .description,
.photoBlock .amount
{
font-family: "Open Sans", Tahoma, Arial, sans-serif;
text-align:left;
}
#categories .photoBlock .title
{
color: #129cb5;
font-family: Raleway,Tahoma,Arial,sans-serif;
font-weight: 500;
text-align:left;
margin-top:10px;
}
.photoBlock .description a{color:#222222;}
/* log */
.logBlock{padding-top:25px; overflow:hidden;}
.logBlock .contentHeader
{
margin-bottom:15px;
}
.logBlock h2
{
font-family: Raleway,Tahoma,Arial,sans-serif;
font-size: 1.286em;
}
.logBlock .logList{margin-left:127px;}
#foto_updates .logList, #viewer_updates .logList{margin-left:112px;}
#viewer_updates .avatarList li{margin-top:0px;}
#foto_updates li.no_updates, #viewer_updates li.no_updates{padding-left:15px;}
.logBlock .logtypeImage{float:left;}
.logBlock .logtypeImage{float:left;}
/* album thumbs */
.albumList{overflow:hidden;}
.albumList dd, .albumList dt, .albumList .wrapper{float:left}
.albumList dt {position:relative; margin-right:15px}
.albumList dd {width:280px; margin-right:15px;}
/*.albumList .wrapper{overflow:hidden;}*/
.albumList .row{overflow:hidden; margin-bottom:20px;}
.albumList h3{color:#266994;font-size:1.0em;}
#otheralbums{overflow:hidden; font-size: 1.0em;}
#otheralbums div{float:left; width:110px;}
#otheralbums #album_overview{float:left; width:560px;}
#otheralbums #album_overview li{width:140px; float:left; height:20px; overflow:hidden;}
#otheralbums #album_overview a{width:300px; display:block;}
/* hoverBlock functionality for object owners */
.hoverBlock {background-position:0 -135px; overflow:hidden; position:absolute; left:0; top:0; right:0; display: none; text-indent:1000px;}
.hoverBlock a {float:left ;margin:2px 0 2px 5px;}
.avatarList,
.imageList,
.albumList,
.groupList
{
overflow:hidden;
}
.avatarList li:hover > .hoverBlock,
.imageList li:hover > .hoverBlock,
.albumList dt:hover > .hoverBlock,
.groupList li:hover > .hoverBlock
{
display:block;
}
/* messages */
#messages {}
#messages li {
color: #266994;
background-color:#d1e4f0;
border: 1px solid #7daac7;
text-align:center;
padding-bottom: 10px;
padding-top: 10px;
}
#messages li.okmessage, span.ok {color:#467a4b; background-color: #dcf0de; border:1px solid #94bc98;}
#messages li.errormessage, span.error, ul.errors {color:#ac3b3f; background-color: #f0dcdc; border:1px solid #d7b1b1;}
#messages li.notifymessage, span.notify {color:#266994; background-color: #d1e4f0; border:1px solid #7daac7;}
span.msg, span.ok, span.error, span.notify, ul.errors { width:170px; padding:4px 10px; line-height:1.3em; vertical-align: top;}
#imageselect .msg {width: 145px;}
#cameraselect .msg {width: 100px;}
#messages .toggle {
float: right;
margin: 5px 15px 0 0;
}
#breadcrumbs
{
clear:both;
margin-top:15px;
padding-bottom:15px;
/* Determined within media queries
font-size: 0.857em;
*/
}
/* forms */
.form_container
{
border: 1px solid #D6D6D6;
}
.form_container .formwrapper
{
padding:15px;
}
.form_container .formpayoff
{
background-color: #c8dbe7;
border: 1px solid #b0c8d7;
font-size:1.0em; /* 13px */
padding:10px;
}
.form_container a {/*text-decoration:none;*/}
select,
textarea,
input[type="text"],
input[type="file"],
input[type="password"],
#privacytext
{
border:1px solid #c2c2c2;
padding:7px 6px 8px 5px;
background-color:#fff;
font-family:Tahoma, Arial, sans-serif;
font-size:14px; /* set pixel to overwrite browser setting */
-moz-box-shadow: inset 0 0 3px #eaeaea;
-webkit-box-shadow: inset 0 0 3px #eaeaea;
box-shadow: inset 1px 1px 2px #eaeaea;
}
select:disabled,
textarea:disabled,
input[type="text"]:disabled,
input[type="file"]:disabled,
input[type="password"]:disabled
{
background-color: #eee;
}
select:focus,
input[type="text"]:focus,
input[type="file"]:focus,
input[type="password"]:focus,
textarea:focus
{
border: solid 1px #7daac7;
}
select.error,
textarea.error,
input[type="text"].error,
input[type="file"].error,
input[type="password"].error
{
border:1px solid #d7b1b1;
}
input[type="radio"],
input[type="checkbox"]
{
margin:0;
padding:0;
border:0 none;
}
select option{ padding:0 5px; }
textarea{resize:vertical}
.radiobtn_txt{font-size: 14px; margin:0 20px 0 5px;}
fieldset
{
/*padding: 5px;
margin:10px 0 0;*/
}
fieldset p { font-size:1.0em; line-height: 1.35em; margin-bottom:10px;}
fieldset label
{
/*display:block;*
/*clear:left;*/
}
fieldset h1,
fieldset h3,
#formwrapper h1,
#formwrapper h3,
.formwrapper h1,
.formwrapper h3
{
font-family: Raleway, Tahoma, Arial, sans-serif;
font-weight: normal;
font-size: 1.214em; /* 14px become 17px */
margin-bottom:12px;
}
fieldset span.error,
fieldset span.ok,
fieldset span.notify,
fieldset ul.errors
{
position: absolute;
right: 0;
bottom: 0;
}
/* pad out trick to extend the blocks in horizontal position*/
fieldset.pad_out
{
margin-bottom: -1000px !important;
padding-bottom: 1000px !important;
}
/* submit */
#field_submit {
padding: 0 0 13px 15px;
clear: left;
}
#field_submit a{ margin-top:-2px; }
#field_submit.multicolumn
{
clear:left;
text-align:right;
margin:0;
padding:0;
}
#field_submit.multicolumn .btm_border
{
border-top: 1px solid #D6D6D6;
display: block;
float: left;
height: 15px;
width: 542px;
}
#field_submit.multicolumn label{margin-left:13px}
dl.label {margin-top:15px; clear: left; position:relative; overflow:auto;}
dl.label.last{margin-bottom:20px;}
.label dt
{
padding-bottom:5px;
/*width: 354px;*/
}
.label dt label{font-weight:bold;font-size:1.0em; /*becomes 14px*/}
.label dt label.required{background-position: right -3210px; padding-right:12px;}
.label dt .info{ font-weight: normal; font-size:0.857em; }
.label dd { /*width: 354px; display:inline;*/}
.checkbox dd, .checkbox dt { float:left; }
.checkbox dt { margin-left:10px; }
.checkbox dt label { font-weight:normal; font-size:0.928em; /*line-height:1.0em; */}
.checkbox dd .error {float:left}
/* register form */
#register_container
{
width:415px;
margin:50px auto;
}
.register dl{ width: 560px; }
.register dt{ width: 356px; }
.registration #label-privacy,
.registration #label-newsletter
{
height:2.6em;
}
#register_container .help
{
cursor:pointer;
}
#privacytext
{
overflow:auto;
height:104px;
width:332px;
padding:10px 10px;
font-size:10px;
line-height:1.2em;
display:inline-block;
vertical-align: top;
}
#privacytext h1, #privacytext h3
{
font-size:12px;
font-weight:bold;
}
#label-privacy input{/*display:inline-block;*/}
#label-captcha{margin-top:0;}
#captcha-element{margin-top:5px; display: inline-block; width:354px;}
#captcha-input-label{/*width:354px;*/}
#captcha-element img{ border: 1px solid #C2C2C2; float:right;}
#captcha-input{ width:196px; height: 25px;}
.register .checkbox dt{ width: 330px; }
#aboregisterexplain
{
width: 343px;
padding: 5px;
border: 1px #ccc solid;
background-color: #eee;
color: #444;
display:none;
}
/* profile imageform */
#label-profileimage
{
overflow:hidden;
}
#profileImage,
#profileUserImage
{
width:110px;
float:left;
padding-bottom:0;
}
#imageselect{ margin:0 0 15px 125px; }
#imagesubmit{ margin: 0 0 0 15px; }
/* profile form */
fieldset.profile
{
width:510px;
padding:13px 15px 15px;
margin:15px 0 0;
border:1px solid #d6d6d6;
}
fieldset.profile input[type="text"], fieldset.profile textarea{width:291px;}
fieldset.profile #label-level select,fieldset.profile #label-categoryname select{width:304px;}
#field_profileimage { /* position:absolute; */top:0px;left:0px; height:145px; padding-bottom:10px;}
#field_camera{float:left; margin-left: 15px;}
/* Hans 2016-04-15
#field_personal{float:left; margin-top:200px;}
#field_contact{float:right; }
*/
fieldset.profile input#username {color:#a1a1a1;}
fieldset.notifications,
fieldset.password,
fieldset.settings,
fieldset.account,
fieldset.register,
fieldset.login,
fieldset.lostpass,
fieldset.album,
fieldset.newgroup
{
padding:15px 0 30px 15px;
}
fieldset.editgroup
{
width:465px;
margin-right:20px;
padding:13px 15px 15px;
border:1px solid #d6d6d6;
}
fieldset.admins
{
width:159px;
margin: 15px 0 0;
overflow:hidden;
padding:13px 15px 15px;
border:1px solid #d6d6d6;
}
fieldset.register input[type="text"],
fieldset.register input[type="password"],
fieldset.login input[type="text"],
fieldset.login input[type="password"],
fieldset.loginasabo input[type="text"],
fieldset.lostpass input[type="text"],
fieldset.lostpass input[type="password"],
fieldset.password input[type="password"],
fieldset.account input[type="text"],
fieldset.account input[type="password"],
fieldset.album input[type="text"],
fieldset.newgroup input[type="text"]
{
width:342px;
}
fieldset.newgroup select{width: 355px;}
fieldset.account
{
border:1px solid #d6d6d6;
}
#account_form_col1,
#account_form_col2
{
width:500px;
padding:0;
margin:0;
}
#account_form_col1
{
float:left;
}
#account_form_col2
{
float:left;
margin-left:20px;
}
#account_form_col1 dl
{
width:auto;
}
#element_editaccountAdvertisement
{
margin-top:20px;
}
#field_registratie
{
margin-top:20px;
}
/* new image form */
#formwrapper #imagethumb,
#formwrapper #upload_form
{
margin-top:15px;
float:left;
}
#label-image{width:450px;}
#formwrapper #imagethumb{float:left; width:265px; border-right:1px solid #D6D6D6;}
fieldset.newimage{padding:0 0 30px 15px;}
fieldset.newimage input[type="text"], fieldset.newimage textarea{width:304px; /*width:65%; box-sizing:border-box; -moz-box-sizing:border-box;*/}
fieldset.newimage input[type="text"].small{width:150px;}
fieldset.newimage select{width:317px; /*width:65%; box-sizing:border-box; -moz-box-sizing:border-box;*/}
#upload_form span.error,
#upload_form span.ok,
#upload_form span.notify
#upload_form span.msg,
#editForm span.error,
#editForm span.ok,
#editForm span.notify
#editForm span.msg
{
width:110px;
}
.group_select select{width:180px !important}
/* end image */
#camera_list
{
/*border-top:1px solid #D6D6D6;
padding-top:15px;
margin-top:15px;*/
}
#camera_list .delete_btn, #administrator_list .delete_btn {margin-right:20px;}
#label-gear span.error,
#label-gear span.ok,
#label-gear span.notify
{
position: relative;
width:auto;
}
/* password form */
#field_password #submit{margin-top:15px;}
.password dl{ width: 560px; }
/* notifications form */
.notifications .label dt{width:auto}
/* account form */
.account dl{ width: 560px; }
/* login and lostpass form */
#login_container , #lostpass_container
{
margin:90px auto;
}
#lostpass_container
{
width:414px;
overflow:hidden;
}
#login_container
{
background-color:#eaeaea;
clear:left;
padding:15px;
overflow:hidden;
/* Determined with media queries now
width:808px;
*/
margin:4em auto;
}
.lostpass dl, .newgroup dl{ width: 560px; }
.lostpass p{ width: 355px; }
#login_container #login_submit
{
margin-top:1.5em;
}
#haveAccount,
#dontHaveAccount
{
display:block;
width:355px;
float:left;
}
#haveAccount
{
border:1px solid #D6D6D6;
background-color:#ffffff;
padding:15px;
}
#haveAccount fieldset.login
{
padding:0;
}
#dontHaveAccount
{
padding:10px;
margin-left:16px;
}
#dontHaveAccount #register
{
margin-top:1.5em;
display:inline-block;
}
/* suggested tags */
#suggestedtags_container .photoBlock.thumb2 {
margin-right:15px;
}
#suggestedtags_container h1
{
margin-bottom:30px;
}
#suggestedtags_container h1 .info
{
text-transform: initial;
font-size:0.7em;
}
#suggestedtags_container
{
width:792px;
margin:90px auto;
}
#suggestedtags_container #tagShuttle{
overflow:hidden;
border-left: 1px solid #D6D6D6;
padding-bottom: 55px;
}
#suggestedtags_container #tagShuttle h3{
color: #222222;
font-size: 1.208em;
}
#suggestedTags, #confirmedTags {
float:left;
/*text-align: center;*/
margin: 0 10px;
}
#tagShuttle {
padding-left:5px;
}
#tagShuttle .box {
float:left;
width: 200px;
}
#tagShuttle select {
width: 200px;
height: 300px;
}
#tagShuttle #control {
text-align:center;
padding-top:150px;
float:left;
width: 30px;
}
#tagShuttle #control a {
background-color: #FAFAFA;
border: 1px solid #AAAAAA;
clear: both;
color: #123456;
display: block;
margin: 2px;
text-decoration: none;
}
#tagShuttle .submitbuttonfield{
position:absolute;
bottom:20px;
right:30px;
}
#tagShuttle .submitbuttonfield .textbutton {
margin:15px 0 0 15px;
text-align:right;
}
/* group forms */
#tabcontent #group_form
{
/*margin-left:30px;*/
}
#group_container
{
width:415px;
margin:50px auto;
}
.group dl{ width: 560px; }
.group #label-privacy,
.group #label-newsletter
{
height:2.6em;
}
.admins .label dt{width:auto}
.plusminus {float: right; border: 1px solid #CCCCCC; height:25px ;width:25px; margin-top:5px; padding-bottom:4px; margin-bottom:4px;}
.remove_admin{clear: both;float: right; margin-top:8px;}
#group_form fieldset #field_submit
{
display:block;
float:left;
width:542px;
height:15px;
border-top:1px solid #D6D6D6;
}
#group_form #field_submit
{
clear: left;
margin: 0;
padding: 0;
text-align: right;
}
#admin_add_btn {margin:20px 0 0 30px;}
/* colorbox form */
fieldset.field_colorbox { padding:0 0 15px 15px;}
/* Comments */
#showAllComments{margin-top:30px}
#before_reactions {
margin-left: 26px;
margin-bottom: 10px;
}
#reactions
{
/*margin-bottom:30px;
padding-left:10px;*/
}
#reactions .wrapper {}
/* Comment buttons */
#reactions .textbutton {float:right; margin-left:10px;}
#reactions .editbuttons a{margin-left:5px;}
/* show the cancel_button only in reply mode !*/
#commentForm .cancel_btn{display:none;}
.comment #commentForm .cancel_btn{display:block;}
#fullviewWrapper #reactions {padding:0}
#fullviewWrapper #reactions #commentForm .formTextarea{color:#fff}
#fullviewWrapper #reactions #commentForm .preview_btn{display:none;}
/* Comment forms */
#commentForm #preview{overflow:hidden; padding-bottom:15px;}
#commentForm{padding:0 0 15px 0; overflow:hidden;}
#commentForm fieldset,
.editForm fieldset
{
/*text-align:center;
background: transparent;*/
}
#commentForm .avatar{float:left}
#commentForm form{margin-left:127px;}
#commentForm dl, .editForm dl{margin:0;}
#commentForm #field_commentsubmit,
.editForm #field_commenteditsubmit
{
clear:right;
margin:15px 0 0 0;
padding:0;
}
#commentForm textarea,
.editForm .formTextarea
{
background: #f6f6f6;
font-size:1.0em;
padding: 8px 10px 10px;
}
#comment_form textarea {height:64px; width:630px;}
#tabcontent #comment_form textarea {height:64px; /*width:96%;*/ width:598px;}
.editForm .formTextarea {/*height:auto; width:96%; width:646px;*/}
/* Comment block */
.comment{margin-top:30px;}
#comment_preview{border:0 none;}
.comment.newbranche{padding-left: 32px;}
/* CommentWrapper building blocks */
.commentWrapper{overflow:hidden; clear:left;}
.commentWrapper .avatar{float:left;}
.commentWrapper .nameanddate { margin: 0 0 10px 80px; /* font-size:1.0em; Hans 2016-04-15 */ }
.commentWrapper .content{margin-left:80px;}
.commentWrapper .editbuttons{text-align:right; float:right; margin-top: 10px;}
#editorspick
{
margin-bottom:1em;
}
#editorspick .content,
#editorspick .nameanddate
{
margin-left:128px;
}
#objectComments .content p,
#comment_preview .content p,
#editorspick p
{
padding: 8px 10px 10px;
background:#f6f6f6;
border:1px solid #e7e7e7;
margin:0;
}
/* profile */
#amounts
{
overflow:hidden;
}
#user_identity{height:112px;}
#user_identity h2,
#user_identity p, #user_identity .contextmenu{margin-left:125px;}
#user_identity .contextmenu{margin-top:10px;}
#user_identity h2 {font-size:1.286em; color:#266994;}
/* Disabled by Hans 2016-04-15
#user_identity p {font-size:1.0em;}
*/
#about {margin-top:15px;}
#about .more {margin-top:10px; display:block;}
#stats {margin-top:15px;}
#stats_fotos
{
float:left;
font-family: Raleway, Tahoma, Arial, sans-serif;
font-weight: normal;
font-size:1.0em;
text-align:center;
margin-top:15px;
width: 59px;
}
#stats_fotos p { margin-bottom:5px; }
#stats_other { padding-left:16px; float:left; overflow:hidden; width:220px; margin-top:15px; }
#stats_other .figure { background-position:-326px 8px; width:20px; float:left; height:70px; }
#stats_other .data { width:200px; float:left; }
#stats_other .data td { vertical-align:bottom; padding-left:5px; }
#stats_other .data th { font-weight:600; }
#stats_other .data td a { text-decoration:underline; }
#sociallinks {overflow:hidden; margin-top:15px; font-size: 0.928em;}
#sociallinks li { float:left; margin-right:15px; }
#renewpasswordtext
{
display:none;
}
/* #contextual_menu */
#friend_menu #friend_btn, #friend_menu #fan_btn { margin:0 10px 5px 0; float:left;}
/* image page */
/*#photo780{margin-bottom:12px; text-align: center;}*/
#imageWrapper
{
position:relative;
text-align:center;
margin:0 auto;
display:block;
margin-bottom:12px;
}
#overlaybuttons
{
position:absolute;
display:block;
top:0px;
left:0px;
}
a#prev, a#next
{
position:absolute;
width:54px;
display:block;
overflow:hidden;
}
a#next
{
left:0px;
top:0px;
background: transparent url(/images/layout/bt_fullimage_prevnext.png?r=4) -190px center no-repeat;
}
a#prev
{
right:0px;
top:0px;
background: transparent url(/images/layout/bt_fullimage_prevnext.png?r=4) -190px center no-repeat;
}
a#return,
a#zoom
{
position:absolute;
top:0;
left:54px;
display:block;
overflow:hidden;
background: transparent url(/images/layout/bt_fullimage_return.png?r=4) -100px center no-repeat;
}
a#return {background: transparent url(/images/layout/bt_fullimage_return.png?r=4) -100px center no-repeat;}
a#zoom {background: transparent url(/images/layout/bt_fullimage.png?r=4) -100px center no-repeat;}
a#prev span, a#next span, a#return span, a#zoom span{display:block;margin-top:3000px;}
a#next:hover{background-position: 0 center;}
a#prev:hover{background-position:-54px center;}
a#return:hover, a#zoom:hover{background-position:center center;}
a#next.disabled:hover, a#prev.disabled:hover{background-position:-108px center;}
#imageloader.loading{background:transparent url(/images/layout/loading.gif?r=4) no-repeat center center;}
#pageheader.imagepage{width:780px; height: 30px; margin-bottom: 0;}
#pageheader .edit_btn2{display:block; float:right; text-indent:-1000px; overflow:hidden;}
/* badges */
.badge
{
display:inline-block;
width:32px;
height:23px;
margin:0 3px 0 3px;
position:relative;
top:5px;
}
.redactiekeuzebadge
{
background-position:0 -2260px;
}
.nieuwtalentbadge
{
background-position:-32px -2260px;
}
.inmagazinebadge
{
background-position:-64px -2260px;
}
.testpanelbadge
{
background-position:-96px -2260px;
}
/* full view */
#canvas.fullview, body.fullview
{
background-color:#383838;
background-image:none;
}
#canvas.fullview {padding-top:20px;}
#fullviewWrapper {/*margin-top:30px;*/}
#fullviewWrapper #pageheader h1 {
font-family: Raleway,Tahoma,Arial,Helvetica,sans-serif;
font-size: 1.5em;
font-weight: 500;
color:#ffffff;
display:inline;
}
#fullviewWrapper #pageheader #collectioninfo{color:#ffffff;}
#panoramafeedback
{
position:absolute;
display:block;
bottom:0px;
left:54px;
}
/* Disabled by Hans 2016-04-15
#photodescription .description{font-size:1.0em;}
*/
#rating{
overflow:hidden;
height:52px;
font-family: Raleway, Tahoma, Arial, sans-serif;
font-weight:medium;
}
#rating .wrapper { width:152px; float:left; }
#rating #viewsandfavorites
{
width:150px;
float:left;
border-left:1px solid #dddddd;
text-align:left;
padding-bottom: 5px;
}
#viewsandfavorites .infoicon
{
display:block;
width:19px;
height:19px;
overflow:hidden;
float:left;
margin-right:9px;
}
#viewsandfavorites #views .infoicon
{
background-position: -298px -2265px;
}
#viewsandfavorites #favorites .infoicon
{
background-position: -317px -2265px;
}
#rightcolumn .contentblock #viewsandfavorites h3
{
margin: 5px 0 0 10px;
text-align:left;
}
#rating .ratinglarge
{
margin-top:4px;
background: none repeat scroll 0 0 #129cb5;
border-radius: 22px;
color: white;
display: block;
float: left;
font-weight: bold;
height: 37px;
padding-top: 7px;
text-align: center;
width: 44px;
}
#rating span.currentAmount
{
font-family: SansaStdSemiBold, Tahoma, Arial, sans-serif;
text-align:center;
}
#rating h3
{
font-family: SansaStdSemiBold, Tahoma, Arial, sans-serif;
text-align:center;
font-size:1.0em;
}
#rating #votes h3
{
float:left;
margin:16px 0 0 15px;
}
#rating #votes .currentamount{ font-family: Raleway, Tahoma, Arial, sans-serif; font-size:1.5em; font-weight:bold; }
#rating_menu{height:34px;}
#collection
{
/* height:96px;
overflow:hidden; */
}
#rightcolumn #tags{overflow:hidden; float:none; width:100%}
#tags li{float:left}
.imagespecs{overflow:hidden; font-size:1.0em;}
.imagespecs dt, .imagespecs dd{float:left; width:150px;}
.imagespecs.hidden{display:none;}
.imagespecs dt{ font-weight:600; }
#specstoggle, #exiftoggle{display:block; margin-top:5px}
#paymentOverview
{
margin-top: 20px;
font-size: 1.071em;
}
#paymentOverview #head
{
margin-bottom:20px;
}
#paymentOverview #advantages
{
width:700px;
padding-top:85px;
float:left;
background: transparent url(/images/layout/zoomplus_upgrade_bg.png?r=4) no-repeat right top;
}
#paymentOverview #advantages table
{
background: transparent url(/images/layout/zoomplus_upgrade_bg.png?r=4) no-repeat right bottom;
}
#paymentOverview #advantages td
{
vertical-align:top;
}
#paymentOverview #advantages td .content
{
border-top: 1px solid #dcdcdc;
display:block;
}
#paymentOverview #advantages td .content .v,
#paymentOverview #advantages td .content .x
{
font-weight:bold;
line-height:20px;
font-size:28px;
height:20px;
display:block;
}
#paymentOverview #advantages td .content .x{color:red; font-weight:normal;}
#paymentOverview #advantages td .content .v{color:green;}
#paymentOverview #advantages td.storage .content
{
border-top: 0 none;
}
#paymentOverview .item
{
text-align:left;
width:250px;
/*font-weight: bold;*/
}
#paymentOverview .item .content
{
margin:0 15px 0 0;
padding:10px 0 10px ;
}
#paymentOverview .basis
{
/*text-align:center;
width:200px;*/
}
#paymentOverview .basis .content
{
text-align:center;
width:170px;
margin:0 15px 0 15px;
padding:10px 0 10px ;
}
#paymentOverview .zoomplus
{
text-align:center;
width:250px;
}
#paymentOverview .zoomplus .content
{
margin:0 20px 0 20px;
padding:10px 0 10px ;
}
#paymentOverview .promo
{
float:left;
width:430px;
overflow:hidden;
}
#paymentOverview #paymentButton
{
padding-bottom:10px;
margin-top:10px;
}
#paymentOverview h1
{
font: 24px Raleway, Tahoma, Arial, sans-serif;
color: #222;
text-transform: uppercase;
}
#paymentOverview h1 span.zoomplus
{
color: #11a21f;
font-family: SansaStdSemiBold, Tahoma, Arial, sans-serif;
}
#paymentOverview .caption
{
font-size: 14px;
}
#paymentOverview h2
{
margin-top: 22px;
font: 22px Raleway, Tahoma, Arial, sans-serif;
color: #222;
text-transform: uppercase;
}
#paymentOverviewPrice
{
position: relative;
/*margin: 20px;*/
}
#paymentOverviewPriceBig
{
color: #222;
font: 48px SansaStdSemiBold, Tahoma, Arial, sans-serif;
letter-spacing: -2px;
display: inline-block;
position: relative;
padding-right: 25px;
margin-right: 5px;
}
#paymentOverviewPriceSmall
{
color: #222;
font: 28px SansaStdSemiBold, Tahoma, Arial, sans-serif;
letter-spacing: -2px;
position: absolute;
top: 6px;
right: 2px;
}
#paymentOverviewPriceText
{
color: #222;
font: 10px SansaSemiBold, Tahoma, Arial, sans-serif;
position: absolute;
top: 10px;
}
#signupZoomPlus
{
}
#signupZoomPlus dd,
#signupZoomPlus dt
{
margin-bottom: 9px;
}
#signupZoomPlus ul.errors
{
list-style: none;
color: red;
font-weight: bold;
}
#signupZoomPlus dd#payment_method-element label
{
margin-right: 15px;
}
#signupZoomPlus label
{
font-weight: bold;
}
#signupZoomPlus select,
#signupZoomPlus textarea,
#signupZoomPlus input[type="text"],
#signupZoomPlus input[type="file"],
#signupZoomPlus input[type="password"]
{
width: 290px;
}
#signupZoomPlus input[type="radio"],
#signupZoomPlus input[type="checkbox"]
{
margin-right: 4px;
}
#shop
{
}
#shop #left
{
width: 300px;
float: left;
margin-right: 60px;
}
#shop #left #usps
{
padding: 0 20px;
}
#shop #left #usps ul
{
list-style: disc;
padding-left: 20px;
font-size: 1.3em;
line-height: 1.7em;
}
#shop #left img
{
margin-bottom: 16px;
}
#shop #right
{
float: left;
width: 650px;
}
#shop h1,
.shopLightbox h1
{
margin-bottom: 10px;
}
#shop .marketing_product
{
border: 1px solid #d6d6d6;
float: left;
margin-bottom: 15px;
overflow: hidden;
background-repeat: no-repeat;
position: relative;
}
#shop .marketing_product a.overlayClick
{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 42;
}
#shop .marketing_product h2,
#shop h1,
.shopLightbox h1,
#shop form#productSignup legend
{
font: 17px Raleway, Tahoma, Arial, sans-serif;
color: #222;
text-transform: uppercase;
}
#shop .marketing_product p
{
margin-bottom: 12px;
}
#shop .marketing_product span.price
{
font-family: SansaStdSemiBold,Raleway,Tahoma,Arial,Helvetica,sans-serif;
color: #000;
position: relative;
}
#shop .marketing_product span.price_decimals
{
position: absolute;
top: 0;
right: 0;
}
#shop .marketing_product_big span.price_decimals
{
top: -4px;
}
#shop .marketing_product_lead .marketing_product
{
padding: 35px 30px 30px 630px;
width: 470px;
height: 245px;
font-size: 15px;
line-height: 22px;
}
#shop .marketing_product_lead .marketing_product span.price
{
font-size: 60px;
line-height: 60px;
padding-right: 32px;
margin-right: 20px;
}
#shop .marketing_product_lead .marketing_product span.price_decimals
{
font-size: 40px;
}
#shop .marketing_product_lead .marketing_product h2
{
font-size: 24px;
margin-bottom: 30px;
}
#shop.workshops .marketing_product_big .marketing_product
{
padding: 35px 20px 20px 290px;
}
#shop .marketing_product_big .marketing_product
{
padding: 35px 20px 20px 270px;
width: 266px;
height: 295px;
margin-right: 15px;
line-height: 22px;
}
#shop .marketing_product_big .marketing_product span.price
{
font-size: 35px;
line-height: 35px;
padding-right: 18px;
margin-right: 15px;
display: inline-block;
}
#shop .marketing_product_big .marketing_product span.price_striked
{
text-decoration: line-through;
font-size: 25px;
line-height: 25px;
top: -6px;
}
#shop .marketing_product_big .marketing_product span.price_striked span.price_decimals
{
font-size: 16px;
top: -3px;
right: 3px;
}
#shop .marketing_product_big .marketing_product span.price_decimals
{
font-size: 21px;
}
#shop .marketing_product_big .marketing_product h2
{
margin-bottom: 20px;
}
#shop .marketing_product_big .marketing_product .downloadLink,
#shop .marketing_product_lead .marketing_product .downloadLink,
#shop form#productSignup input#submit,
form#selectAccountForm input#submit
{
background-color: transparent;
background-image: url(/images/layout/global_sprite.png?r=5);
background-repeat: no-repeat;
display: inline-block;
font-size: 15px;
line-height: 18px;
padding: 7px 0 10px 12px;
text-transform: uppercase;
color: #fff;
position: relative;
margin-top: 10px;
margin-right:0;
font-family: Raleway, Tahoma, Arial, sans-serif;
}
#shop form#productSignup input#submit,
form#selectAccountForm input#submit
{
cursor:pointer;
border:none;
}
#shop .marketing_product_big .marketing_product_blue .downloadLink,
#shop .marketing_product_lead .marketing_product_blue .downloadLink,
#shop form#productSignup.blue input#submit,
form#selectAccountForm.blue input#submit
{
background-position: left -781px;
}
#shop .marketing_product_big .marketing_product_green .downloadLink,
#shop .marketing_product_lead .marketing_product_green .downloadLink,
#shop form#productSignup.green input#submit,
form#selectAccountForm.green input#submit
{
background-position: left -2400px;
}
#shop .marketing_product_big .marketing_product_orange .downloadLink,
#shop .marketing_product_lead .marketing_product_orange .downloadLink,
#shop form#productSignup.orange input#submit,
form#selectAccountForm.orange input#submit
{
background-position: left -2596px;
}
#shop .marketing_product_lead .marketing_product .downloadLink
{
top: -17px;
}
#shop .marketing_product_big .marketing_product .downloadLink
{
top: -8px;
}
#shop form#productSignup #submit-element,
form#selectAccountForm #submit-element
{
padding-right: 12px;
background-color: transparent;
background-image: url(/global_sprite.png?r=5);
background-repeat: no-repeat;
width: auto;
}
#shop .marketing_product_big .marketing_product .downloadLink:after,
#shop .marketing_product_lead .marketing_product .downloadLink:after
{
background-color: transparent;
background-image: url(/images/layout/global_sprite.png?r=5);
background-repeat: no-repeat;
bottom: 0;
content: "";
display: block;
left: 0;
position: absolute;
right: -12px;
top: 0;
}
#shop .marketing_product_big .marketing_product_blue .downloadLink:after,
#shop .marketing_product_lead .marketing_product_blue .downloadLink:after
{
background-position: right -869px;
}
#shop form#productSignup.blue #submit-element,
form#selectAccountForm.blue #submit-element
{
background-position: right -859px;
padding-left: 4px;
}
#shop .marketing_product_big .marketing_product_green .downloadLink:after,
#shop .marketing_product_lead .marketing_product_green .downloadLink:after
{
background-position: right -2444px;
}
#shop form#productSignup.green #submit-element,
form#selectAccountForm.green #submit-element
{
background-position: right -2434px;
}
#shop .marketing_product_big .marketing_product_orange .downloadLink:after,
#shop .marketing_product_lead .marketing_product_orange .downloadLink:after
{
background-position: right -2640px;
}
#shop form#productSignup.orange #submit-element,
form#selectAccountForm.orange #submit-element
{
background-position: right -2630px;
padding-left: 4px;
}
#shop .marketing_product_normal .marketing_product
{
padding: 20px 20px 20px 162px;
width: 186px;
height: 138px;
margin-right: 10px;
}
#shop .marketing_product_normal .marketing_product span.price
{
font-size: 21px;
line-height: 21px;
padding-right: 12px;
margin-right: 10px;
}
#shop .marketing_product_normal .marketing_product span.price_decimals
{
font-size: 12px;
top: 1px;
}
#shop .marketing_product_normal .marketing_product h2
{
margin-bottom: 20px;
}
#shop .noRightMargin
{
margin-right: 0 !important;
}
#shop form#productSignup
{
margin-top: 17px;
}
#shop form#productSignup dl
{
margin-bottom: 7px;
position: relative;
overflow:hidden;
}
#shop form#productSignup ul.errors
{
position:absolute;
right:0;
bottom: auto;
top: 0;
padding: 7px 10px;
}
#shop form#productSignup dl.gender
{
height: 30px;
}
#shop form#productSignup dl.gender ul.errors
{
top: -8px;
}
#shop form#productSignup dt#receiver-subproduct-label
{
vertical-align: top;
}
#shop form#productSignup dd#receiver-subproduct-element label
{
display: block;
}
#shop form#productSignup dl#placeholderIncasso,
#shop form#productSignup dl#placeholderSubscription,
#shop form#productSignup dl#placeholderProductConditions
#shop form#productSignup dl#optin_info,
#shop form#productSignup dl#optin_placeholder
{
width: 450px;
height: auto;
margin-bottom: 15px;
}
#shop form#productSignup dl#placeholderIncasso,
#shop form#productSignup dl#bank_account
{
display: none;
}
#shop form#productSignup legend
{
padding-top: 20px;
font-size: 14px;
border-bottom: 1px solid #C2C2C2;
width: 440px;
padding-bottom: 4px;
margin-bottom: 12px;
}
#shop form#productSignup dt,
#shop form#productSignup dd
{
display: inline-block;
}
#shop form#productSignup.newsletterOptins dd
{
width: 385px;
}
#shop form#productSignup dt
{
width: 133px;
}
#shop form#productSignup fieldset#fieldset-payer
{
margin-bottom: 40px;
}
#shop form#productSignup dt label
{
font-weight: bold;
}
#shop form#productSignup input[type="radio"]
{
margin-right: 6px;
}
#shop form#productSignup dt#receiver-middle_name-label,
#shop form#productSignup dt#payer-middle_name-label,
#shop form#productSignup dt#receiver-number_addition-label,
#shop form#productSignup dt#payer-number_addition-label
{
padding-right: 15px;
width: 118px;
text-align: right;
}
#shop form#productSignup dt#receiver-number_addition-label,
#shop form#productSignup dt#payer-number_addition-label
{
width: 86px;
}
#shop form#productSignup dl.gender label
{
margin-right: 38px;
}
#shop form#productSignup input[type="text"]
{
height: 15px;
width: 290px;
}
#shop form#productSignup dd#receiver-middle_name-element input[type="text"],
#shop form#productSignup dd#payer-middle_name-element input[type="text"]
{
width: 36px;
}
#shop form#productSignup dd#receiver-number_addition-element input[type="text"],
#shop form#productSignup dd#payer-number_addition-element input[type="text"]
{
width: 68px;
}
#shop form#productSignup dd#receiver-first_name-element input[type="text"],
#shop form#productSignup dd#payer-first_name-element input[type="text"],
#shop form#productSignup dd#receiver-number-element input[type="text"],
#shop form#productSignup dd#payer-number-element input[type="text"],
#shop form#productSignup dl.zipcode input[type="text"]
{
width: 100px;
}
#shop form#productSignup #placeholder_receiver-placeholderConditions
{
font-size:100%;
}
#shop form#productSignup dt.checkboxleft
{
width:100%;
}
#shop form#productSignup dt.checkboxleft label
{
font-weight:normal;
}
#shop form#productSignup input#submit
{
border: 0;
}
#shop form#productSignup .idgFormNote
{
clear:left;
}
#shop form#productSignup dl#placeholderIncasso
{
clear:left;
}
#shop #bottomAbonneeText
{
margin-top: 16px;
}
#shop #bottomAbonneeText p
{
margin-bottom: 16px;
}
.shopLightbox
{
width: 500px;
padding: 30px;
line-height: 20px;
font-size: 14px;
position: relative;
}
.shopLightbox p
{
margin-bottom: 20px;
}
.shopLightbox :last-child
{
margin-bottom: 0;
}
.shopLightbox .shopLightBoxCloseButton
{
position:absolute;
right:0;
top:0;
background:url("/images/layout/colorbox/controls.png") no-repeat scroll -25px 0 transparent;
height:25px;
width:25px;
text-indent:-50px;
overflow:hidden;
}
#shop.workshops .workshopsummary
{
float: left;
margin-bottom: 20px;
}
#shop.workshops .workshopproductgroupimage
{
float: left;
margin-right:10px;
}
.shopLightbox .shopLightBoxCloseButton:hover
{
background-position:-25px -25px;
}
#shop.workshops .marketing_product_big {
float: left;
}
#shop.workshops .marketing_product_big .agenda {
}
#shop.workshops .marketing_product_big {
}
#shop.workshops form dl dt#receiver-subproduct_datum-label {
line-height: 38px;
vertical-align: top;
}
/* radio button lines */
#shop.workshops form dl dt#receiver-subproduct_abonnee-label,
#shop.workshops form dl dd#receiver-subproduct_abonnee-element,
#shop.workshops form dl dt#receiver-gender-label,
#shop.workshops form dl dd#receiver-gender-element
{
line-height: 28px;
vertical-align: top;
}
#shop.workshops .marketing_product_big .marketing_product {
width: 468px;
margin-right: 0;
height: auto;
}
#rightcolumn.workshops h2
{
font-family: Raleway,Tahoma,Arial,Helvetica,sans-serif;
font-size: 1.143em;
font-weight: normal;
text-transform: uppercase;
}
#rightcolumn.workshops dl dt {
font-weight: bold;
margin-top: 10px;
text-transform: uppercase;
}
#rightcolumn.workshops .questions p
{
margin-top:10px;
}
#shop.workshops form dl dd#receiver-subproduct_datum-element select ,
#shop.workshops form dl dd#receiver-subproduct_abonnee-element label
{
float: left;
}
#shop.workshops form dl dd#receiver-subproduct_datum-element p ,
#shop.workshops form dl dd#receiver-subproduct_abonnee-element p
{
float: left;
font-size: 90%;
margin-bottom: 0;
margin-top: 7px;
margin-left: 20px;
}
#shop.workshops form dl dd#receiver-subproduct_abonnee-element label {
margin-right: 38px;
}
/* articles */
#lead_overview ul {width:800px; overflow:hidden;}
#lead_overview li { float: left; position:relative; width: 250px; margin-right: 15px; font-family:Raleway, Tahoma, Arial, sans-serif; color:#222222; font-size:1em ;}
.videoBlock a{color:#222222; }
#group_overview ,
.articles_overview,
#article,
.testPanelReview {
border: 1px solid #D6D6D6;
padding: 15px;
overflow:hidden;
}
#cursus_overview,
#group_overview {
width:367px;
float:left;
clear: right;
margin:15px 0;
}
#group_overview{float:right;}
.articles_overview{ margin-top:-2px; clear:both;}
#cursus_overview h2,
#group_overview h2,
.articles_overview h2,
#related_articles h2,
#tags h2 {
font-family: "Open Sans", Tahoma, Arial, sans-serif;
font-weight:600;
color:#222222;
font-size:1.214em ;
margin-bottom: 10px;
}
#articleBody {
border-bottom: 1px solid #D6D6D6;
margin-bottom: 10px;
padding-bottom:10px;
/* Disabled by Hans 2016-04-15
font-size:1.143em;
*/
}
#articleBody h2, .testPanelReviewBody h2 {margin-top:25px;}
#articleBody h2, #hwi-product-prices h2 {
font-weight:600;
color:#222222;
font-size:1.063em;
margin-bottom: 10px;
}
#articleBody p, .testPanelReviewBody p {margin:5px 0;}
#articleBody .ubbimagewrapper, .testPanelReviewBody .ubbimagewrapper { display: block; clear: both; overflow: hidden; margin-top: 20px; }
#articleBody .ubbimage, .testPanelReviewBody .ubbimage{ float: left; margin: 0 10px 5px 0; }
#articleBody img, .testPanelReviewBody img { margin: 20px 10px 0 0; }
#articleBody .article_image, .testPanelReviewBody .article_image {float:left; margin: 0 15px 15px 0}
#articleBody p strong {font-weight:600;}
#group_overview h2{ margin-bottom: 21px;}
#articleBody .intro, .testPanelReview .intro p{ margin:13px 0; font-weight: 600;}
#articleBody .adsense {
float: right;
margin-left: 10px;
border: 1px solid #ddd;
}
#articleBody .googleads728_90 { float: none; margin-left: 0;}
#articleBody #writtenByAuthor {
background-color: #d1e4f0;
border: 1px solid #7daac7;
display: block;
overflow:hidden;
height: auto;
margin: 20px 0;
padding: 10px;
}
#articleBody #writtenByAuthor img {
margin:0 10px 0 0;
float:left;
}
#articleBody #writtenByAuthor h2 {
margin:0;
}
#articleBody #writtenByAuthor .authorLink {
}
#articleBody .inline.ubb.box {
background-color: #d1e4f0;
border: 1px solid #7daac7;
display: block;
font-size: 0.875em;
height: auto;
margin: 20px 0;
padding: 10px;
}
#articleBody .inline.ubb.box h2{
margin: 0;
}
#articleBody .inline.ubb.box img{
margin: 0 10px;
}
#articleBody .calloutwrapper,
#articleBody blockquote
{
box-sizing: border-box;
width: 40%;
height: auto;
min-width: 150px;
clear: both;
display: block;
margin: 5px;
}
#articleBody .calloutwrapper {
background-color: #d1e4f0;
border: 1px solid #7daac7;
float: right;
font-size: 0.875em;
padding: 5px;
}
#articleBody .callout{}
#articleBody blockquote {
float:right;
padding:15px;
border-width:6px 0;
border-color:#ddd;
border-style: solid;
font-family:tahoma,arial;
font-size:1.4em;
line-height:1.5em;
text-align:center;
clear: both;
}
.article_image{float:left; margin: 0 15px 15px 0}
.article_comment_count{float:right; width:50px; background-position: -215px -1955px; padding-right: 20px; text-align: right;}
.article_list {clear:both; overflow:hidden;}
.article_list li { overflow:hidden; margin-bottom: 15px;}
#contentcolumn .article_list li .wrapper{ margin-left:127px;}
#sidebar .article_list li .wrapper{ margin-left:79px;}
.article_list p {margin:5px 0;}
.article_list h3 {font-family: "Open Sans", Tahoma, Arial, sans-serif; font-weight:600; color:#129cb5; font-size:1.143em ; }
.article_list h2 a, .article_list h3 a {color:#129cb5;}
.article_list .intro a {color:#4a4a4a;}
/*.article_list .intro a .go {background-position:-28px -3087px;}*/
#tabbeginner, #tabgevorderde, #tabexpert, #tabln, #tabpn {overflow:hidden; background-color:#e6edee;}
#related_articles, #tags { float:left; width:50%;}
/* table of contents */
#tableOfContents { clear: left; background: #F6F4F5; padding: 10px 15px 15px; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc;}
#tableOfContentsToggle { padding-bottom: 10px; }
.tableOfContents.page1 { display: block; }
.tableOfContents { display: none; padding-top:15px;}
.tableOfContents a { display: block; font-size: 0.85em; line-height: 1.286em; height: 1.286em; overflow: hidden; text-decoration: none; }
#tableOfContentsToggle a span { float:right;}
#tableOfContentsToggle a span.fold { background: url("/images/layout/global_sprite.png?r=5") no-repeat scroll -245px -1973px transparent; padding-left: 20px; }
#tableOfContentsToggle a span.unfold { background: url("/images/layout/global_sprite.png?r=5") no-repeat scroll -228px -1994px transparent; padding-left: 20px; }
#tableOfContents h3 { font-family: SansaStdSemiBold,Raleway, Tahoma, Arial, sans-serif; text-transform:uppercase; color:#222222; font-size:1em ; margin-bottom: 5px; position:absolute;}
#articleToolsBlock {overflow:hidden;}
.testPanelReview{ margin-top:20px; }
.testPanelReviewHeader{ overflow:hidden; }
.testPanelReview h2
{
font-family:SansaStdSemiBold, Raleway, Tahoma, Arial, Helvetica, sans-serif;
font-size:1.2em;
text-transform:uppercase;
}
.review_properties { overflow:hidden; position:relative; background: #f4f4f4; border: 1px solid #ddd; padding: 0 10px 10px;}
.plus_min dt{font-weight: 500;}
.review_properties .label, .beoordeling dt , .beoordeling dd{ width:120px; display:block; float:left;padding:2px 0}
.beoordeling dt {clear:left; }
.beoordeling { overflow:hidden;}
.plus_min { float:right; width:400px; margin-top:28px;}
dd.plus {background: transparent url("/images/layout/global_sprite.png?r=5") -211px -2009px no-repeat; padding: 2px 0 2px 20px}
dd.min {background: transparent url("/images/layout/global_sprite.png?r=5") -192px -2031px no-repeat; padding: 2px 0 2px 20px}
.review_specificaties dd,
.review_specificaties dd,
.review_properties dd,
.review_properties dt
{
font-size:0.875em;
}
.review_specificaties .label { width:200px; display:inline-block; font-weight:600;}
dl.specificaties { float:none; display:block;background: white;}
.review_rating {display:inline-block; background: transparent url("/images/layout/global_sprite.png?r=5") 0 -1946px repeat-x; padding: 8px 0; margin: 0 }
.icon {
display: block;
text-indent: -1000px;
}
#articleTools { border-top: 1px solid #ddd; padding:10px 0}
#articleTools li { float: left;}
#articleTools li.printTool, #articleTools li.rateTool {
padding: 0 10px;
border-right: 1px solid #D6D6D6;
margin-right: 3px;
}
.rate_btn:hover {
color: #B15105;
}
.rate_btn {
background: pink;
display: inline-block;
color: black;
text-decoration: none;
cursor: pointer;
border: 1px solid #ccc;
border-radius:2px;
padding: 2px 7px 2px 20px;
}
/**SEARCH**/
#searchForm { background: #d1e4f0; border: 1px solid #7daac7; padding:4px; margin-bottom:20px; overflow:hidden;}
#searchForm p{float:left; margin:5px; width:380px;}
#searchForm p.nolabel{width:520px;}
#searchForm form.nolabel{margin:8px;}
#searchField{ display:block; float:right; position:relative; text-align:right;}
#keyword {
border: 1px solid #7daac7; padding:5px; color:#959595;
background-image: linear-gradient(bottom, rgb(255,255,255) 5%, rgb(255,252,255) 53%, rgb(250,249,247) 77%);
background-image: -o-linear-gradient(bottom, rgb(255,255,255) 5%, rgb(255,252,255) 53%, rgb(250,249,247) 77%);
background-image: -moz-linear-gradient(bottom, rgb(255,255,255) 5%, rgb(255,252,255) 53%, rgb(250,249,247) 77%);
background-image: -webkit-linear-gradient(bottom, rgb(255,255,255) 5%, rgb(255,252,255) 53%, rgb(250,249,247) 77%);
background-image: -ms-linear-gradient(bottom, rgb(255,255,255) 5%, rgb(255,252,255) 53%, rgb(250,249,247) 77%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.05, rgb(255,255,255)),
color-stop(0.53, rgb(255,252,255)),
color-stop(0.77, rgb(250,249,247))
); width:200px;
}
.images_overview { border-top: 1px solid #D6D6D6; padding-top:15px; margin-top:-2px;}
/*list-paginator & article-paginator*/
.paginator {display:inline-block;}
/* Determined in media queries now
.paginator a, .numbers .current, .pageNumber, .paginatorNext, .paginatorPrevious{background: #129cb5; color: white; display:block; float:left; padding: 2px 6px 4px; margin: 0 2px; }
*/
.paginator .current, strong.pageNumber {background: transparent; color: #000}
.pageNumber {border-radius:0;padding: 2px 6px;}
.paginator .next, .paginator .prev, .paginatorNext, .paginatorPrevious {background: transparent; color: #129cb5;}
#pagination
{
border-top: 1px solid #DDDDDD;
margin: 10px 0 0;
/*overflow: hidden;*/
padding: 10px 0 0;
text-align: center;
}
#article_pagination
{
border-top: 1px solid #DDDDDD;
border-bottom: 1px solid #DDDDDD;
margin: 10px 0;
/*overflow: hidden;*/
padding: 10px 0;
text-align: center;
}
.paginationControl {display:inline-block;}
.paginationControl span {display:none;}
.archive
{
font-family: Raleway, Tahoma, Arial, sans-serif;
position:relative;
border-style:solid;
border-color:#DDDDDD;
border-top-width:1px;
border-bottom-width:1px;
clear:both;
font-size:1.0em;
/*height:40px; disabled when moving archive ul to right */
margin-bottom:20px;
/*padding-top:1px; disabled when moving archive ul to right */
text-transform:uppercase;
z-index:40;
}
#year_select ul li a
{
width:70px;
}
#month_select ul li a
{
width:80px;
}
.archiveheading
{
color:black;
line-height:31px;
}
.archive .current,
.sub_nav .current
{
background-color:#555555;
}
.archive a.withchild
{
color:black;
}
.archive .current
{
font-weight:bold;
width:165px;
padding:5px 5px 5px 10px;
color:white;
background-image:none;
}
/** images upload **/
dl#images_upload { width: 100% }
dl#images_upload dt.images_upload {
float: left;
clear: left;
width: 265px;
padding-bottom: 10px;
padding-top: 10px;
border-top: 1px solid #D6D6D6;
}
dl#images_upload dd.images_upload {
border-top: 1px solid #D6D6D6;
float: left;
width: 482px;
margin-bottom: 10px;
}
dl#images_upload dd.images_upload.first,
dl#images_upload dt.images_upload.first { border-top: none; }
dl#images_upload dd.first, dl#images_upload dl.first { margin-top: 0px; }
dl#images_upload fieldset.newimage { border-left: 1px solid #D6D6D6; margin-top: 10px;}
div#contentcolumn.uploadform {
border: 1px solid #D6D6D6;
/* Determined with media queries now
width: 778px;
*/
position: relative;
}
div#contentcolumn.uploadform div#formwrapper {
overflow:hidden;
padding:15px;
}
div#contentcolumn.uploadform fieldset#field_image {
display: block;
border-right: 1px solid #D6D6D6;
float: left;
}
div#contentcolumn.uploadform fieldset#field_image dl {
width: 400px;
}
div#contentcolumn.uploadform fieldset#field_image dl.first {
margin-top: 0;
}
div#contentcolumn.uploadform div#uploadpreview {
padding: 15px;
float: left;
}
div#contentcolumn.uploadform div#uploadpreview div#uploadpreview_border {
border: 1px solid #d6d6d6;
width: 170px;
height: 190px;
padding: 10px 10px 0 10px;
position: absolute;
}
div#contentcolumn.uploadform div#uploadpreview div#uploadpreview_border span {
display: block;
position: absolute;
bottom: 0;
right: 10px;
font-size: 9pt;
font-style: italic;
}
div#contentcolumn.uploadform div#uploadpreview div#uploadpreview_border div#uploadpreview_container {
position: absolute;
width: 170px;
height: 170px;
overflow: hidden;
}
div#contentcolumn.uploadform div#uploadpreview div#uploadpreview_border div#uploadpreview_container img {
position: absolute;
}
.bottom_link {text-align: center;}
.bottom_link a{ display: inline-block; padding-top: 10px;}
div#incompatibleBrowser {
color: #AC3B3F;
padding: 10px;
margin: 15px 15px 5px ;
border: 1px solid #AC3B3F;
}
.usage-wrap{
position: relative;
width: 100%;
}
.usage-wrap, .meter-value, .meter-text {
/* The width and height of your image */
}
.usage-wrap {
background-color: #bdbdbd;/* url(/path/to/your-image.png) top left no-repeat;*/
height: 5px;
}
.usage-value {
height: 5px;
color: #0f0;
}
.usage-text {
position: absolute;
top:0; left:0;
padding-top: 5px;
color: #fff;
text-align: center;
width: 100%;
}
#editForm {
overflow: hidden;
}
#subfooter
{
text-align:center;
font-family: Raleway, Tahoma, Arial, sans-serif;
border-top:1px solid #d6d6d6;
border-bottom:1px solid #e0e0e0;
height:40px;
padding-top:3px;
margin-top:42px;
background-color:#ffffff;
}
#subfooter a
{
color:#878787;
line-height:40px;
padding:0 10px 0 10px;
}
#subfooter li
{
display:inline;
}
#statcontainer
{
display:none;
}
/* general IDG footer */
#idgFooterWrapper
{
border-top:1px solid #eeeeee;
background-color:#f6f6f6;
width: 100%;
}
#idgFooter
{
text-align:center;
height:130px;
line-height:20px;
font-size:11px;
/* Determined with media queries now
width:1132px;
*/
margin:0 auto;
position:relative
}
#idgFooterLogo
{
position:absolute;
left:10px;
top:10px;
width:100px;
}
#idgFooterInfo
{
margin: 20px 40px 20px 120px;
}
#idgFooter,
#idgFooter a
{
color:#adadad;
}
#idgFooter a
{
text-decoration:underline;
}
.socialSharing {
overflow: hidden;
}
.socialSharing > div
{
float: right;
margin-left: 15px;
}
.element p, .element h2 { margin-top: 5px; padding-bottom: 5px; }
.element h2 { font-family: SansaStdSemiBold, Raleway, Tahoma, Arial, Helvetica, sans-serif; font-size: 1.2em; }
.element ol {list-style: decimal outside none; margin-left:20px;}
#searchNothingFound
{
margin-left: 10px;
text-align: left;
}
/** BEGIN NEWSLETTER SIM SIGNUP **/
#newsletterSignup
{
width: 560px;
}
#newsletterSignup h2
{
font: 18px/18px SansaStdSemiBold, Tahoma, Arial, sans-serif;
text-transform: uppercase;
margin-bottom: 30px;
}
#newsletterSignup p#description
{
margin-bottom: 25px;
}
#newsletterSignup fieldset#mail label span.label
{
font-weight: bold;
display: block;
margin-bottom: 4px;
}
#newsletterSignup fieldset#mail input
{
margin-bottom: 10px;
width: 300px;
}
#newsletterSignup fieldset#newsletter_optin,
#newsletterSignup fieldset#commercieel_optin
{
margin-bottom: 6px;
}
#newsletterSignup fieldset#commercieel_optin .explain
{
display: block;
font-size: 10px;
margin-left: 17px;
margin-top: 5px;
}
#newsletterSignup fieldset#commercieel_optin
{
margin-bottom: 30px;
}
#newsletterSignup #okabo_btn
{
background-image: none;
}
/** END NEWSLETTER SIM SIGNUP **/
/** DVD Shop **/
#dvdshop
{
margin-top:15px;
}
#dvdshop .dvd
{
border:1px solid #d6d6d6;
padding:15px 15px 0 15px;
height:100px;
display:block;
margin-bottom:15px;
clear:left;
cursor:pointer;
}
#dvdshop a:hover
{
background-color:silver;
}
#dvdshop .checkbox
{
float:left;
margin-right:15px;
margin-top:25px;
}
#dvdshop .image
{
float:left;
margin-right:15px;
padding-bottom:20px;
}
#dvdshop .title,
#dvdshop .description
{
width:650px;
}
#dvdshop .title
{
font-size:1.286em;
color:black;
padding-bottom:4px;
text-transform:uppercase;
letter-spacing:0.03em;
}
#dvdshop .price
{
float:right;
display:block;
color:black;
font-size:3em;
font-family: SansaStdSemiBold;
margin-top:14px;
position:relative;
}
#dvdshop .price .decimal
{
font-size:0.5em;
position:relative;
left:-5px;
top:0.25em;
}
#dvdshop h3#orderFormHeading
{
font-size:1.286em;
font-family: SansaStdSemiBold;
}
#dvdshop #orderForm td
{
padding:0.5em;
}
#dvdshop #orderForm .label
{
font-family: SansaStdSemiBold;
font-size:1.0em;
}
#neweventform input, #neweventform select
{
border:1px solid #ccc;
margin-bottom:5px;
}
#neweventform
{
padding:10px;
}
#dvdShop .ERROR
{
margin-left:10px;
color:#f00;
}
#dvdShop .required
{
color:#f00;
}
#workshopCarrousel, #workshopBannerImage
{
margin-bottom:20px;
}
/** End DVD Shop **/
/** New items and changes **/
/* margin on dfp ads in the right sidebar */
#ad_adv1, #ad_adv2 {
margin-top: 15px;
}
#ad_skyscraper {
position:absolute;
top: 0;
left:-170px;
}
/** Start Outbrain **/
.zoomnl-outbrain-container
{
}
/* two column, side by side*/
.zoomnl-outbrain-container .OUTBRAIN
{
display:inline-block;
width:49%;
}
/** End Outbrain **/
/* FORUM ARCHIVE */
#forumWrapper
{
overflow:hidden;
}
#forumArchive
{
width:776px;
margin-right:20px;
float:left;
}
#forumWrapper #sidebar
{
float:left;
width:336px;
}
#forumArchive #forumOverview h2
{
margin:10px 0;
}
#forumArchive section ul li
{
margin:10px 0 0 10px;;
}
#forumArchive h1
{
margin:20px 0;
}
#forumArchive h2
{
font-size:1.3em;
margin-bottom:10px;
}
#forumArchive nav#breadcrumb
{
margin-bottom:20px;
}
#forumArchive nav#breadcrumb span
{
color:#009ddf;
font-weight:bold;
}
#forumArchive .post
{
border:1px solid #aaa;
margin-bottom:20px;
padding:10px;
word-wrap:break-word;
width:750px;
}
#forumArchive .post p
{
margin:15px 0;
}
#forumArchive .post header
{
border-bottom:1px solid #aaa;
font-weight:bold;
position:relative;
}
#forumArchive .post header .date
{
position:absolute;
right:0;
}
#forumArchive .post header .subject
{
position:absolute;
display:inline-block;
left:150px;
width:300px;
color:#009ddf;
}
#forumArchive .post header .poster
{
display:inline-block;
width:130px;
}
#forumArchive .post p
{
font-size:1.0em;
}
#forumArchive .post code, .post blockquote
{
display:block;
background-color: #eee;
padding:5px;
margin:15px 0;
font-size:1.1em;
}
#forumArchive .post.first
{
background-color:#d1e4f0;
}
#forumArchive .post blockquote
{
font-style:italic;
}
#forumArchive .quotedUser
{
font-weight:bold;
}
#forumArchive .forumQaBlock input
{
width:563px;
height:45px;
margin-top:10px;
padding:0 5px;
}
.forumQaBlock input.default
{
font-style:italic;
color:#ccc;
}
.forumQaBlock h3
{
font-weight:bold;
color:black;
}
.forumQaBlock a
{
display:inline-block;
margin: 10px 20px 0 0;
padding:16px 5px 0 5px;
border:1px #ccc solid;
height:29px;
background-color:white;
width:140px;
font-weight:bold;
text-align:center;
}
.forumQaBlock a, .forumQaBlock a:hover
{
color:black;
}
.forumQaBlock
{
margin: 0 20px 20px 0;
background-color:#faf8f8;
padding:10px;
width:753px;
}
#forumArchive #topicList li
{
margin-bottom:10px;
}
#forumArchive .paginator
{
clear:both;
overflow:hidden;
padding-top:20px;
margin-top:20px;
height:60px;
text-align:center;
}
#forumArchive .paginator a
{
float:none; /* overrides Zoom default */
}
#forumArchive .paginator .paginatorPage
{
display:inline-block;
margin-right:7px;
text-align:center;
height:15px;
font-weight:bold;
}
#forumArchive .paginator .paginatorPage.paginatorPrevious,
#forumArchive .paginator .paginatorPage.paginatorNext
{
background-color:white;
color:#246996;
font-weight:normal;
}
#forumArchive .paginator .paginatorPrevious
{
margin-right:20px;
}
#forumArchive .paginator .paginatorNext
{
margin-left:20px;
}
#forumArchive .paginator .paginatorGap
{
width:10px;
}
/* END FORUM ARCHIVE */
#qa-topusers
{
display:none;
}
#qaSearchResults li h2
{
margin-bottom:0;
}
#qaSearchResults li h2 a
{
color:#4a4a4a;
}
#qaSearchResults li p.qaIntro
{
margin:5px 0 5px 0px;
}
#qaSearchResults li p.wantToKnow
{
margin-bottom:30px;
color:#aaa;
position:relative;
}
#qaSearchResults li p.wantToKnow .answerCount
{
display:block;
position:absolute;
left:185px;
top:0;
background:url('/images/layout/global_sprite.png?r=5') -259px -1955px;
padding-right:20px;
margin-left:20px;
width:30px;
color:#266994;
}
#rightcolumn #qaSideBlock.contentblock
{
overflow:hidden;
border:1px solid #d0d0d0;
padding:0;
}
#qaSideBlock #question
{
width:300px;
margin-left:10px;
height:100px;
resize:vertical;
max-height:300px;
}
#qaSideBlock h2
{
font-family:SansaStdSemiBold;
text-transform:uppercase;
margin:10px;
font-size:1.2em;
}
#qaSubmit:hover
{
text-decoration:none;
}
.qaDummy
{
font-style:italic;
color:#aaa;
}
#qaSubmit
{
padding:6px;
float:right;
width:55px;
text-align:center;
border:1px #aaa solid;
margin:10px;
}
#qaSideBlock ul
{
margin:10px 10px 20px 10px;
}
#qaSideBlock ul li
{
line-height:1.2em;
max-height: 2.4em;
overflow:hidden;
padding-right:50px;
margin-bottom:5px;
position:relative;
}
#qaSideBlock ul li span.qaCount
{
position:absolute;
top:0;
right:0;
width:12px;
background:url('/images/layout/global_sprite.png?r=5') -256px -1955px;
padding-right:20px;
}
#tabsmenu #tab_vraag-en-antwoord
{
display:none;
}
#qaFooterAds
{
margin-bottom:20px;
}
#qaFooterAds .adsBlock
{
display:inline-block;
margin-right:20px;
width:125px;
height:125px;
}
#qaSearchResults .qaInfo
{
margin-bottom:5px;
}
#qaSearchResults .whoAsked
{
font-weight:bold;
}
/* HOMEPAGE */
.adsbygoogle {
border: 1px solid #ccc;
}
/* SIDE CARROUSSEL */
.newsCarrouselItem {
position: relative;
width: 304px;
}
.newsCarrouselItem .carrouselPrev,
.newsCarrouselItem .carrouselNext
{
width: 46px;
height: 46px;
display: block;
overflow: hidden;
position: absolute;
z-index: 10;
text-indent:-128px;
border-radius: 23px;
background-color: #e6edee;
top: 109px;
}
.newsCarrouselItem .carrouselPrev span,
.newsCarrouselItem .carrouselNext span
{
width: 36px;
height: 36px;
margin: 5px;
display: block;
border-radius: 18px;
background-color: #129CB5;
}
.newsCarrouselItem .carrouselPrev span{ background-position: -302px -3107px;}
.newsCarrouselItem .carrouselNext span{ background-position: 6px -3107px;}
.newsCarrouselItem .carrouselPrev { right:275px;}
.newsCarrouselItem .carrouselNext { right:-10px; }
/* LEAD CARROUSEL */
#leadCarrouselWrapper{position:relative;}
#leadCarrousel { background-color: #E6EDEE; height:250px; position: relative; overflow:hidden;}
#leadCarrouselWrapper .carrouselPrev,
#leadCarrouselWrapper .carrouselNext
{
width: 46px;
height: 46px;
display: block;
overflow: hidden;
position: absolute;
z-index: 10;
text-indent:-128px;
border-radius: 23px;
background-color: #E6EDEE;
top: 41.304%;
}
#leadCarrouselWrapper .carrouselPrev span,
#leadCarrouselWrapper .carrouselNext span
{
width: 36px;
height: 36px;
margin: 5px;
display: block;
border-radius: 18px;
background-color: #129CB5;
}
#leadCarrouselWrapper .carrouselPrev span{ background-position: -302px -3107px;}
#leadCarrouselWrapper .carrouselNext span{ background-position: 6px -3107px;}
#leadCarrouselWrapper .carrouselPrev { left:-22px;}
#leadCarrouselWrapper .carrouselNext { right:-22px; }
#leadCarrousel .carrouselItems {
list-style: none;
width: 4524px; /* 12 x 377px */
position:absolute;
left:-377px;
}
#leadCarrousel .carrouselItems li {
float:left;
position:relative;
width: 376px;
border-left: 1px solid #fff;
}
#leadCarrousel .carrouselItems li a.carrouselImage {
position:relative;
display:block;
height:250px;
width:376px;
}
#leadCarrousel .carrouselItems li a.carrouselImage::after {
position:absolute;
left:0;
bottom:-1px;
content:url(/images/layout/thumbnail_gradientoverlay.png);
}
#leadCarrousel .carrouselItems .itemData {
position:absolute;
text-align:center;
left:10px;
right:10px;
bottom:20px;
/*float:left;
width: 262px;*/
}
#leadCarrousel .carrouselItems li .type {
background-color: #E97413;
border-radius: 10px;
color: #FFFFFF;
font-size: 10px;
height: 20px;
padding: 4px 13px;
}
#leadCarrousel .carrouselItems li time { font-size: 0.9em; color: #a5a5a5; }
#leadCarrousel .carrouselItems li p { font-size: 1.1em; line-height: 1.15em; color: #fff; margin: 10px 0 0 15px; }
#leadCarrousel .carrouselItems li h2 {
font-family: Raleway, Tahoma,Arial,Helvetica,sans-serif;
font-size: 1.286em;
font-weight: 400;
margin: 15px 15px 0;
}
#leadCarrousel .itemData a{color:#fff;}
ul#carrousselSelector {
display: block;
height: 30px;
overflow: hidden;
}
/* sidebar carroussel */
ul#carrousselSelector li {
background-image: url('/images/icons/carroussel_item.png');
background-repeat: no-repeat;
float: left;
width: 30px;
height: 30px;
}
ul#carrousselSelector li.choosen {
background-image: url('/images/icons/carroussel_item_choosen.png');
}
#sideNewsCaroussel ul.newsCarrouselItems {
padding-top: 10px;
display: block;
height: 320px;
}
#sideNewsCaroussel ul.newsCarrouselItems li h3 {
color: #129CB5;
font-weight: bold;
}
#sideNewsCaroussel ul.newsCarrouselItems li img {
display: block;
position: absolute;
top: 45px;
width: 300px;
height: 172px;
}
#sideNewsCaroussel ul.newsCarrouselItems li div.itemData {
display: block;
position: absolute;
top: 227px;
width: 300px;
}
/* COLLECTION CARROUSEL */
#carrousel.justOne .carrouselPrev,
#carrousel.justOne .carrouselNext,
#carrousel.justOne #carrouselAnimationButtons { display: none; }
#collectionCarrouselWrapper{padding-bottom:15px;}
#collectionCarrousel { background-color: #1e1e1e; height:250px; border:1px solid black; position: relative; overflow:hidden;}
#collectionCarrousel.justOne #carrouselPrev,
#collectionCarrousel.justOne #collectionCarrouselNext,
#collectionCarrousel.justOne #carrouselAnimationButtons { display: none; }
#collectionCarrousel .carrouselPrev,
#collectionCarrousel .carrouselNext
{
width: 36px;
height: 58px;
display: block;
overflow: hidden;
position: absolute;
top: 41.304%;
z-index: 10;
text-indent:-128px;
}
#collectionCarrousel .carrouselPrev:before,
#collectionCarrousel .carrouselNext:before
{
color: #fff;
position: absolute;
font-size: 1.3em;
font-family: Courier;
font-weight:800;
}
#collectionCarrousel .carrouselPrev:before { left: 8px; top: 7px; }
#collectionCarrousel .carrouselNext:before { right: 9px; top: 7px; }
#collectionCarrousel .carrouselPrev { left: 0.819%; background-position:-25px -2074px;}
#collectionCarrousel .carrouselPrev:hover { background-position:-66px -2074px;}
#collectionCarrousel .carrouselNext { right: 0.819%; background-position:-25px -2012px; }
#collectionCarrousel .carrouselNext:hover { background-position:-66px -2012px; }
#collectionCarrousel .carrouselItems {
list-style: none;
font-family: Raleway, Tahoma,Arial,Helvetica,sans-serif;
}
#collectionCarrousel .carrouselItems li { display: none; }
#collectionCarrousel .carrouselItems li.active { display: block;}
#collectionCarrousel .carrouselItems li a.carrouselImage {}
#collectionList .itemData,
#collectionCarrousel .itemData
{
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
width: 100%;
padding:20px;
position:absolute;
left:0;
right:0;
top:45px;
text-align:center;
}
#collectionCarrousel li p,
#collectionList li p
{
font-size: 1.071em;
color: #fff;
text-align:center;
text-shadow: 0 0 2px #000000, 0 0 2px #000000;
}
#collectionCarrousel li.collectionThumb h2,
#collectionList li.collectionThumb h2
{
/*margin:15px 15px 0 15px;*/
font-family: Raleway, Tahoma,Arial,Helvetica,sans-serif;
font-size: 2.357em;
font-weight: normal;
text-shadow: 0 0 2px #000000, 0 0 2px #000000;
}
#collectionCarrousel .collectionThumb,
#collectionList .collectionThumb
{
position:relative;
height:250px;
}
#collectionList .collectionThumb{margin-top:15px;}
#collectionCarrousel .collectionThumb .itemData a,
#collectionList .collectionThumb .itemData a
{
color:#fff;
}
#collectionCarrousel .collectionThumb .imageAmountWrapper,
#collectionList .collectionThumb .imageAmountWrapper
{
position:absolute;
bottom:0;
text-align:center;
width:100%;
}
#collectionCarrousel .collectionThumb .imageAmount,
#collectionList .collectionThumb .imageAmount
{
color:#fff;
background-color: #129cb5;
border-radius: 30px 30px 0 0;
height:30px;
padding:0 20px 0 30px;
line-height:30px;
font-size: 1.071em;
display:inline-block;
}
#collectionCarrousel .collectionThumb .imageAmount a,
#collectionList .collectionThumb .imageAmount a
{
color:#fff;
}
#collectionCarrousel .collectionThumb .imageAmount span,
#collectionList .collectionThumb .imageAmount span
{
background-position: 5px -3109px;
display: inline-block;
height: 20px;
width: 25px;
}
#collectionCarrousel .carrouselImage{/*position:relative;*/}
#collectionCarrousel #carrouselAnimationButtons { position: absolute; bottom: 10px; /*width: 235px;*/ right:15px; text-align:center;}
#collectionCarrousel #carrouselPlay,
#collectionCarrousel #carrouselPause
{
width: 7px;
height: 10px;
display: inline-block;
margin-right: 10px;
text-indent: -900px;
overflow: hidden;
}
#collectionCarrousel #carrouselPlay { background-position: 0 0; }
#collectionCarrousel #carrouselPlay.active { background-position: -60px 0; }
#collectionCarrousel #carrouselPause { margin-right: 22.7%; background-position: -30px 0;}
#collectionCarrousel #carrouselPause.active { background-position: -90px 0;}
#collectionCarrousel .carrouselBlips { display: inline-block; list-style: none; /*width: 60%;*/ }
#collectionCarrousel .carrouselBlips li { display: inline-block; margin-right: 7px; }
#collectionCarrousel .carrouselBlips li a { width: 15px; height: 15px; display: block; border-radius: 50%; background-color: #fff; }
#collectionCarrousel .carrouselBlips li.active a { background-color: #e97413; }
/* END CARROUSEL */
.homeImagesHeader
{
border-top: 1px solid #DDDDDD;
margin: 15px 0 10px;
padding-top: 5px;
}
.homeImagesHeader h1 a{ color:#4A4A4A; text-decoration:none;}
.homeImagesHeader .moreImages
{
float:right;
text-transform: uppercase;
margin-top:5px;
font-size:1.0em;
}
/* end HOMEPAGE */
#uploadPromo
{
margin-top:20px;
}
#uploadPromo p
{
margin:5px 150px;
}
form#selectAccountForm dd, form#selectAccountForm dt
{
float:left;
margin-right:10px;
}
form#selectAccountForm dd
{
width:400px;
}
form#selectAccountForm dt, form#selectAccountForm #noAccount-element
{
width:200px;
clear:left;
}
form#selectAccountForm #currentAccount-label, form#selectAccountForm #hasAccount-label, form#selectAccountForm #newAccount-label, form#selectAccountForm #noAccount-label
{
display:none;
}
form#selectAccountForm #currentAccount-element, form#selectAccountForm #hasAccount-element, form#selectAccountForm #newAccount-element, form#selectAccountForm #noAccount-element
{
margin:20px 0 10px 0;
width:400px;
}
form#selectAccountForm input[type="radio"]
{
margin-right:5px;
}
form#selectAccountForm .idgFormNote
{
color:red;
width:420px;
margin:10px 0;
}
form#selectAccountForm #conditionsText-label
{
display:none;
}
form#selectAccountForm dt#messageconditionsAgree-label, form#selectAccountForm dt#messagenewPassword-label, form#selectAccountForm dt#messagenewUsername-label, form#selectAccountForm dt#messageexistingUsername-label
{
width:30px;
}
form#selectAccountForm #conditionsText-element
{
margin:20px 0;
}
form#selectAccountForm dt#newUsername-label, form#selectAccountForm dt#newPassword-label, form#selectAccountForm dt#newPasswordCheck-label, form#selectAccountForm dt#conditionsText-label, form#selectAccountForm dt#conditionsAgree-element, form#selectAccountForm dd#forgotPassword-element, form#selectAccountForm dt#existingUsername-label, form#selectAccountForm dt#existingPassword-label
{
margin-left:30px;
}
form#selectAccountForm dd#forgotPassword-element
{
font-size:0.9em;
margin-top:10px;
}
form#selectAccountForm #conditionsAgree-element
{
width:10px;
}
form#selectAccountForm #newPasswordCheck-element
{
margin-bottom:10px;
}
form#selectAccountForm dt#newUsername-label, form#selectAccountForm dt#newPassword-label, form#selectAccountForm dt#newPasswordCheck-label, form#selectAccountForm dt#existingUsername-label, form#selectAccountForm dt#existingPassword-label
{
position:relative;
top:10px;
width:125px;
}
form#selectAccountForm dd#conditionsAgree-label
{
width:440px;
}
form#selectAccountForm ul.errors
{
width:300px;
margin:10px 0;
}
.authorGooglePlus
{
width: 23px;
height: 23px;
display: inline-block;
background-position: -314px -2707px;
position: relative;
top: 4px;
}
/* begin Video */
#video
{
position:relative;
height:640px;
width:1132px;
background-color:#454545;
}
#videoPlaceholderNowLoading
{
position:absolute;
top:0;
left:0;
text-align:center;
padding-top:25%;
width:100%;
color:white;
font-family: SansaStdSemiBold,Raleway,Tahoma,Arial,Helvetica,sans-serif;
font-size: 1.286em;
font-weight: normal;
text-transform: uppercase;
}
#videoPostRoll
{
position:absolute;
top:0;
left:0;
text-align:center;
width:100%;
height:100%;
display:none;
}
#videoPostRoll #videoPostRollMessage
{
position:relative;
top:45%;
margin:0 auto;
width:512px;
background-color:white;
border:1px solid #e0e0e0;
padding:1em;
}
#videoContentWrapper
{
height:314px;
/*overflow:hidden;*/
}
#videoInfo
{
background-color:#454545;
color:white;
clear:left;
/*overflow:auto;*/
}
#videoHeader
{
background-color:#2b2b2b;
position:relative;
}
#videoHeader #videoTitle
{
display:block;
padding:1.286em;
}
#videoHeader #videoTitle h1
{
font-size:4em;
width:85%;
}
#videoRating
{
position: relative;
width:200px;
}
#videoRatingCount
{
font-size: 1.071em;
line-height: 16px;
padding-left: 90px;
vertical-align: middle;
}
#videoPublishDate
{
float: left;
width: 200px;
font-size:1.071em;
}
#videoButtonBox
{
font-size:1.143em;
}
.videoButton
{
background-color:#129cb5;
display:block;
float:right;
color:white;
text-align:center;
margin:0 5px 1.286em 5px;
font-family: Raleway,Tahoma,Arial,Helvetica,sans-serif;
font-weight:500;
/*text-transform:uppercase;*/
}
.videoButton .title
{
display:block;
font-size:2em;
padding:15px;
width:225px;
}
.videoButton .description
{
background-color:#0d8aa1;
display:block;
padding:6px;
}
.videoButtonDownload
{
width:91px;
text-align:center;
}
.videoButtonDownload .title
{
background-position:-94px -2707px;
width:33px;
height:32px;
display:block;
margin:10px 0 9px 29px;
padding:0;
}
#videoInfoMetaSocial
{
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
width:33%;
border-right:1px solid #575757;
background-color:#383838;
float:left;
height: inherit;
overflow: auto
}
#videoInfoMetaSocial h2
{
font-family: SansaStdSemiBold,Raleway,Tahoma,Arial,Helvetica,sans-serif;
font-size: 1.3em;
font-weight: normal;
text-transform: uppercase;
padding:15px 20px;
}
#videoMeta
{
margin-bottom:2em;
font-size:1em;
/*font-family: Raleway, Tahoma, Arial, sans-serif;*/
}
#videoChapters {}
#videoChapters li
{
position:relative;
overflow:hidden;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
width:100%;
border-top: 1px solid #515151;
}
#videoChapters li .chapter
{
color:#a3a3a3;
padding: 15px 10px 15px 20px;
display:block;
font-size: 0; /* remove inline box spaces */
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
width:100%;
cursor:default;
}
#videoChapters li a.chapter
{
color:#fff;
cursor:pointer;
}
#videoChapters li a.chapter:hover,
#videoChapters li a.chapter:hover > span
{
background-color:#0596c3;
color:#fff;
}
#videoChapters li span
{
font-size: 14px;
display:inline-block;
vertical-align: top;
padding:0 5px 0 0;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
}
#videoChapters li span.chapterTime
{
background-color: #454545;
line-height: 12px;
padding: 3px;
text-align: center;
}
#videoChapters li span.chapterName
{
width: 67%;
/*white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis*/
}
#videoChapters li span.chapterCount
{
color:#7e7e7e;
width: 5%;
}
#socialVideoSharing > div
{
float: left;
text-align:left;
margin-left:5px;
display:inline-block;
height:24px;
}
#videoDescriptionContainer
{
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
width:67%;
padding:15px;
float:left;
font-size:1.071em;
line-height:1.417em;
height:inherit;
overflow:auto;
}
#videoDescriptionContainer p
{
margin:0 0 10px;
}
#videoDescriptionContainer p a
{
color:#fff;
/*text-decoration:underline;*/
}
#videoDescriptionContainer p a:hover
{
text-decoration:underline;
}
.video-review-rating-container
{
position:relative;
display:inline-block;
top:-1em;
}
.video-review-give-a-rating
{
display:inline-block;
padding-top:0.25em;
}
.video-review-rating-graystars,
.video-review-rating-goldstars
{
position:absolute;
left:0;
top:0;
z-index:42;
height:16px;
width:90px;
}
.video-review-rating-graystars
{
background-position:0 -2722px;
}
.video-review-rating-goldstars
{
background-position:0 -2706px;
width:0; /* width controlled by javascript */
}
#video-rating-wrapper { /* no css yet. set by javascript*/ }
#video-rating-wrapper.errors
{
background-color:red;
color:white;
padding:2px 0;
}
.video-review-rating
{
line-height:1em;
padding:0.5em;
height:1.286em;
position:absolute;
top:0;
left:0;
}
.video-review-rating label
{
display:inline-block;
overflow:hidden;
width:18px;
height:18px;
z-index:43;
position:absolute;
top:0;
}
.video-review-rating .video-review-rating-1 { left:0; }
.video-review-rating .video-review-rating-2 { left:18px; }
.video-review-rating .video-review-rating-3 { left:36px; }
.video-review-rating .video-review-rating-4 { left:54px; }
.video-review-rating .video-review-rating-5 { left:72px; }
.video-review-rating label:hover,
.video-review-rating label.hover
{
background-position:0 -2706px;
cursor:pointer;
}
.video-review-rating label input
{
opacity:0;
-moz-opacity:0;
cursor:pointer;
width:17px;
background-color:transparent;
color:white;
}
.video-review-rating label.checked
{
background-position:0 -2705px;
}
.video-review-rating .ratingValue
{
display:none;
}
#videoDetailPage .comments
{
width:784px;
}
.comment-rating-video,
.comment-rating-video-stars
{
width:71px;
height:12px;
line-height:12px;
overflow:hidden;
display:inline-block;
padding:0;
margin:0;
}
.comment-rating-video
{
background-position:0 -2750px;
}
.comment-rating-video-stars
{
background-position:0 -2739px;
overflow:hidden;
text-indent:-256px;
height:11px;
}
#videoAboOverlay
{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
text-align:center;
}
#videoAboBackground
{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-color:#000000;
opacity:0.7;
-moz-opacity:0.7;
}
#videoAboForm
{
background-color:#ffffff;
text-align:left;
width:576px;
height:335px;
position:relative;
margin:10% auto 0 auto;
z-index:4;
}
#videoAboForm #field_abo
{
padding:15px 0 18px 15px;
}
#videoAboForm #videoAboHelp
{
position:absolute;
top:103px;
left:280px;
width:260px;
background-color:black;
padding:5px;
z-index:5;
border:1px #ccc solid;
background-color:#eee;
color:#444;
display:none;
/*-moz-border-radius: 6px;
border-radius: 6px; */
-moz-box-shadow: 3px 3px 3px #ddd;
-webkit-box-shadow: 3px 3px 3px #ddd;
}
#videoAboForm .dynamic_3
{
margin-bottom:10px;
}
#videoAboCloseButton
{
position:absolute;
right:5px;
top:5px;
background:url("/images/layout/colorbox/controls.png") no-repeat scroll -25px 0 transparent;
height:25px;
width:25px;
text-indent:-50px;
overflow:hidden;
}
#videoDetailPage{clear:both;}
#videoDetailPage #video
{
margin-bottom:20px;
}
#videoCarrousel
{
width:1132px;
height:320px;
position:relative;
z-index:1;
overflow:hidden;
margin-bottom:20px;
}
#videoCarrousel .title, #videoCarrousel .description, #videoCarrousel .watchThis
{
color:white;
opacity:0.85;
filter:alpha(opacity=85);
z-index:2;
position:absolute;
background-color:black;
}
#videoCarrousel .title
{
top:55px;
height:55px;
display:inline-block;
text-transform:uppercase;
font-size:50px;
font-family: Raleway, Tahoma, Arial, sans-serif;
font-weight:bold;
padding:0 10px 10px 10px;
}
#videoCarrousel .description
{
display:block;
top:120px;
left:30px;
line-height:1.4em;
left:70px;
height:100px;
overflow:hidden;
padding: 10px 10px 10px;
width:580px;
}
#videoCarrousel .watchThis
{
top:240px;
right:462px;
width:165px;
padding:10px;
/*text-transform:uppercase;*/
font-family: Raleway, Tahoma, Arial, sans-serif;
font-size:1.0em;
text-align:center;
}
#videoCarrousel .videoPaginatorWrapper
{
text-align:center;
position:absolute;
bottom:10px;
height:20px;
width:100%;
z-index:2;
}
#videoCarrousel .videoPaginator
{
display:inline-block;
}
#videoCarrousel .videoPaginator a.page
{
display:inline-block;
/*background-color:white;*/
width:17px;
height:18px;
margin-right:10px;
background-position:-130px -2744px;
}
#videoCarrousel .videoPaginator a.page.active
{
/*background-color:white;*/
background-position:-103px -2744px;
}
#videoCarrousel .title a, #videoCarrousel .description a, #videoCarrousel .watchThis a
{
color:white;
text-decoration:none;
}
#videoCarrousel .description a{display:block; height:7em; overflow:hidden;}
#videoCarrousel .nextButton, #videoCarrousel .prevButton
{
z-index:3;
position:absolute;
width:35px;
height:58px;
display:block;
top:135px;
}
#videoCarrousel .nextButton
{
background-position:-219px -2705px;
right:20px;
}
#videoCarrousel .prevButton
{
background-position:-170px -2705px;
left:20px;
}
#videoNavigation
{
overflow:hidden;
}
#videoNavigation .videoBlock
{
width:369px;
height:246px;
overflow:hidden;
float:left;
margin-right:12px;
margin-bottom: 12px;
position:relative;
display:block;
z-index:1;
}
#videoNavigation .videoBlock .play
{
position:absolute;
display:block;
z-index:2;
top:86px;
left:157px;
width:74px;
height:54px;
background-position:0 -2780px;
}
#videoNavigation .videoTitle
{
position:absolute;
width:100%;
height:25px;
bottom:0px;
left:0;
text-align:center;
padding:6px;
color:white;
font-family: Raleway, Tahoma, Arial, sans-serif;
font-size:1.429em;
font-weight:500;
text-transform:uppercase;
display:block;
}
#videoNavigation .videoBlock.right
{
margin-right:0;
}
#videoNavigation .videoBlock.middle
{
width:368px;
}
.help
{
display:inline-block;
width:13px;
height:13px;
background-position:-104px -2780px;
margin:0 5px;
position:relative;
text-indent:-1000px;
color:transparent;
}
/* end Video */
@CHARSET "ISO-8859-1";
/* poll */
#sidebarPoll{
margin-top:15px;
}
#pollheader
{
border-bottom:1px solid #fff;
line-height: 0;
font-size:0;
}
#pollheader img
{
width:100%;
height:auto;
}
#pollcontent {
background-color: #e6edee;
/*border: 1px solid #D6D6D6;*/
color: #3D3D3D;
padding-bottom: 20px;
}
#pollcontent fieldset{
margin-top:-1px;
}
#pollcontent .totalvotes {
text-align:right;
margin:15px 15px 0 0;
}
#pollcontent .question {
font-family: Raleway, Tahoma, Arial, sans-serif;
font-size: 1.214em;
font-weight:500;
padding: 15px;
}
#pollcontent .box{
background-color: #fff;
margin: 0 15px;
padding: 15px 10px;
}
#pollcontent .results{
/*padding-top: 5px;*/
}
#pollcontent .result-wrap {
background-color: #D6D6D6;
clear: left;
height: 4px;
margin: 5px 0 12px;
position: relative;
width: 100%;
}
#pollcontent .result-value {
background-color: #129cb5;
height: 4px;
}
#pollcontent .result-text {
color: #FFFFFF;
left: 0;
padding-top: 5px;
position: absolute;
text-align: center;
top: 0;
width: 100%;
}
#pollcontent .answervote-wrap{
overflow:hidden;
}
#pollcontent .result-answer {
float:left;
width: 75%;
}
#pollcontent .result-votes {
float:left;
width: 25%;
text-align:right;
}
#pollcontent .result-votes .value{
font-weight:bold;
}
#pollcontent .answer {
background-color: #fff;
border-bottom: 1px solid #e6edee;;
margin: 0 15px;
padding: 0 10px;
}
#pollcontent .answer label{
display:block;
padding: 10px 0;
}
#pollcontent .answer input, #pollcontent .answer label{cursor:pointer; font-size:0.928em;}
#pollcontent #submit-feedback-wrapper{margin: 0 15px;}
#pollcontent .submit {
cursor: default;
display: inline-block;
margin: 15px 0 0;
text-align: center;
width: 35%;
}
#pollcontent input[type="submit"] {
/*background-color: #29BEE9;*/
/*border: 0 none;
color: #FFFFFF;*/
/*padding: 7px 0;*/
width:100%;
}
#pollcontent #pollmessage {
display: inline-block;
padding: 15px 0 0;
//text-align: right;
}
#pollcontent #submit-feedback-wrapper #pollmessage {
display: inline-block;
/*width:66%;*/
}
#pollcontent #pollmessage .error,
#pollcontent #pollmessage .ok{
font-weight:normal;
line-height: 1.3em;
padding: 0;
border: 0 none;
width: auto;
background-color:transparent;
}
#pollcontent #pollmessage .error {
color:red;
}
#pollcontent #pollmessage .ok {
color:green;
}
#pollcontent .thanks {
padding:20px 15px;
text-align:center;
font-size: 1.0em;
text-transform: uppercase;
}
#pollcontent .loading {
margin-top:3px;
}
/* end poll */
/* readdigital */
#readdigital
{
color:#000000;
font-family: Raleway,Tahoma,Arial,sans-serif;
}
#readdigital_servicemenu
{
float:right;
margin-top:8px;
height:30px;
}
#readdigital_servicemenu li
{
float:left;
margin:0 1px 1px 0;
}
#readdigital_servicemenu a
{
font-size:1.0em;
color:#222222;
padding:9px 14px;
}
#readdigital #tabsmenu
{
clear:none;
}
#readdigital_listwrapper, #readdigital_wrapper
{
/*border-top:1px solid #D6D6D6;
margin-top:-2px;*/
padding-top:15px;
}
#readdigital #digitalassetlist .readdigital_item
{
position:relative;
}
#readdigital #digitalassetlist .readdigital_item a
{
display:inline-block;
padding:12px 35px 12px 35px;
text-align:center;
color:#000000;
font-size: 1.286em;
position:relative;
}
#readdigital #digitalassetlist .alreadyseen
{
display:none;
position:absolute;
bottom:45px;
right:40px;
text-align:right;
background-color:#ffffff;
width:15px;
height:15px;
border:1px solid silver;
}
#readdigital #digitalassetlist .readdigital_item a:hover img
{
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0, 0.85);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0, 0.85);
box-shadow: 0px 0px 5px 0px rgba(0,0,0, 0.85);
}
#readdigital #digitalassetlist .readdigital_item a.visited .alreadyseen
{
display:block;
}
#readdigital #digitalassetlist .readdigital_item img
{
-webkit-box-shadow: 0px 0px 5px 0px rgba(75, 75, 75, 0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(75, 75, 75, 0.75);
box-shadow: 0px 0px 5px 0px rgba(75, 75, 75, 0.75);
border:1px sold #CCCCCC;
}
#readdigital #digitalassetlist .readdigital_item figcaption
{
padding-top:6px;
}
#readdigital #digitalassetlist .colorboxcontent
{
display:none;
}
.readdigital_popup_preview
{
}
.readdigital_preview_heading
{
font-size: 1.286em;
/*text-transform: uppercase;*/
margin-bottom:0.3em;
}
.readdigital_close_button
{
background: url("/images/layout/colorbox/controls.png") no-repeat scroll -25px 0 transparent;
height: 25px;
overflow: hidden;
position: absolute;
right: 5px;
text-indent: -100px;
top: 5px;
width: 25px;
}
.readdigital_popup_previewcontainer
{
display:block;
width:66%;
position:relative;
}
.readdigital_popup_previewcontainer,
.readdigital_popup_iframe
{
height:470px;
width:700px;
}
.readdigital_popup_description
{
float:right;
width:32%;
height:400px;
}
.readdigital_popup_nowloading
{
display:block;
position:absolute;
top:200px;
left:50%;
background:transparent url("/images/layout/colorbox/loading.gif") no-repeat;
width:32px;
height:32px;
}
.readdigital_popup_iframe
{
position:absolute;
left:0;
top:0;
border-width:0;
background-color:transparent;
}
.readdigital_popup_description .name
{
font-size: 1.214em;
margin-bottom: 12px;
/*text-transform: uppercase;*/
}
.readdigital_popup_description .title
{
font-family: Raleway,Tahoma,Arial,sans-serif;
font-size: 1.143em;
font-weight: 600;
margin-bottom: 1.0em;
}
.readdigital_popup_description .description
{
line-height:1.417em;
}
.readdigital_popup_seperator
{
border-bottom:1px solid #CCCCCC;
height:1em;
margin-bottom:1em;
}
#readdigital_popup_element,
#readdigital_popupgotoapp_element
{
line-height:1.417em;
display:none; /* hide 'template' element */
}
.readdigital_popup_description #readdigital_popup_element
{
display:block; /* show element after cloned into popup */
}
#cboxLoadedContent #readdigital_popupgotoapp_element
{
display:block;
margin:5px;
}
.readdigital_popup_login_buttons
{
margin-top:1em;
}
.readdigital_popup_gotoapp
{
line-height:1.417em;
}
.readdigital_popup_gotoapp h2
{
font-weight:bold;
font-size:1.5em;
}
/* detail page*/
#readdigital_wrapper
{
}
#readdigital_wrapper .name
{
font-size:1.25em;
font-weight:bold;
margin-bottom:1em;
}
#readdigital_wrapper .title
{
font-size:1.417em;
font-weight:bold;
margin:0.5em 0;
}
#readdigital_wrapper .description
{
font-size:1.167em;
}
#readdigital_viewcontainer
{
position:relative;
height:735px; /* height of issuu container*/
background-color:#ffffff;
}
#readdigital_wrapper .issuuembed
{
background:transparent url("/images/layout/loading.gif") 50% 48% no-repeat;
position:absolute;
top:0;
left:0;
}
#readdigital_wrapper .issuu_nowloading
{
position:absolute;
top:50%;
left:42%;
color:#ffffff;
font-size:1.417em;
}
.issuuembed.issuu-isrendered .pcover {
display:none !important;
}
#readdigital_viewcontainer #flashnotice {
display: none;
left: 50%;
margin-left: -64px;
margin-top: -90px;
position: absolute;
text-align: center;
top: 50%;
z-index: 1;
}
/* 1.083em becomes 13px */
/* 1.167em becomes 14px */
/* 1.25em becomes 15px */
/* 1.417em becomes 17px */
/* 1.5em becomes 18px */
/* end readdigital */
#contentcolumn #campaignWrapper {
font-size: 1.072em; /* 14px -> 15px*/
}
#sidebar_campaigns{}
#sidebar_campaigns .campaign_image{float:left; margin: 0 15px 15px 0}
/* plista widget */
#plista_widget_belowArticle .plistaHl {
color: #222222;
display: block;
font-family: "Open Sans", Tahoma,Arial,Helvetica,sans-serif;
font-size: 1.214em;
font-weight: 600;
padding: 20px 0 10px;
}
/* zoomambassadors think different campaign nikon */
#ambassador_header {position:relative;}
#ambassador_header #photographer
{
overflow:hidden;
width:100%;
}
#ambassador_header #chapter
{
clear: left;
height: 45px;
width: 100%;
}
#ambassador_header #chapter
{
box-sizing:border-box;
background-color:#24242b;
padding:5px;
}
#ambassador_header #photographers li {
float:left;
padding:10px;
}
#ambassador_header #chapter li {
float:left;
min-width:130px;
font-family: Raleway, Tahoma, Arial, sans-serif;
font-weight: 600;
font-size: 1.071em; /* 14px become 15px */
background-color: #37373d;
margin-right: 5px;
position: relative;
}
#ambassador_header #chapter li.selected,
#ambassador_header #photographers li.selected
{
background-color: #24242b;
}
#ambassador_header #chapter li.selected:after {
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 8px solid #24242b;
bottom: -13px;
content: "";
height: 0;
left: 50%;
margin-left: -4px;
position: absolute;
width: 0;
}
#ambassador_header #chapter li a{
color: #cccccc;
display: inline-block;
line-height: 35px;
text-align: center;
text-decoration: none;
width: 100%;
text-transform: uppercase;
}
#ambassador_header #photographers .avatar_4.ambassador{
border-radius: 50%;
overflow:hidden;
}
#ambassador_header #logoblock{
position:absolute;
right:0
}
#ambassador_header #logoblock h2{
font-family: Raleway,Tahoma,Arial,Helvetica,sans-serif;
font-size: 2.75em;
color:#fff;
}
#ambassador_content {
box-sizing:border-box;
width:100%;
height: 680px;
overflow:auto;
padding:20px 30px 30px 30px;
color:#fff;
}
.alpha60 {
/* Fallback for web browsers that doesn't support RGBa */
background: rgb(0, 0, 0) transparent;
/* RGBa with 0.6 opacity */
background: rgba(0, 0, 0, 0.6);
/* For IE 5.5 - 7*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
/* For IE 8*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
#ambassador_content #overlaybuttons {
bottom: 0;
display: block;
left: 0;
position: absolute;
right: 0;
top: 0;
}
#ambassador_content #leadCarrouselWrapper .carrouselNext span {
background-position: 6px -3107px;
}
#ambassador_content #leadCarrouselWrapper .carrouselPrev span,
#ambassador_content #leadCarrouselWrapper .carrouselNext span
{
background-color: #129cb5;
border-radius: 18px;
display: block;
height: 36px;
margin: 5px;
width: 36px;
}
#ambassador_content h1 {
font-size:40px;
color:#ffdc00;
text-transform: uppercase;
font-weight:600;
margin-bottom: 10px;
}
#ambassador_content h1 span {
color:#fff;
text-transform: none;
}
#ambassador_content #imageloader {
/*height: auto;
max-width: 1132px;
width: 100%;*/
}
#ambassador_content .avatarWrapper
{
float:right;
margin-right: 20px;
margin-top: 5px;
}
#ambassador_content .body
{
width: 80%;
}
#ambassador_content p
{
margin-bottom:15px;
}
#ambassador_content h2
{
font-weight:bold;
}
#ambassador_content .carrouselPrev,
#ambassador_content .carrouselNext
{
/*width: 36px;
height: 58px;*/
display: block;
overflow: hidden;
position: absolute;
top: 41.304%;
z-index: 10;
text-indent:-128px;
}
#ambassador_content .carrouselPrev span,
#ambassador_content .carrouselNext span
{
width: 36px;
height: 36px;
margin: 5px;
display: block;
border-radius: 18px;
background-color: #129CB5;
}
#ambassador_content .carrouselPrev span{ background-position: -302px -3107px;}
#ambassador_content .carrouselNext span{ background-position: 6px -3107px;}
#ambassador_content .carrouselPrev { left:-10px;}
#ambassador_content .carrouselNext { right:-10px; }
#ambassador_video {text-align:center; margin-top: 10px;}
#ambassadorWrapper #nikonlogo {
float:right;
margin-top:10px;
}
/* responsive ads */
.debugads {
border:1px solid cyan;
border-top-width:0;
padding:0.25em;
background-color:green;
color:white;
}
/* /responsive ads */
/* target popin close box */
b.close {
font-size:23px !important;
width: 23px !important;
height: 23px !important;
line-height: 23px !important;
border-radius: 12px !important;
margin: -23px !important;
}
div#pageheader.populair h2 {
text-transform: none;
display: inline-block;
font-weight: bold;
}
div#pageheader.populair h2 a {
color: #4a4a4a;
}
div#pageheader.populair h2 a:hover {
text-decoration: underline;
}
ul#tabsmenu_home {
margin-bottom: 3px;
height: auto;
overflow: hidden;
}
div.frontpage.sub_nav {
border-top: none;
height: 38px;
}
ul#tabsmenu_home.tabsmenu li a.selected:after {
background-color: rgba(0,0,0,0); /* remove inheriting background color */
}
ul#images {
margin-top: 15px;
}
.image_wrapper
{
display: block;
line-height: 0;
}
.image_wrapper img{
height: auto;
width: 100%;
}
/* MULTILINE ELLIPSIS */
.multilineEllipsis {
display: block;
height: 3.9em;
line-height: 1.3em;
overflow: hidden;
}
.multilineEllipsis::before {
content: "";
float: left;
height: 3.9em;
width: 10px;
}
.multilineEllipsis::after {
background: linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white) repeat scroll 0 0 rgba(0, 0, 0, 0);
content: "…";
float: right;
left: 100%;
margin-left: -2em;
padding-right: 10px;
position: relative;
text-align: right;
top: -1.3em;
width: 2em;
}
.multilineEllipsis > *:first-child {
float: right;
margin-left: -10px;
width: 100%;
}
/* end MULTILINE ELLIPSIS */
/* KIOSK */
.kiosk .multilineEllipsis {
height: 3.9em;
}
.kiosk .multilineEllipsis::before {
height: 3.9em;
}
.kiosk .multilineEllipsis::after {
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(245, 245, 245, 1) 40%, rgba(245, 245, 245, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
color: #262626;
}
#kioskList {
margin-left: -20px;
margin-top: -20px;
overflow: hidden;
position:relative;
}
#kioskList li.kiosk {
width: 100%;
box-sizing: border-box;
float: left;
padding: 20px 0 0 20px;
}
#kioskList li.kiosk h3 {
font-family: "Titillium Web",Arial,sans-serif;
font-size: 2em;
font-weight: 200;
}
#kioskList li.kiosk .wrapper {
background-color: #f5f5f5;
border: 1px solid #e7e7e7;
padding: 0 0 30px 0;
overflow: hidden;
display:block;
}
#kioskList li.kiosk img {}
#kioskList li.kiosk .content {
padding: 0 10px;
text-align:center;
box-sizing: border-box;
}
#kioskList li.kiosk a.p_wrapper {
/*display:block;
line-height:1.3em;
height:6.5em;
overflow:hidden;*/
}
#kioskList li.kiosk p {
color:#262626;
line-height:1.3em;
}
#kioskList li.kiosk h2 {
color:#262626;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
text-transform: uppercase;
font-size:1.214em;
margin-bottom: 3px;
color: #222;
/*font: 17px Raleway,Tahoma,Arial,sans-serif;
text-transform: uppercase;*/
}
#kioskList li.kiosk .calltoAction {
margin-top:10px;
text-align:center;
}
#kioskList li.kiosk .calltoAction .button{
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
width: 50%;
color:#fff;
background-color: #ff7b0d;
display: inline-block;
font-family: Raleway,Tahoma,Arial,sans-serif;
font-size: 1.071em;
font-weight: 500;
padding: 8px 20px;
}
/* style digitaal lezen en faq */
/*#kioskList li.kiosk.num_4 .multilineEllipsis,
#kioskList li.kiosk.num_5 .multilineEllipsis,
#kioskList li.kiosk.num_4 .multilineEllipsis::before,
#kioskList li.kiosk.num_5 .multilineEllipsis::before {
height: 3.9em;
}
#kioskList li.kiosk.num_4 .wrapper,
#kioskList li.kiosk.num_5 .wrapper {
text-align: center;
padding-top:0;
}
#kioskList li.kiosk.num_4 .image_wrapper,
#kioskList li.kiosk.num_5 .image_wrapper {
float: none;
width: auto;
display: inline-block;
margin-top: 10px;
}
#kioskList li.kiosk.num_4 .content,
#kioskList li.kiosk.num_5 .content {
width: 100%;
float: none;
text-align:center;
}
#kioskList li.kiosk.num_4 .calltoAction,
#kioskList li.kiosk.num_5 .calltoAction {
text-align:center;
}*/
/* end style digitaal lezen en faq */
/* responsive fullscreen */
#kioskList li.kiosk {
box-sizing: border-box;
float: left;
}
#kioskList li.kiosk.column3 {
width: 33.33%;
}
#kioskList li.kiosk.column2 {
width: 50%;
}
/* end responsive fullscreen */
/* end KIOSK */
/* PRODUCT */
/* sidebar iframes / products */
#sidebar #sidebarAbonnement { /*display:none;*/}
#sidebar #sidebarAbonnement h3 {
font-size: 1.125em;
font-weight: bold;
margin-top: 7px;
}
#sidebar #sidebarAbonnement p { margin-top: 10px}
#sidebar #sidebarAbonnement .startdate,
#sidebar #sidebarAbonnement .phonenumber,
#sidebar #sidebarAbonnement .conditions {
padding: 10px;
margin-top: 15px;
background-color: #f3f9fa;
}
#sidebar #sidebarAbonnement .startdate {padding-left: 40px; background-position:-306px -3242px;}
#sidebar #sidebarAbonnement .phonenumber {padding-left: 40px; background-position:-305px -3286px;}
#sidebar #sidebarAbonnement .conditions a {padding-left: 5px; color:#3aa5c9;}
/* end sidebar iframes / products*/
.marketingIframeWrapper .showmore {
margin-top:10px;
text-align:center;
display:block;
line-height:2;
}
.marketingIframeWrapper .showmore span {
display:inline-block;
position: relative;
}
.marketingIframeWrapper .showmore span::after
{
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid #a7a7a7;
content: "";
height: 0;
position: absolute;
right: -15px;
top: 40%;
width: 0;
}
.productList {}
.productList li.product {
margin-top:20px;
padding:20px 15px;
background-color: #f3f9fa;
position:relative;
}
.productList li.product .wrapper{
display: block;
overflow: hidden;
text-decoration: none;
}
.productList li.product.lead:before {
position:absolute;
left: -86px;
top: 12px;
background-image:url(/images/layout/meestgekozen.png);
background-repeat:no-repeat;
background-color:transparent;
content: "";
width:79px;
height:66px;
display: none;
}
.productList li.product.lead {background-color: #e6edee;}
.productList li.product .image_wrapper,
.productList li.product .content,
.productList li.product .description
{
box-sizing: border-box;
}
.productList li.product > a {
color: #4a4a4a;
}
.productList li.product .description {padding-right: 20px;}
.productList li.product .price_calltoAction {
float: right;
display: inline-block;
}
.productList li.product .calltoAction {text-align: right;}
.productList li.product h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.3125em;
font-weight: bold;
margin-top: 0;
padding-bottom: 10px;
/*color: #4a4a4a;*/
}
.productList li.product .price {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-align: right;
}
.productList li.product .newprice {
font-size: 2.2em;
color:#162c7f;
}
.productList li.product .orgprice {
color: #8e8e8e;
margin-right: 5px;
}
.productList li.product .sup {
display:inline-block;
font-size: 0.6em;
vertical-align: text-top;
margin-top: 1px;
}
.productList li.product .sup.decimalpart {margin-left:-8px;}
.productList li.product .sup.euro {margin-right:2px;}
.productList li.product .button {
background-color: #3aa5c9;
color: #fff;
display: inline-block;
font-family: "Titillium Web",Arial,sans-serif;
font-weight: 700;
line-height: 2.3;
padding: 0 7%;
}
.productList li.product .calltoAction .button{
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
max-width: 100%;
box-sizing: border-box;
}
.productList li.product .calltoAction .button:hover {
background: none repeat scroll 0 0 #20beda;
border-color: #a7e5fa #163f4d #163f4d #a7e5fa;
border-width:1px;
color: #fff;
float: none;
}
/* future responsive media querie part */
.productList li.product .image_wrapper {
float: left;
width: 25%;
padding-right: 20px;
box-sizing: border-box;
}
.productList li.product .content {
float:left;
width:75%;
}
.productList li.product .description {
float:left;
width:60%;
}
.productList li.product .price_calltoAction {
float:left;
width:40%;
}
.productList li.product.lead::before {display:block;}
.marketingFormWrapper .marketingFormResponsiveXtraBody {display: none;}
/* end future reponsive media querie part */
/* end PRODUCT */
#stickyHeader #updatesCount {
margin-left:-33px;
margin-top: -5px;
}
#updatesCount {
position:absolute;
margin-top:-25px;
margin-left:-25px;
color: #149cb6;
background-color: #fff;
border-radius: 50%;
padding: 4px 5px 6px 4px;
font-size: 110%;
font-weight: bold;
/*width: 20px;
height: 20px;*/
text-align: center;
vertical-align: middle;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
}
a.updatesMore {
width: 113px;
height: 113px;
background-color: #fff;
display: inline-block;
margin: 5px;
text-align: center;
line-height: 4em;
font-size: 2em;
}
.sub_nav_updateItem a:hover {
background-color: #222; color: #fff;
border-radius: 5px;
}
.updateVisitorItem {
width: 180px;
float: left;
margin: 0 5px !important;
padding: 0 !important;
background-color: rgba(236, 241, 242, 1) !important;
}