/**
 * Copyright (c) 2006, Bill W. Scott
 * All rights reserved.
 *
 * This work is licensed under the Creative Commons Attribution 2.5 License. To view a copy 
 * of this license, visit http://creativecommons.org/licenses/by/2.5/ or send a letter to 
 * Creative Commons, 543 Howard Street, 5th Floor, San Francisco, California, 94105, USA.
 *
 * This work was created by Bill Scott (billwscott.com, looksgoodworkswell.com).
 * 
 * The only attribution I require is to keep this notice of copyright & license 
 * in this original source file.
 */

/**
 * Standard Configuration. It is advised that this section NOT be modified as the
 * carousel.js expects the behavior outlined below.
 **/
.carousel-component { 
	position:relative;
	overflow:hidden;
	visibility:hidden; /* component turns it on when first item is rendered */
}
				
.carousel-component ul.carousel-list { 
	width:10000000px;
	position:relative;
	z-index:1; 
}

.carousel-component .carousel-list li { 
	float:left;
	list-style:none;
	overflow:hidden;
}

.carousel-component .carousel-vertical li { 
	float:none;
	margin-bottom:0px;
}

.carousel-component ul.carousel-vertical { 
	width:auto;
}

.carousel-component .carousel-clip-region { 
	overflow:hidden;
	margin:0px auto;
	position:relative; 
}

/**
 * Safe to override. It is safe to override background, padding, margin, color,
 * text alignment, fonts, etc. Define a separate CSS file and override your style
 * preferences.
 **/

.carousel-component { 
	xxbackground:#ccc;
	padding:4px 4px 4px 4px;
	-moz-border-radius:10px;
	color:#618cbe;
}
.carousel-component ul.carousel-list { 
	margin:0px;
	padding:0px 0px 0px 0px;
}
.carousel-component .carousel-list li { 
	text-align:center;
	margin:0px 0px 0px 0px;
	padding:0px;
	font:10px verdana,arial,sans-serif;
	color:#666;
}
.carousel-component .carousel-vertical li { 
}
.carousel-component ul.carousel-vertical { 
}






div#fixedbox
  {

  top:100px; left:40px; width:1px; height:1px;
  position: absolute;
  top: 0;
  left: 0;
  color: #000;
  background: #fff;
  }

div.demo  {background-color:transparent; layer-background-color:transparent;
       position:absolute; top:38px; left:40px;
       /*position:fixed; top:38px; left:40px; width:480px; height:280px;*/
        z-index:99;  visibility:hidden;}

div#content
  {
  padding: 5px;
  }

@media screen
  {
  body>div#fixedbox
    {
    position: fixed;
    }
  /* Very ugly fix for page anchors */
  ol>li#dog3
    {
    margin-top: -8em;
    padding-top: 8em;
    }
  }



body{
	scrollbar-3dlight-color:#ff7103; 
scrollbar-arrow-color:#ff7103;
scrollbar-base-color:#ff6347;
scrollbar-darkshadow-color:#404040;
scrollbar-face-color:#d4d0c8;
scrollbar-highlight-color:#fff;
scrollbar-shadow-color:#808080;
	margin: 2px 9px;
	}
	
	.outblue
	{
	 border-top: 1px solid #cccccc;
	 border-left: 1px solid #cccccc; 
	 border-bottom: 1px solid #003366; 
	 border-right: 1px solid #999999;
	 height: 18px;
	 }
	 
.blueheader
	{
	font: normal normal bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color:#fff;
	padding-left:4px;
	}
.onepixgray{
	border: 1px solid #cccccc;
}
.onepixgray_dark{
	border: 1px solid #999999;
}
/* Classnames starting with a numeric value, cause errors
.9pixpadding{
	padding:9px;
}
*/
.grayBG{
	background-color: #cccccc;
}
.loginTd_txt{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: Black; padding-left:9px;
}
.loginInputfield{
	 border: 1px solid #999999; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: black;  width: 100px;
}
.searchInputfield{
	 border: 1px solid #999999; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: gray;  width: 150px;
}
.editInputfield{
	 9  width: 200px;
}
.UploadInputfield{
	 border: 1px solid #999999; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: Black;  width: 150px;
}
.blueTableBevel{
	background-image: url(../images/bluetablebg.gif); background-repeat: repeat-x; background-position: left; height:18px;
}
.allFormats{
	 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: Black;
}
.smallBrowseTD{
	 background-image: url(../images/selectbgbrowse.gif); 
	 background-position: left; 
	 background-repeat: repeat; 
	 width: 200px; 
	 height: 119px;
}
.smallBrowseThumb_TD{
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
}
.smallBrowseCountPicts{
	 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; color: Black;
}
.lightGray_BG{
	background-color: #eeefee;
}

.lightGray_borders{
	font: normal  11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: #000; 
	padding: 0px; 
	border-left: 1px solid #ccc; 
	border-right: 1px solid #ccc; 
	border-bottom: 1px solid #ccc; 
	}

.outblue{
	border-top: 1px solid #cccccc;
	 border-left: 1px solid #cccccc; 
	 border-bottom: 1px solid #003366; 
	 border-right: 1px solid #999999;
	 height: 18px;
}
.blueheader{
	font: normal normal bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color:#fff;
	padding-left:4px;
	text-decoration: none;
}
.fotokaderwit{background-color: #ffffff;}
.fotokadergrijs{background-color: #cccccc;}
.fotokaderzwart{background-color: #999999;}

.masterOrange{
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc; 
	background-image: url(../images/orangebevelbg.gif); 
	background-repeat: repeat-x; 
	height: 20px; 
	width: 544px; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; color: White; 
	font-weight: bold; 
	padding-left: 8px; 
	padding-top: 3px;
	}
.masterBlue{
	 border-right: 1px solid #cccccc;
	 border-bottom: 1px solid #cccccc;
	 background-image: url(../images/bluebevelbg.gif); 
	 background-repeat: repeat-x; height: 20px; 
	 width: 129px; 
	 font-family: Arial, Helvetica, sans-serif; 
	 font-size: 11px; color: White; 
	 font-weight: bold; 
	 padding-right: 8px; 
	 padding-top: 3px;
	}
	.picttext_small{
	font: normal  9px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: #000; 
	padding-left: 4px; 
	}
.datum_txt{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: Black; padding-right:9px;
}


	
.outorange{
	 border-top: 1px solid #FF6600;
	 border-left: 1px solid #FF6600; 
	 border-bottom: 1px solid #993300; 
	 border-right: 1px solid #993300;
	 height: 17px;
	}
	
.inorange{
	border-top: 1px solid #FF9999; 
	border-left: 1px solid #FF9999;
	}
	
.bgorange{
	 background-image: url(/uploads/images/6u6qmJxAPGTF_V5Ibuj1UA/navbg_orange.png);   
	 height: 17px;
	}
	
.orangeheader{
	font: normal normal bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color:#fff;
	padding-left:4px;
	}
	
	
.contentkader2{
	font: normal  11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: #000; 
	padding: 0px; 
	border-left: 1px solid #999; 
	border-right: 1px solid #999; 
	border-bottom: 1px solid #999; 
	}
.contentkader3{
font: normal  11px Verdana, Geneva, Arial, Helvetica, sans-serif;
        color: #000;
        padding: 0px;
        border-left: 1px solid #999;
        border-right: 1px solid #999;
}
	
A:link.contentkader2, A:link.contentkader3 {
	text-decoration: underline;
	font: normal  11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: #000; 
	padding: 4px; 
	}
	
A:visited.contentkader2, A:visited.contentkader3 {
	text-decoration: underline;
	font: normal  11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: #000; 
	padding: 4px; 
	}
	
A:hover.contentkader2, A:hover.contentkader3 {
	text-decoration: underline;
	font: normal  11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: #000; 
	padding: 4px; 
	}
	
A:active.contentkader2, A:active.contentkader3 {
	text-decoration: underline;
	font: normal  11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: #000; 
	padding: 4px; 
	}
	
.contentkader{
	font: normal  11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: #000; 
	padding: 0px; 
	border-left: 1px solid #999; 
	border-right: 1px solid #999; 
	}
	
A:link.contentkader {
	text-decoration: underline;
	font: normal  11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: #000; 
	padding: 4px; 
	}
	
A:visited.contentkader
{
	text-decoration: underline;
	font: normal  11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: #000; 
	padding: 4px; 
}
	
A:hover.contentkader 
{
	text-decoration: underline;
	font: normal  11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: #000; 
	padding: 4px; 
}
	
A:active.contentkader 
{
	text-decoration: underline;
	font: normal  11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: #000; 
	padding: 4px; 
}

.contenttext
{
	font: normal  11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: #000; 
	padding: 4px; 
	}
.contenttext_small
{
	font: normal  9px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: #000; 
	padding: 4px; 
}
	
.contenttext p
{
	margin-top: 0px;
}
	
.contenttext A:link, .contenttext A:hover, .contenttext A:active, .contenttext A:visited 
{
	text-decoration: none;
	font: normal  11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: #FF6633; 
}

.fotokader
{
	padding:4px;
	border:0px;
	background-color:#fff;
}

.fotokader_rollover
{
	border:2px solid #e6e6e6;
	background-color:#e6e6e6;
	padding:2px;
}

.outblue
{
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc; 
	border-bottom: 1px solid #003366; 
	border-right: 1px solid #999999;
	height: 18px;
}
.blueheader
{
	font: normal normal bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color:#fff;
	padding-left:4px;
}
.contenttext_small_td
{
	padding: 4px;
	border-top: 1px dashed #999;
	border-bottom: 1px dashed #999;
	vertical-align: top;
	text-align: left;
}

.bluebevel{ background-image: url(../images/bluetablebg.gif); background-repeat: repeat-x; background-position: left; height:18px;}
.lgray{ background-color:#e6e6e6;}
	 
	 
	 
.image_container
{
    position: absolute;
}

.inner_container_normal, .inner_container_focal, .inner_container_clicked
{
    position: absolute;
    z-index: 2;
    padding:5px;
}

.inner_container_focal
{
    background: #b7d8ed;
}

.inner_container_clicked
{
    background: #ecf5fc;
}

.image_thumbnail
{
    position: relative;
    padding: 4px;
    z-index: 3;
    top: -1px;
    left: -1px;
}

.image_thumbnail
{
	border: 1px solid #999999;
   	background: white;
}
.image_thumbnail_shadow
{
    position: absolute;
    background-color: #E9E9E9;
    top: 7px;
    left: 7px;
}
 	/* classes for validator */
.tfvHighlight
{
	border:1px solid #FF6600;	
	color: #FF6600;
	font-weight:bold;
}

.tfvNormal
{
	color: Black;
	font-weight:normal;
	border:1px solid #999999;

}
.invulveld 
{
	background-color:#FFFFFF
}
.searchPictform{
	border: 1px solid Black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 9px;
	}

	searchPictform:hover, searchPictform:focus, textarea:hover, textarea:focus, select:hover, select:focus {
	background-color: #E5E5E5;
	color: #000;
}


input, textarea, select {
    background-color: #f5f5f5;
    border: 1px solid #fff;
    margin-bottom: 0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 8px;
	text-align:right;
}
input:hover, input:focus, textarea:hover, textarea:focus, select:hover, select:focus {
	background-color: #E5E5E5;
	color: #000;
}