@charset "utf-8";

/* Genral
========================================================================================*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, 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%; vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block;}
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;}

.clearfix:after {  content: "."; display:block; font-size:0; line-height:0; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
* html .clearfix { height:1%; }
.clearfix { display:block; }

.alingLeft              {float:left}
.alingRight             {float:right}

:focus                  {outline:none;}
img                     {vertical-align:top; border:0; width: auto;}
p                       {padding:0 0 15px 0; text-align:justify;}
.textarea               {width:98%; height:100px; box-shadow: inset 0 10px 10px -6px #eee; border: 1px solid #abadb3; background: #fff;}
.formfield              {font-family: verdana; padding-left: 3px; box-shadow: inset 0 10px 10px -6px #eee;}

section:after {  content: "."; display:block; font-size:0; line-height:0; height:0; clear:both; visibility:hidden; }
section { display:inline-block; }
* html section { height:1%; }
section { display:block; }
i{ font-style:italic}

#displaywarning section {padding: 10px; background-color: #cb7373; color: #fff;}

/* END Genral
========================================================================================*/

/* Font
========================================================================================*/

body { -webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; font:12px/18px Verdana, Arial, helvetica, Sans-serif; color:#363636}
/* End Font
========================================================================================*/

/* Branding
========================================================================================*/
body { background:#ffffff url(/fotografie/img/body.png) repeat-x 0 0}
.pageWidth{ width:944px; margin:0 auto; }

#logo { background:#666666 url(/fotografie/img/mlogo.png) no-repeat left -50000px; display:block;  border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; padding:0px; margin:0 -23px; box-shadow:0 2px 6px rgba(000,000,000,0.5); position:relative; z-index:1; border:solid 5px #666666; }
#logo span { display:block; background:#f6f6f6 url(/fotografie/img/logo-bg.png) repeat-x 0 0; padding:9px;   overflow:hidden; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}

header, nav, section, footer { display:block;}

#header { background:url(/fotografie/img/middle-bg.png) repeat-y 23px 0; padding:0 23px; margin:0 -23px; }
.header{ background:url(/fotografie/img/header.png) repeat-y 0 0; padding:0 10px 0 20px }

.searchBar          {float:right; padding:13px 0 0 0;}
.searchBar .input   {width: 117px; height:17px; padding: 2px 2px 2px 4px; float:left;}
.searchBar .btn     {margin-left:7px; float:left; padding: 2px 8px; height: 22px;}

/* END Branding
========================================================================================*/

/* HEADING
========================================================================================*/
h1                {margin:0 0 6px 0; font-size:15px; font-weight:bold; color:#006c9d; padding:0}
h2                {font-size:15px; color:#006c9d; font-weight:bold; margin:0 0 5px 0; padding:0; }
.heading          {font-size:18px; color:#FFF; font-weight:normal; background:#a3c226; font-family:Arial, Helvetica, sans-serif; padding:0 12px; line-height:27px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; margin:0 0 5px 0;}
.headingBlue      {background-color:#4b78b6; }
.heading span     {font-size:17px;}
#nieuwsbrief h2   {font-size:14px; font-family:Arial, Helvetica, sans-serif; margin-bottom:8px; word-spacing:-1px; color:#FFF;}
aside h2                    {color:#FFF;}
.artikelDetail h1           {margin-bottom:3px}
.artikelDetail h2           {margin-bottom:1px; display: inline;}

/* END  HEADING
========================================================================================*/

/* Links AND Button
========================================================================================*/
a:focus       {outline:none;}
a             {color: #006CAB; text-decoration: none;}
a:hover       {color: #005a85; text-decoration: underline;}
a:visited     {color: #064563; text-decoration: none;}
.lees_verder  {font-weight:bold;}

.btn          {font-family: Verdana;font-size: 14px; color: #ffffff; padding: 5px 16px; background-color: #a2c202; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 0px solid #a2c202;}
.btn:hover    {background-color: #8aa501; cursor: pointer;}

/* Links AND Button
========================================================================================*/

.sprite { background:url(/fotografie/img/sprite.png) no-repeat 0 0; display:inline-block; overflow:hidden; vertical-align:middle }
.iconTwiiter { background-position:0px 0px; width:37px; height:36px; }
.iconFacebook { background-position:-38px 0px; width:37px; height:36px; }
.iconRssFeed { background-position:-76px 0px; width:37px; height:36px; }
.iconCornerLeft { background-position:-114px 0px; width:4px; height:4px; position:absolute; left:0; bottom:-4px; }
.iconCornerRight { background-position:-114px -5px; width:4px; height:4px; position:absolute; right:0; bottom:-4px }
.iconBalloon{ display:inline-block; height:18px; width:21px; background:url(/fotografie/img/art_balloon.jpg) no-repeat 0 0; vertical-align:middle; margin:0 5px 0 0}



/* Main Navigation
========================================================================================*/

nav { padding:20px 0 1px 0; display:block; width:684px; float:left}
nav ul{ display:block; }
nav li { padding:0 0 0 4px; float:left}
nav li.last {float:right}
nav li:first-child{ padding-left:0;}
nav li a { display:block; width:123px; line-height:22px; float:left; border:solid 2px #FFF; border-width:2px 2px 0 2px; border-radius:6px 6px 0 0; -webkit-border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0; background:url(/fotografie/img/button.png) repeat-x 0 0; text-align:center; font-weight:bold; font-size:15px; font-family:Arial, Helvetica, sans-serif}
nav li a:visited                    {color: #006CAB; text-decoration: none;}
nav li a:hover, nav li.active a     {background-position:0 -36px; color: #000; text-decoration: none;}

.bottomNav                          {padding:0 0 5px 20px}
.bottomNav li a                     {border-width:0 2px 2px 2px;  -webkit-border-radius:0px 0px 6px 6px; -moz-border-radius:0px 0px 6px 6px; border-radius:0px 0px 6px 6px; line-height:24px;}
.bottomNav li a.butAafmelden        {background-position:0 -100px; color:#fff;}
.bottomNav li a.butAafmelden:hover  {background-position:0 -36px; color:#000;}


/* End Navigation
========================================================================================*/


#container      {background:url(/fotografie/img/middle-bg.png) repeat-y 0 0 ; padding:0 0 0 20px }
aside           {float:right; width:208px; padding:0 4px; background:url(/fotografie/img/mobile-sidebar.png) repeat-y -5000px 0; }
.reactie_avatar {width:80px; border: solid 5px #4B78B6;}
td              {padding: 3px;}


.columnLeft{ float:left; width:30%; }
.columnRight{ float:right; width:69.3%;}
.column{ width:45%; padding:0 15px 22px;}
#widecolumn               {padding:17px 0 0 0; float:left; width:685px;}

/* Artikel Block */
.artikelBlock             {background:#e8e8e8 url('/fotografie/img/section-bg.png') repeat-x 0 0; border:solid 2px #FFF; border-width:0 0 2px 2px; margin:0 0 24px 0; box-shadow:0 2px 4px rgba(000,000,000,0.2);  -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;   }
.art_block                {background:url('/fotografie/img/artikelblock.png') repeat-y 100% 0;  padding:0px 0 0 5px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
.artikelBlock figure      {float:right; overflow:hidden; background:url(/fotografie/img/photo-bg.png) no-repeat 0 0; width:172px; padding:16px 0 0 27px; height:170px; margin:-1px -1px 0 0}
.artikelBlock figure img  {width:150px; border:solid 1px #FFF;}

.art_block_footer         {clear:both; background:url(/fotografie/img/box-footer.png) no-repeat right bottom; padding:5px 3px 3px 0; min-height:6px; margin:0 0px -3px 0  }
.articaltext              {overflow:hidden; padding: 0 10px 0 5px;}
.art_info                 {padding:0px 0 0 5px; font-weight:bold; font-size:10px; line-height:25px; color:#505050;}
.art_reacties             {color:#FFFFFF; font-size:11px; padding:0px 10px 0 10px; text-align:right; background:#b0b0b0; overflow:hidden;  -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; min-height:22px; line-height:22px }
.art_reacties a           {color:#FFF;}
.art_reacties b           {font-weight:bold;}
.artRubriek               {background:#cbf031; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; background:#cbf031; border:solid 5px #b9db2d; color:#657F01; line-height:22px; font-size:11px; font-weight:bold; width:172px; float:right; margin: -5px 0 0 8px; text-align:center;}

/* rub Block */
.rubBlock                 {border-width:2px; box-shadow:0 2px 3px rgba(000,000,000,0.1); padding:3px 3px 4px;  }
.rubBlock ul              {font-weight:bold; line-height:16px;}
.listData li              {background:url('/fotografie/img/arrow.png') no-repeat left 7px; padding:0 0 0 13px; }
.listData a               {color:#41689A}
.listData a:hover         {text-decoration:underline;}
.listData li.morebutton   {margin-top:16px;}

.rubBlock .art_reacties   {margin-top:-22px;}
.blueBoxs                 {background:#deebf4 url('/fotografie/img/blueboxs.png') repeat-x bottom; padding:9px 10px 8px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;}
.topartikel               {padding:8px; min-height:144px; line-height:16px;}
.topartikel p             {padding:0 0 10px;}
.topartikel p.moreinfo    {margin-bottom:15px;}

.relateerArtikel{ padding:5px; border-width:0px; background:#FFF;}
.wtd{border-width:2px; padding:10px; text-align:center}
.wtd img{ width:auto; }
.oudere_berichten{ margin:0 0 20px;}
.oudere_berichten a{ display:inline-block; line-height:27px; font-size:16px; font-family:Arial, Helvetica, sans-serif; background:#FFF; font-weight:bold; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; padding:0 15px;}
.oudere_berichten a:hover{ color:#97bd00;}

/* Artikel  */
.artikel                {padding:5px; border-width:0; background:#FFF;}
.artikelDetail          {padding:5px 14px 11px; text-align: justify;}
.artikelDetail p        {padding:0 0 18px}
.artikelDetail a        {text-decoration: underline;}
.artikelDetail a:hover  {text-decoration: none;}
.artikelHeader          {font-size:11px; line-height:18px; font-weight:bold; color:#FFF;}
.artikelHeader a        {color:#FFF; }
.artikelDetail ul       {margin-left: 20px; list-style-type: disc;}
.artikelDetail ol       {list-style-type: decimal;}

.message_info           {background:#4c78b7; font-size:11px; width:69.3%;  text-indent:13px; float:left; }
.message_info a         {text-decoration:underline;}
.message_info a:hover   {text-decoration:none;}
.message_info, .message_rubriek {-webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; padding:5px 0; line-height:18px;}
.message_rubriek        {width:30%; text-align:center; float:right; background:#a3c226}
.message_rubriek a:hover{text-decoration:underline;}

.image                  {border: 2px solid #4b78b6;}
center                  {display:block; margin:0;}

/* auteur List  */
.auteurList       {margin:0; padding:0;}
ul.auteurList     {margin:0; padding:0;}
.auteurList li    {display:block; padding:6px; background:#F8F8F8; border:solid 1px #E7E7E7; border-width:1px 0; margin:5px 0 0 0 }
.auteurList li:first-child{ margin-top:0}
.auteurList li .reactie_avatar{ width:80px; border: solid 5px #4B78B6; float:left; margin:0 15px 0 2px;}
.auteurList p     {padding:0 0 4px 0}
.art_opties       {padding:4px 6px 4px 8px;}
.art_opties span  {font-size:11px; color:#828282; display:inline-block; padding-left:3px; float:left; margin-right:22px;}
.art_opties img   {width:auto}

/* reacties List  */
.reactiesList .reactie_avatar               {width:80px; float:right;  border:solid 5px #4B78B6; margin:0 4px 0 2px }
.reactiesList li                            {padding:5px 0;}
.reactiesList .reactieMiddle                {overflow:hidden; border:solid 2px #c4c4c4; background:#f7f7f7; padding:9px 12px; -webkit-border-radius:7px 0 0 7px; -moz-border-radius:7px 0 0 7px; border-radius:7px 0 0 7px; min-height:70px line-height:15px;}
.reactiesList .odd .reactieMiddle           {background-color: #dfdfdf;}
.reactiesList .positive .reactieMiddle      {background-color: #e6f7e5;}
.reactiesList .authorReplies .reactieMiddle {border-color:#4d79b6; border-left-width:11px; padding-left:4px;}
.reactiesList .reactieMiddle                {min-height:68px;}

.reactieInfo{ display:block; padding-bottom:3px;}
.reactieMiddle img {width: auto;}

/* News latter */
#nieuwsbrief        { background:#3f679a; padding:11px 17px 8px 25px; margin:-31px -8px 8px -8px; box-shadow:3px 3px 3px rgba(000,000,000,0.3); position:relative; font-size:11px; color:#FFF; position:relative }
.input              {border:solid 1px #abadb3; width:159px; height:20px; color:#000; font-size:13px; padding:0 3px 0 2px; margin-bottom:4px;}
.button             {border:solid 1px #707070; margin:0; background:#cfcfcf url(/fotografie/img/button-bg.jpg) repeat-x left top; border-radius:3px; padding:0px 2px 0px 2px; float:left; margin:0 6px 5px 0; box-shadow:inset 1px 1px 0 #feffff, inset -1px -1px 0 #feffff;}
.totalReader        {padding:3px 0 11px 5px }
.totalReader span   {font-weight:bold }
.link               {color:#FFF; font-size:11px }
.link:hover         {color:#fff; text-decoration: underline; }
.link:visited       {color:#FFF; font-size:11px }
#nieuwsbrief ul li  {float:left; margin-left:9px; }
#nieuwsbrief ul li:first-child { margin-left:18px }
#nieuwsbrief label  {display:block;}
#nieuwsbrief .btn   {padding: 3px 6px; font-size: 12px;}
#nieuwsbrief input  {padding: 2px 2px 2px 4px;}

/* sponsoren */
.sponsoren { margin:0 0 8px 0}
.sponsoren h2 { color:#8cab0f; font-size:13px; text-align:center; margin-bottom:4px; font-weight:bold; font-family:Arial, Helvetica, sans-serif}
.sponsoren ul li { margin:0px 4px 9px 4px  }
.sponsoren ul li:first-child { margin-top:0 }

/* laatste Reacties */
.laatsteReacties          {border:solid 1px #a4c127; background:#FFF url(/fotografie/img/latest-box-bg.jpg) repeat-x left bottom; border-radius:8px; padding:2px 2px 2px 2px; box-shadow:inset 2px 2px 0 #feffff, inset -2px -2px 0 #feffff, 0 3px 3px rgba(000,000,000,0.2)  ; margin-bottom:20px }
.laatsteReacties h2       {background:#a3c226; border-radius:6px; padding:3px 0 6px 10px; font-size:15px; font-weight:bold; margin-bottom:14px; font-family:Arial, Helvetica, sans-serif; }
.laatsteReacties ul       {margin-left:7px; margin-bottom:6px; }
.laatsteReacties ul li              {background:url('/fotografie/img/line.jpg') no-repeat left 8px; padding:0 0 0 10px }
.laatsteReacties ul li a            {color:#006b9e; font-size:10px; line-height:16px; display:block }
.laatsteReacties ul li a:hover      {text-decoration: underline; }
.more                               {font-weight:bold; display:block; color:#006b9e; font-size:10px; margin:0px 0 4px 6px  }
.more a                             {margin-left:3px}
.more a:hover                       {text-decoration: underline;}

.googleads { padding:0 0px 0 0px; text-align:center; margin-bottom:23px }
.googleads img{ width:auto}
.productBox h2 { margin-bottom:2px }

.viewVersion{ display:none;}

.beoordeling{ background:#FFF url('/fotografie/img/blue-bg.png') repeat-x left bottom; box-shadow:inset 2px 2px 0 #FFF, inset -2px -2px 0 #FFF, 0 3px 3px rgba(000,000,000,0.2)  ; }
.beoordeling h2{ background-color:#4d79b6; margin-bottom:10px;}
.beoordeling_content{ padding:0 7px 10px; font-size:10px;}
.beoordeling_content p{ padding:0 0 0px 0}
.beoordeling_content img{ width:auto !important; margin:0}
#RatingAantalText{ padding:7px 0 0 0}
.artikel .postimg{ text-align:center; margin-bottom:20px;}

/* FORM
========================================================================================*/
fieldset                {margin:0; padding:0; border:none; background:none }
.commentForm            {padding:0 13px 7px 13px; line-height:16px;}
.commentForm ul         {padding:0 0 14px 0}
.commentForm li         {padding:0 0 2px 0}
.commentForm .input     {border: solid 1px #abadb3; background: #fff; padding:0 5px; width:120px; font-family: Verdana, Helvetica, sans-serif; vertical-align:middle; margin:0; line-height:18px; height:18px; box-shadow: inset 0 10px 10px -6px #eee;}
.commentForm .textarea  {width:98%; height:100px; box-shadow: inset 0 10px 10px -6px #eee; border: 1px solid #abadb3; background: #fff;}
/* Footer
===============================================*/
footer            {background:#5080c2 url(/fotografie/img/footer.png) repeat-x 0 bottom; -webkit-border-radius:0 0 6px 6px; -moz-border-radius:0 0 6px 6px; border-radius:0 0 6px 6px; padding:8px 0; text-align:center; color:#FFF; font-size:11px; box-shadow:0 3px 5px rgba(000,000,000,0.3); margin:0 0 20px 0;}
footer a          {color: #fff;}
footer a:hover    {color: #fff; text-decoration:underline;}
footer a:visited  {color: #fff;}
#footer_ads       {text-align: center;}

/* transition
===============================================*/
.pageWidth, .header, #header, #container, nav, #widecolumn, aside, nav li a{transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s;}

@media only screen and (max-device-width: 767px), only screen and (max-device-width: 400px){
  .viewVersion{ display:block; }
}

/* cookiewet */
#cookiewet                      {background-color: #222; background-color: rgba(29, 29, 29, 0.9); bottom: 0 !important; color: #fff; display: block; padding: 15px 1%; position: fixed; text-align: center; width: 98%; left:0; z-index:100; }
#cookiewet a                    {color: #fff;  text-decoration: underline;}
#cookiewet a:hover              {color: #c0e32d;   text-decoration: none;}
#cookiewet a.cookiebutton       {background-color: #c0e32d; border-radius: 5px 5px 5px 5px; color: #111111; font-size: 11pt; font-weight: 300; margin-left: 30px; margin-top: 2px; padding: 6px 12px; text-decoration: none; width: 70px; display:inline-block; vertical-align:middle}
#cookiewet a.cookiebutton:hover {background-color: #fff; cursor: pointer;}

/*rating system*/
.reactie_rating           {display: none; border: 1px solid #a3c101; background-color: #fdfff1; padding: 4px; margin: 2px 12px 6px 0px;}
.rate                     {float: right; padding-right: 15px;}
.rate div                 {color: #ccc; text-decoration: none; cursor: pointer; display: inline;}
.rate div:hover           {color: #000; text-decoration: none; cursor: pointer;}
.grayed                   {color: #c8c8c8;}

/* other  */
.sponseredinfo      {background-color: #fdfff1; border: 1px solid #a3c101; padding: 5px;}
.commenthanks       {margin-top: 10px; background-color: #fdfff1; border: 1px solid #a3c101; padding: 5px; width: 659px;}
.auteur             {background-color: #f8f8f8; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; padding: 3px;}
.mail_preview       {float: right; width: 225px; padding: 5px; border: 1px solid #e7e7e7; background-color: #f2f2f2;}
.art_opties a span  {margin:0px; padding:0}
.auteurList p       {overflow:hidden;}

#menu               {float:right; display:block;  border:solid 2px #fff; border-radius:0 0 7px 7px; padding:0 10px; background:url(/fotografie/img/button.png) repeat-x 0 0; margin-top:0; line-height:24px; border-top-width:0; display:none; position:absolute; right:10px; top:0px; font-weight:bold;}
#menu.active        {background-position:0 -36px; color:#000;}

#adminkey           {position: absolute; margin-left: 930px; margin-top: 5px;}

.head1:hover        {text-decoration: none;}
.head1:visited      {color: #006CAB;}

.mobileAdss         {padding: 0 0;}
.googleAds300       {max-width:300px; padding:0 15px 22px 10px; width:300px;}
.footerAds          {text-align:center; padding:0 0 20px 0;  width:100%;}
.smiley             {width: 15px; height: 15px;}

#printheader        {display: none;}