/*Creeert een uitgangssituatie waarmee prettig te werken is*/
*{box-sizing: border-box;}
HTML,BODY{border:none;overflow:hidden}/*in strict modus geldt dit voor HTML ipv BODY*/
H1,H2,H3,H4,H5,H6,
BODY,TD,CAPTION,INPUT,SELECT,DIV,TEXTAREA,BUTTON,PRE,LI{font-family:Tahoma;font-size:100%}
OL,UL,BLOCKQUOTE{margin:0px}
BLOCKQUOTE{padding-left:1em}
OL{margin-left:3em}
UL{margin-left:1.5em}
H1,H2,H3,H4,H5,H6{font-weight:bold;margin-top:10pt;margin-bottom:3pt}
FORM,P{margin:0px}
IMG{border:none;}
TD{padding:0px}
DIV{border:0px solid}
LABEL{cursor: default}
menu{behavior:url(/Backend/HTC/hover.htc);padding:0px;margin:0px}
cwf{position:absolute;visibility:hidden;overflow:hidden;width:10px;height:10px;left:-20px}
/*Tabellen*/
.Paragraaf_Tekst table{border-collapse:collapse;}
.Paragraaf_Tekst caption,
.Paragraaf_Tekst td{text-align:left;vertical-align:top;padding:1px}
.Paragraaf_Tekst table,
.Paragraaf_Tekst table caption,
.Paragraaf_Tekst table td{border: 1px solid black}
.Paragraaf_Tekst table.geenRand,
.Paragraaf_Tekst table.geenRand caption,
.Paragraaf_Tekst table.geenRand td{border-width: 0px}
.InCimpleEdit .Paragraaf_Tekst table.geenRand,
.InCimpleEdit .Paragraaf_Tekst table.geenRand caption,
.InCimpleEdit .Paragraaf_Tekst table.geenRand td{border: 1px dotted gray}
/*Iconen*/
.Icoon
{
	width:16px;
	height:16px;
	background-image:url(/Backend/GIF/Iconen/Klein/_ONBEKEND.gif);
	background-position: center;
	background-repeat: no-repeat;
}

.DocumentLink .Icoon.PlusMin{
	background-image : url(/Backend/GIF/px.gif);
}

.DocumentLink .MetSubs  .Icoon.PlusMin{
	background-image : url(/Backend/GIF/+.gif);
}

.Selectie .MetSubs .Icoon.PlusMin{
	background-image : url(/Backend/GIF/-.gif);
}

A.document{
	background-repeat: no-repeat;
}

.zonderIconen A.document{
	background-image:none;
}
.metIconen A.document{
	background-repeat: no-repeat;
	background-position : 0 0;
	height: 16px;
	padding-left: 20px;
	vertical-align: baseline;
}

.T_2,
.T_3,
.Map
{background-image:url(/Backend/GIF/Iconen/Klein/+Map.gif)}

.Selectie .T_2,
.Selectie .T_3,
.Selectie .Map
{background-image:url(/Backend/GIF/Iconen/Klein/-Map.gif)}

.Icoon.T_0,.T_1
{background-image:url(/Backend/GIF/Iconen/Klein/0.gif)}

.T_6
{background-image:url(/Backend/GIF/Iconen/Klein/1.gif)}

/*Formulier*/
.T_99
{background-image:url(/Backend/GIF/Iconen/Klein/99.gif)}

/*verborgen pagina*/
.T_100
{background-image:url(/Backend/GIF/Iconen/Klein/Slot.gif)}

/*gebruikerprofiel*/
.T_200
{background-image:url(/Backend/GIF/Iconen/Klein/200.gif)}

.I_8, .I_7
{background-image:url(/Backend/GIF/Iconen/Klein/Cimple.gif)!important}
.I_130
{background-image:url(/Backend/GIF/Iconen/Klein/Zoek.gif)}
.I_848
{background-image:url(/Backend/GIF/Iconen/Klein/Sitemap.gif)}
.I_849
{background-image:url(/Backend/GIF/Iconen/Klein/Home.gif)}
.I_126
{background-image:url(/Backend/GIF/Iconen/Klein/Systeem.gif)}

.I_871
{background-image:url(/Backend/GIF/Iconen/Klein/Fout.gif)}

.T_AI
{background-image:url(/Backend/GIF/Iconen/Klein/ai.gif)}

.T_BMP
{background-image:url(/Backend/GIF/Iconen/Klein/bmp.gif)}

.T_DOC
{background-image:url(/Backend/GIF/Iconen/Klein/doc.gif)}

.T_EPS
{background-image:url(/Backend/GIF/Iconen/Klein/eps.gif)}

.T_FLA
{background-image:url(/Backend/GIF/Iconen/Klein/fla.gif)}

.T_GIF
{background-image:url(/Backend/GIF/Iconen/Klein/gif.gif)}

.T_HTM,.T_HTML
{background-image:url(/Backend/GIF/Iconen/Klein/htm.gif)}

.T_JPG,.T_JPEG
{background-image:url(/Backend/GIF/Iconen/Klein/jpg.gif)}

.T_MDB
{background-image:url(/Backend/GIF/Iconen/Klein/mdb.gif)}

.T_MPG,.T_MPEG,.T_MP3,.T_WAV,.T_AVI,.T_WMV,.T_ASF,.T_WMA,.T_ASX
{background-image:url(/Backend/GIF/Iconen/Klein/MediaPlayer.gif)}

.T_FLV
{background-image:url(/Backend/GIF/Iconen/Klein/flv.gif)}

.T_MNI
{background-image:url(/Backend/GIF/Iconen/Klein/mni.gif)}

.T_MOV,.T_QT
{background-image:url(/Backend/GIF/Iconen/Klein/mov.gif)}

.T_PDF
{background-image:url(/Backend/GIF/Iconen/Klein/pdf.gif)}

.T_PPT,.T_PPS
{background-image:url(/Backend/GIF/Iconen/Klein/ppt.gif)}

.T_PSD
{background-image:url(/Backend/GIF/Iconen/Klein/psd.gif)}

.T_PNG
{background-image:url(/Backend/GIF/Iconen/Klein/psd.gif)}

.T_RSS
{background-image:url(/Backend/GIF/Iconen/Klein/rss.gif)}

.T_SWF
{background-image:url(/Backend/GIF/Iconen/Klein/swf.gif)}

.T_TXT
{background-image:url(/Backend/GIF/Iconen/Klein/txt.gif)}

.T_XLS
{background-image:url(/Backend/GIF/Iconen/Klein/xls.gif)}

.T_XML
{background-image:url(/Backend/GIF/Iconen/Klein/xml.gif)}

.T_ZIP
{background-image:url(/Backend/GIF/Iconen/Klein/zip.gif)}

/*KNOPPEN*/
.Knop{
	width:16px;
	height:16px;
	background-repeat : no-repeat;
	background-position : center;
	display:inline;
}

.Knop.Wis
{background-image:url(/Backend/GIF/Iconen/Klein/Verwijderen.gif)}

.Knop.Slot
{background-image:url(/Backend/GIF/Iconen/Klein/Slot.gif)}
/*Bestandskeuze*/
.DocumentKeuze .Document{
	white-space:nowrap;
}
.Bestandskeuze{
	overflow: hidden;
	position: absolute;
	filter: Alpha(opacity:0);
}
.Bestandskeuze INPUT{
	margin-left:-950px;
	margin-top:-50px;
	height:500px;
	font-size: 80px;
	position: absolute;
	left:0px;
	top:0px;
	opacity:0;
	-moz-opacity:0;
}
.Bestandskeuze IFRAME{display:none}
/*FLVplayer*/
#FLVlaag{
	position: absolute;
	top: 0px;
	width: 100%;
}
#FLVlaag.hidden{
	/*buiten beeld plaatsen want display switchen resulteert in restart van Flash*/
	left: -300%;
}
#FLVvenster{
	position: absolute;
	left: 20px;
	top:20px;
}
#zoomFLV{
	float: right;
	background-image: url(/Backend/GIF/zoomIn.gif);
	background-repeat: no-repeat;
	background-position: center;
	width:21px;
	height:21px;
	margin-bottom: 2px;
}
#FLVkader.zoomed #zoomFLV{
	background-image: url(/Backend/GIF/zoomUit.gif);
}
#sluitFLV{
	float: right;
	background-image: url(/Backend/GIF/Sluiten.gif);
	width:21px;
	height:21px;
	margin-bottom: 2px;
}
#sluitFLV:hover{
	background-image: url(/Backend/GIF/Sluiten over.gif);
}
#FLVtitel{
	color: White;
	float: left;
	font-size:smaller;
	line-height: 21px;
	cursor: default;
}
#FLVkader{
	background-color: #696969;
	padding: 2px;
	border: 1px outset;
}
#FLVkader .Icoon{
	float: left;
	height: 21px;
	margin-right: 2px;
}
#FLVkader #FLVplayer{
	float: left;
}
/*Basis*/
BODY{margin:0px;}
/*komt uit boven.asp regel291 */
#cimplesitetabel{height:100%;}

*{box-sizing: border-box;-webkit-box-sizing: border-box}
/*EINDE SAFARI*/

/*MOET HIER WEG!*/
.thumb{
	width: 100px;
	height: 100px;
}

/*
TEEEEST!!!
COOL! WebKit (dus Safari en Chrome) ondersteunt ook content-editable!
http://code.google.com/p/webkit-css3-bundle/source/browse/trunk/Webkit.tmbundle/Snippets/-webkit-user-modify.tmSnippet?spec=svn2&r=2
* /
.Paragraaf_Titel{-webkit-user-modify:read-write-plaintext-only}
.Paragraaf_Tekst{-webkit-user-modify:read-write}
*/

#Venster{
	overflow-y:scroll;
	overflow-x:auto;
	width:100%;
	height:100%;
	border:1px inset;
	position: absolute; /*moet voor iPhone worden uitgeschakeld*/
}
/*quick fix voor iPhone*/
@media only screen and (max-device-width: 480px) {
	#Venster{
		position:static;
		height:auto;
	}
}
.InSafari #Venster{toverflow:scroll;}

.Paragraaf_Tekst a,
.Paragraaf_Tekst span,
form .Opmerking span a,
form .Opmerking span span{
	behavior:url(/Backend/HTC/contentLink.htc);
	-moz-binding:url(/Backend/XML/contentLink.xml#-);
}

.InCimpleEdit .Paragraaf_Tekst a,
.InCimpleEdit .Paragraaf_Tekst span,
.InCimpleEdit form .Opmerking span a,
.InCimpleEdit form .Opmerking span span{
	behavior:none;	
}
.Paragraaf_Tekst a.dood,
form .Opmerking span a.dood{
	border-bottom: 1px dotted red;
}

#Body{
	width:100%;
	height:100%;
	background-color : Window;
}

#CimpleLoginBalk{background-color:ButtonFace;}
#CimpleSubmit{width:10px;height:10px;margin-right:-10px;border:none;}

.GUI, .GUI *{
	font-family : Tahoma;
	font-size : 8pt;
	color : WindowText;
	text-decoration : none;
	cursor : default;
	line-height: 100%;
}

.GUI A:Hover,.GUI A:Active,.GUI A:Focus{
	text-decoration : underline;
	color: Highlight;
	cursor: pointer;
}

.Verborgen{
	display: none!important;
}

.HandCursor{cursor:pointer;cursor:hand;}

.cimple-button{
	width: 22px;
	height:22px;
	border:1px solid buttonface;
	text-decoration : none!important;
	cursor:default!important;
	color : ButtonText;
	vertical-align: text-bottom;
	text-align: center;
	padding:2px;
}
.cimple-button span{
	width: 16px;
	height: 16px;
	background-position: center;
	background-repeat: no-repeat;
	white-space: nowrap;
	display: block;
}
.cimple-button span.GUI{
	background-position: left;
	padding-left:16px;
	padding-top: 2px;
}
.cimple-button span.tekstOnder{
	background-position: top;
	padding: 4px;
	padding-top:24px;
	width: 50px;
}

.cimple-button:Hover,
.cimple-button:Active{
	border-color:#FF8C00;
	background-color : #ffd17b;
	tfilter:Alpha(Opacity=90, FinishOpacity=0, Style=1, StartX=0, StartY=50, FinishX=0, FinishY=100);
}
.GUI .cimple-button:Active{padding-left:3px;padding-top:3px;padding-right:1px;padding-bottom:1px;}
.GUI .uit,
.GUI .uit:Hover{filter:Alpha(Opacity=50) Gray();}

FORM .Optie INPUT,
#ExtranetOnthoudenCheck{
	width:1.1em;width:16px;
	height:1.1em;height:16px;
	vertical-align : text-bottom;
}

FORM .Optie INPUT.Alternatief{
	width: auto;
	height: auto;
}

#ExtranetOnthouden{
	display : none;
}

#FoutBalk{display:none;background-color:InfoBackground;color:InfoText;}

.Vlak{
	overflow:hidden;
	width:1px;
	height:1px;
}

.Weg{
	display:none;
}

.Doek{
	filter : Alpha(opacity=0);
	-moz-opacity:0;
}

.AlleenAfdrukken{display:none}
.InMailbox .NietInMailbox{display: none}

/*tbv backward behoud van paragraaf uiterlijk*/
.Paragraaf{padding-bottom:12px;}
.Paragraaf_Titel{text-decoration:none;cursor: text;width:100%}
.Paragraaf_Tekst{width:100%}
#TopLink,#TopAnker{display:none;}

#TopAnker{display:block!important;width:0px;height:0px;overflow:hidden;background:white;}
.InIE #TopAnker{display:none!important;}

div.FlashHoofdmenu,
div.FlashSubmenu{/*hier ivm HTML volgorde*/
	visibility: hidden;
}
div.FlashHoofdmenu a,
div.FlashSubmenu a{
	display:block;
}

.DiaLabel,
.DiasetLabel{display: block;}

@media print
{
	.NietAfdrukken,
	#AfdrukLink,
	#TopLink,
	#Menu,
	#Hoofdmenu,
	#Submenu,
	#Snelmenu,
	#DropdownMenu,
	#ExtranetForm,
	#ZoekForm,
	#HighlightLijst,
	#TaalMenu,
	#TaalDropdown,
	.Doek,
	.DiasetLabel,
	.DiasetLink,
	#Route{display:none;}
	.AlleenAfdrukken{display:block;}
	#Venster{overflow:visible;overflow-y:visible;border: none;}
}