/*  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 *  LET OP:
 *	Geef alle id's en classes van StippWeb elementen de prefix ctrl_
 *	Zo voorkomen we conflicten met de website zelf
 *  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.onzichtbaar
{
	display: none;
}

.ctrl_body 
{
	padding:15px; 
	margin:0;
	background-color:#F2F2F2;
}

.ctrl_body, .ctrl_body * {
    font-size: 10pt;
    font-family: arial;    
}

.ctrl_td {
    vertical-align: top;
}    
        
textarea.ctrl_tekst, input.ctrl_tekst {
    border:solid 1px #999;
    width:440px;
}

input.ctrl_button {
    background: url(/StippWebDLL/Resources/img/button_bg.gif) repeat-x;
    color:white;
    border:solid 1px gray;
    font-weight:bold;
    font-size: 9pt;
    padding:0;  
    margin:0;  
    width:85px;
    font-family:tahoma, sans-serif;
}

input.ctrl_bestand {
    border:solid 1px gray;
    font-weight:bold;
    font-size: 9pt;
    padding:0; 
    margin:0;  
    width:250px;
    font-family:tahoma, sans-serif;
}

.ctrl_verplicht {color:red;}    

.ctrl_veldLabel {
    padding-top:5px;
    font-size: 8pt;
    width:120px;
    color:#49889E;
}

label.ctrl_veldLabel
{
	padding-top:5px;
    font-size: 8pt;
    width:120px;
    color:#49889E;
    display:block;
}

/* Datum control */
.ctrl_DatumJaar 
{
	width: 40px;
}

.ctrl_bankrekening
{
	width: 70px;
}

input.ctrl_DatumDag, input.ctrl_DatumMaand, input.ctrl_TijdUur, input.ctrl_TijdMinuut
{
	width: 20px;
}

.ctrl_DatumToelichting 
{
	color: Gray;
}

/* Afbeelding upload */
div.ctrl_afbeeldingUpload_Groot
{
	width: 500px;
	height: 500px;
	border: 1px solid red;
}

div.ctrl_afbeeldingUpload_Middel
{
	width: 500px;
	height: 150px;	
}

div.ctrl_afbeeldingUpload_Klein
{
	width: 400px;	
}

div.ctrl_afbeeldingUpload img.ctrl_afbeelding
{
	margin-left: 50px; 
	border: 1px solid black;
}


/* Trefwoorden control */

div.ctrl_trefwoorden 
{
}

ul.ctrl_trefwoorden_lijst
{
}

li.ctr_trefwoorden_item
{
}


/* Paginering */

div.ctrl_paginering
{
    width: 100%;
}

table.ctrl_pagineringTabel
{
    
}

table.ctrl_pagineringTabel td, table.ctrl_paginering th
{
    padding-left: 0px;
}

table.ctrl_pagineringTabel th
{
    background: black;
    color: white;
}

div.ctrl_paginering_bladerboven
{
}

div.ctrl_paginering_bladeronder
{
}

div.ctrl_paginering_vorige
{
    float: left;
    background-color: Green;
}

div.ctrl_paginering_volgende
{
    float: right;    
    background-color: red;
}

/* VeldTextEditor */
.ctrl_VeldTextEditor
{
	border: solid 3px #ffffff;
	cursor: pointer;
	padding: 2px;
	min-height: 12px; 
	height: auto !important; 
	height: 12px;
}
.ctrl_VeldTextEditor:hover
{
	border: solid 3px #dce6ed;
	background-color: #f9f9f9; 
}

table.ctrl_subdocTabel
{
}

tr.ctrl_subdocHeader
{
}

th.ctrl_subdocHeader
{
	background-color: Black;
	color: White;
}

tr.ctrl_subdocExtraRij
{
}

td.ctrl_subdocExtraRij
{
}

a.ctrl_subdocExtraRijLink
{
}

tbody.ctrl_subdocTabel_wachten
{
}

td.ctrl_subdocTabel_wachten
{
	vertical-align: middle;
	text-align:center;
	padding: 10px;
}

tbody.ctrl_subdocTabel_content { }
tbody.ctrl_subdocTabel_content tr:hover  td {background:#E5E5E5; cursor:pointer;}
tbody.ctrl_subdocTabel_content tr.geencontent:hover td, table.AlleenLezen tbody.ctrl_subdocTabel_content tr:hover td {background:transparent; cursor:default;}
tbody.ctrl_subdocTabel_content tr:hover td.ctrl_subdocTabel_verwijder {background:transparent;}

/* anders neemt FF form ook mee */
input:invalid, textarea:invalid {
	background-image: url(../img/icons/fout.png);
	background-repeat: no-repeat;
	background-position: 98% 2px;
	/*padding: 2px;
	border: 1px solid #ABADB3;*/
}
/* anders neemt FF form ook mee */
input:disabled, textarea:disabled 
{
	background-color: #ECECEC;
}

.sw_UploadFotoGalerij_UploadTypeKeuze {clear:both; margin:0 0 10px 0; height:20px;}
.sw_UploadFotoGalerij_UploadTypeKeuze ul {list-style-type:none; margin:0; padding:0; clear:both}
.sw_UploadFotoGalerij_UploadTypeKeuze ul li {float:left; margin:0; padding:0}

textarea.sw_UploadFotoGalerij_Embed {height:100px; width:300px;}
a.sw_UploadFotoGalerij_TerugKnop {display:block; margin:20px 0;}


/* VeldThesaurustermen */
.sw_VeldThesaurustermen 
{
	margin: 3px 0 0 0;
}

.sw_VeldThesaurustermen td.termnaam
{
	width: 420px;
}

.sw_VeldThesaurustermen_input
{
	margin-bottom: 200px;
}

.sw_VeldThesaurustermen_Verwijderen 
{
	cursor: pointer;
	margin: 0 0 3px 0;
}

.sw_VeldTextEditor_Telwoorden { border: #696969 1px outset; border-top: #EFEFDE 1px outset; border-bottom: #EFEFDE 1px outset; background: #f7f7f7; z-index: 100; margin: 0 1px 0 1px; position: relative; top: -1px; padding: 5px; }
.sw_VeldTextCKEditor_Telwoorden { padding: 5px; }

.sw_VeldSelectBoxLijst {}

/* Toc */

div.sw_Toc_GeselecteerdItem 
{
	background-color: Yellow;
	border: 1px solid black;
	padding-left: 10px;
	padding-right: 10px;
}

div.sw_Toc_GekniptItem 
{
	background-color: Red;
	color: White;
	border: 1px solid black;
	padding-left: 10px;
	padding-right: 10px;
}

.sw_tocitem_contextmenu 
{
	display: inline-block;
}

.sw_tocitem_metklikactie
{
	cursor: pointer;
}

.VeldBedragInt { position: relative; }
.VeldBedragInt input { text-align: right; }
.VeldBedragInt .Valuta { position: absolute; z-index: 1; top: 0px; left: 4px; }

.sw_voortgang p
{
    margin: 0px;
}

div.sw_voortgangLog, div.sw_voortgangError
{
    overflow: auto;
    height: 400px;
}


/* VeldAfbeelding en VeldBestand */
.sw_VeldBestand_BestandTemplate,
.sw_VeldBestand_BestandsUploadKnop,
.sw_VeldBestand_BestandsDrop_Tekst,
.sw_VeldAfbeelding_AfbeeldingTemplate,
.sw_VeldAfbeelding_BestandsUploadKnop,
.sw_VeldAfbeelding_BestandsDrop_Tekst
{
    display: none;
}

.sw_VeldAfbeelding_BestandsDrop,
.sw_VeldBestand_BestandsDrop,
.sw_VeldAfbeelding_BestandsDropIframe
{
	background-color: #f2f2f2;
}

.sw_VeldAfbeelding_BestandsDrop[disabled] iframe,
.sw_VeldBestand_BestandsDrop[disabled] iframe,
.sw_VeldAfbeelding_BestandsDrop_Tekst_GeenUpload,
.sw_VeldBestand_BestandsDrop_Tekst_GeenUpload
{
	display: none;
}

.sw_VeldAfbeelding_BestandsDropIframe .sw_VeldAfbeelding_BestandsInput
{
	width: 210px;
}

.sw_VeldAfbeelding_BestandsDrop,
.sw_VeldBestand_BestandsDrop
{
    padding: 10px;
    border: 1px dashed #000;
	clear: both;
	font-size: 12px;
}

.sw_VeldAfbeelding_BestandsDrop .sw_VeldAfbeelding_BestandsInput,
.sw_VeldBestand_BestandsDrop .sw_VeldAfbeelding_BestandsInput,
.sw_VeldBestand_BestandsDrop .sw_VeldBestand_BestandsInput
{
    font-size: 12px;
}

.sw_VeldAfbeelding_BestandsDrop iframe,
.sw_VeldBestand_BestandsDrop iframe,
.sw_VeldAfbeelding_BestandsDropIframe iframe
{
    display: none;
	width: 100%;
	height: 50px;
	border: 0;
}

.sw_VeldAfbeelding_BestandsDrop.drag-hover,
.sw_VeldBestand_BestandsDrop.drag-hover
{
    border-color: #2cdc42;
    background-color: #bbf4c2;
}

.sw_VeldAfbeelding_BestandsDrop.drag-hover-deny,
.sw_VeldBestand_BestandsDrop.drag-hover-deny
{
    border-color: #de3329;
    background-color: #f4bcbb;
}

.sw_VeldAfbeelding_BestandsDrop_Tekst,
.sw_VeldAfbeelding_BestandsDrop_Tekst_GeenUpload,
.sw_VeldAfbeelding_BestandsUploadKnop,
.sw_VeldBestand_BestandsDrop_Tekst,
.sw_VeldBestand_BestandsDrop_Tekst_GeenUpload,
.sw_VeldBestand_BestandsUploadKnop
{
    float: right;
}

.sw_VeldAfbeelding_Afbeelding, 
.sw_VeldBeeld_Afbeelding,
.sw_VeldBestand_Bestand
{
    position: relative;
    border: 1px solid #a4a4a4;
    padding: 10px;
    min-width: 100px;
    margin-bottom: 10px;
    font-size: 12px;
	background: #fbfbfb;
}

.sw_VeldBeeldVerplaatsContainer.ui-sortable .sw_VeldBeeld_Afbeelding {cursor:pointer;}
.sw_VeldAfbeelding_Afbeelding .sw_VeldAfbeelding_AfbeeldingContainer,
.sw_VeldBestand_Bestand .sw_VeldBestand_IcoonContainer
{
    float: left;
    display: none;
	margin-right: 10px;
}

.sw_VeldBeeld_AfbeeldingContainer
{
	float: left;
	display:block;
	margin-right: 10px;
}

.sw_VeldAfbeelding_Afbeelding .sw_VeldAfbeelding_AfbeeldingContainer img, 
.sw_VeldBeeld_Afbeelding .sw_VeldBeeld_AfbeeldingContainer img
{
    border: 1px solid black;
}

.sw_VeldAfbeelding_Afbeelding .sw_VeldAfbeelding_Info,
.sw_VeldBestand_Bestand .sw_VeldBestand_Info
{
    border: 0;
    border-collapse: collapse;
    margin-bottom: 10px;
}

.sw_VeldAfbeelding_Afbeelding .sw_VeldAfbeelding_Info tr,
.sw_VeldBestand_Bestand .sw_VeldBestand_Info tr
{
    display: none;
}

.sw_VeldAfbeelding_Afbeelding .sw_VeldAfbeelding_Info tr td,
.sw_VeldBestand_Bestand .sw_VeldBestand_Info tr td
{
    padding-right: 20px;
}

.sw_VeldAfbeelding_Afbeelding .sw_VeldAfbeelding_AfbeeldingVerwijderen, 
.sw_VeldBeeld_Afbeelding .sw_VeldBeeld_AfbeeldingVerwijderen,
.sw_VeldBestand_Bestand .sw_VeldBestand_BestandVerwijderen
{
    background: url(/StippWebDLL/Resources/img/icons/close_x.png) no-repeat;
    width: 16px;
    height: 16px;
    display: block;
    text-indent: -9999em;
    position: absolute;
    top: 10px;
    right: 10px;
}

.sw_VeldAfbeelding_Afbeelding .sw_VeldAfbeelding_AfbeeldingDownloaden,
.sw_VeldBestand_Bestand .sw_VeldBestand_BestandDownloaden
{
	display: none;
	/*background: url(/StippWebDLL/Resources/img/icons/close_x.png) no-repeat;*/
    width: 16px;
    height: 16px;
    display: block;
    text-indent: -9999em;
    position: absolute;
    top: 10px;
    right: 30px;
}

.sw_VeldAfbeelding_AfbeeldingPlaceholder
{
	border: 1px solid #ffd942;
	background-color: #fff1b9;
	height: 100px;
	margin-bottom: 10px;
}

.sw_VeldAfbeelding_Beknopt .sw_VeldAfbeelding_Afbeelding, 
.sw_VeldAfbeelding_Beknopt .sw_VeldAfbeelding_AfbeeldingPlaceholder,
.sw_VeldAfbeelding_Beknopt .sw_VeldBestand_Bestand, 
.sw_VeldBeeld_Afbeelding
{
	float: left;
	margin: 0 10px 10px 0;
}

.sw_VeldAfbeelding_Beknopt .sw_VeldAfbeelding_AfbeeldingPlaceholder
{
	width: 100px
}

.sw_VeldAfbeelding_Beknopt .sw_VeldAfbeelding_Afbeelding .sw_VeldAfbeelding_AfbeeldingContainer, 
.sw_VeldAfbeelding_Beknopt .sw_VeldBestand_Bestand .sw_VeldBestand_IcoonContainer, 
.sw_VeldBeeld_Afbeelding .sw_VeldBeeld_AfbeeldingContainer
{
	float: none;
	margin-right: 0;
}

.sw_VeldAfbeelding_Beknopt .sw_VeldAfbeelding_Afbeelding .sw_VeldAfbeelding_Info,
.sw_VeldAfbeelding_Beknopt .sw_VeldBestand_Bestand .sw_VeldBestand_Info
{
	/* Niet mooi, maar 't moet maar */
	display: none !important;
}

.sw_VeldAfbeelding_Beknopt .sw_VeldAfbeelding_Afbeelding .sw_VeldAfbeelding_AfbeeldingVerwijderen, 
.sw_VeldAfbeelding_Beknopt .sw_VeldBestand_Bestand .sw_VeldBestand_BestandVerwijderen,
.sw_VeldBeeld_Afbeelding .sw_VeldBeeld_AfbeeldingVerwijderen
{
	top: 5px;
	right: 5px;
}

.sw_VeldAfbeelding_Beknopt input.ctrl_button
{
	/*width: 100%;*/
	clear: both;
}

.sw_VeldBeeld_AfbeeldingPlaceholder {border: 1px solid #ffd942; background-color:#fff1b9; width:100px; height:100px; float: left; margin-right: 10px;}

.sw_VeldBestand_Toelichting, .sw_VeldAfbeelding_Toelichting, .sw_VeldBestand_BewerkKnop
{
	display: none;
}

.sw_VeldBestand_Toelichting:before
{
	content: attr(title) ':';
	font-weight: bold;
}

/* VeldRadioButtonLijstJaNee */
.sw_VeldRadioButtonLijstJaNee {}
.sw_VeldRadioButtonLijstJaNee_RadioButtons {}
.sw_VeldRadioButtonLijstJaNeeLabelJoah, .sw_VeldRadioButtonLijstJaNeeLabelNeuh, .sw_VeldRadioButtonLijstJaNeeLabelJoah span, .sw_VeldRadioButtonLijstJaNeeLabelNeuh span { background: url(../img/switch.gif) repeat-x; display: block; float: left; }
.sw_VeldRadioButtonLijstJaNeeLabelJoah span, .sw_VeldRadioButtonLijstJaNeeLabelNeuh span { line-height: 30px; display: block; background-repeat: no-repeat; font-weight: bold; }
.sw_VeldRadioButtonLijstJaNeeLabelJoah span { background-position: left -90px; padding: 0 10px; }
.sw_VeldRadioButtonLijstJaNeeLabelNeuh span { background-position: right -180px;padding: 0 10px; }
.sw_VeldRadioButtonLijstJaNeeLabelNeuh.geselecteerd { background-position: 0 -30px; }
.sw_VeldRadioButtonLijstJaNeeLabelNeuh.geselecteerd span { background-position: right -210px; color: #fff; }
.sw_VeldRadioButtonLijstJaNeeLabelJoah.geselecteerd { background-position: 0 -60px; }
.sw_VeldRadioButtonLijstJaNeeLabelJoah.geselecteerd span { background-position: left -150px; color: #fff; }
.sw_VeldRadioButtonLijstJaNee_Labels.magwijzigen label { cursor: pointer; }

.sw_Afbeelding
{
	position: relative;
}
.sw_Afbeelding .sw_BeheerKnoppen
{
	position: absolute;
	right: 0px;
	padding: 5px 5px 5px 3px;
	background: #FFF;
}



/** Start VeldBeoordeling */
.sw_VeldBeoordeling { list-style: none; margin: 0; padding: 0; }
.sw_VeldBeoordeling li { 
	display: inline-block;    
	*display: inline;
    *zoom: 1;
	background: none; width: 16px; height: 16px; }
.sw_VeldBeoordeling li a { display: block; width: 16px; height: 16px; cursor: pointer; cursor: hand; }
.sw_VeldBeoordeling .aan { background: sprite(url(../images/spr_icn_ster_aan.png)); }
.sw_VeldBeoordeling .uit { background: sprite(url(../images/spr_icn_ster_uit.png)); }
/** Einde VeldBeoordeling */

.sw_KnopVerwijderen
{
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(/StippWebDLL/Resources/img/icons/verwijder.png) no-repeat;
}

.sw_KnopBewerken
{
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(/StippWebDLL/Resources/img/icons/bewerken.png) no-repeat;
}

.sw_KnopVerplaatsen
{
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url(/StippWebDLL/Resources/img/icons/verplaatsen.png) no-repeat;
}

.sw_KnopNieuw
{
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(/StippWebDLL/Resources/img/icons/nieuw.png) no-repeat;
}

/* Autorisatie - Personenbeheer */
.sw_Personenbeheer_formulier fieldset .sw_Document_Formulier_Tabel .FormulierVeld_Naam { width: 150px; }
.sw_Personenbeheer_formulier fieldset .sw_Document_Formulier_Tabel .FormulierVeld_Waarde { width: auto; }
.sw_Personenbeheer_formulier fieldset legend, .sw_Personenbeheer_previewVerstuurGegevens fieldset legend { color: #63aa18; }
.sw_Personenbeheer_formulier fieldset, .sw_Personenbeheer_previewVerstuurGegevens fieldset { border: 1px solid #d8d8d8; width: 530px; margin: 0 0 20px 0; }
.sw_Personenbeheer_formulier .knopVerstuurGegevens { margin-left: 10px; }
.sw_Personenbeheer_previewVerstuurGegevens { margin: 20px; }
.sw_Personenbeheer_previewVerstuurGegevens .previewuitleg { margin-bottom:20px; }
.sw_Personenbeheer_previewVerstuurGegevens .emailonderwerp { background: #eeeeee; padding: 5px; margin: 10px 0 20px 0; }
.sw_Personenbeheer_previewVerstuurGegevens .emailtekst { padding: 5px; }
.sw_Personenbeheer_previewVerstuurGegevens .knopVersturen { }
.sw_Personenbeheer_previewVerstuurGegevens .knoppen { margin-top: 20px; padding: 5px; }
.sw_Personenbeheer_previewVerstuurGegevens .knopAnnuleren { margin-right: 10px; }

.sw_xmleditor_container.fullscreen {
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:200;
}
.sw_xmleditor_topbar {
    height:40px;
    background-color:#34495E;
    width:100%;
    position:absolute;
}
.sw_xmleditor_sluitknop {
    position:absolute;
    right:0;
    line-height:40px;
    display:inline-block;
    padding:0 10px;
    color:white;
}
.sw_xmleditor_iframe.fullscreen {
    padding-top: 40px;
}
.sw_xmleditor_iframe
{
	width: 100%;
	height: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: none;
	background-color: white;
}
.sw_xmleditor_leesfout {
    background-color:#FFFFCE;
    padding:5px 10px;
}