/* content */
#content {width: 605px; padding: 0px; margin: 0; float: left; display: inline;}

/*  Standaard Content Forms */
#content input {border: solid 1px #b7b3b4; float: left; font-family: verdana; font-size: 11px;}
#content textarea {border: solid 1px #b7b3b4; width: 300px; height: 200px; float: left; font-family: verdana; font-size: 11px;}
#content form {margin: 0; padding: 0;}
#content fieldset { border: 0; width: 600px; float: left; margin: 0 0; padding: 0; }
#content label {font-size: 12px; display: block; float: left; width: 160px;}
#content label em {color: #ffd220;}
#content fieldset p {padding: 3px 0; height: 15px; margin: 0 0 0 10px; font-size: 12px; font-weight: normal;}
#content fieldset h2 {float: left; width: 600px; color: #ffcc00; font-size: 16px; padding: 0; margin: 20px 0 10px 0; font-weight: bold;}
#content fieldset .photo {background: #f3f2f2; padding: 20px; width: 110px; margin: 10px;}
#content .frontend_submit {width: 314px; text-align: right; margin: 10px 0 0 0;}

/*  Standaard Texten en Headers */
#content h1 {background: #f3f2f2; width: 590px; float: left; display: inline; font-size: 14px; font-weight: bold; margin: 0 0 0 0; padding: 15px 0 0 10px; }

#content a {color: black; font-size: 11px; text-decoration: none;}
#content a {text-decoration: underline;}
#content p {width: 590px; float: left; display: inline; font-size: 11px; padding: 0; margin: 4px 0 10px 10px;}
#content p.error {font-size: 11px; color: red; padding: 10px 0 0 0;}
#content p.small {width: 590px; float: left; display: inline; font-size: 10px; padding: 0; margin: 4px 0 10px 10px; font-weight: normal;}
#content p.big {background: #f3f2f2; width: 590px; float: left; display: inline; font-size: 14px; margin: 0; padding: 0 0 15px 10px;}

#content h2 {float: left; width: 590px; color: #ffcc00; font-size: 16px; padding: 0; margin: 20px 0 10px 0; font-weight: bold;}

#content h3 {float: left; width: 590px; color: #000;  font-size: 12px; padding: 0; margin: 10px 0 0px 10px; font-weight: bold;}
#content h3 a {color: black; text-decoration: none; }
#content h3 a:hover {color: black; text-decoration: underline;}

#content table {width: 600px; float: left;}
#content tr {}
#content th { background: #f3f2f2; padding: 2px 10px;}
#content th a {font-size: 11px; color: black; text-decoration: none; font-weight: bold; }
#content th a:hover {color: black; text-decoration: underline;}
#content td {font-size: 10px; text-align: center; padding: 2px 10px;}
#content td a {font-size: 10px; color: black; text-decoration: none; }
#content td a:hover {color: black; text-decoration: underline;}
#content .background {background: #f3f2f2;}

/********************************************************************************************/
/*		 								HOME	 											*/
/********************************************************************************************/

/*  h2 headers, oud. */
#content img.h2 {float: left; padding: 8px 0 8px 0;}

/*  Home -> fotoframe */
#content #frame { width: 598px; height: 520px; float: left; display: inline; border: solid 1px #ffce00; padding: 0; margin: 0 0 10px 0;}
#content #frame_info {width: 600px; border-bottom: solid 1px #ffce00; float: left; display: inline; background: url(../img/frame_info.gif) repeat-y; margin: 0 0 20px 0;}

/*  Onderhangsels van fotoframe */
#content #photo {width: 199px; float: left; display: inline;  }
#content #photo h2 {width: 188px; padding: 0 0 0 12px; margin: 0; font-size: 13px; font-weight: bold;}
#content #photo p {width: 188px; padding: 0 0 4px 12px; margin: 0; font-size: 11px;}

#content #author {width: 199px; float: left; display: inline; overflow: hidden;  }
#content #author h2 {width: 200px; padding: 0 0 0 12px; margin: 0; font-size: 13px; font-weight: bold;}
#content #author p {width: 180px; padding: 0 0 4px 12px; margin: 0; font-size: 11px;}

#content #navigate {width: 170px; float: left; display: inline; padding: 6px 0 0 30px; margin: 0}
#content #navigate p {width: 160px; padding: 0 0 4px 12px; margin: 0; font-size: 11px;}

#content #navigate #techniek {float: left; width: 160px;}
#content #navigate #emotie {float: left; width: 160px;}

#content #navigate #compositie {float: left; width: 160px;}

#content #newslist {background: url(../img/h2_large_nieuws.gif) no-repeat; height: 63px; width: 590px; float: left; padding: 24px 2px 0 12px; margin: 4px 0 0px 0; list-style: none;}
#content #newslist li {font-size: 12px; padding: 0; margin: 0 0; height: 15px; font-size: 1px; width: 500px; float: left; display: block;}
#content #newslist em {font-size: 12px; width: 120px; display: block; height: 15px; float: left;  font-style: normal; padding: 0; margin: 0;}
#content #newslist a {font-size: 11px; text-decoration: none; color: black; padding: 0; margin: 0; width: 560px; float: left; display: block; height: 15px; }
#content #newslist a:hover { color: #888; }
#content #newslist a.more {color: black; font-weight: bold; display: block; padding: 4px 0 0 0; }
#content #newslist a.more:hover {color: #888888; font-weight: bold; display: block; padding: 4px 0 0 0; }

#content #selected {clear: both;  background: url(../img/h2_medium_geselecteerdvoorhetmagazine.gif) no-repeat; width: 600px; margin: 0; padding: 24px 0 0 0px; float: left; margin: 0 0 10px 0px; }
#content #selected p {width: 190px; padding: 0 6px 2px 6px; margin: 0; font-size: 11px; float: left;}
#content #selected p.empty {width: 578px; padding: 0 6px 2px 6px; margin: 0; font-size: 11px; float: left;}
#content #selected .imageframe {margin: 0 0 30px 0; width: 61px; height: 61px; border: solid 1px #ffcc00; float: left; }
#content #selected .selected_picture_left {width: 276px; height: 104px; float: left; border: solid 1px #f9d81a; padding: 6px 6px; margin: 0 20px 20px 0; }
#content #selected .selected_picture_right {width: 276px; height: 104px; float: left; border: solid 1px #f9d81a; padding: 6px 6px; margin: 0 0 20px 0; }
#content #selected .text {float: left; background: red;}
#content #selected .selected_picture p {width: 180px; }

/* nieuwste fotos / series */
#latestphotos, #nieuwsteseries {width:605px;clear:both;display:block;padding:25px 0 25px 0}
#latestphotos ul, #nieuwsteseries ul {list-style:none;height:100px;width:605px;padding:0px;margin:0px;}
#latestphotos ul li, #nieuwsteseries ul li {border-left:1px white solid !important;width: 100px; height: 100px; text-align: center; padding:0px;margin:0px;float:left;display:inline;}
#latestphotos ul > li:first-child, #nieuwsteseries ul > li:first-child {border:0px !important}
#latestphotos ul li a, #nieuwsteseries ul li a {display: block;}
#latestphotos h2, #nieuwsteseries h2 {padding:0 0 5px 0;margin:0px;display:inline;}

/* LAST FORUM POSTS */
#last-forum_posts {width:605px;clear:both;display:block;padding:0 0 25px 0}
#last-forum_posts h2 {padding:0 0 5px 0;margin:0px;display:inline;}
#last-forum_posts img { display:block;}
#last_forum_posts_table {width:600px;padding-left:5px;}
#last_forum_posts_table td {text-align:left;background:#f7f8f8}
.last_forum_posts_items {width:420px;height:35px;}
.last_forum_posts_items a {color:#8596a6 !important;}
.last_forum_posts_items b {color:#424b53;font-weight:normal;display:block;}
.last_forum_posts_avatars {width:40px;text-align:right !important;}
.last_forum_posts_avatars a {color:red}
.last_forum_posts_avatars img {height:18px;}
.last_forum_posts_avatars img.a {border:none;}
.last_forum_posts_info {width:145px;}
.last_forum_posts_info a {color:#8596a6 !important;}
.last_forum_posts_info b {color:#424b53;font-weight:normal;display:block;padding:0px;margin:0px}
.last_forum_posts_items, .last_forum_posts_items a, .last_forum_posts_items b, .last_forum_posts_avatars, .last_forum_posts_avatars a, .last_forum_posts_avatars b, .last_forum_posts_info, .last_forum_posts_info a, .last_forum_posts_info b {
  font-family:verdana !important;
  font-size:11px !important;
}


/* latestphotocomments */
.comment, .comment a, .comment b {font-family:verdana;font-size:11px;color:#424b53}
#latestphotocomments {width:605px;clear:both;display:block;padding-top:25px;}
#latestphotocomments h2 {padding:0 0 5px 0;margin:0px;display:inline;}
#latestphotocomments ul {padding:0px;margin:0px;list-style:none;display:block;}
#latestphotocomments ul li {display:inline;float:left;width:300px !important;height:100px !important}
#latestphotocomments ul li.a {width:100px !important;}
#latestphotocomments ul li b {display:block;font-weight:normal;color:#8596a6;}
#latestphotocomments .photo {width:100px !important;float:left;display:inline;}
#latestphotocomments .photo img {display:inline;width:89px}
#latestphotocomments .comment {width:190px !important;float:right;display:inline;}

/* fotograaf & fototips */
#photographer {background:#ffffff;width: 280px; margin: 0; padding:0px; float: left; display: inline; margin: 0 0 0 0; font-size: 11px; text-decoration: none; color: #424b53;clear:both;padding-top:25px;}
#photographer p, #tips p {margin: 0 25px 5px 15px;padding:5px 10px 5px 10px;width:280px;background:#f7f8f8;height:80px;}
#photographer p {width:260px;}
#photographer .imageframe {margin:0px; height: 180px; border-top: solid 1px #ffcc00; border-bottom: solid 1px #ffcc00; float: left; }
#tips {width:305px;background:#ffffff; margin: 0; padding:0px; float: right; display: inline;padding-top:25px;}
#tips h2, #photographer h2 {color: #424b53; width: 280px; padding: 0 6px 5px 0px; margin: 0; font-size: 11px; font-weight: bold;}
#tips a, #photographer a {color: #424b53; width: 280px; margin: 0; font-size: 11px; text-decoration: none; display:block}
#tips a:hover, #photographer a:hover { font-size: 11px; font-weight: normal; color: #424b53; }
#tips a.more {color: #424b53; font-size: 11px; font-weight: normal; }
#tips a.more:hover { font-size: 11px; font-weight: normal; color: #424b53; }
#tips a.read {font-size: 11px; color: #424b53; font-weight: normal;}
#tips a.read:hover { font-size: 11px; font-weight: normal; color: #424b53;}
#tips a.tip_body {font-size: 11px; color: #424b53;}
#tips a.tip_body:hover { font-size: 11px; font-weight: normal; color:#424b53;}
#tips #experttipa {font-size: 11px; text-decoration: none; color: #424b53; padding: 0; margin: 0;}
/*
#content #bottom_container {width: 290px; float: left;}
#content .h2_medium { width: 300px; float: left; }
*/
/* popup ballon foto info */
.tooltip {
  z-index: 9000;
	display:none;
	background:transparent url(../img/ballon.png) no-repeat;
	font-size:12px;
	height:70px;
	width:160px;
	padding:10px;
	color:#ffcc00;
  margin-left:38px;
  opacity:0.9;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
  font-family:verdana;
  font-size:11px;
}
.tooltip b {
  font-weight:normal;
  color:#ffffff;
  display:block;
}

/* slideshow */
#slideshow { position: relative; width: 603px; height: 398px; z-index: 10; overflow: hidden; border: 1px solid black; background: #000000 }
#slideshowPhotoLink { text-align: center; vertical-align: middle; background: #000000; }
#slideshowPhotoImage { display: none; }
#slideshowbox { position:absolute; z-index: 99; left: 0; top:320px; height:70px; width:603px; display:none; /* initially. jquery handles this */ }
#slideshowuserinfo { display:block; background-color:#000000; z-index:999; width:598px; padding:5px; padding-right:0px; opacity:0.80; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); text-align:left; }
#slideshowPhotoTitle { background-color:#000000; font-size:14px !important; width:598px !important; color:#ffffff; height:15px; word-wrap: break-word; text-align:left; }
#slideshowPhotoUsername { font-size:12px !important; width:598px; color:#f4c307; height:15px; }
#slideshowNext { top:35px; padding:0px; position:relative; float:right; clear:both; width:80px; cursor:pointer; color:#333; font-size:10px; text-transform:uppercase; background:#f4c307; height:25px; line-height:25px; font-weight:normal; text-align:center; }

/* Autosizing */
.latestphotos_autosize { overflow: hidden; }
.nieuwsteseries_autosize { overflow: hidden; }
.latestphotocomments_autosize { overflow: hidden; }
.top3bar_autosize { overflow: hidden; }
.selectedbar_autosize { overflow: hidden; }
.meestbekekenbar_autosize { overflow: hidden; }
.fw_bestrated_autosize { overflow: hidden; }