/*
###########################################################################
#  COPYRIGHT @ 2022 BY BIZZIEMAN.NL All rights reserved.      10-06-2024 #
###########################################################################
*/

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

html
{
	height				: 100%;
}

body
{
	font-family			: 'Helvetica', Verdana, Arial;
	color				: black;
	background-color	: lightblue;
	text-align			: center;
	font-style			: normal;
	height				: 100%;
	width				: 100%;
}

.clear
{
	clear				: both;
	font-size			: 0px;
	line-height			: 0px;
	padding				: 0px;
	margin				: 0px;
}

img, embed, object, video
{
	max-width			: 100%;
}

a:link,
a:visited
{	color				: red;
}
a:hover
{	color				: yellow;
}

blockquote
{
    display				: block;
    margin				: 0px 40px;
}

#resetWindow,
#blackWindow,
.agendaViewSecurity,
.securityWindow,
#loaderWindow,
#errorWindow,
#sluitWindow,
#inputLaag,
#inputHoog,
#inputTrein
{
	position			: fixed;
	cursor				: auto;
	top					: 0%;
	left				: 0%;
	height				: 100%;
	width				: 100%;
	display				: none;
	z-index				: 1000;
}

#resetWindow
{
	height				: 20px;
	width				: 20px;
	cursor				: pointer;
	display				: block;
}

#resetWindowOptionsList
{
	position			: fixed;
	top					: 10px;
	left				: 10px;
	padding				: 5px 13px;
	max-height			: 350px;
	overflow			: auto;
	z-index				: 3000;
}

#blackWindow
{
	background-color	: rgba(0,0,0,0.4);
}

#inputHoog
{
	background-color	: rgba(0,0,255,0.0);
}

#inputLaag
{
	background-color	: rgba(255,0,0,0.0);
}

#inputTrein
{
	background-color	: rgba(255,255,0,0.0);
}

#loaderWindow
{
	background-color	: rgba(0,0,0,0.4);
	cursor				: wait;
}

#errorWindow
{
	background-color	: rgba(255,0,0,0.6);
}

#sluitWindow
{
	background-color	: rgba(0,0,255,0.4);
}

.agendaViewSecurity,
.securityWindow
{
	position			: absolute;
	top					: 30px;
	left				: 5px;
	width				: calc(100% - 10px);
	height				: calc(100% - 35px);
	background-color	: rgba(255,0,0,0.4);
}

.agendaViewSecurity img,
.securityWindow img
{
	padding-top			: 20px;
}

.agendaViewSecurity
{
	top					: 1px;
	left				: 1px;
	width				: calc(100% - 2px);
	height				: calc(100% - 2px);
}

.securityWindowBool
{
	top					: 5px;
	height				: calc(100% - 10px);
	background-color	: rgba(0,0,255,0.4);
}

.securityWindowBool:hover
{
	top					: 30px;
	height				: calc(100% - 35px);
}

#Background
{
	position			: fixed;
	width				: 100%;
	height				: 100%;
	background-color	: lightblue;
	background-repeat	: no-repeat;
	background-size		: 100% 100%;
	background-size		: cover;
	z-index				: -1;
}

#Background img
{
	width				: 100%;
	height				: 100%;
}

#talenDiv
{
	position			: fixed;
	top					: 0px;
	right				: 20px;
}

#talenDiv img
{
	float				: right;
	margin				: 0px 0px 0px 1px;
	padding				: 0px;
	height				: 30px;
	cursor				: pointer;
}

.treinstamtd,
.treinfototh,
.treinfototd
{
/*	display				: inline;*/
	text-align			: right !important;
	margin				: 0px !important;
	padding				: 0px !important;
/*	font-size			: 0px !important;*/
/*	line-height			: 0px !important;*/
/*	background-color	: transparent !important;*/
/*	border				: 0px !important;*/
	cursor				: pointer !important;
}

.treinfototh
{
	text-align			: center !important;
	cursor				: default !important;
}

.treinimg
{
	display				: inline;
	float				: right !important;
	text-align			: right !important;
	margin				: 0px auto !important;
	padding				: 0px !important;
	max-height			: 16px !important;
	height				: 16px !important;
	font-size			: 0px !important;
	line-height			: 0px !important;
}

#mediaDiv
{
	position			: fixed;
	top					: 0px;
	left				: 20px;
}

#mediaDiv img
{
	float				: left;
	margin				: 5px 2px 0px 0px;
	padding				: 0px;
	height				: 20px;
	cursor				: pointer;
}

#Header
{
	margin				: 0px auto;
	height				: 15%;
	background-color	: transparent;
	background-repeat	: no-repeat;
	background-size		: 100% 100%;
}

#headerLinks
{
	float				: left;
	margin-left			: 15%;
	height				: 100%;
}

#headerLinks img
{
	float				: left;
	height				: 100%;
	width				: auto;
	max-width			: initial;
}

#Logo
{
	float				: left;
	width				: 200px;
	height				: 100%;
	background-repeat	: no-repeat;
	background-size		: 100% 100%;
}

#headerRechts
{
	float				: right;
	margin-right		: 15%;
	margin-top			: 10px;
	height				: 10%;
}

#headerRechts img
{
	float				: right;
	padding-left		: 2px;
	height				: 20px;
}

#SocialMedia
{
	float				: right;
	height				: 100%;
}

#Container
{
	margin				: 0px auto;
	min-height			: 70%;
	width				: 70%;
	background-color	: transparent;
	background-repeat	: no-repeat;
	background-size		: 100% 100%;
	overflow			: hidden;
}

#AdminWindows
{
	display				: table-cell;
	vertical-align		: top;
	
}

#Menu,
.miniSiteMenu,
.miniSiteHulpMenu
{
	margin				: 0px auto;
}

#MenuSpan,
.miniSiteMenuSpan,
.miniSiteHulpMenuSpan
{
	margin				: 0px auto;
	text-align			: left;
	font-size			: 12px;
	background-color	: crimson;
	overflow			: hidden;
}

.miniSiteMenuSpan
{
	height				: 7px;
	font-size			: 3px;
}

.menuON,
.miniSiteMenuON,
.miniSiteHulpMenuON
{
	margin				: 1px;
	float				: left;
	cursor				: default;
	width				: auto;
	padding				: 10px 18px;
	color				: crimson;
	background-color	: white;
	display				: inline;
}

.miniSiteMenuON
{
	margin				: 0px 0px 1px;
	padding				: 1px 3px;
}

.menuOFF,
.menuOFF div,
.miniSiteMenuOFF,
.miniSiteHulpMenuOFF
{
	margin				: 1px;
	float				: left;
	cursor				: pointer;
	width				: auto;
	padding				: 11px 18px;
	color				: yellow;
	background-color	: transparent;
	display				: inline;
}

.miniSiteMenuOFF
{
	margin				: 0px 0px 1px;
	padding				: 1px 3px;
}

.menuOFF div,
.miniSiteHulpMenuOFF
{
	text-decoration		: none;
	padding				: 10px 18px 11px;
}

.menuOFF div:hover,
.miniSiteMenuOFF:hover,
.miniSiteHulpMenuOFF:hover
{
	color				: yellow;
	background-color	: navy;
}

#Titel,
.miniSiteTitel,
.miniSiteHulpTitel
{
	margin				: 0px auto;
}

#TitelSpan,
.miniSiteTitelSpan,
.miniSiteHulpTitelSpan
{
	text-align			: left;
	font-size			: 30px;
	color				: black;
	background-color	: transparent;
	background-repeat	: no-repeat;
	background-size		: 100% 100%;
	overflow			: hidden;
}

#TitelSpan,
.miniSiteHulpTitelSpan
{
	padding				: 8px 30px;
}

.miniSiteTitelSpan
{
	padding				: 2px 6px 0px;
/*	height				: 8px;*/
	font-size			: 6px;
}

#Content,
.miniSiteHulpContent,
.miniSiteHulpContentSpan
{
	margin				: 0px auto;
	background-repeat	: no-repeat;
	background-size		: 100% 100%;
}

#ContentSpan,
.miniSiteHulpContentSpan
{
	padding				: 15px 30px;
/*	width				: 100%;*/
	height				: 100%;
	text-align			: justify;
	font-size			: 10px;
	color				: black;
	background-color	: transparent;
	overflow			: auto;
/*	display: table-cell;*/
}

#ContentSpan ul
{
	margin-left			: 25px;
}
/*
#ContentSpan,
.miniSiteHulpContentSpan
{
	height				: 100%;
	padding				: 15px 30px 15px;
}
*/
#Footer
{
	margin				: 0px auto;
	height				: 15%;
	background-color	: transparent;
	background-repeat	: no-repeat;
	background-size		: 100% 100%;
}

#showOnScreen,
#SanTheAuthor
{
	position			: fixed;
	bottom				: 3px;
	width				: 100%;
	text-align			: center;
	z-index				: 45;
}

#showOnScreen
{
	top					: 0px;
	bottom				: auto;
	display				: none;
}

#showOnScreenSpan,
#SanTheAuthorSpan
{
	padding				: 1px 5px;
	font-style			: normal;
	font-size 			: 9px;
	color				: white;
	background-color	: black;
	border				: 1px solid red;
	border-radius		: 0px;
}

#SanTheAuthorSpan a
{
	color				: white;
	text-decoration		: none;
}

#errorSiteErrors
{
	position			: fixed;
	top					: 0px;
	left				: 20%;
	right				: 20%;
	max-height			: calc(100% - 20px);
	overflow			: visible;
	z-index				: 225;
}

#Klok
{
	position			: fixed;
	top					: 0%;
	left				: 30%;
	margin				: 0px auto;
	width				: 40%;
	height				: 105px;
	font-size			: 108px;
	font-weight			: bold;
	color				: yellow;
	background-color	: black;
}

#miniShowContentKlok
{
	height				: 98px;
}

#showKlokEmbed
{
	margin				: 2px;
	width				: 88px;
	height				: 88px;
	box-shadow			: 2px 2px 5px #000000;
}

.divErrors,
.showErrorsInput
{
	position			: absolute;
	top					: 30px;
	left				: 0px;
	right				: 0px;
	overflow			: visible;
	z-index				: 2000;
}

.inputWindow
{
	z-index				: 10;
}

.showErrorsInput
{
	margin				: 10px 5%;
	padding				: 5px 20px;
	font-weight			: normal;
	cursor				: pointer;
	font-size			: 12px;
	text-align			: center;
	box-shadow			: 2px 2px 5px #000000;
	border				: 0px solid yellow;
	border-radius		: 0px;
}

.showErrors,
.showErrorsOkee,
.showErrorsFake,
.showErrorsOkeeFake
{
	margin				: 10px 10%;
	padding				: 5px 10px;
	width				: calc(80% - 20px);
	font-weight			: normal;
	cursor				: pointer;
	font-size			: 12px;
	text-align			: center;
	box-shadow			: 2px 2px 5px #000000;
	border				: 0px solid yellow;
	border-radius		: 0px;
	max-height			: 400px;
	overflow			: auto;	
	z-index				: 500;
}

.showErrors
{
	color				: yellow !important;
	background-color	: red !important;
}

.showErrorsOkee
{
	color				: yellow !important;
	background-color	: green !important;
}

.showErrorsFake
{
	color				: yellow;
	background-color	: red;
}

.showErrorsOkeeFake
{
	color				: yellow;
	background-color	: green;
}

.showErrorsInput
{
	color				: blue;
	background-color	: white;
}

.SanTheInput.selectKleurenWindow
{
	position			: relative;
	padding				: 0px;
	margin				: -18px 0px 0px 0px;
	width				: 114px;
	height				: 18px;
	cursor				: pointer;
	display				: block;
	background-color	: transparent;
	overflow			: visible;
}

.selectKleurenPalet
{
	font-size			: 9px;
	height				: 240px;
	width				: 112px;
	font-weight			: normal;
	text-align			: left;
	color				: blue;
	display				: none;
	background-color	: white;
	overflow			: auto;
}

div.kleurcel
{
	padding				: 0px 0px 0px 5px;
	height				: 14px;
	line-height			: 14px;
	width				: calc(100% - 5px);
	cursor				: pointer;
}
/*
div.kleurcel:hover
{
	color				: white !important;
	background-color	: dodgerblue !important;
}
*/
.rechtenSpan
{
	float				: right;
	margin				: 2px 0px;
	padding				: 0px;
	text-align			: right;
}

/*
#Admin,
#Account,
#Inloggen,
#CSSWindow,
#CodeWindow,
#Editor,
#Globals,
#DebugInformatie,
#Website,
#Instellingen,
#MenuBeheer,
#Bevestigen,
#Database,
#RuntimeError,
#LogOverzicht,
#LogOverzichtDelete,
#LedenOverzicht,
#LedenOverzichtDelete
{
	position			: fixed;
	top					: 50px;
	left				: 100px;
}

#Admin,
#Agenda,
#Takenlijst,
#InputTest
{
	display				: block;
}
*/

#TAGSOverzicht
{
	width				: 215px;
}

div.SanTheReclame
{
	font-size			: 10px;
	line-height			: 12px;
}

div.SanTheReclame img
{
	height				: 60px;
}

div.SanTheReclame div
{
	padding				: 5px;
}

div.SanTheReclame a
{
	text-decoration		: none;
	color				: red;
}

.window
{
	position			: fixed;
	top					: 50px;
	left				: 100px;
/*	float				: left;*/
	margin				: 1px;
	width				: 400px;
	overflow			: hidden;
	display				: none;
}

.miniWindow
{
	float				: left;
	margin				: 1px;
	padding-top			: 5px;
	width				: 140px;
	overflow			: hidden;
}

.miniSecurity
{
	position			: relative;
	top					: -101px;
	left				: 1px;
	height				: 100px;
	width				: 138px;
	overflow			: hidden;
}

#miniSecurityTeksten,
#miniSecurityVensters,
#miniSecurityWachten
{
	float				: none;
	margin				: 4px auto 2px;
	height				: 118px;
}

.websiteContentMove
{
	margin				: 5px;
	background-color	: white;
	border				: 1px solid red;
	height				: 300px;
	overflow			: auto;
	box-shadow			: 2px 2px 5px #000000;
}

#miniWebsite
{
	float				: none;
	padding				: 0px;
	margin				: 4px auto;
	width				: 250px;
	height				: 172px;
}

#miniWebsiteContentMove,
#miniWebsiteBackground0ContentMove,
#miniWebsiteImage0ContentMove,
#miniWebsiteBackground1ContentMove,
#miniWebsiteImage1ContentMove,
#miniWebsiteBackground2ContentMove,
#miniWebsiteImage2ContentMove,
#miniWebsiteHoverContentMove
{
	min-height			: 151px;
	height				: 151px;
	background-color	: transparent;
}

#miniWebsiteContent,
#miniWebsiteBackground0Content,
#miniWebsiteImage0Content,
#miniWebsiteBackground1Content,
#miniWebsiteImage1Content,
#miniWebsiteBackground2Content,
#miniWebsiteImage2Content,
#miniWebsiteHoverContent
{
	min-height			: 151px;
	max-height			: 151px;
	padding				: 0px;
}

#miniMenuenTitel
{
/*	float				: none;*/
	margin				: 3px auto;
	width				: auto;
	min-width			: 250px;
	max-width			: 350px;
}

#miniMenuenTitelContentMove
{
	min-height			: 150px;
	max-height			: 250px;
}

#miniMenuenTitelContent
{
	margin				: 0px;
	padding				: 0px;
}

.miniSiteBody
{
	width				: 100%;
	height				: 151px;
}

.miniSiteHulpBody
{
	width				: 100%;
	height				: 250px;
}

.miniSiteVol
{
	width				: 100%;
	height				: 100%;
}

#miniSiteBody,
#miniSiteHulpBody,
.backgroundBackground
{
	background-color	: lightblue;
	background-repeat	: no-repeat;
	background-size		: 100% 100%;
	z-index				: -1;
}

#miniSiteBody1,
#miniSiteBody2,
#miniSiteBody3,
#miniSiteBody4,
#miniSiteBody5,
#miniSiteBody6,
#miniSiteBody7,
#miniSiteBody8,
#miniSiteBody9,
#miniSiteHulpBody1,
#miniSiteHulpBody2,
#miniSiteHulpBody3,
#miniSiteHulpBody4,
#miniSiteHulpBody5,
#miniSiteHulpBody6,
#miniSiteHulpBody7,
#miniSiteHulpBody8,
#miniSiteHulpBody9
{
	position			: relative;
}

#miniSiteBody1
{
	top					: -151px;
	height				: 151px;
}

#miniSiteBody2
{
	top					: -302px;
	height				: 151px;
}

#miniSiteBody3
{
	top					: -453px;
	height				: 151px;
}

#miniSiteBody4
{
	top					: -604px;
	height				: 151px;
}

#miniSiteBody5
{
	top					: -755px;
	height				: 151px;
}

#miniSiteBody6
{
	top					: -906px;
	height				: 151px;
}

#miniSiteBody7
{
	top					: -1057px;
	height				: 151px;
}

#miniSiteBody8
{
	top					: -1208px;
	height				: 151px;
}

#miniSiteBody9
{
	top					: -1359px;
	height				: 151px;
}

#miniSiteHulpBody1
{
	top					: -250px;
	height				: 250px;
}

#miniSiteHulpBody2
{
	top					: -500px;
	height				: 250px;
}

#miniSiteHulpBody3
{
	top					: -750px;
	height				: 250px;
}

#miniSiteHulpBody4
{
	top					: -1000px;
	height				: 250px;
}

#miniSiteHulpBody5
{
	top					: -1250px;
	height				: 250px;
}

#miniSiteHulpBody6
{
	top					: -1500px;
	height				: 250px;
}

#miniSiteHulpBody7
{
	top					: -1750px;
	height				: 250px;
}

#miniSiteHulpBody8
{
	top					: -2000px;
	height				: 250px;
}

#miniSiteHulpBody9
{
	top					: -2250px;
	height				: 250px;
}

.miniSiteBackground img,
.miniSiteHulpBackground img
{
	width				: 100%;
	height				: 100%;
}

.miniSiteHeader,
.miniSiteFooter
{
	margin				: 0px auto;
	height				: 23px;
	background-color	: transparent;
	background-repeat	: no-repeat;
	background-size		: 100% 100%;
}

.miniSiteContainer,
.miniSiteHulpContainer
{
	margin				: 0px auto;
	height				: 70%;
	width				: 70%;
	background-color	: transparent;
	background-repeat	: no-repeat;
	background-size		: 100% 100%;
	overflow			: hidden;
}

.miniSiteHulpContainer
{
	height				: 100%;
	width				: 100%;
}

#miniSiteContainer
{
	overflow			: hidden;
}

#miniSiteHeaderLinks
{
	float				: left;
	margin-left			: 15%;
	height				: 100%;
}

#miniSiteHeaderLinks img
{
	float				: left;
	height				: 100%;
}

#miniSiteLogo
{
	float				: left;
	height				: 100%;
}

#miniSiteHeaderRechts
{
	float				: right;
	margin-right		: 15%;
	margin-top			: 2px;
	height				: 10%;
}

#miniSiteHeaderRechts img
{
	float				: right;
	padding				: 0px 0px 0px 1px;
	height				: 5px;
}

#miniSiteSocialMedia
{
	float				: right;
	height				: 100%;
}
/*
.miniSiteContainer
{
	height				: 105px;
}
*/
#miniSiteContent,
.miniSiteContent
{
	margin				: 0px auto;
	padding				: 0px;
	font-size			: 3px !important;
	text-align			: justify;
	overflow			: hidden;
	height				: 100%;
	color				: black;
	background-color	: transparent;
	background-repeat	: no-repeat;
	background-size		: 100% 100%;
}

#miniSiteContent table,
.miniSiteContent table,
#miniSiteContent td,
.miniSiteContent td
{
	font-size			: 3px !important;
	margin				: 0px !important;
	padding				: 0px !important;
	height				: auto !important;
}

#miniSiteContent img,
.miniSiteContent img
{
	height				: auto;
}

.miniSiteContentSpan
{
	padding				: 2px 6px;
}


/*
.miniSiteHulpTitelSpan
{
	padding				: 15px 30px;
}

.miniSiteHulpContentTekst
{
	font-size			: 10px;
	color				: black;
	padding				: 0px 28px;
}

.miniSiteContent
{
	margin				: 0px auto;
	padding				: 0px 6px;
	font-size			: 3px;
	text-align			: justify;
	overflow			: hidden;
	background-color	: transparent;
	background-repeat	: no-repeat;
	background-size		: 100% 100%;
}

.miniSiteContent
{
	height				: 89px;
}

#miniSiteContentSpan button,
#miniSiteContentSpan .cssNone
{
	display				: none;
}

#miniSiteContentSpan
{
	font-size			: 3px;
	color				: black;
	padding				: 2px 6px 3px;
}

#miniSiteContentSpan .window
{
	margin				: 0px 1px 1px 0px;
	width				: 80px;
	max-width				: 80px;
	height				: 74px;
}

#miniSiteContentSpan .miniWindow
{
	margin				: 0px 1px 1px 0px;
	width				: 28px;
	height				: 27px;
}

#miniSiteContentSpan .windowTitelbalk
{
	margin				: 0px 0px 1px;
}

#miniSiteContentSpan .miniWindowTitelbalk
{
	margin				: 0px;
}

#miniSiteContentSpan .windowTitel
{
	font-size			: 4px;
	line-height			: initial;
	padding				: 0px 0px 0px 4px;
}

#miniSiteContentSpan .miniWindowTitel
{
	padding				: 0px 0px 0px 1px;
	font-size			: 1px;
}

#miniSiteContentSpan .windowContentMove
{
	padding				: 4px;
	max-height			: 55px;
	height				: 55px;
	overflow			: hidden;
}

#miniSiteContentSpan .miniWindowContentMove
{
	padding				: 2px;
	min-height			: 17px;
	height				: 17px;
}

#miniSiteContentSpan .windowContent
{
	padding				: 0px;
	overflow			: hidden;
	text-align			: justify;
	font-size			: 3px;
}

#miniSiteContentSpan .miniWindowContent
{
	padding				: 0px;
	overflow			: hidden;
	text-align			: justify;
	font-size			: 1px;
}

#miniSiteContentSpan img,
#miniSiteContentSpan .windowContent img
{
	float				: left;
	padding				: 0px 4px 4px 0px;
	height				: 40%;
	width				: 40%;
}

#miniSiteContentSpan .miniWindowContent img
{
	float				: left;
	padding				: 0px 2px 2px 0px;
	height				: 10px;
}

#miniSiteHover1,
#miniSiteHover2,
#miniSiteHover3,
#miniSiteHover4,
#miniSiteHover5,
#miniSiteHover6,
#miniSiteHover7
{
	background-color	: transparent;
}

#miniSiteHover1:hover,
#miniSiteHover3:hover,
#miniSiteHover4:hover,
#miniSiteHover5:hover,
#miniSiteHover6:hover
{
	background-color	: magenta;
	cursor				: pointer;
}
*/

.miniWebsiteContentMove
{
	margin				: 5px;
	font-size			: 7px;
	background-color	: white;
	border				: 1px solid red;
	min-height			: 116px;
	max-height			: 116px;
	overflow			: hidden;
	box-shadow			: 2px 2px 5px #000000;
}

.websiteTitelbalk,
.miniWebsiteTitelbalk
{
	margin				: 5px;
	font-size			: 16px;
	text-align			: left;
	line-height			: 20px;
	color				: yellow;
	background-color	: crimson;
	cursor				: move;
	display				: block;
	border				: 1px solid yellow;
	overflow			: hidden;
	box-shadow			: 2px 2px 5px #000000;
}

.miniWebsiteTitelbalk
{
	margin				: 0px 0px 2px;
	font-size			: 9px;
	line-height			: initial;
}

.miniWebsiteTerugzetten
{
	float				: right;
	padding				: 0px 2px;
	font-weight			: bold;
	cursor				: pointer;
	border-left			: 1px solid yellow;
	display				: none;
}

.beheerMenuLinks
{
	float				: left;
}

.beheerMenuRechts
{
	float				: right;
}

.beheerMenuRechts .tekst
{
	padding				: 4px 0px 0px 0px;
	width				: 15px;
	text-align			: center;
}

#LedenOverzichtContentMove,
#LdapOverzichtContentMove,
#LogOverzichtContentMove
{
	overflow			: hidden;
	line-height			: 20px;
}

.miniLedenFoto
{
	padding				: 0px !important;
	margin				: 0px;
	height				: 50px;
}

#miniSecurityTekstenContentMove,
#miniSecurityVenstersContentMove,
#miniSecurityWachtenContentMove
{
	margin				: 0px;
	min-height			: 100px;
	max-height			: 100px;
}

#acuteRuntimeErrorTitelbalk
{
	color				: yellow !important;
	background-color	: red !important;
	overflow			: hidden;
	border				: 1px solid yellow !important;
}

.miniRuntimeerrorTitelbalk
{
	color				: yellow;
	background-color	: red;
	overflow			: hidden;
	border				: 1px solid yellow;
}

#PasswordVergetenButton
{
	height				: 8px;
	line-height			: 8px;
	font-size			: 8px;
}

#reageerButton
{
	position			: fixed;
	cursor				: pointer;
	bottom				: 0px;
	right				: 0px;
	margin				: 5px 10px;
	padding				: 5px;
	display				: block;
	z-index				: 147;
}

.agendaKlok,
.websiteOptions,
.websiteSluiten,
.websiteVergroten,
.websiteTerugzetten
{
	float				: right;
	font-size			: 9px;
	padding				: 0px 5px;
	font-weight			: bold;
	cursor				: pointer;
	border-left			: 1px solid yellow;
	line-height			: 20px;
	display				: none;
}

span.websitegroen:hover,
span.websitespecial:hover,
button.websitegroen:hover,
button.websitespecial:hover,
button.websitegroenklein:hover,
button.websitespecialklein:hover,
span.websiterood:hover,
button.websiterood:hover,
button.websiteroodklein:hover
{
	color				: yellow;
	background-color	: navy;
}

.websiteReageer:hover,
.websiteOptions:hover,
.websiteSluiten:hover,
.websiteVergroten:hover,
.websiteTerugzetten:hover,
.websiteOptionsListItem:hover,
span.OptionsListItem:hover
{
	color				: yellow;
	background-color	: navy;
}

.websiteOptions
{
	font-weight			: normal;
	display				: block;
}

#acuteRuntimeErrorOptions,
#acuteRuntimeErrorSluiten,
#acuteRuntimeErrorVergroten,
#acuteRuntimeErrorTerugzetten
{
	border-left			: 1px solid yellow !important;
}
/*
.websiteOptions,
.websiteSluiten,
.websiteTerugzetten,
.miniWebsiteOptions,
.miniWebsiteSluiten,
.miniWebsiteTerugzetten
{
	border-left			: 1px solid cyan;
}
*/
.websiteOptionsList
{
	font-size			: 10px;
	padding				: 5px;
	cursor				: auto;
	font-weight			: normal;
	line-height			: 12px;
	min-width			: 60px;
	color				: yellow;
	background-color	: crimson;
	border				: 1px solid yellow;
	border-radius		: 0px;
	display				: none;
	z-index				: 185;
}

/*
.websiteOptionsList
{
	color				: white;
	background-color	: blue;
	border				: 1px solid cyan;
}
*/
.websiteOptionsList hr
{
	margin				: 2px 0px;
	height				: 0px;
	border				: 0px solid yellow;
	border-top			: 1px solid yellow;
}
/*
.websiteOptionsList hr
{
	border				: 0px solid cyan;
	border-top			: 1px solid cyan;
}
*/
.websiteOptionsListItem
{
	padding				: 0px 0px 3px 0px;
	margin				: 0px;
	cursor				: pointer;
	display				: block;
	text-align			: left;
	height				: 12px;
	white-space			: nowrap;
}

.websiteOptionsListSelect
{
	line-height			: 20px;
	display				: inline;
}

.websiteTitel
{
	margin				: auto;
	padding				: 0px 0px 0px 8px;
	text-align			: left;
}

.miniWindowTitel
{
	margin				: auto;
	padding				: 0px 0px 0px 5px;
	text-align			: left;
}

.websiteContent
{
	padding				: 8px;
	font-size			: 10px;
	font-weight			: normal;
	text-align			: justify;
	color				: blue;
	overflow			: visible;
}

.miniWebsiteContent
{
	padding				: 5px;
	font-size			: 7px;
	font-weight			: normal;
	text-align			: justify;
	color				: blue;
	overflow			: hidden;
}

#AdminContent
{
	text-align			: center;
}

#CodeWindowContent
{
	text-align			: left;
}

.websiteContent img
{
	float				: left;
	padding				: 0px 15px 15px 0px;
	height				: 100px;
}

.miniWebsiteContent img
{
	float				: left;
	padding				: 0px 5px 5px 0px;
	height				: 50px;
}

.websiteContent hr
{
	margin				: 10px 0px;
	height				: 0px;
	border				: 0px solid crimson;
	border-top			: 1px solid crimson;
}

.miniCSSWindow
{
	float				: none;
	width				: auto;
}

.miniCSSTitelbalk
{
	margin				: 5px;
	font-size			: 16px;
}

.miniCSSContentMove
{
	max-height			: 300px;
}

.miniCSSTekst
{
	font-size			: 10px;
	padding-top			: 25px;
}
/*
#RuntimeErrorContent hr
{
	height				: 0px;
	border				: 0px solid red;
	border-top			: 1px solid red;
}

#DebugWindowContent hr
{
	margin				: 0px;
}
*/
img.sorteerimg,
img.zoekimg
{
	margin				: 0px;
	padding				: 4px 0px 0px 0px;
	height				: 8px;
}

img.talenimg
{
	margin				: 0px;
	padding				: 0px;
	height				: 20px;
}

img.menuImg
{
	float				: right;
	margin				: 0px 0px 0px 0px;
	padding				: 0px;
	width				: 16px;
	height				: 16px;
	cursor				: pointer;
	border				: 2px solid transparent;
}

img.menuImg:hover
{
	border				: 2px solid darkblue;
}


/*
#miniCSSAdmin,
#miniCSSPopup,
#miniCSSButton
{
	max-height			: 170px;
}


.adminTitelbalk,
.popupTitelbalk,
.buttonTitelbalk
{
	margin		{
	float				: right;
	padding				: 0px 2px;
	font-weight			: bold;
	cursor				: pointer;
	border-left			: 1px solid yellow;
	display				: none;
}
		: 0px 0px 5px;
	font-size			: 16px;
	text-align			: left;
	color				: yellow;
	background-color	: crimson;
	cursor				: move;
	display				: block;
	border				: 1px solid yellow;
	overflow			: hidden;
}

.miniAdminTitelbalk,
.miniPopupTitelbalk,
.miniButtonTitelbalk
{
	margin				: 0px 0px 2px;
	font-size			: 9px;
	text-align			: left;
	color				: yellow;
	background-color	: crimson;
	cursor				: move;
	display				: block;
	border				: 1px solid yellow;
	overflow			: hidden;
}
*/
/*

.adminOptions,
.popupOptions,
.buttonOptions
{
	font-weight			: normal;
	display				: block;
}

.adminOptionsList,
.popupOptionsList,
.buttonOptionsList
{
	font-size			: 12px;
	padding				: 5px;
	cursor				: auto;
	font-weight			: normal;
	line-height			: 18px;
	min-width			: 60px;
	color				: yellow;
	background-color	: crimson;
	border				: 1px solid yellow;
	display				: none;
	z-index				: 2;
}
*/

/*
.adminOptionsList hr
{
	border-top			: 1px solid yellow;
}

.adminOptionsListItem,
.popupOptionsListItem,
.buttonOptionsListItem
{
	padding				: 0px;
	cursor				: pointer;
	display				: block;
	text-align			: left;
}
/*
.adminContentMove,
.popupContentMove,
.buttonContentMove
{
	padding				: 15px;
	font-size			: 12px;
	font-weight			: normal;
	text-align			: justify;
	color				: white;
	background-color	: black;
	display				: block;
	border				: 1px solid yellow;
	height				: 300px;
	overflow			: hidden;
}
* */
/*
.miniAdminContentMove,
.miniPopupContentMove,
.miniButtonContentMove
{
	padding				: 5px;
	font-size			: 8px;
	font-weight			: normal;
	text-align			: justify;
	color				: white;
	background-color	: black;
	display				: block;
	border				: 1px solid yellow;
	overflow			: hidden;
}
*/

/*
#miniMenubalkContentMove,
#miniTitelbalkContentMove
{
	padding				: 0px;
	color				: black;
	background-color	: white;
}

.miniAdminContent,
.miniPopupContent,
.miniButtonContent
{
	height				: 100%;
	overflow			: hidden;
}

.miniAdminContent hr,
.miniPopupContent hr,
.miniButtonContent hr
{
	margin				: 10px 0px;
}

.adminOptionsList hr,
.popupOptionsList hr,
.buttonOptionsList hr
*/
/*
#LogOverzichtContent
{
	overflow			: hidden;
}



*/

.moveLineBoven
{
	position			: absolute;
	top					: -2px;
	left				: 0px;
	width				: 100%;
	height				: 14px;
}

.moveLineRechts
{
	position			: absolute;
	bottom				: 0px;
	right				: -3px;
	width				: 14px;
	height				: 100%;
}

.moveLineOnder
{
	position			: absolute;
	bottom				: -2px;
	left				: 0px;
	width				: 100%;
	height				: 14px;
}

.moveLineLinks
{
	position			: absolute;
	bottom				: 0px;
	left				: -3px;
	width				: 14px;
	height				: 100%;
}
/*
input,
select,
checkbox,
radio
{
	cursor				: pointer;
	margin				: 1px;
	font-size			: 14px;
	line-height			: 18px;
	color				: blue;
	background-color	: lightgray;
	border-top			: 2px solid #828177;
	border-left			: 2px solid #828177;
	border-bottom		: 2px solid white;
	border-right		: 2px solid white;
}
*/

.contenteditable
{
	margin				: auto;
	padding				: 0px 5px;
	min-height			: 12px;
	cursor				: pointer;
	color				: blue;
	background-color	: lightgray;
}

#inputFunctions
{
	position			: relative;
	top					: 0px;
}

.SanTheInput
{
	margin				: 0px;
	padding				: 0px;
	width				: auto;
/*	overflow			: hidden;*/
}

.emailkDiv
{	float				: right;
	margin-top			: 1px;
	margin-left			: 1px;
	text-align			: left;
	overflow			: hidden;
}

.SanTheInput.inputtekstdiv,
.SanTheInput textarea,
.SanTheInput select,
.SanTheInput input[type=password],
.SanTheInput input[type=text],
.SanTheInput input[type=number],
.SanTheInput input[type=range],
.SanTheInputShow
{
	cursor				: pointer;
	font-size			: 9px;
	padding				: 0px 4px;
	width				: 102px;
	color				: blue;
	background-color	: lightgray;
	border-top			: 2px solid #828177;
	border-left			: 2px solid #828177;
	border-bottom		: 2px solid white;
	border-right		: 2px solid white;
}

.SanTheInput.inputtekstdiv
{
	margin				: 1px;
	padding-top			: 2px;
	max-height			: 12px;
	text-align			: left;
	overflow			: hidden;
}

.SanTheInput input[type=password],
.SanTheInput input[type=text]
{
	margin				: 1px;
}

.SanTheInput .inputshowdiv
{
	margin				: 1px;
	padding				: 0px;
	width				: 114px;
}

.SanTheInput .inputshowdivdiv
{
	width				: 70%;
}

.SanTheInput.website.useShow input[type=range],
.SanTheInput.website.useShow input[type=number]
{
	width				: calc(100% - 12px);
}


/*
.SanTheInput.links.select,
.SanTheInput.rechts.select
{
	overflow			: visible;
}
*/
/*
.SanTheInput.useShow
{
	margin				: 0px;
}
/*
.SanTheInput.useShow input[type=text] ,
.SanTheInput.useShow input[type=range]
{
	margin				: 0px;
	width				: calc(100% - 11px);
	background-color:blue;
}
/*	width				: 68px;*/

.SanTheInputShow
{
	margin				: 0px auto;
	padding				: 0px;
	cursor				: auto;
	height				: 14px;
	width				: auto;
	line-height			: 14px;
	text-align			: center;
background-color:yellow;
	overflow			: hidden;
}

.SanTheInput textarea,
.SanTheInput select,
.SanTheInput input[type=color]
{
	margin				: 1px;
	padding				: 0px;
	width				: 114px;
	height				: 18px;
}

.SanTheInput select
{
	padding				: 0px 4px;
}

.SanTheInput textarea
{
	padding				: 2px 5px;
	min-width			: 100px;
	max-width			: 100px;
	height				: auto;
}

.SanTheInput input[type=color]
{
	cursor				: pointer;
	color				: blue;
	background-color	: lightgray;
}

.SanTheInput input[type=checkbox],
.SanTheInput input[type=radio]
{
	cursor				: pointer;
	padding				: 2px 0px 1px 1px;
	width				: auto;
	height				: 18px;
	line-height			: 18px;
}

.radiotekst
{
	margin				: 0px 4px;
	font-size			: 9px;
	line-height			: 18px;
}

#InlogFormulier
{
	margin				: 0px auto;
	font-size			: 12px;
	width				: 100%;
	text-align			: center;
}

#InlogTitel
{
	font-size			: 18px;
	margin				: 0px auto 20px;
}

#InlogLinks
{
	text-align			: left;
	width				: 114px;
}

#InlogRechts
{
	width				: calc(100% - 124px);
}

#InlogRechts img
{
	margin				: 0px;
	padding				: 0px;
	width				: 100%;
	height				: auto;
}

/*
input.website,
select.website,
checkbox.website,
radio.website
{
	font-size			: 9px;
	line-height			: 13px;
	width				: 212px;
	color				: blue;
	background-color	: cyan;
}

input[type=password].popup,
input[type=text].popup,
input[type=range].popup
{
	width				: 112px;
	height				: 13px;
	padding				: 0px 4px;
}
*/
.SanTheFileInputDiv
{
	margin				: 0px;
	padding				: 0px;
	overflow			: hidden;
}

.SanTheFileInputDiv .interneDiv
{
	width				: 116px;
}

.SanTheFileInputDiv .FileName
{
	margin				: 1px;
	padding				: 0px 5px;
	text-align			: left;
	white-space			: nowrap;
	overflow			: hidden;
	font-family			: Helvetica, Verdana, Arial;
	font-size			: 9px;
	font-weight			: normal;
	height				: 14px;
	line-height			: 14px;
	color				: blue;
	background-color	: lightgray;
	border-top			: 2px solid #828177;
	border-left			: 2px solid #828177;
	border-bottom		: 2px solid white;
	border-right		: 2px solid white;
}

.SanTheFileInputDiv .ImageDiv
{
	margin				: 0px;
	max-width			: 100px;
	display				: inline;
}

.SanTheFileInputDiv .ImageDivHidden
{
	display				: none;
}

.SanTheFileInputDiv .ImageDiv img
{
	margin				: 1px;
	padding				: 0px;
	height				: 14px;
	width				: auto;
	border-top			: 2px solid #828177;
	border-left			: 2px solid #828177;
	border-bottom		: 2px solid white;
	border-right		: 2px solid white;
}

#beheerEditAll,
#inputDivTekstAll,
#inputPopupTekst,
#KleurDivM,
#KleurDivZ,
#DatumDiv,
#MaandDiv,
#JaarDiv,
#TijdDiv,
#LedenFotoDiv,
.SanTheFileInputDiv .ShowPlaatje
{
	margin				: 0px;
	padding				: 0px;
	position			: fixed;
	top					: -1000px;
	left				: 0px;
	height				: 200px;
	cursor				: pointer;
	z-index				: 180;
	border-top			: 2px solid #828177;
	border-left			: 2px solid #828177;
	border-bottom		: 2px solid white;
	border-right		: 2px solid white;
	box-shadow			: 2px 2px 5px #000000;
}

#inputDivTekstAll button
{
	position			: relative;
}

#inputDivTekst
{
	width				: 200px;
	height				: 200px;
	background-color	: lightgray;
	color				: blue;
	font-size			: 12px;
	font-size			: 10px;
	overflow			: auto;
}

#showAgendaVandaag
{
	position			: fixed;
	top					: 5px;
	left				: calc(50% - 100px);
	width				: 200px !important;
	height				: auto !important;
	padding				: 2px 5px;
	cursor				: default !important;
	z-index				: 200;
}

#showAgendaVandaagTitel
{
	text-align			: center;
	font-size			: 12px;
	margin				: 0px 0px 5px 0px;
	cursor				: default !important;
}

#showAgendaVandaagContent
{
	margin				: 0px;
	padding				: 5px;
	text-align			: left !important;
	font-size			: 10px;
	width				: 188px !important;
	height				: auto !important;
}

#beheerEditAll,
#inputPopupTekst
{
	width				: auto;
	height				: auto;
	background-color	: lightgray;
	color				: black;
	font-size			: 9px;
	padding				: 2px 5px;
}

#KleurDivM,
#KleurDivZ,
#DatumDiv,
#MaandDiv,
#JaarDiv,
#TijdDiv
{
	height				: auto;
	color				: blue;
	background-color	: lightgray;
}

#KleurDivM,
#KleurDivZ
{
	font-size			: 10px;
	height				: 250px;
	width				: 112px;
	color				: black;
	background-color	: white;
	overflow			: auto;
}

#KleurDivM .KleurCel,
#KleurDivZ .KleurCel
{
	margin				: 0px auto;
	padding				: 0px 0px 0px 5px;
	text-align			: left;
	height				: 12px;
}

#KleurDivM .KleurSelected,
#KleurDivZ .KleurSelected
{
	float				: left;
	margin-right		: 5px;
	cursor				: auto;
	font-size			: 0px;
}

#KleurDivM .KleurSelected img,
#KleurDivZ .KleurSelected img
{
	margin				: 0px;
	padding				: 0px;
	font-size			: 0px;
	height				: 10px;
	width				: 10px;
	border				: 1px solid gray;
}

#DatumTijdDiv,
#TijdDiv
{
	z-index				: 178;
}

#DatumDiv
{
	width				: 242px;
	height				: 146px;
	cursor				: auto;
	z-index				: 178;
}

#TijdDiv .uur,
#TijdDiv .minuut
{
	float				: left;
	margin				: 1px 1px 0px 0px;
	height				: 14px;
	width				: 16px;
	font-size			: 10px;
	line-height			: 14px;
	border				: 1px solid transparent;
	overflow			: hidden;
}

#TijdDiv .minuut
{
	width				: 35px;
}

#JaarDiv .jaar
{
	float				: left;
	margin				: 1px 1px 0px 0px;
	width				: 28px;
	height				: 14px;
	font-size			: 10px;
	line-height			: 14px;
	border				: 1px solid transparent;
	overflow			: hidden;
}

#MaandDiv .maand
{
	float				: left;
	margin				: 1px 1px 0px 0px;
	height				: 14px;
	font-size			: 10px;
	line-height			: 14px;
	border				: 1px solid transparent;
	overflow			: hidden;
}

#MaandDiv .maand
{
	width				: 54px;
}

#beheerAgendaContent .container,
#DatumDiv .container
{
	padding				: 0px 5px;
}

#beheerAgendaContent .container .titel
{
	font-size			: 14px;
}

#beheerAgendaContent .container hr,
#DatumDiv .container hr
{
	margin				: 0px;
	padding				: 0px;
	height				: 0px;
}

#beheerAgendaContent .container .dag,
#beheerAgendaContent .container .week,
#DatumDiv .container .dag,
#DatumDiv .container .week
{
	float				: left;
	margin				: 1px 1px 0px 0px;
	color				: gray;
	width				: calc((100% - 25px) / 8);
	line-height			: 14px;
	text-align			: center;
	border				: 1px solid transparent;
	overflow			: hidden;
}

#DatumDiv .container .dag,
#DatumDiv .container .week
{
	width				: 26px;
	height				: 14px;
	font-size			: 10px;
}

#beheerAgendaContent .container .vandaag,
#DatumDiv .container .vandaag
{
	color				: red;
	border				: 1px solid red;
	cursor				: pointer;
}

#beheerAgendaContent .container .active,
#DatumDiv .container .active
{
	color				: blue;
	cursor				: pointer;
}

#beheerAgendaContent .container .notactive,
#DatumDiv .container .notactive
{
	color				: red;
	cursor				: pointer;
}

#beheerAgendaContent .container .dagpointer,
#DatumDiv .container .dagpointer
{
	color				: yellow !important;
	background-color	: green !important;
	cursor				: pointer;
}

#DatumDiv .container .klok
{
	padding				: 0px 5px;
	font-size			: 10px;
}


/*
#KalenderJaarDiv,
#KalenderMaandDiv,
#LedenFotoDiv,
.SanTheFileInputDiv .ShowPlaatje
{
	margin				: 0px;
	padding				: 0px;
	position			: fixed;
	height				: 200px;
	display				: none;
	cursor				: pointer;
	z-index				: 180;
	border-top			: 2px solid #828177;
	border-left			: 2px solid #828177;
	border-bottom		: 2px solid white;
	border-right		: 2px solid white;
	box-shadow			: 2px 2px 5px #000000;
}

#KalenderJaarDiv,
#KalenderMaandDiv,
x{
	height				: auto;
	color				: blue;
	background-color	: lightgray;
}


#KalenderMaandDiv div.maand,
#KalenderJaarDiv div.jaar
{
	float				: left;
	margin				: 1px 1px 0px 0px;
	height				: 14px;
	font-size			: 10px;
	line-height			: 14px;
	border				: 1px solid transparent;
	overflow			: hidden;
}


#KalenderMaandDiv div.maand,
{
	width				: 54px;
}

#KalenderJaarDiv div.jaar,
{
	width				: 28px;
}

.KalenderDag
{
	float				: left;
	width				: calc(12.5% - 2px);
	font-size			: 12px;
	text-align			: center;
	border				: 1px solid transparent;
}

/*
span.agenda_menu
{
	padding				: 0px 3px;
	color				: red;
	cursor				: pointer;
}

span.agenda_menu:hover,
span.agenda_jumper:hover
{
	color				: yellow;
	background-color	: navy;
}

div.agendatitle
{
	width				: 100%;
	display				: block;
	overflow			: hidden;
}

span.agenda_jumper
{
	font-size			: 14px;
	color				: red;
	cursor				: pointer;
}

div.agendamaand_dagen
{
	width				: 100%;
	overflow			: hidden;
	display				: block;
	border-bottom		: 1px solid red;
}

span.agenda_afspraak
{
	color				: lime;
}

div.agendamaand_dag
{
	float				: left;
	width				: 12.5%;
	display				: block;
	text-align			: center;
}
*/
#LedenFotoDiv img,
.SanTheFileInputDiv .ShowPlaatje img
{
	height				: 100%;
	width				: auto;
}

.SanTheFileInputDiv input[type=file]
{
	display				: none;
}



/*
.SanTheFileInputDiv.popup,
.SanTheFileInputDiv.admin,
.SanTheFileInputDiv.website,
.SanTheFileInputDiv .FileName.popup,
.SanTheFileInputDiv .FileName.admin,
.SanTheFileInputDiv .FileName.website,
* */
/*
.SanTheFileInputDiv.popup,
.SanTheFileInputDiv.admin,
.SanTheFileInputDiv.website,
.SanTheFileInputDiv .FileName.popup,
.SanTheFileInputDiv .FileName.admin,
.SanTheFileInputDiv .FileName.website,
input,
select,
checkbox,
radio
{
	cursor				: pointer;
	margin				: 1px;
	font-size			: 9px;
	line-height			: 18px;
	color				: blue;
	background-color	: lightgray;
	border-top			: 2px solid #828177;
	border-left			: 2px solid #828177;
	border-bottom		: 2px solid white;
	border-right		: 2px solid white;
}
*/
/*
input[type=range].popup
{
	position			: relative;
	top					: 6px;
}

input[type=color].popup
{
	position			: relative;
	top					: 2px;
	width				: 124px;
	height				: 17px;
}

input[type=file].popup
{
	position			: relative;
	top					: 2px;
	width				: 120px;
	height				: 13px;
}

select.popup
{
	width				: 124px;
	height				: 17px;
}

input[type=radio].popup,
input[type=checkbox].popup
{
	position			: relative;
	top					: 4px;
	margin				: 0px 7px 0px 0px;
	width				: 15px;
	height				: 15px;
}

.SanTheFileInputDiv
{
	float				: inherit;
background:red;
margin-top:5px;
}

.SanTheFileInput.popupppp
{
	height				: 19px;
}
*/

button,
.klein,
span.websiteuit,
span.websitegroen,
span.websitespecial,
span.websiterood,
button.websiteuit,
button.websiteuitklein,
button.websitegroen,
button.websitespecial,
button.websitegroenklein,
button.websitespecialklein,
button.websiterood,
button.websiteroodklein
{
	font-family			: Helvetica;
	font-size			: 9px;
	text-align			: center;
	margin				: 1px;
	min-height			: 18px;
	line-height			: 14px;
	cursor				: pointer;
	width				: 88px;
	border-radius		: 0px;
}

/*
.websiteklein,
.adminklein,
*/
.klein
{
	overflow			: hidden;
	display				: inline;
}

span.websiteuit,
span.websitegroen,
span.websitespecial,
span.websiterood
{
	margin				: 2px auto;
	min-height			: auto;
	line-height			: 14px;
	width				: calc(100% - 4px);
	display				: block;
	border-top			: 2px solid #F6F5ED;
	border-right		: 2px solid #828177;
	border-bottom		: 2px solid #828177;
	border-left			: 2px solid #F6F5ED;
}

span.smallebutton
{
	width				: 80%;
}

button.websiteuitklein,
button.websitegroenklein,
button.websitespecialklein,
button.websiteroodklein
{
	width				: 43px;
}

span.websitegroen,
button.websitegroen,
button.websitegroenklein
{
	color				: yellow;
	background-color	: green;
}

span.websitespecial,
button.websitespecial,
button.websitespecialklein
{
	color				: red;
	background-color	: cyan;
}

span.websiterood,
button.websiterood,
button.websiteroodklein
{
	color				: yellow;
	background-color	: red;
}

span.websiteuit,
span.websiteuit:hover,
button.websiteuit,
button.websiteuit:hover,
button.websiteuitklein,
button.websiteuitklein:hover
{
	color				: gray;
	background-color	: transparent;
	cursor				: auto;
}

.buttons
{
	margin				: 15px auto;
	text-align			: center;
}

.beheermenuImagesEmpty
{
	float				: right;
	margin				: 1px;
	height				: 18px;
	width				: 18px;
}

.treinenImagesUp,
.treinenImagesDown,
.beheermenuImagesUp,
.beheermenuImagesDown
{
	float				: right;
	margin				: 1px;
	height				: 14px;
	width				: 14px;
	cursor				: pointer;
	background-repeat	: no-repeat;
	background-size		: 100% 100%;
	border-top			: 2px solid #F6F5ED;
	border-right		: 2px solid #828177;
	border-bottom		: 2px solid #828177;
	border-left			: 2px solid #F6F5ED;
}

.treinenImagesUp,
.beheermenuImagesUp
{
	background-image:url('/images/up.gif');
}

.treinenImagesDown,
.beheermenuImagesDown
{
	background-image:url('/images/down.gif');
}

.treinenImagesUp:hover,
.beheermenuImagesUp:hover
{
	background-image:url('/images/uphover.gif');
}

.treinenImagesDown:hover,
.beheermenuImagesDown:hover
{
	background-image:url('/images/downhover.gif');
}















#topLogOverzicht,
#topLedenOverzicht,
#topLdapOverzicht
{
	overflow			: hidden;
}

#scrollLogOverzicht,
#scrollLedenOverzicht,
#scrollLdapOverzicht
{
	overflow			: auto;
}

table
{
	font-size			: 10px;
	width				: 100%;
	background-color	: transparent;
}

table.santhetable
{
	width				: auto;
}

table.ledenFormulier
{
	background-color	: transparent !important;
}

table.ledenFormulier th
{
	display				: none !important;
}

table.ledenFormulier td
{
	background-color	: transparent !important;
	border				: 0px !important;
}


th
{
	margin				: 0px;
	padding				: 0px 5px;
	text-align			: center;
	color				: blue;
	height				: 18px;
	background-color	: coral;
	border				: 1px solid gray;
}

td
{
	margin				: 0px;
	padding				: 0px 5px;
	text-align			: left;
	color				: blue;
	height				: 14px;
	background-color	: aliceblue;
	border				: 1px solid gray;
}

th.sorteer:hover,
td.edit:hover
{
	cursor				: pointer;
	color				: yellow !important;
	background-color	: navy !important;
}

td.taalRood
{	background-color	: red !important;
	color				: yellow !important;
}

td.taalGroen
{	background-color	: green !important;
	color				: yellow !important;
}

table.santhetable tr.online td
{
	background-color	: cyan;
}

table.santhetable tr.allangweg td
{
	color				: gray;
}

table.santhetable tr.robot td,
table.santhetable tr.windowwebsite td
{
	color				: green;
}

table.santhetable tr.nietuitgelogd td
{
	color				: magenta;
}

table.santhetable tr.hacker td
{
	color				: red;
}

th.leeg,
td.leeg,
th.inputleeg,
td.inputleeg,
th.dnsleeg,
td.dnsleeg,
th.treinenleeg,
td.treinenleeg,
table.santhetable th.leeg,
table.santhetable td.leeg,
.runtimeErrorTable th.leeg,
.runtimeErrorTable td.leeg
{
	color				: transparent !important;
	background-color	: transparent !important;
	border				: 0px !important;
}

th.dnsleeg,
td.dnsleeg,
th.inputleeg,
td.inputleeg,
th.treinenleeg,
td.treinenleeg,
th.ldapoverzichtdelete,
td.ldapoverzichtdelete,
th.ldapoverzichtedit,
td.ldapoverzichtedit,
th.ledenoverzichtdelete,
td.ledenoverzichtdelete,
th.ledenoverzichtedit,
td.ledenoverzichtedit
{
	min-width			: 18px;
	max-width			: 18px;
	width				: 18px;
	margin				: 0px;
	padding				: 0px;
	line-height			: 0px;
	border				: 0px;
}

th.dnsleeg button,
td.dnsleeg button,
th.inputleeg button,
td.inputleeg button,
th.treinenleeg button,
td.treinenleeg button,
th.ldapoverzichtdelete button,
td.ldapoverzichtdelete button,
th.ldapoverzichtedit button,
td.ldapoverzichtedit button,
th.ledenoverzichtdelete button,
td.ledenoverzichtdelete button,
th.ledenoverzichtedit button,
td.ledenoverzichtedit button
{
	height				: 18px;
	width				: 18px;
	margin				: 0px;
	font-size			: 10px;
}

th.treinennietleeg,
td.treinennietleeg
{
	min-width			: 16px;
	max-width			: 16px;
	width				: 16px;
	margin				: 0px;
	padding				: 0px;
	line-height			: 0px;
}

img.dnsleeg,
img.treinenleeg
{
	max-width			: 14px !important;
	width				: 14px !important;
	max-height			: 14px !important;
	height				: 14px !important;
	margin				: 0px;
	padding				: 0px;
	line-height			: 0px;
}

th.treinennietleeg img,
td.treinennietleeg img
{
	max-width			: 16px !important;
	width				: 16px !important;
	max-height			: 16px !important;
	height				: 16px !important;
	margin				: 0px;
	padding				: 0px;
	line-height			: 0px;
}

th.windownr,
td.windownr
{
	min-width			: 20px;
	text-align			: center;
}

th.windowid,
td.windowid
{
	min-width			: 190px;
}

th.ldapoverzichtid,
td.ldapoverzichtid,
th.ledenoverzichtid,
td.ledenoverzichtid,
th.logoverzichtid,
td.logoverzichtid
{
	min-width			: 40px;
	text-align			: center;
}

th.windowtitel,
td.windowtitel
{
	min-width			: 240px;
}

th.windowbreedte,
td.windowbreedte,
th.windowhoogte,
td.windowhoogte,
th.windowpositie,
td.windowpositie,
th.windowlinks,
td.windowlinks,
th.windowtop,
td.windowtop
{
	min-width			: 30px;
	text-align			: center;
}

th.windowz-index,
td.windowz-index
{
	min-width			: 40px;
	text-align			: center;
}

th.windowtype,
td.windowtype
{
	min-width			: 50px;
	text-align			: center;
}

td.windowtypehover::after
{
    content: 'ed';
}

td.windowtypehover:hover
{
	cursor				: pointer;
	color				: yellow !important;
	background-color	: navy !important;
}

td.windowtypehover:hover::before
{ 
    content: 'Un';
}

td.windowtypehover:hover::after
{ 
    content: '';
}

th.windownaam,
td.windownaam
{
	min-width			: 170px;
}
/*
td.windowfixed
{
	color				: red;
}
*/
th.ldapoverzichtnickname,
td.ldapoverzichtnickname,
th.ledenoverzichtnickname,
td.ledenoverzichtnickname,
th.logoverzichtnickname,
td.logoverzichtnickname
{
	min-width			: 90px;
	max-width			: 90px;
}

th.ldapoverzichtfoto,
td.ldapoverzichtfoto,
th.ledenoverzichtfoto,
td.ledenoverzichtfoto,
th.logoverzichtfoto,
td.logoverzichtfoto
{
	min-width			: 40px;
	max-width			: 40px;
	margin				: 0px;
	padding				: 0px;
	line-height			: 0px;
	text-align			: center;
}

td.ldapoverzichtfoto img,
td.ledenoverzichtfoto img,
td.logoverzichtfoto img
{
	float				: none;
	margin				: 0px;
	padding				: 0px;
	line-height			: 0px;
	height				: 16px;
	width				: auto;
	max-width			: 40px;
	display				: inline;
	cursor				: pointer;
}

th.ledenoverzichtstatus,
td.ledenoverzichtstatus,
th.logoverzichtstatus,
td.logoverzichtstatus
{
	min-width			: 110px;
}

th.ledenoverzichtactive,
td.ledenoverzichtactive
{
	min-width			: 40px;
	text-align			: center;
}

th.ldapoverzichtvoornaam,
td.ldapoverzichtvoornaam,
th.ledenoverzichtvoornaam,
td.ledenoverzichtvoornaam
{
	min-width			: 100px;
}

th.ldapoverzichtachternaam,
td.ldapoverzichtachternaam,
th.ledenoverzichtachternaam,
td.ledenoverzichtachternaam
{
	min-width			: 100px;
}

th.ldapoverzichtadres,
td.ldapoverzichtadres,
th.ledenoverzichtadres,
td.ledenoverzichtadres
{
	min-width			: 130px;
}

th.ledenoverzichthuisnr,
td.ledenoverzichthuisnr
{
	min-width			: 48px;
}

td.ledenoverzichthuisnr
{
	text-align			: right;
}

th.ldapoverzichtstad,
td.ldapoverzichtstad,
th.ledenoverzichtstad,
td.ledenoverzichtstad
{
	min-width			: 100px;
}

th.ldapoverzichtpostcode,
td.ldapoverzichtpostcode,
th.ledenoverzichtpostcode,
td.ledenoverzichtpostcode
{
	min-width			: 60px;
	text-align			: center;
}

th.ldapoverzichttelefoon,
td.ldapoverzichttelefoon,
th.ldapoverzichtfax,
td.ldapoverzichtfax,
th.ldapoverzichtmobiel,
td.ldapoverzichtmobiel,
th.ledenoverzichttelefoon,
td.ledenoverzichttelefoon,
th.ledenoverzichtfax,
td.ledenoverzichtfax,
th.ledenoverzichtmobiel,
td.ledenoverzichtmobiel
{
	min-width			: 80px;
	text-align			: center;
}

th.ldapoverzichtemailadres,
td.ldapoverzichtemailadres,
th.ledenoverzichtemailadres,
td.ledenoverzichtemailadres
{
	min-width			: 180px;
}

th.logoverzichtingelogd,
td.logoverzichtingelogd
{
	min-width			: 70px;
	text-align			: center;
}

th.logoverzichtpagina,
td.logoverzichtpagina
{
	min-width			: 54px;
	text-align			: center;
}

th.ledenoverzichtaanmelddatum,
td.ledenoverzichtaanmelddatum,
th.logoverzichtbegindatum,
td.logoverzichtbegindatum,
th.logoverzichteinddatum,
td.logoverzichteinddatum
{
	min-width			: 100px;
	text-align			: center;
}

th.ledenoverzichthostnaam,
td.ledenoverzichthostnaam,
th.logoverzichthostnaam,
td.logoverzichthostnaam
{
	min-width			: 240px;
}

th.ledenoverzichtip-adres,
td.ledenoverzichtip-adres,
th.logoverzichtip-adres,
td.logoverzichtip-adres
{
	min-width			: 140px;
	text-align			: center;
}

th.ledenoverzichtpassword,
td.ledenoverzichtpassword,
th.ledenoverzichtsession,
td.ledenoverzichtsession,
th.ledenoverzichtcode,
td.ledenoverzichtcode,
th.logoverzichtsession,
td.logoverzichtsession,
th.logoverzichtcode,
td.logoverzichtcode
{
	min-width			: 280px;
}

.runtimeErrorTable
{
	margin-bottom		: 10px;
	box-shadow			: 2px 2px 5px #ff0000;
}

.runtimeErrorTable td
{
	border				: 1px solid red;
}

.runtimeErrorTable .colom1
{
}

#editorToolbar
{
	margin				: 0px 0px 0px 2px;
	padding				: 0px;
	height				: 20px;
	background-color	: silver;
	cursor				: pointer;
}

#editorToolbar .editorImageButton,
#editorToolbar .editorImageDiv
{
	float				: left;
	height				: 16px;
	width				: 16px;
	border				: 2px solid silver;
}

#editorToolbar .editorImageDiv
{
	height				: 13px;
	width				: auto;
	color				: black;
	background-color	: silver;
	padding-top			: 3px;
}

#editorToolbar .editorImage
{
	text-align			: center;
	vertical-align		: text-bottom;
	margin				: 0px;
	padding				: 0px;
	height				: 16px;
	width				: 16px;
	border				: none;
}

#beheerEditAll .editorImageInput
{
	height				: 20px;
	width				: 20px;
	margin				: -3px;
}

#beheerEditAll .editorImageInput,
#beheerEditAll .editorImageSelect
{
	border				: 2px solid transparent;
}

#editorToolbar .editorImageDiv:hover,
#beheerEditAll .editorImageInput:hover,
#beheerEditAll .editorImageSelect:hover
{
	border				: 2px solid mediumblue;
}

#EditorIFrame
{
	margin-top			: 4px;
	width				: 100%;
	height				: 200px;
}

#EditorColorPalette
{
	position			: absolute;
	top					: 100px;
	left				: calc(50% - 87px);
	padding				: 0px;
	margin				: 0px;
	width				: 174px;
	height				: 150px;
	visibility			: hidden;
}

.SanTheInput.editor select
{
	cursor				: pointer;
	font-size			: 9px;
	margin				: 0px;
	padding				: 0px 4px;
	width				: auto;
	height				: 26px;
	color				: blue;
	background-color	: lightgray;
	border-top			: 2px solid #828177;
	border-left			: 2px solid #828177;
	border-bottom		: 2px solid white;
	border-right		: 2px solid white;
}

.AgendaInputTitle
{
	font-size			: 14px;
	margin				: auto;
	padding				: 10px;
	text-align			: center;
}



/*




table.loglogging,
table.userslogging,
table.Ldaplogging
{
	color				: blue;
	background-color	: transparent;
}

table.loglogging td,
table.userslogging td,
table.Ldaplogging td
{
	background-color	: aliceblue;
}

table.loglogging tr.logtitel,
table.userslogging tr.userstitel,
table.Ldaplogging tr.Ldaptitel
{
	background-color	: transparent;
}

table.loglogging th,
table.userslogging th,
table.Ldaplogging th,
table.loglogging td,
table.userslogging td,
table.Ldaplogging td 
{
	border				: 1px solid #333333;
	text-align			: right;
	padding				: 0px 5px;
	margin				: 0px;
	line-height			: 16px;
	font-size			: 10px;
}

table.loglogging tr.windowtitel th,
table.userslogging tr.windowtitel th,
table.Ldaplogging tr.windowtitel th,
table.loglogging tr.logtitel th,
table.userslogging tr.userstitel th,
table.Ldaplogging tr.Ldaptitel th
{
	color				: black;
	background-color	: coral;
	border				: 1px solid red;
	text-align			: center;
	font-weight			: normal;
}

table.loglogging tr.logtitel th:hover,
table.userslogging tr.userstitel th:hover,
table.Ldaplogging tr.Ldaptitel th:hover
{
	cursor				: pointer;
	color				: yellow;
	background-color	: navy;
}

table.loglogging tr td.logdelete,
table.userslogging tr td.usersdelete,
table.Ldaplogging tr td.Ldapdelete,
table.loglogging tr td.logedit,
table.userslogging tr td.usersedit,
table.Ldaplogging tr td.Ldapedit,
table.loglogging tr th.logdelete,
table.userslogging tr th.usersdelete,
table.Ldaplogging tr th.Ldapdelete,
table.loglogging tr th.logedit,
table.userslogging tr th.usersedit,
table.Ldaplogging tr th.Ldapedit,
table.loglogging tr th.logdelete:hover,
table.userslogging tr th.usersdelete:hover,
table.Ldaplogging tr th.Ldapdelete:hover,
table.loglogging tr th.logedit:hover,
table.userslogging tr th.usersedit:hover,
table.Ldaplogging tr th.Ldapedit:hover
{
	cursor				: auto;
	border				: 0px;
	color				: transparent;
	background-color	: transparent;
}

table.loglogging tr.logonline td
{
	background-color	: cyan;
}

table.loglogging tr.logallangweg
{
	color				: gray;
}

table.loglogging tr.lognietuitgelogd
{
	color				: magenta;
}

table.loglogging tr.windowlocked,
table.loglogging tr.loghacker
{
	color				: red;
}

table.loglogging tr.logtitel th.logdelete,
table.userslogging tr.userstitel th.usersdelete,
table.Ldaplogging tr.Ldaptitel th.Ldapdelete,
table.loglogging td.logdelete,
table.userslogging td.usersdelete,
table.Ldaplogging td.Ldapdelete,
table.loglogging tr.logtitel th.logedit,
table.userslogging tr.userstitel th.usersedit,
table.Ldaplogging tr.Ldaptitel th.Ldapedit,
table.loglogging td.logedit,
table.userslogging td.usersedit,
table.Ldaplogging td.Ldapedit
{
	min-width			: 18px;
	margin				: 0px;
	padding				: 0px;
	line-height			: 0px;
	border				: 0px;
}

table.loglogging td.logdelete button,
table.userslogging td.usersdelete button,
table.Ldaplogging td.Ldapdelete button,
table.loglogging td.logedit button,
table.userslogging td.usersedit button,
table.Ldaplogging td.Ldapedit button,
table.loglogging th.logdelete button,
table.userslogging th.usersdelete button,
table.Ldaplogging th.Ldapdelete button,
table.loglogging th.logedit button,
table.userslogging th.usersedit button,
table.Ldaplogging th.Ldapedit button
{
	height				: 18px;
	width				: 18px;
	margin				: 0px;
	font-size			: 10px;
}

table.loglogging th.logid,
table.userslogging th.usersid,
table.Ldaplogging th.Ldapid,
table.loglogging td.logid,
table.userslogging td.usersid,
table.Ldaplogging td.Ldapid
{
	min-width			: 40px;
}

table.loglogging th.lognickname,
table.userslogging th.usersnickname,
table.Ldaplogging th.Ldapnickname,
table.loglogging td.lognickname,
table.userslogging td.usersnickname,
table.Ldaplogging td.Ldapnickname
{
	min-width			: 90px;
	max-width			: 90px;
	text-align			: left;
}

table.loglogging th.logfoto,
table.userslogging th.usersfoto,
table.Ldaplogging th.Ldapfoto,
table.loglogging td.logfoto,
table.userslogging td.usersfoto,
table.Ldaplogging td.Ldapfoto
{
	min-width			: 40px;
	max-width			: 40px;
	margin				: 0px;
	padding				: 0px;
	line-height			: 0px;
	text-align			: center;
}

table.loglogging tr.logtitel th.logfoto:hover,
table.userslogging tr.userstitel th.usersfoto:hover,
table.Ldaplogging tr.Ldaptitel th.Ldapfoto:hover
{
	cursor				: auto;
	color				: black;
	background-color	: coral;
}

table.loglogging td.logfoto,
table.userslogging td.usersfoto,
table.Ldaplogging td.Ldapfoto
{
	line-height			: 0px;
}

table.loglogging td.logfoto img,
table.userslogging td.usersfoto img,
table.Ldaplogging td.Ldapfoto img
{
	float				: none;
	margin				: 0px;
	padding				: 0px;
	line-height			: 0px;
	height				: 16px;
	width				: auto;
	max-width			: 40px;
	display				: inline;
}

table.loglogging th.logstatus,
table.userslogging th.usersstatus,
table.Ldaplogging th.Ldapstatus,
table.loglogging td.logstatus,
table.userslogging td.usersstatus,
table.Ldaplogging td.Ldapstatus
{
	min-width			: 80px;
	text-align			: left;
}

table.loglogging th.logactive,
table.userslogging th.usersactive,
table.Ldaplogging th.Ldapactive,
table.loglogging td.logactive,
table.userslogging td.usersactive,
table.Ldaplogging td.Ldapactive
{
	min-width			: 40px;
	text-align			: center;
}

table.loglogging th.logingelogd,
table.loglogging td.logingelogd
{
	min-width			: 64px;
	text-align			: center;
}

table.loglogging th.logvoornaam,
table.userslogging th.usersvoornaam,
table.Ldaplogging th.Ldapvoornaam,
table.loglogging td.logvoornaam,
table.userslogging td.usersvoornaam,
table.Ldaplogging td.Ldapvoornaam
{
	min-width			: 100px;
	text-align			: left;
}

table.loglogging th.logachternaam,
table.userslogging th.usersachternaam,
table.Ldaplogging th.Ldapachternaam,
table.loglogging td.logachternaam,
table.userslogging td.usersachternaam,
table.Ldaplogging td.Ldapachternaam
{
	min-width			: 100px;
	text-align			: left;
}

table.userslogging th.usersadres,
table.Ldaplogging th.Ldapadres,
table.userslogging td.usersadres,
table.Ldaplogging td.Ldapadres
{
	min-width			: 130px;
	text-align			: left;
}

table.userslogging th.usershuisnr,
table.userslogging td.usershuisnr
{
	min-width			: 40px;
	text-align			: left;
}

table.userslogging th.usersstad,
table.Ldaplogging th.Ldapstad,
table.userslogging td.usersstad,
table.Ldaplogging td.Ldapstad
{
	min-width			: 80px;
	text-align			: left;
}

table.userslogging th.userspostcode,
table.Ldaplogging th.Ldappostcode,
table.userslogging td.userspostcode,
table.Ldaplogging td.Ldappostcode
{
	min-width			: 56px;
	text-align			: left;
}

table.userslogging th.userstelefoon,
table.Ldaplogging th.Ldaptelefoon,
table.userslogging td.userstelefoon,
table.Ldaplogging td.Ldaptelefoon,
table.userslogging th.usersfax,
table.Ldaplogging th.Ldapfax,
table.userslogging td.usersfax,
table.Ldaplogging td.Ldapfax,
table.userslogging th.usersmobiel,
table.Ldaplogging th.Ldapmobiel,
table.userslogging td.usersmobiel,
table.Ldaplogging td.Ldapmobiel
{
	min-width			: 80px;
	text-align			: left;
}

table.loglogging th.logpagina,
table.loglogging td.logpagina
{
	min-width			: 54px;
}

table.loglogging th.logbegindatum,
table.loglogging th.logeinddatum,
table.userslogging th.usersaanmelddatum,
table.loglogging td.logbegindatum,
table.loglogging td.logeinddatum,
table.userslogging td.usersaanmelddatum
{
	min-width			: 140px;
	text-align			: center;
}

table.loglogging th.logip-adres,
table.userslogging th.usersip-adres,
table.loglogging td.logip-adres,
table.userslogging td.usersip-adres
{
	min-width			: 140px;
	text-align			: center;
}

table.loglogging th.loghostnaam,
table.userslogging th.usershostnaam,
table.loglogging td.loghostnaam,
table.userslogging td.usershostnaam
{
	min-width			: 240px;
	text-align			: left;
}

table.loglogging th.logsession,
table.userslogging th.userssession,
table.loglogging th.logcode,
table.userslogging th.userscode,
table.loglogging th.logpassword,
table.userslogging th.userspassword,
table.loglogging td.logsession,
table.userslogging td.userssession,
table.loglogging td.logcode,
table.userslogging td.userscode,
table.loglogging td.logpassword,
table.userslogging td.userspassword
{
	min-width			: 280px;
	text-align			: left;
}

table.userslogging th.usersemailadres,
table.Ldaplogging th.Ldapemailadres,
table.userslogging td.usersemailadres,
table.Ldaplogging td.Ldapemailadres
{
	min-width			: 220px;
}

table.loglogging td.logIsIngelogd,
table.userslogging td.usersisactive
{
	color				: red;
}

table.userslogging td.usersEditUser,
table.Ldaplogging td.LdapEditUser
{
	cursor				: pointer;
}

table.userslogging td.usersEditUser:hover,
table.Ldaplogging td.LdapEditUser:hover
{
	color				: yellow;
	background-color	: navy;
}
*/
/*

.categorieeen li:not(.current-cat):first-of-type a {
    font-size: 21px;
    font-weight: bold !important;
    color: #A7332F;
}
.current-cat a {
    font-size: 21px;
    font-weight: bold !important;
    color: #A7332F;
}  

*/


/*


.SanTheInput select
{
	cursor				: pointer;
	position			: relative;
	width				: 100%;
	height				: 100%;
	z-index				: 1;
}

.SanTheInput.radio,
.SanTheInput.checkbox
{
	width				: 24px;
}

.SanTheInput.divFileName.popup,
.SanTheInput input.popup,
.SanTheInput select.popup
{
	font-size			: 20px;
	color				: red;
	background-color	: lightgreen;
}

.SanTheInput.divFileName.popuppppppppppppppp
{
	top					: -51px;		/* min (totale hoogte plus 1) 
	padding				: 10px 4px;		/* paddingtop = (totale hoogte min 4 (border) min height)/2 
	width				: 468px;		/* breedte min 4 (border) min 2 * paddinglinks 
	height				: 26px;			/* height = 1.3 * font-size 
}

.SanTheInput.divFileName.adminppppppppppp,
.SanTheInput input.adminpppppppppppp,
.SanTheInput select.adminppppppppppppp
{
	font-size			: 14px;
	color				: red;
	background-color	: cyan;
}

.SanTheInput.divFileName.adminppppppppppppp
{
	top					: -31px;		/* min (totale hoogte plus 1) 
	padding				: 4px 4px;		/* paddingtop = (totale hoogte min 4 (border) min height)/2 
	width				: 228px;		/* breedte min 4 (border) min 2 * paddinglinks 
	height				: 18px;			/* height = 1.3 * font-size 
}

.SanTheInput.divFileName.websitepppppppppp,
.SanTheInput input.websiteppppppppp,
.SanTheInput select.websitepppppppppppppppp
{
	font-size			: 10px;
	color				: blue;
	background-color	: lightgray;
}

.SanTheInput.divFileName.websitepppppppppppp
{
	top					: -18px;		/* min (totale hoogte plus 1) 
	padding				: 0px 4px;		/* paddingtop = (totale hoogte min 4 (border) min height)/2 
	width				: 108px;		/* breedte min 4 (border) min 2 * paddinglinks 
	height				: 13px;			/* height = 1.3 * font-size 
}

.SanTheInput input[type=text].popuppppppppp,
.SanTheInput input[type=password].popupppppppppppp
{
	width				: 468px;		/* breedte min 4 (border) min 2 * paddinglinks 
	height				: 46px;			/* totale hoogte min 4 (border) 
}

.SanTheInput input[type=text].adminpppppppppppp,
.SanTheInput input[type=password].adminppppppppppp
{
	width				: 228px;		/* breedte min 4 (border) min 2 * paddinglinks 
	height				: 26px;			/* totale hoogte min 4 (border) 
}

.SanTheInput input[type=text].websitepppppppppppp,
.SanTheInput input[type=password].websitepppppppppppppp
{
	width				: 108px;		/* breedte min 4 (border) min 2 * paddinglinks 
	height				: 13px;			/* totale hoogte min 4 (border) 
}

.SanTheInput input[type=range].popuppppppppppppp
{
	width				: 472px;		/* breedte min 2 * paddinglinks 
}

.SanTheInput input[type=range].adminpppppppppppppp
{
	width				: 232px;		/* breedte min 2 * paddinglinks 
}

.SanTheInput input[type=range].websiteppppppppppppp
{
	width				: 112px;		/* breedte min 2 * paddinglinks 
}
*/
.tekstlinks				{	text-align			: left;				}
.tekstrechts			{	text-align			: right;			}
.midden					{	margin				: 0px auto;
							text-align			: center;
						}
.links					{	float				: left;
							text-align			: left;
						}
.linksTekst				{	float				: left;
							text-align			: left;
							padding				: 4px 0px 0px 0px;
						}
.rechts					{	float				: right;
							text-align			: right;
						}
.uitlijnen				{	margin				: 0px auto;
							text-align			: justify;
						}
.vinkje					{	height				: 12px;
							margin-top			: 1px;
						}
.pointer				{	cursor				: pointer;			}
.wait					{	cursor				: wait;				}
.move					{	cursor				: move;				}
.auto					{	cursor				: auto !important;	}
.default				{	cursor				: default !important; }
.horizontaal			{	cursor				: ns-resize;		}
.vertikaal				{	cursor				: ew-resize;		}
.halfveld				{	width				: 49%;				}
.none					{	display				: none;				}
.hidden					{	display				: none;				}
.block					{	display				: block;			}
.inline					{	display				: inline;			}
.doorkijk				{	color				: transparent !important;
							background-color	: transparent !important; }
.transparant			{	background-color	: transparent !important; }
.black					{	background-color	: black;			}
.borderOkee				{	border				: solid 2px #BBB;	}
.borderError			{	border-top			: solid 2px red !important;
							border-left			: solid 2px red !important;
							border-right		: solid 2px red !important;
							border-bottom		: solid 2px red !important;	}
.errorRood				{	color				: red !important;	}
.rood					{	color				: yellow;
							background-color	: red;				}
.groen					{	color				: yellow;
							background-color	: green;			}
.magenta				{	color				: blue;
							background-color	: magenta;			}
.grijs					{	color				: gray;				}
.dark					{	opacity				: 0.4;				}
.vet					{	font-weight			: bold;				}
.schuin					{	font-style			: italic;			}
.onderstreept			{	text-decoration		: underline;		}
.doorgestreept			{	text-decoration		: line-through;		}
.sticky					{	position			: sticky;
							top					: 0px;				}




/*
.contentlinks
{
	float				: left;
	margin				: 0px 0px 30px;
	width				: 48%;
	text-align			: justify;
}

.contentlinks img
{
	width				: 100%;
	float				: left;
}

.contentrechts
{
	float				: right;
	margin				: 0px 0px 30px;
	width				: 48%;
	text-align			: justify;
}

.contentrechts img
{
	width				: 100%;
	float				: right;
}

.contentmidden
{
	margin				: 0px 0px 30px;
	width				: 100%;
	text-align			: justify;
}

.contentmidden img
{
	margin				: 20px 25%;
	width				: 50%;
}

.fotogroep
{
	margin				: 0px 0px 10px;
	padding				: 0px;
	font-size			: 12px;
	width				: 100%;
	border				: 1px solid blue;
	overflow			: hidden;
	color				: black;
	background-color	: none;
}

h4.fotogroep 
{
	color				: blue;
	font-size			: 12px;
	height				: 30px;
	text-align			: center;
}

.fotogroeplinks
{
	float				: left;
	padding				: 0px 0px 10px 10px;
	max-width			: 55%;
	text-align			: justify;
}

.fotogroeprechts
{
	float				: right;
	padding				: 0px 10px 10px 0px;
	max-width			: 38%;
	text-align			: justify;
}

.fotogroeplinks img
{
	float				: left;
	width				: 100%;
}

.fotogroeprechts img
{
	float				: right;
	width				: 100%;
}

#fotogroepsluiten
{
	position			: relative;
	top					: 0px;
	right				: 0px;
	height				: 30px;
	width				: 30px;
	float				: right;
	z-index				: 1;
}

#fotogroepsluiten img
{
	position			: absolute;
	top					: 0px;
	right				: 0px;
	width				: 100%;
	float				: right;
	z-index				: 2;
}




#allMiniGames
{
	float:left;
/*	margin				: auto;
	text-align			: center;
	width				: 100%;*/
/*
}

.miniGame
{
	width				: 122px;
	margin				: 0px 2px 4px 0px;
	height				: 105px;
	display				: block;
	overflow			: hidden;
}
.miniGameSecurity
{
	position			: relative;
	top					: -87px;
	left				: 1px;
	width				: 120px;
	height				: 85px;
	cursor				: pointer;
}

.miniGameTop
{
	margin				: 0px 0px 2px;
	padding				: 0px 4px;
	font-size			: 10px;
	line-height			: 11px;
}


.miniGameTerugzetten
{
	padding				: 0px 2px 1px;
}




.miniGameContent
{
	padding				: 3px;
}

.GameCssSubTitel
{
	font-size			: 14px;
	font-weight			: bold;
}

#MastermindInstellingen,
#Mastermind,
#BoterKaasEierenInstellingen,
#BoterKaasEieren,
#VieropeenRijInstellingen,
#VieropeenRij,
#ZeeslagInstellingen,
#Zeeslag,
#GalgjeInstellingen,
#Galgje,
#GameLayoutScreen,
#GameUitlegScreen
{
	float				: right;
	margin				: 5px;
	width				: 550px;
	display				: none;
}

#MastermindInstellingenContent,
#MastermindContent,
#BoterKaasEierenInstellingenContent,
#BoterKaasEierenContent,
#VieropeenRijInstellingenContent,
#VieropeenRijContent,
#ZeeslagInstellingenContent,
#ZeeslagContent,
#GalgjeInstellingenContent,
#GalgjeContent,
#GameLayoutScreenContent,
#GameUitlegScreenContent
{
	height				: 400px;
	overflow			: auto;
}

#miniMastermindContent,
#miniBoterKaasEierenContent,
#miniVieropeenRijContent,
#miniZeeslagContent,
#miniGalgjeContent
{
	height				: 80px;
	font-size			: 4px;
	overflow			: hidden;
}

.maxiGamesButton,
.maxiGamesButtonOff
{
	margin				: 10px auto;
	background-color	: blue;
	color				: white;
	cursor				: pointer;
	width				: 80%;
}
.miniGameTerugzetten:hover,
.GameTerugzetten:hover,
.maxiGamesButton:hover
{
	color				: red;
	background-color	: navy;
}

.maxiGamesButtonOff
{
	background-color	: lightgray;
	color				: gray;
	cursor				: auto;
}

.miniGamesButton,
.miniGamesButtonOff
{
	display				: none;
}

.maxiMastermindInput
{
	float				: left;
	margin				: 2px 2px 0px 0px;
	width				: 30px;
	height				: 30px;
	background-color	: white;
	color				: white;
	font-size			: 1px;
	text-align			: center;
	border				: 4px solid darkred;
	border-radius		: 20px;
}

.miniMastermindInput
{
	float				: left;
	margin				: 0px;
	width				: 8px;
	height				: 8px;
	background-color	: white;
	color				: white;
	font-size			: 0px;
	text-align			: center;
	border				: 1px solid darkred;
	border-radius		: 20px;
}

.maxiMastermindScoreOkeePlaats,
.maxiMastermindScoreOkeeKleur,
.maxiMastermindScoreNiks
{
	float				: right;
	margin				: 5px 2px 0px 0px;
	width				: 10px;
	height				: 30px;
	border				: 1px solid darkred;
	border-radius		: 5px;
}

.miniMastermindScoreOkeePlaats,
.miniMastermindScoreOkeeKleur,
.miniMastermindScoreNiks
{
	float				: right;
	margin				: 1px 0px 0px 0px;
	width				: 2px;
	height				: 6px;
	border				: 1px solid darkred;
	border-radius		: 5px;
}

.maxiMastermindScoreOkeePlaats,
.miniMastermindScoreOkeePlaats
{
	background-color	: red;
}

.maxiMastermindScoreOkeeKleur,
.miniMastermindScoreOkeeKleur
{
	background-color	: black;
}

.maxiMastermindScoreNiks,
.miniMastermindScoreNiks
{
	background-color	: white;
}

#mastermindPalet
{
	position			: fixed;
	display				: none;
	padding				: 1px;
	background-color	: darkred;
	z-index				: 100;
	overflow			: hidden;
}

.mastermindPaletKleur,
.miniMastermindPaletKleur
{
	float				: left;
	margin				: 0px;
	font-size			: 1px;
	width				: 20px;
	height				: 20px;
	border				: 0px;
	border-radius		: 0px;
	overflow			: hidden;
}

.miniMastermindPaletKleur
{
	margin				: 0px 1px;
	width				: 20px;
	height				: 20px;
}

#maxiBoterKaasEieren,
#miniBoterKaasEieren
{
	margin				: auto;
	width				: 77%;
	text-align			: center;
	overflow			: hidden;
}

#miniBoterKaasEieren
{
	width				: 76px;
	height				: 76px;
}

.maxiBoterKaasEierenHokje,
.miniBoterKaasEierenHokje
{
	float				: left;
	width				: 32%;
	line-height			: 0px;
	border-right		: 1px solid cyan;
	border-bottom		: 1px solid cyan;
}

.maxiBoterKaasEierenHokjeTop,
.miniBoterKaasEierenHokjeTop
{
	border-top			: 1px solid cyan;
}

.maxiBoterKaasEierenHokjeLeft,
.miniBoterKaasEierenHokjeLeft
{
	border-left			: 1px solid cyan;
}

.miniBoterKaasEierenHokje
{
	width				: 24px;
	height				: 24px;
}

.maxiBoterKaasEierenHokje img,
.miniBoterKaasEierenHokje img
{
	width				: 100%;
}

*/

/* Smartphones (portrait & landscape) */
@media only screen and (max-width : 640px)
{	/* Styles */
/*	.mobielhidden 
	{
		display				: none;
	}
	#Admin,
	#DebugWindow,
	#Globals,
	#LogOverzicht,
	#LedenOverzicht,
	#LdapOverzicht,
	#WindowInformatie
	{
		position			: static;
		margin				: 0px 0px 5px 0px;
		width				: 100%;
	}
	#AdminContentMove,
	#DebugWindowContentMove,
	#GlobalsContentMove,
	#LogOverzichtContentMove,
	#LedenOverzichtContentMove,
	#LdapOverzichtContentMove,
	#WindowInformatieContentMove
	{
		width				: calc(100% - 2px);
	}
	#Admin,
	#beheerAgenda,
	#beheerAgendaNieuw,
	#beheerCSSWindow,
	#beheerDatabase,
	#beheerRechten,
	#Globals,
	#InlogScherm,
	#DebugInformatie,
	#WindowInformatie,
	#RuntimeError,
	#logOutWindow
*/
	.window
	{
		position			: fixed !important;
		top					: 10px !important;
		left				: 10px !important;
		bottom				: 10px !important;
		right				: 10px !important;
	}
	.windowContentMove
	{
		width				: calc(100% - 2px) !important;
		height				: calc(100% - 34px) !important;
		overflow			: auto !important;
	}
	#Admin
	{
		width				: 120px !important;
		height				: calc(100% - 22px) !important;
		bottom				: 10px !important;
	}
	.websiteOptions,
	.websiteSluiten
	{
		font-size			: 12px !important;
	}
	.websiteVergroten,
	.websiteTerugzetten,
	#beheerAgendaTitelBalk,
	#AdminTitelBalk
	{
		display				: none !important;
	}
	


/*	#Bevestigen,
	#RuntimeError
	{
		top					: 40px;
		left				: 40px;
		width				: calc(100% - 80px);
		height				: calc(100% - 80px);
	}



/*	#Mastermind,
	.window,
	.mobielhidden 
	{
		display				: none;
	}
	.window
	{
		margin				: 0px;
		top					: 0px;
		left				: 0px;
		width				: 100%;
		height				: 100%;
	}
	#Input,
	#Database,
	#Website,
	#CSSWindow,
	#MenuBeheer,
	#Instellingen,
	#Account,
	#Bevestigen,
	#RuntimeError
	{
		position			: fixed;
	}
/*	.windowTitelbalk
	{
		cursor				: auto;
	}
	#Container
	{
		width				: 100%;
	}
/*	#TitelSpan
	{
		padding				: 15px;
	}
*/
/*

	#Menu,
	#Titel,
	#TitelSpan,
	#Content,
	#Container
	{
		float				: none;
		width				: 100%;
	}
	#Container
	{
		float				: none;
		width				: 90%;
	}
	#Menu
	{
		height				: auto;
		padding-top			: 0px;
		text-align			: left;
		font-size			: 14px;
		height				: auto;
	}
	.menuON,
	.menuOFF,
	.menuOFF a
	{
		float				: left;
		width				: auto;
		border-radius		: 0px
	}
	.menuClear
	{
		clear				: none;
	}
	#TitelSpan,
	#ContentSpan
	{
		padding				: 15px;
	}
	#headerLinks
	{
		margin-left			: 5%;
	}
	#headerRechts
	{
		margin-right		: 5%;
	}

/*	#LedenOverzichtContentMove,
	#LogOverzichtContentMove
	{
		height				: 220px;
	}
	.windowOptions,
	.windowSluiten,
	.windowTerugzetten
	{
		font-size			: 16px;
		height				: 18px;
	}
	.windowOptionsList
	{
		font-size			: 14px;
		line-height			: 18px;
	}
	.menuON
	{
		padding				: 7px 18px;
	}
	.menuOFF a
	{
		padding				: 7px 18px 8px;
	}
	button,
	select,
	input
	{
		height				: 24px;
	}
*/
/*	span.websitehidden,
	span.websitegroen,
	span.websiterood,
	span.popuphidden,
	span.popupgroen,
	span.popuprood
	{
		padding-top			: 4px;
	}
	*/
}

/* Smartphones (portrait) */
@media only screen and (max-width : 360px)
{	/* Styles */
/*	#WebsiteContentMove,
	#InstellingenContentMove,
/*

	#CSSWindowContentMove,
	#InputContentMove,
	#MenuBeheerContentMove,
*/
/*	.windowContentMove
	{
		height				: 94%;
	}
	#BevestigenContentMove,
	#RuntimeErrorContentMove
	{
		height				: 88%;
	}
/*	#LogOverzichtContentMove
	{
		max-height			: 500px;
		padding				: 10px;
	}*/
}

/* Smartphones (landscape) */
@media only screen and (min-width : 361px) and (max-width : 640px)
{	/* Styles */
/*	#WebsiteContentMove,
	#InstellingenContentMove

/*
	#CSSWindowContentMove,
	#InputContentMove,
	#MenuBeheerContentMove,
*/
/*	.windowContentMove
	{
		height				: 88%;
	}
	#BevestigenContentMove,
	#RuntimeErrorContentMove
	{
		height				: 68%;
	}
/*	#LogOverzichtContentMove
	{
		max-height			: 220px;
		padding				: 10px;
	}*/
}