/* FotoRedactie CSS */

/******************************************************************************/
/* DEFAULT
/******************************************************************************/

* {
	margin:0;
	padding:0;
}

html, body {
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
	height:100%;
	max-height:100%;
	background:#848488 url('../img/img_header/bodybackground.jpg') repeat-x top left;

  scrollbar-arrow-color: #fff;
  scrollbar-face-color: #000;
  scrollbar-highlight-color: #fff;
  scrollbar-3dlight-color: #000;
  scrollbar-shadow-color: #fff;
  scrollbar-darkshadow-color: #000;
  scrollbar-track-color: #444;
}

/******************************************************************************/
/* CONTENT
/******************************************************************************/

/* Content CMS
**************************************************/

.content_container {
  padding-left:24px;
}

.beeldbank {
  background:url('../img/img_algemeen/bvb_background.jpg') no-repeat left 80px;
  padding-left:480px;
}

.content {
	font-size:12px;
	line-height:18px;
	color:#fff;
}

.content ul {
	margin-bottom:11px;
}

.content li {
	list-style:disc inside;
}

.content ul li ul {
	margin-bottom:0px;
}

.content ul li ul li {
	background:url(none);
	list-style:circle inside;
	padding-left:0px;
	margin-left:10px;
}

.content a {
	text-decoration:underline;
	color:#666;
}

.content .imglinks {
	float:left;
	margin:6px;
}

.content .imgrechts {
	float:right;
	margin:6px;
}

.content p {
	font-size:12px;
	line-height:18px;
	color:#fff;
	margin-bottom:11px;
}

.content.story, .content .story, .story {
	font-size:12px;
	line-height:18px;
	color:#fff;
}

.content h1, h1 {
	font-size:18px;
	margin-bottom:11px;
	color:#fff;
	line-height:21px;
	font-weight:normal;
}

.content h2, h2 {
	font-weight:bold;
	font-size:14px;
	line-height:18px;
	color:#fff;
	margin-bottom:5px;
}

.content h3, h3 {
	font-weight:bold;
	font-size:12px;
	line-height:18px;
	color:#fff;
}

.content h4, h4 {
	font-weight:normal;
	font-size:11px;
	line-height:18px;
	color:#fff;
}

.content h5, h5 {
	font-weight:normal;
	font-size:11px;
	line-height:18px;
	color:#fff;
}

.content h6, h6 {
	font-weight:normal;
	font-size:11px;
	line-height:18px;
	color:#fff;
}

.content .sectionheader, .sectionheader {
	font-size:11px;
	font-weight:bold;
	color:#fff;
	text-transform:uppercase;
	background:url(../img/img_algemeen/hor_rule.png) no-repeat left bottom;
	display:block;
	line-height:12px;
	padding-bottom:5px;
	margin-bottom:11px;
}

/* Formulieren CMS
**************************************************/

#form_container {
}

input, select, textarea, file {
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
	margin-left:2px;
}

textarea {
	height:80px;
	width:220px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
}

.letsFormTable {
	padding:2px;
	display:block;
	font-size:12px;
	line-height:18px;
}

.letsFormInput_error {
	border:1px solid red;
}

.letsFormTD {
	width:125px;
	padding-bottom:10px;
	color:#fff;
}

.letsErrorList {
	color:red;
}

.letsFormButton {
	color:#fff;
	background:#e20703;
	padding:1px;
	cursor:pointer;
	margin-top:5px;
	font:bold 9px Verdana, Geneva, sans-serif;
	border-style:none;
}

.letsFormCheckbox{
	border:0px solid #B4CDE1;
	background:#E5ECF4;
	margin:3px 3px 3px 3px;
}

.letsFormCheckbox_error {
	border:0px solid red;
	background:red;
	margin:3px 3px 3px 3px;
}

.letsFormRadio{
	border:0px solid #6e7176;
	background:#E5ECF4;
	margin:3px 3px 3px 3px;
}

.letsFormRadio_error{
	border:1px solid red;
	background:#E5ECF4;
	margin:3px 3px 3px 3px;
}

.letsFormTijdSelect {
	width:50px;
 *width:40px;
	font-size:11px;
}

#toolTip { /* Styling van het captchaplaatje */
	position:relative;
	top:3px;
	cursor:pointer;
}

#letsFormCaptcha { /* Styling van het captchaplaatje */
	margin-top:5px;
	margin-bottom:5px;
	margin-left:3px;
}

.formInfo {
	font-size:11px;
	background:#97B9D6;
	border:1px none #000;
	width:150px;
	margin:0px;
	padding:5px;
}

.w20 {
	width:20px
}

.w35 {
	width:35px
}

.w50 {
	width:50px
}

.w100 {
	width:100px
}

.w120 {
	width:120px
}

.w150 {
	width:150px
}

.w180 {
	width:180px
}

.w200 {
	width:200px
}

.w100percent {
	width:100%
}

.w95percent {
	width:95%
}

/******************************************************************************/
/* FOTOREDACTIE NIEUW
/******************************************************************************/

table.fredMain {
  font-size:12px;
  width:100%;
}

table.fredMain td {
  vertical-align:top;
}

div#fredLogo {
  background:white url('../img/img_header/logo.jpg') no-repeat top left;
  margin-top:30px;
  width:189px;
  height:53px;
}

div#fredMenu {
  font-style:italic;
  background:#e20702;
  height:30px;
  text-align:left;
}

td#fredLeft {
  height:400px;
  background:#000;
  line-height:14px;
  color:white;
  vertical-align:top;
  width:255px;
}

td#fredBig {
  background-color:#000;
  color:#fff;
}

td#fredMid {
  height:400px;
  background-color:#000;
  color:#fff;
  width:450px;
}

td#fredRight {
  height:400px;
  background-color:#000;
  color:#fff;
}

td.fredFooter {
  background:#848488;
  color:white;
  font-size:11px;
  text-align:right;
  height:20px;
  z-index:6;
}

div#fredFooterText {
  margin:5px;
}

div#fredFooterText a {
  color:white;
}

div.fredFotoThumb {
  width:140px;
  float:left;
  text-align:center;
  margin:0 8px 4px 0;
}

div.fredFotoThumb img {
  cursor:pointer;
  border:2px solid #fff;
}

img.fredFotoThumb {
  cursor:pointer;
  border:2px solid #888;
}

div.fredFotoThumbSelect img {
  cursor:pointer;
  border:2px solid #E20703;
}

table#fredPhotoTable {
  font-size:12px;
  width:100%;
  height:100%;
  color:#fff;
}

table#fredPhotoTable td {
  vertical-align:top;
}

img#fredPhoto {
  margin-top:27px;
}

div.fredPaginator {
  width:100%;
  text-align:center;
  margin-bottom:4px;
  font-size:12px;
  float:normal;
}

div.fredPaginator a {
  color:#444;
}

/******************************************************************************/
/* FOTOREDACTIE
/******************************************************************************/

td#fredSubMenu hr {
  width:98%;
  margin-left:1%;
  margin-top:2px;
  margin-bottom:2px;
}

td#fredContent {
  width:100%;
  height:100%;
  vertical-align:top;
  padding:5px 0 0 10px;
}

div#fredScrollContainer {
  height:325px;
  overflow:auto;
}

div#fredScrollContainerMenu {
  overflow:auto;
}

div#fredScrollContainer b {
  margin-left:3px;
  font-style:italic;
}

div#fredSmallText {
  font-size:10px;
  font-style:italic;
  margin:2px 0 5px 3px;
}

div#fredBorder {
  border:2px solid #fff;
  padding:4px 0 0 4px;
  margin:0 10px 10px 0;
}

table#fredBorder {
  border:2px solid #fff;
  margin:0 10px;
}

table#fredBorder td {
  margin:0 10px;
  color:#fff;
  font-size:12px;
}

table#fredBorderContainer {
  border:2px solid #fff;
  margin:0 10px;
  height:350px;
}

table#fredBorderContainer td {
  padding:5px;
  color:#fff;
  font-size:12px;
}

td.fredBrowser {
  background-color:#cfcfcf;
}

div#fredTabContainer {
  width:250px;
  height:20px;
  line-height:20px;
  margin:10px 10px 0 10px;
}

div#fredTabContainer.breed {
  width:450px;
}

div.fredTab {
  background:url('../img/img_tab/tab.png') no-repeat top left;
  width:125px;
  text-align:center;
  float:left;
  cursor:pointer;
  height:20px;
  color:#999;
  font-weight:bold;
}

div.fredTab.highlight {
  background:url('../img/img_tab/tab_active.png') no-repeat top left;
  font-weight:bold;
  color:#fff;
}

div.hr {
  background:black url('../img/img_algemeen/hr.jpg') repeat-x top left;
  width:98%;
  line-height:9px;
  height:9px;
}

div#fredInfoBox {
  border:1px solid #939395;
  padding:6px;
  background-color:#000;
  color:white;
  width:100%;
}

div.fredPhotoInfoContainer {
  width:100%;
  height:300px;
  overflow:auto;
}

div.fredOrderButton {
  width:100%;
  text-align:left;
  margin:5px 0 2px 0;
}

div.fredOrderButton input {
  margin-right:20px;
}

div.fredFotoThumbCaption {
  height:15px;
  color:#fff;
  text-align:center;
  font-size:10px;
}

div.fredFotoThumbContainer {
  height:252px; /* FF */
  *height:255px; /* IE */
  overflow:auto;
}

td#fredPhotoMapsTitle {
  padding:0;
}

td#fredPhotosTitle {
  padding:0 0 0 7px;
  *padding:0 0 0 22px;
}

.button {
	color: #000;
	letter-spacing: normal;
	cursor: pointer;
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #444;
	border-bottom:1px solid #444;
	font-weight: bold;
	font-size:11px;
	outline: none;
	cursor: pointer;
	background-color:#cfcfcf;
	margin:0 5px 5px 0;
	padding:1px 4px 1px 4px;
}

.disabled {
  color: #9F9F9F;
}

/******************************************************************************/
/* FOTOREDACTIE:MENU
/******************************************************************************/

dl, dt, dd, ul, li {
  margin:0;
  padding:0;
  list-style-type:none;
}

dl#fredListSubMenu {
  width:95%;
}

dl#fredListSubMenu dt {
  cursor:pointer;
  margin:2px 0;
  padding-left:22px;
  height:20px;
  line-height:20px;
  text-align:left;
  background:url('../img/img_menu/folder.gif') no-repeat top left;
}

dl#fredListSubMenu dt.selected{
  /*color:#8F0C08;
  background:url('../img/img_menu/folder3.gif') no-repeat top left;*/
}

dl#fredListSubMenu dt.spotlight {
  background:url('../img/img_menu/folder2.gif') no-repeat top left;
}
dl#fredListSubMenu dt.spotlight a {
  color:#93c898;
}

dl#fredListSubMenu li {
  background:url('../img/img_menu/folder.gif') no-repeat top left;
  text-align:left;
  height:20px;
  line-height:20px;
  margin-left:20px;
  padding-left:22px;
}

dl#fredListSubMenu li.selected{
  background:url('../img/img_menu/folder3.gif') no-repeat top left;
  text-align:left;
  height:20px;
  line-height:20px;
  margin-left:20px;
  padding-left:22px;
}

dl#fredListSubMenu li a, dl#fredListSubMenu dt a {
  color:#999;
  text-decoration:none;
  display:block;
  border:0 none;
  height:100%;
}

dl#fredListSubMenu li.selected a {
  color:#8F0C08;
}

dl#fredListSubMenu li.selected a:hover {
  color:#FF0000;
}

dl#fredListSubMenu li a:hover, dl#fredListSubMenu dt a:hover {
  font-style:normal;
  color:#999;
}

div.fredNew {
  margin:30px 0 0 30px;
  color:white;
}

div.fredNew a {
  color:white;
}

ul#fredListNew {
  list-style-type:none;
}

ul#fredListNew li {
  list-style-type:none;
  margin:10px;
}

ul#fredListNew li a {
  color:white;
  text-decoration:none;
  font-weight:bold;
  font-size:14px;
}

/******************************************************************************/
/* FOTOREDACTIE:LOGIN
/******************************************************************************/

div.fredLogin {
  border:2px solid white;
  padding:10px;
  margin:30px 0 30px 10px;
  width:330px;
  background:#848488;
}

div.fredLogin h1 {
  font-size:14px;
  font-weight:bold;
}

div.fredLogin div.fredLoginColumn {
  margin-bottom:5px;
}

div.fredLogin div.fredLoginColumn span {
  display:block;
  width:150px;
  float:left;
  font-style:italic;
}

div.fredLogin div.fredLoginColumn input {
  width:150px;
  margin:0;
}

div.loggedIn {
  float:right;
  margin-right:5px;
  margin-top:5px;
  height:40px;
}

div.notLoggedIn {
  float:right;
  margin-top:5px;
  margin-right:5px;
}