/* colors:
blue = #2786c2
pink = #d14e84
*/

/* a styles */
a:link, a:visited{text-decoration:none; color:#2786c2;}
a:hover{color:#56b6f2;}

/* h styles */
h1{	margin:0 0 0 0; padding:0 0 5px 0;line-height:15px;color:#2886c3; font-size:18px; letter-spacing:1px; font-weight:normal; font-family:Georgia;}
h2{	margin:0; padding:0 0 5px 0;line-height:11px;color:#d14e84; font-size:16px; font-weight:normal; font-family:Georgia;}
h3{	margin:0; padding:0 0 5px 0;line-height:11px;color:#000000; font-size:11px; font-weight:bold;}

.menubutton a:hover{color: #d14e84;}
.menubutton a:hover{color: #d14e84;}
#topmenu a{margin:0 6px 0 6px; font-size:11px;color: White; }
#topmenu a:hover{color: White;}
.topmenuunderline { text-decoration:underline; font-weight:bold; }

#homebuttonbar {margin:0px 0px 0px 0px; padding-top:2px; padding-left:5px; font-size:11px;color:#999999; background:url(../images/homebuttonbar.jpg); background-position: top center; background-repeat:repeat-x;}
#homebuttonbar a {color:#999999	;}
#homebuttonbar a:hover {color:#d14e84;}

.hidden
{ display:none; }

*
{
	padding:0px;
	margin:0px;
}


body 
{
	background-color:#efefef;
	background-image:url(../images/bgimage.jpg);
	background-position:center top;
	background-repeat:repeat-x;
	margin:0px;
	padding:0px;
	height: 100%; /* belangrijk */
	font-family:Verdana;
	font-size:11px;
	line-height:16px;

}

#wrapper 
{
	position:relative;
	z-index:95;

    min-height: 100%;
    margin: 0 auto -340px;
    height: auto !important;
    height: 100%;
    margin-top:-60px;
}

#footer
{
	/*background-image:url(../images/footerbackground.jpg);*/
	background-repeat:repeat-x;
    height: 400px;
    color:#5a5a5a;
}

.footercontentblock
{
	position:relative;
	float:left;
	margin-left:10px;
	margin-right:25px;
	width:210px;
	height:200px;
	top:30px;	
	z-index:99;
}

#push 
{	
	  height:430px;
}

#footercontent
{
	position:relative;
	margin:0 auto;
	top:100px;
	/*background-image:url(../images/footercontentbackground.jpg);*/
	background-repeat:no-repeat;
	width:985px;
	height:240px;
	font-size:10px;
}

.footerbottomblock
{
	position:absolute;
	width:990px;
	height:20px;
	top:275px;	
	z-index:99;
	margin-left:10px;
}



#footercontent a:link, #footercontent a:hover, #footercontent a:visited
{
	color:#2786c2;
	font-weight:bold;
	text-transform:uppercase;
	font-size:9px;
}
#footercontent a:hover
{
    text-decoration:underline;
}

#container 
{

	top:200px;
	position:relative;	
	width:970px;
	margin: 0 auto;
	min-height: 600px;
   
}

#topmenu
{
	z-index:99;
	position:absolute;
	top:0px;
	
	background-image:url(../images/glass_header.png);
	background-position: top center;
	background-repeat:no-repeat;
	font-size:11px;
	width:100%;
	height:33px;
	text-align:right;
	color:White;
	text-align:right;
	padding:0px;
}

.MenuWrapper
{
	position:relative;
	left:50%;
	width:520px;
	height:30px;
	margin-top:6px;
	margin-left:-32px;
}

#mainmenu
{
	position:relative;
	/* margin-top:185px; */
	margin-top:-30px;
	width:970px;
	height:35px;
	
}


.menubutton
{
	height:35px;
	float:left;
	margin-right:5px;
}

#mainmenu a 
{
	color:#ffffff;
	font-weight:bold;
	margin-top:2px;
	cursor:pointer;
	display:block;
}

.menubutton_left
{
	float:left;	
	background-image:url(../images/webelements/menubutton_left.png);
	height:45px;
	width:10px;
	margin-left:2px;
	margin-top:2px;
}

.menubutton_middle
{
	background-image:url(../images/webelements/menubutton_middle.png);
	background-repeat: repeat-x;
	color:#d14e84;
	text-decoration:none;
	float:left;
	height:28px;
	padding:15px 30px 0 30px;
	font-size:12px;
}

.menubutton_middle_disabled
{
	background-image:url(../images/webelements/menubutton_middle_disabled.png);
	background-repeat: repeat-x;
	color:#dfdfdf;
	font-weight:bold;
	text-decoration:none;
	float:left;
	height:25px;
	padding:15px 30px 0 30px;
	font-size:12px;
	margin-top:1px;
}

.menubutton_right
{
	background-image:url(../images/webelements/menubutton_right.png);
	float:left;
	width:10px;
	height:45px;
	margin-top:2px;
}

.menubutton_left_inactive
{
	float:left;	
	background-image:url(../images/webelements/menubutton_left_inactive.png);
	height:35px;
	width:10px;
	margin-top:1px;
}

.menubutton_middle_inactive
{
	background-image:url(../images/webelements/menubutton_middle_inactive.png);
	background-repeat: repeat-x;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	float:left;
	height:25px;
	padding:15px 30px 0 30px;
	font-size:12px;
	margin-top:1px;

}

.menubutton_right_inactive
{
	background-image:url(../images/webelements/menubutton_right_inactive.png);
	float:left;
	width:10px;
	height:35px;
	margin-top:1px;
}

#contentcontainer
{
	background-image:url(../images/maincontentbg.png);
	background-repeat:repeat-y;
	position:relative;
	min-height: 1250px;
	width:640px;
	padding:5px 30px 5px 30px;	
}

#content
{

	
}

#histogram
{ 
  position:relative;
  display :block;
  overflow:hidden;
  width:255px;
  height:100px;
  background-color:#fefefe;
  background-image:url(../images/webelements/histogrambg.jpg);
  background-position:bottom left;
  background-repeat:no-repeat;
  border: 1px solid #000000;
}

#histogrambars
{  
	position: absolute; 
	bottom: 0px; 
	left: 0px; 
	margin-bottom:5px;
}

#histogramscope
{  
	position: absolute; 
	bottom: 0px; 
	left: 0px; 
	width:255px;
	height:5px;
	background-image:url(../images/webelements/histogramgrayscope.jpg);
	background-position:top left;
	background-repeat:no-repeat;	
}

#rightbars
{
	position:absolute;
	width:260px;
	margin-left:227px;
	left:50%;
	z-index:999;
}

#rightbar
{
	position:relative;
	width:260px;
	float:right;
}


#photo_rightbarcontentholder
{
	height:380px;
	padding:0 20px 0 20px;
	width:220px;
	background-image:url(../images/rightbarbg.png);
	background-repeat:repeat-y;
}

.rightbarcontentcontainer 
{
	height:380px;
	padding:0 20px 0 20px;
	width:220px;
}

#exiftable {color: #777777; font-size:9px;}

#desciptionbox {color: #000000; font-size:11px; line-height:13px; line-height:17px; overflow:hidden;}
#desciptionbox a { color: #d14e84; text-decoration:underline; font-weight:bold; font-size:10px;}
#desciptionbox h1 { text-decoration:none; margin:0 0 0 0; padding:0 0 5px 0;line-height:15px;color:#2886c3; font-size:18px; letter-spacing:1px;}

#desciptionboxhidden
{
 line-height:18px;
 color:#dddddd;
}

#rightbar2
{

	margin-top:10px;	
	position:relative;
	width:260px;
	float:right;
	/*min-height:570px;
	height:570px !important;
	height:500px;*/
}

#rightbar3
{
	margin-top:10px;	
	position:relative;
	width:260px;
	float:right;
}



#rightbarcontentholder
{
	height:380px;
	padding:0 20px 0 20px;
	width:220px;
	background-image:url(../images/rightbarmiddle.png);

}

#rightbar2contentholder
{
	padding:5px 20px 0 20px;
	width:220px;
	height:auto;
	background-image:url(../images/rightbarmiddle.png);
}

/* Frontpage dataset styles */
#radomimagecontainer {color: #000000; font-size:10px;}
#radomimagecontainer a { color: #d14e84; text-decoration:underline; font-weight:bold; font-size:10px;}

#radomimagecontainer h1 { color:#2886c3; font-size:18px; letter-spacing:1px; font-weight:normal;}

.randomimagewrapper {}

#gallerylinklist a {color: #000000; font-size:11px}
#gallerylinklist {color: #000000; font-size:11px}

#themethumbcontainer { overflow:hidden; width: 150px; height:150px; /*background-image:url(../images/webelements/thumbbg.jpg);*/ color:#000000; font-family: Verdana; font-size:10px; font-weight:normal; }
#thumbnailcontainer { overflow:hidden; width: 150px; height:150px; background-image:url(../images/webelements/thumbbg.jpg); color:#000000; font-family: Verdana; font-size:10px; font-weight:normal; }

#gallerythumbnailcontainer {  position:relative; float:left; left:0px; top:0px; margin-left:27px; margin-right:27px; margin-bottom:40px; font-family: Verdana; font-size:9px; font-weight:normal; }
#gallerythumbnailblock {border: 1px solid #777777; color:#000000; overflow:hidden; width: 156px; height:156px; background-image:url(../images/webelements/thumbbg.jpg);}
#gallerythumbnail { border: 3px solid #ffffff; width: 150px; height:150px;}



#pagination { margin-top:10px; color:#000000; font-family: Helvetica; font-size:17px; font-weight:bold; letter-spacing:1px; height:30px;}
#pagination input { background-color:#ffffff; border: #e1e1ee 2px solid; font-family: Verdana; font-size:11px; font-weight:normal; letter-spacing:1px; height:22px; padding-left:2px; padding-right:2px;}
/*#pagination a {background-color:#ffffff; border: #e1e1ee 2px solid; color:#2886c3; font-family: Helvetica; font-size:17px; font-weight:normal; letter-spacing:1px; height:18px;  padding-left:5px; padding-right:5px; margin-bottom:2px; }*/
#pagination a {background-color:#ffffff; border: #e1e1ee 2px solid; color:#2886c3; font-family: Helvetica; font-size:17px; font-weight:normal; letter-spacing:1px; height:18px;  padding-left:5px; padding-right:5px; margin-bottom:2px; }
#pagination .noborderleft { display:block; float:left; margin-top:-2px; background-color:#ffffff; border: #e1e1ee 0px solid; color:#2886c3; font-family: Helvetica; font-weight:normal;  }
#pagination .noborderright { display:block; float:right; margin-top:-13px; background-color:#ffffff; border: #e1e1ee 0px solid; color:#2886c3; font-family: Helvetica; font-weight:normal;  }

#photocontainer
{
position:relative;
float: left;	
overflow:hidden; 
width:446px;
}

#photocontentbottom 
{
position:relative;
float: left;	
width:640px;
}

#themenav { z-index:998; position:absolute; top:40px; left:490px; text-align:center; width:192px; border:0px solid #000000; height:38px;  background-image:url(../images/webelements/theme_nav_bg.jpg); background-position:top left; background-repeat:no-repeat;}
#themenav_left {z-index:999; cursor:hand; position:relative; float:left; margin-top:8px; width:20px; height:20px;}
#themenav_txt { position:relative; float:left; margin-top:10px; width:149px; height:20px; color:#2886c3; font-size:13px; letter-spacing:1px; font-weight:normal; font-family:Georgia;}
#themenav_right {z-index:999; cursor:hand; position:relative; float:left; margin-top:8px; width:20px; height:20px;}
#themenav_right img { cursor:hand;}
#themenav_left img { cursor:hand;}

#photoiconlist
{
position:relative;
float: right;	
width:180px;
height:395px;
overflow:hidden;
margin-top:85px;
/*background-image:url(../images/webelements/iconlist_bg.jpg);
background-position: top left;
background-repeat: no-repeat;*/
}

#photocomment { width:620px; background-color:#f6f6f6; margin-bottom:30px; padding: 10px 10px 10px 10px }
#photocomment #username { width:100px; margin-right:20px; color:#aaaaaa; font-size:10px; }
#photocomment #description { width:500px; color:#888888; font-size:11px;}
#photocomment a {}

#photonote { cursor:hand; color:#888888; font-size:11px; width:160px; background-color:#e7e7e7; background-image:url(../images/webelements/notebg.jpg); background-position:left top; background-repeat:no-repeat; margin-bottom:30px; padding: 10px 10px 10px 20px }
#photonote a {}
#photonoteswrapper {position:absolute; height:335px; width:218px; overflow:hidden;}
#photonotescontainer {height:330px; overflow:auto; scrollbar-base-color: #e7e7e7;scrollbar-arrow-color: #000000;scrollbar-3dlight-color: #e7e7e7;scrollbar-darkshadow-color: #e7e7e7;scrollbar-face-color: #e7e7e7;scrollbar-highlight-color: #999999;scrollbar-shadow-color: #999999;scrollbar-track-color: #f0f0f0;}

#forummsg { width:620px; background-color:#ffffff; margin-bottom:30px; padding: 10px 10px 10px 10px }
#forummsg #username { width:100px; margin-right:20px; color:#aaaaaa; font-size:10px; }
#forummsg #title {	margin:0; padding:0 0 5px 0;line-height:11px;color:#d14e84; font-size:16px; font-weight:normal; font-family:Georgia;}
#forummsg #description { width:500px; color:#888888; font-size:11px;}
#forummsg .avatar { max-height:80px; max-width:80px;}
#forummsg .avatarcontainer { height:80px; width:80px; overflow:hidden;}
#forummsg a {}

#forumreply { width:620px; background-color:#f6f6f6; margin-bottom:30px; padding: 10px 10px 10px 10px }
#forumreply #username { width:100px; margin-right:20px; color:#aaaaaa; font-size:10px; }
#forumreply #title { font-weight:bold;}
#forumreply #description { width:500px; color:#888888; font-size:11px;}
#forumreply .avatar { max-height:80px; max-width:80px;}
#forumreply .avatarcontainer { height:80px; width:80px; overflow:hidden;}
#forumreply a {}

.descrtext { color:#3f3d40; font-family: Verdana; font-size:11px; font-weight:normal; letter-spacing:0.4px; text-align:left; vertical-align:top; height:80px;}
.text { color:#999999; font-family: Verdana; font-size:11px; font-weight:normal; letter-spacing:0.4px; height:22px;}
.textgray { color:#aaaaaa; font-family: Verdana; font-size:11px; font-weight:normal; }
                   
.errorbox { color:#ff009c; font-family: Verdana; font-size:11px; font-weight:normal; letter-spacing:0.5px; height:22px;}

.inputfield { width:250px; height:15px; background-color:#f6f6f6; border: 1px solid #ff009c; padding:2px; margin: 10px, 10px, 0px, 0px; }

.remembermeinpt {width:5px; height:5px; border:0px; padding:0px; margin: 0px, 0px, 0px, 0px;}

.inputmultirow { width:250px; background-color:#f6f6f6; border: 1px solid #ff009c; padding:2px; margin: 10px, 10px, 0px, 0px; font-family:verdana;font-size:10pt;}

.fotostats{ color:#aaaaaa; font-family: Verdana; font-size:11px; font-weight:normal; }
.reactiestats{ color:#aaaaaa; font-family: Verdana; font-size:11px; font-weight:normal; }
.nieuwsberichtstats{ display:none; }

.inputlogin  
{	
	
	border:0;
    background: url(../images/webelements/loginfrm_input.gif) no-repeat top left;
    height: 17px; width: 100px; color:#bbbbbb; font-family: Verdana; font-size:10px; font-weight:normal;
    position:relative; margin-right:6px;
    }
	
.inputloginbnt 
{	border:0; vertical-align: middle; vertical-align: text-bottom;
    background: url(../images/webelements/loginfrm_button.gif) no-repeat top left;
    font-size:11px;color: White; font-family:Verdana;
    height: 22px; width: 35px; padding-top:3px; }

.FormBtn { color:#ff009c; font-family: Verdana; font-size:12px; font-weight:normal; width:250px; height:30px; background-color:#e3f8dc; border: 1px solid #3dd900; padding:3px; margin:5px, 0px, 10px, 0px; line-height:30px;}

#link a { color: #d14e84; text-decoration:underline; font-weight:bold; font-size:10px;}
#link a:hover{color:#56b6f2;}


/* SpryAccordion.css - Revision: Spry Preview Release 1.4 */
.Accordion {
	border-left: solid 1px gray;
	border-right: solid 1px black;
	border-bottom: solid 1px gray;
	overflow: hidden;
}

/* This is the selector for the AccordionPanel container which houses the
 * panel tab and a panel content area. It doesn't render visually, but we
 * make sure that it has zero margin and padding.
 *
 * The name of the class ("AccordionPanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel container.
*/
.AccordionPanel {
	margin: 0px;
	padding: 0px;
}

/* This is the selector for the AccordionPanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open a specific panel.
 *
 * The name of the class ("AccordionPanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel tab container.
 */
.AccordionPanelTab {
	background-color: #CCCCCC;
	border-top: solid 1px black;
	border-bottom: solid 1px gray;
	margin: 0px;
	padding: 2px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
}

/* This is the selector for a Panel's Content area. It's important to note that
 * you should never put any padding on the panel's content area if you plan to
 * use the Accordions panel animations. Placing a non-zero padding on the content
 * area can cause the accordion to abruptly grow in height while the panels animate.
 *
 * Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel
 * Content container.
 *
 * The name of the class ("AccordionPanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel content container.
 */
.AccordionPanelContent {
	overflow: auto;
	margin: 0px;
	padding: 0px;
	height: 100px;
}

.AccordionPanelContentinner {
	margin: 0px;
	padding: 10px;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "AccordionPanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the Accordion.
 */
.AccordionPanelOpen .AccordionPanelTab {
	background-color: #EEEEEE;
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "AccordionPanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.AccordionPanelTabHover {
	color: #555555;
}
.AccordionPanelOpen .AccordionPanelTabHover {
	color: #555555;
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * Accordion has focus. The "AccordionFocused" class is programatically added and removed
 * whenever the Accordion gains or loses keyboard focus.
 */
.AccordionFocused .AccordionPanelTab {
	background-color: #cccccc;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open when the Accordion has focus.
 */
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
	background-color: #cccccc;
}