@charset "UTF-8";


body
{
	font-family: Arial, Helvetica, sans-serif;
	padding: 0 8px 8px;
	margin: 0px;
	font-size: 12px;	
	background: url(gfx/menuback.gif) repeat-y;
}

input, select, textarea
{
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*line-height: 14px;*/
	text-decoration: none;
}



.mbackBlack
{
	/*background-image: url(gfx/menuback.gif);
	background-repeat: repeat-y;*/
	background-color: #000;
}

.mbackWhite
{
	/*background-image: url(gfx/menuback.gif);
	background-repeat: repeat-y;*/
	background-color: white;
}

.mbackGray
{
	/*background-image: url(gfx/menuback.gif);
	background-repeat: repeat-y;*/
	background-color: #666;
}

.mbackDarkGray {
	background-color: #333;
	border: thin solid #000;
}

#menu
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 180px;
	text-align: center;
	background: url(gfx/menuback.gif) repeat-y;
	/*background-color: #333;
	border-right: 2px solid #000;*/
	/*border-bottom: 2px solid #000;*/
	overflow: visible;
	height: 100%;
}

.quickLogin {
	width:  128px;
	text-align: left;
	font-size: 10px;
	margin-right: auto;
	margin-left: auto;
	border: thin solid #000;
	padding-left: 8px;
	padding-top: 5px;
	background-color:  #202020;
	margin-bottom: 20px;
}

.quickLogin input[type="text"], .quickLogin input[type="password"] {
	width: 110px;
	margin-bottom: 10px;
	font: 10px sans-serif;
}

.quickLogin a, .quickLogin a:visited { 
	color: #cccccc;
	text-decoration: none;
	cursor: pointer;
}

.quickLogin a:hover, .quickLogin a:hover { text-decoration: underline; }

#content
{
	padding-left: 190px;
	padding-top: 11px;
}

#footer {
	/*padding-top: 200px;
	padding-left: 200px;
	clear: both;*/
	text-align: left;
	padding-right: 5px;
	padding-left: 5px;
}

.element {
	border: 1px solid Black;
	background-color: #333;  
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
}

.element, .element a {
	color: #ddd;
}

.message {
	width: 400px;
	height: auto;
	padding: 10px;
	font: large Arial, Helvetica, sans-serif;
	background-color: #326634;
}


.error {
	background-color: #973334;
}

.floatLeft {
	float: left;
}

.clearBoth {
	clear: both;
}

#detail
{
	margin-right: 10px;
	color: #ddd;
	position: relative;
}

.detailText, .detailText a:link, .detailText a:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #ddd;
}
.detailText a:hover {
	color: white;
	text-decoration: underline;
	cursor: pointer;
}

.detailTextLabel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #bbbbbb;
	vertical-align: text-top;
	padding-top: 3px;
	padding-right: 4px;
}

.detailTextData {
	padding-top: 3px;
}

#thumbnails
{
	height:  671px;
	position: relative;
	overflow-y: scroll;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	clear: both;
	color: #ddd;
	background-color: #333;
	padding: 5px;
	display: none;
}

#thumbnails.noscroll {
	overflow: visible;
}


#thumbnails_navigation
{
	color: #ddd;
	background-color: #333;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}


#loading1
{
	background: url(gfx/loading1.gif) no-repeat;
	width: 32px;
	height: 32px;
}

#loading2
{
	margin-left: 10px;
	background: url(gfx/loading2.gif) no-repeat;
	width: 32px;
	height: 32px;
}

#loading3
{
	background: url(gfx/loading3.gif) no-repeat;
	width: 32px;
	height: 32px;
}


.foto
{
	background-color: #0e0e0e;  
/*
	width: 356px;
	height: 360px;   
*/
	text-align: center;
	vertical-align: middle;
}

div.thumbnail
{
	position: relative;
	float: left;
	background-color: #0e0e0e;  
	width: 145px;
	height: 145px;   
	margin: 0 3px 3px 0;
	overflow: hidden;
	vertical-align: bottom;
	cursor: pointer;
	color: #333;
	border: 1px #666 solid;
}

div.thumbnail-personal {
	width: 350px;
	height: 350px;   
	cursor: auto;
}

div.thumbnail-personal-tekst {
	clear: both;
	max-width: 500px;
	padding-top: 20px;
	padding-left: 5px;
}


div.thumbnail:hover {
	border: 1px solid white;
	color: #fff;
}

div.selectedThumbnail, div.selectedThumbnail:hover {
	border: 1px solid white;
	color: #fff;
}

div.savedLbThumbnail
{
	position: relative;
	float: left;
	background-color: #0e0e0e;  
	width: 75px;
	height: 75px;   
	margin: 0 3px 3px 0;
	overflow: hidden;
	vertical-align: bottom;
	color: #333;
	border: 1px #666 solid;
}


td.savedLBitem {
	cursor: pointer;
	padding: 10px;
	border-bottom: 1px solid #666666;
}

td.savedLBitem a, td.savedLBitem a:visited {
	/*color: white;*/
}
td.savedLBitem a:hover, .savedLBitemSelected {
	color: #00e347;
}



.imageID {
	position: absolute;
	top: 0;
	left: 0;
	width: 60px;
	height: 15px;
	vertical-align: top;
	font-size: x-small;
	text-align: left;
	padding-top: 1px;
	padding-left: 2px;
}

.lboxInList {
	position: absolute;
	bottom: 2px;
	right: 2px;
	width: 18px;
	height: 18px;
	background: url(gfx/isinlightbox.gif) no-repeat 0 0; 
	cursor: pointer;
}


.lboxCanBeInList {
	position: absolute;
	bottom: 2px;
	right: 2px;
	width: 18px;
	height: 18px;
	cursor: pointer;
	background: url(gfx/canbeinlightbox.gif) no-repeat 0 0; 
}

.addAllToLightbox {
	width: 46px;
	height: 18px;
	background: url(gfx/allinlightbox.gif) no-repeat 0 0; 
	
}

.ascending, .isAscending, .descending, .isDescending {
	display:  block;
	width: 17px;
	height: 16px;
	background: url(gfx/ascending.gif) no-repeat 0 0; 
}

.descending, .isDescending {
	background: url(gfx/descending.gif) no-repeat 0 0; 
}

.ascending:hover, .isAscending, .descending:hover, .isDescending {
	background-position: 0 -16px; 
}


.lboxInListCanDelete:hover, .lboxCanBeInList:hover, .addAllToLightbox:hover {
	background-position: 0 -18px; 
}

.rating {
	position: absolute;
	bottom: -1px;
	left: 2px;
	width: 30px;
	height: 10px;
	padding-bottom: 3px;
	cursor: pointer;
}

.rating3, .rating2, .rating1 {
	background: url(gfx/rating_0.gif) no-repeat 2px 133px;
}
.rating2 {
	background: url(gfx/rating_0.gif) no-repeat -8px  133px; 
}
.rating1 {
	background: url(gfx/rating_0.gif) no-repeat -18px  133px; 
}

.rating3:hover, .ratingOn3 {
	background: url(gfx/rating_3.gif) no-repeat 2px  133px; 
}
.rating2:hover, .ratingOn2 {
	background: url(gfx/rating_3.gif) no-repeat -8px  133px; 
}
.rating1:hover, .ratingOn1 {
	background: url(gfx/rating_3.gif) no-repeat -18px  133px; 
}

.rating3:hover, .rating2:hover, .rating1:hover{
	background-color: #0e0e0e;  
}

.ratingMarker {
	position: absolute;
	bottom: 2px;
	left: 2px;
	width: 30px;
	height: 10px;
} 

table.suggestionTable {
	border: 1px solid Black;
	border-spacing: 0px;
}
.suggestionDescription {
	width: 25em;
	font-size: small;
	color: #cccccc;
	padding: 10px;
}

.suggestionRow {
	border-bottom: 1px solid #666666;
}

.image
{
	border: 1px #666 solid;
	/*margin: 0px 0px 3px 0px;*/
}

div.imageMarkerHorizontal {
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 12px;
	margin-top: 2px;
	margin-right: 2px;
}

div.imageMarkerVertical {
	position: absolute;
	top: 0;
	right: 0;
	width: 12px;
	height: 50px;
	margin-top: 2px;
	margin-right: 2px;
}



.subNavigation {
	padding-bottom: 3px;
	padding-top: 3px;
	width: auto;
}

.subNavigationItem {
	height: 30px;
}

#detail table.subNavigation td.arrow {
	width: 24px;
	text-align: center;
}

.clickable {
	cursor: pointer;
}

.hidden {
	display: none;
}

.underline {
	text-decoration: underline;
}

.smaller {
	font-size: smaller;
}

.smallButton {
	font-size: 10px;
	width:  40px;
}

.smallWideButton {
	font-size: 10px;
	width:  10em;
}



.gezochtOp, .gezochtOp a:link, .gezochtOp a:visited
{
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	margin: 0px 0px 0;
	text-decoration: none;
}

.gezochtOp a:hover {
	color: #00E347;
}

.gezochtOp2 a:hover {
	color: #fd3337;
	text-decoration: line-through;
}



.foundText {
	display: inline;
	color: white;
	border-bottom: 1px dotted white;
}

.negatedText {
	text-decoration: line-through;
}

.inline {
	display: inline;
}

.noTextDecoration {
	text-decoration: none;
}

.lboxAdd, .lboxIn {
	/*position: absolute;
	bottom: 3px;
	left: 5px;
	vertical-align: bottom;*/
	
}

.lboxAdd a {
	float: right; 
	background: url(gfx/lboxadd.gif) no-repeat;
	height: 20px;
	width: 20px;
}

.lboxIn a:hover, .lboxAdd a:hover {
	background-position: 0 -20px; 
}



.lboxIn a {
	float: right; 
	width: 20px; 
	height: 20px; 
	background: url(gfx/inlightbox.gif) no-repeat;
	color: #00e347;
}
.lboxRemove a:hover {
	background-position: 0 -20px; 
}

div#social {
	height: auto;
}

div#social_inner {
	padding: 10px;	
}

.buttonBorder {
	border: 1px solid black !important;
}

.twitter-share-button {
	width: 90px !important;
}

/* @group News */

.newsItemsListContainer {
	position: relative;
	padding-bottom: 5px;
	padding-right: 0px;
	padding-top: 5px;
	height: 100%;
}

.newsItemsList {
	border-style: none;
	color: #dddddd;
	background-color: #333333;
	overflow-y: scroll;
}

.newsItemsList td {
	border-bottom-color: #191919;
	border-bottom-width: thin;
	padding-right: 2px;
}

.newsItemsListSelected, .newsItemsList tr:hover, tr.itemsList:hover {
	background-color: #666 !important;
	color: white !important;
}

.newsItemsList tr:hover {
	cursor: pointer;
}


.newsItemDetails {
	padding: 5px;
	color: #dddddd;
}

.bNews, .bNews a:link, .bNews a:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 17px;
	text-align: left;
	color: #dddddd;
	max-width: 500px;
}

.lbNews:link, .lbNews:visited
{
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 17px;
	text-align: left;
}



/* @end */


/* @group userTable */


table.generalTable {
	border: 1px solid Black;
	width: 100%;
	border-spacing: 0px;
}

.userTable {
	padding-left: 5px;
	color: #ddd;
	background-color: #333333;
	padding-right: 5px;
	border-right-style: solid;
	border-right-color: #666;
	border-right-width: thin;
}

.userTableAlternateRows {
	padding-left: 5px;
	color: #ddd;
	background-color: #404040;
	padding-right: 5px;
	border-right-style: solid;
	border-right-color: #666;
	border-right-width: thin;
}
.userTableHeader {
	color: #cbcbcb;
	background-color: #191919;
	font-weight: bolder;
	padding: 5px 2px;
	border-right: thin solid #666;
}
.userTableHeaderAlternateRows {
	color: #FFFFFF;
	background-color: #818181;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	border-right-width: thin;
}
.userTableMainHeader {
	color: #FFFFFF;
	background-color: #333;
	font-size: 125%;
	/*border-bottom: thin solid #000;*/
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 5px;
}

.userTable a, .userTableAlternateRows a {
	color: white;
}

/* @end */

.larger {
	font-size: larger;
}

/* for menu on left panel */
.menu-table {
	margin-left: auto; 
	margin-right: auto; 
	border: solid 1px;
	width: 140px;
}
/*
.menu-table td {border-top: solid 1px; border-bottom: solid 1px; }
*/
.menu-inactive, .menu-active {
	padding: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: gray; 
}
.menu-inactive { background: #202020; }
.menu-active { background: gray; }
.menu-inactive a, .menu-inactive a:visited { color: #cccccc; text-decoration: none; }
.menu-active a, .menu-active a:visited, menu-inactive a:hover { color: white; text-decoration: none; }
.menu-inactive a:hover { text-decoration: underline; }

.menu-green {
	color: #00E347;
}

.menu-orange, .menu-orange a, .menu-orange a:visited {
	color: #fc7f17;
}

.menu-red {
	color: #fd3337;
}

.noResults
{
	color: #fd6668;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	vertical-align: top;
}

.about_arnd {
	color: #666;
	font-size: 11px;
	width: 30em;
}

/* @group OLD */

.stable
{
	/* border: 1px #444444 solid; */
	/* background-color: #000345; */
	border: 1px #222222 solid;
}

.stableP
{
	border: 1px #A3A3A3 solid;
	background-color: #000034;
}

.stableC
{
	/* border: 1px #444444 solid; */
	border: 1px #222222 solid;
	width: 700px;
}

.grayBorder { border: 1px #222222 solid; }

.kopgeel
{
	/* color: #CC9; */
	color: #bbbbbb;
	font-size: 18px;
	font-weight: bold;
}

.kopmenu
{
	color: #cccccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
	padding: 11px 0px 0px 0px;
}


.datumNews
{
	color: #bbbbbb;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
}


.kopWhite
{
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
	padding: 12px 0px 0px 0px;
}


.billboard { border: 1px #F0F0F0 solid; }

.kgrijs
{
	color: #cccccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
}

.kcyat
{
	/* color: #C9FFFF; */
	color: #aaaaaa;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
}

.sp { padding: 15px 0px 8px 0px; }


.korab { font-size: 45px; }

#tijd
{
	/* color: #00CCCD; */
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	line-height: 16px;
	text-transform: uppercase;
	height: 30px;
}



.fondBack { background-color: #202020; }


.stop
{
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
}


.compulsaryField
{
	color: #fc7f17;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	vertical-align: top;
}


.copyrightText
{
	color: #cccccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	padding-left: 5px;
	padding-right: 5px;
}

.copyrightTextAlg
{
	color: #cccccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	padding-left: 5px;
	padding-right: 5px;
}

p..copyrightTextAlg
{
	margin: 6px;
}

a.copyrightTextAlg
{
	text-decoration: none;
}

a.noDecoration img
{
	border-style: none;
}

a.copyrightTextAlg:hover
{
	text-decoration: underline;
}

.whiteText, .whiteText a:link
{
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	text-align: left;
	cursor: pointer;
}

a.whiteText:hover
{
	text-decoration: underline;
}

.lineSeparator {
	border-bottom: 2px solid #999;
}

.legal, .legal:link, .legal:visited
{
	color: #444444;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	text-align: left;
}

.ftext, .ftext a:link, .ftext a:visited
{
	color: #bbbbbb;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	text-decoration: none;
	padding-top: 4px;
}
.ftext a:hover {
	text-decoration: underline;
}

.itemText {
	color: #eee;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	padding-top: 0px;
	
}

.adres
{
	/* color: #CDFF00; */
	color: #cccccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 14px;
}



.gtext, .gtext:link, .gtext:visited
{
	color: #bbbbbb;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	white-space: nowrap;
}
.gtextH
{
	color: #ccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-align: center;
}



.imagenews
{
	border: 1px #444444 solid;
	margin: 0px 0px 3px 0px;
}

.lbox, .lbox:link,.lbox:visited
{
	color: #bbbbbb;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	/*line-height: 12px;*/
	text-decoration: none;
}


.nwsborder
{
	border: 1px #676767 solid;
	padding: 5px;
}

.centered {
	margin-left: auto; 
	margin-right: auto;
}
.wideButton {
	width: 150px;
}
.alertButton {
	color: #fc7f17;
}

.standardButton {
	width: 7em;
}


/* @end */