/*  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 *	De StippWeb prefix is bij het beheervenster niet nodig, want die draait in een iframe
 *	
 *  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

h1 {font-size:13pt;}
h2 {font-size:11pt;margin:5px 0;}
h3 {font-size:8pt; color:gray; margin:10px 0 0 0; font-weight:normal;}
img {border:none;}

body, html, form {height:100%; margin:0; padding:0;}

body
{
    font-size: 10pt;
    font-family: arial;
    margin: 0;
	padding: 0;
	border: 0;
	overflow: hidden;
	height: 100%; 
	max-height: 100%; 
}

* html body{ /*IE6 hack*/
	padding: 0 0 120px 200px; /*Set value to (0 0 HeightOfTopFrameDiv WidthOfLeftFrameDiv)*/
}



td 
{
    vertical-align: top;
	font-size: 12px;
}

textarea { font-family: arial; font-size: 12px; }
        
textarea.tekst, input.tekst {
    border:solid 1px #999;
    width:440px;
}

input.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 5px 5px 0;  
    width:85px;
    font-family:tahoma, sans-serif;
}
.processinginstruction input.button { width: 100px; }

.verplicht {color:red;}    

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

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


.BeheerEigenschappen, .BeheerKnoppen
{
	position: absolute; 
	top: 0; 
	right: 0; 
	width: 180px; /*Width of rightframe div*/
	height: 100%;
	overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/	
}

.BeheerKnoppen {
	top: auto; 
	right: 200px; /*Set left value to WidthOfLeftFrameDiv*/
	width: auto;
	bottom: 0;
	left: 0;
	height: 30px; /*Height of bottom frame div*/
	overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/		
}

* html .BeheerKnoppen 
{ /*IE6 hack*/
	width: 100%;
}

.BeheerKnoppenContent 
{
	margin:7px;
}

.BeheerFormulier 
{    
	position: fixed; 
	top: 0;
	left:0;
	right: 200px; /*Set left value to WidthOfLeftFrameDiv*/		
	bottom: 30px; /*Set bottom value to HeightOfTopFrameDiv*/
	overflow: auto; 
	background: #fff;
}

.beheer-overlay { display: none; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: #fff; padding: 30px; }

* html .BeheerFormulier { /*IE6 hack*/
	height: 100%; 
	width: 100%; 
}

.BeheerFormulierContent 
{
	margin:10px;
}

.BeheerEigenschappen 
{
    position: absolute;
    right:10px;
    top:0;    
    height: 100%;
    width: 180px;     
    background:#eee;
}

.BeheerEigenschappenContent 
{
	border-top:solid 10px white;
	padding:10px 0 0 10px;
	overflow:auto;
}

.BeheerEigenschappenBottom 
{	
    position: absolute;
    width: 100%;
    height: 10px;
    background: white;
    bottom: 0;
}

@media (max-width: 500px)
{
	.BeheerEigenschappen {display:none;}
	.BeheerFormulier { right: 0; }
	.BeheerKnoppen { right: 0; }
}

@media (min-width: 500px) and (max-width: 560px)
{
	.BeheerFormulier {  bottom:55px; }
	.BeheerKnoppen { height:55px; }
}

@media (max-width: 360px)
{
	.BeheerFormulier {  bottom:55px; }
	.BeheerKnoppen { height:55px; }
}



/* Gebruikersbeheer */
#divOverzicht table
{
	width:600px;	
}

#divOverzicht 
{
	margin:15px 0;
}
#divOverzicht table
{
	width:600px;		
}
#divOverzicht table th
{
	background-color:#10658C;
	color:White;
	text-align:left;
	line-height:1.8em;
	padding-left:4px;
}
#divOverzicht table th a
{	
	color:White;
}

#divOverzicht table tr td
{	
	line-height:1.4em;
	padding-left:4px;
}

#divOverzicht table tr td a
{	
	color: #10658C;
}
.selectievelden td.label
{
	padding: 3px 10px 0 0;
}
.selectievelden .selectveld
{
	width: 203px;
}
.selectievelden input.tekstveld
{
	width: 200px;
}
#tabs
{
	font-size: 12px;
}
.gebruiker
{
	width: 350px;
}
.gebruiker .VeldText, .gebruiker .VeldTextEmail
{
	width: 200px;
}

/*Afbeelding upload */

.afbeeldingVeld .ctrl_afbeeldingUpload_Klein
{
	width:400px;	
}

.afbeeldingVeld .ctrl_afbeeldingUpload_Klein iframe
{
	height:80px;
}

.ctrl_afbeelding 
{
	margin-top:10px;	
}

/* Voor de linklijst */

ul#bllLinks { list-style-type: none; margin: 0; padding: 0; width: auto;}
ul#bllLinks li { margin: 0 5px 5px 0; padding: 0; font-size: 1.2em;  font-size:12px; padding:2px;}


/*#URLNaamVeld {display:none !important; visibility:hidden !important;}*/

/*Nodeselectie*/
.sw_VeldNodeID
{
    height: 150px;
    overflow: auto;
}

.sw_BeheerShopProductEigenschappenPopUp {
	overflow: auto;
	height: 100%;
	padding: 10px;
}