@charset "utf-8";
/* CSS Document */

/* browser settings reset */
html,body, dt, dl, dd, ul, ol, li, h1, h2, h3, h4, h5, h6 , form, fieldset, a,blockquote 
		{
		margin: 0px;
		padding: 0px;
		border: 0px;
		}

/* site settings */
*{font-family: Arial, Verdana, Helvetica, sans-serif;}
.attention 	{color:#ff0000;	}
img 
		{
		border: 0px;
		}
		

a,
a:visited
		{
		color:#293b8f;	
		font-weight:normal;
		text-decoration:underline;
		}

a:hover{text-decoration: none;background-color:#fff;}

body 
		{
		height:100%;
		font-size: 100.01%;
		background-color:#fff;
		background-image:url("../images/bodyBg.gif");
		background-repeat:repeat-x;
		}
		
.floatLeft{float:left;}
.floatRight{float:right;}
.floatNone {float:none;}
.alignCenter{text-align:center;}
/* font-size 100.01% is to fix several bugs

IE/Win : bug fix for "em" bug - if font size is set to 100%, font proportions 
can be distorted if em units are on elements on page -
Opera  : font-size 100% -> font is drawn smaller than other browsers 
Safari : has problems with font-size 101%, so 100.01%  safest choice */

/* layout */

.hide,
.printonly 
		{
		display: none;
		}

.screenonly {}

/* de class en printonly hide kunnen worden gebruikt om accessibility/usability te vergroten door 
elementen te verbergen, deze worden zichtbaar als deze stylesheet niet worden gerenderd
*/

html 
		{
		height:100%;
		}


/*--------layout-----*/

/*Layout TekstResize*/
#TekstResize{float:right;border:1px solid #efefef;width:100%;margin-bottom:10px;}
#TekstResize li{ line-height:18px;float:left;list-style:none; padding:6px 0px 0px 5px; color:#000;}
#TekstResize li a{ text-decoration:none;color:#000;font-weight:normal;}
#TekstResize li a:hover{ text-decoration:underline;}
#TekstResize #Normaal{font-size:13px;padding:7px 0 0 10px;line-height:18px;}
#TekstResize #Groot{ font-size:22px; margin-top:-2px;padding:2px 0 0 10px;line-height:29px;}

#snelmenu
		{
		
		}
		
		
#mainContainer
		{
		width:990px;
		height:100%;
		margin-left:auto;
		margin-right:auto;
		border:solid 0px red;
		}

#header
		{				
		height:112px;
		background-color:#fff;
		background-image:url("../images/header_logo.gif");
		background-repeat:no-repeat;
		
		}

#logo_Hilfsmittelinfo
		{
		float:left;
		margin-left:15px;
		margin-top:53px;
		}


#logo_BMASK
		{
		float:right;
		margin-right:65px;
		}	
		
/*---zoekpagina---*/
#zoek
		{
		background-color:#f79239;
		padding:5px;
		border:0px solid #000;
		font-size:.8em;
		margin-bottom:5px;
		}
		
#text_suche
		{
		width:750px;
		margin:20px;
		
		border:1px solid #9cb3b3;
		}
		
#text_suche fieldset
		{
		position:relative;
		border:0px solid #9cb3b3;
		width:500px;		
		margin:20px;
		margin-left:15%;
		margin-right:15%;
		}
		
#text_suche fieldset h3
		{
		margin:6px;
		margin-left:0px;
		}	
			
#stichwort
		{
		width:330px;
		}	
label 	
		{
		float:left;
		color:#008080;
		font-weight:bold;
		width:105px;
		}

input[type=checkbox]
		{
		float:left;
		margin-left:-50px;
		}
		
		
input[type=submit],
input[type=reset]
		{
		margin:10px;
		}	
		
#contentContainer
		{		
		margin-top:10px; 
		}			
		
#leftColumn
		{
		float:left;
		margin-right:.5em;
		width:187px;
		border:solid 0px #dfdfdf;
		background-color:#fff;
		}
		
#leftMenu
		{
		float:left;
		width:187px;
		height:100%;
		list-style-type:none;
		list-style:none;
		background-color:#fff;
		padding-bottom:10px;
		}

#leftMenu li
		{
		margin-bottom:10px;
		}		

#leftMenu li a
		{
		font-size:1em;
		font-weight:bold;
		height:34px;
		width:187px;
		display:block;
		color:#000;
		text-decoration:none;
		background-image:url("../images/Buttons-mit-Mauszeiger.gif");
		background-repeat:no-repeat;
		background-position: right top;
		}
		
	

/* positie BG -textimages voor menu inclusief hover en selected*/
#leftMenu li a.status
		{
		float:none;
		}		
		
#leftMenu li#startseite a
		{				
		background-position: right top;
		height:48px!important;	
		}

#leftMenu li#startseite a:hover,
#leftMenu li#startseite a.selected
		{				
		background-position: left top;
		height:48px!important;	
		}
		
#leftMenu li#text a
		{
		background-position:right -56px;
		}

#leftMenu li#text a:hover,
#leftMenu li#text a.selected
		{
		background-position:left -56px;
		}
		
#leftMenu li#iso a
		{
		background-position:right -118px;
		}

#leftMenu li#iso a:hover,
#leftMenu li#iso a.selected
		{
		background-position:left -118px;
		}
				
#leftMenu li#einsatz a
		{
		background-position:right -160px;
		}
		
#leftMenu li#einsatz a:hover,
#leftMenu li#einsatz a.selected
		{
		background-position:left -160px;
		}
		
#leftMenu li#kinder a
		{
		background-position:right -201px;
		}
		
#leftMenu li#kinder a:hover,
#leftMenu li#kinder a.selected
		{
		background-position:left -201px;
		}
				
#leftMenu li#pflege a
		{
		background-position:right -243px;
		}
		
#leftMenu li#pflege a:hover,
#leftMenu li#pflege a.selected
		{
		background-position:left -243px;
		}
		
#leftMenu li#mark a
		{
		background-position:right -285px;
		}
		
#leftMenu li#mark a:hover,
#leftMenu li#mark a.selected
		{
		background-position:left -285px;
		}
				
#leftMenu li#hilfe a
		{
		background-position:right -347px;
		}
		
#leftMenu li#hilfe a:hover,
#leftMenu li#hilfe a.selected
		{
		background-position:left -347px;
		}		
		
#leftMenu li#statistik a
		{
		background-position:right -388px;
		}
		
#leftMenu li#statistik a:hover,
#leftMenu li#statistik a.selected
		{
		background-position:left -388px;
		}
			
#leftMenu li#impress a
		{
		background-position:right -430px;
		}
		
#leftMenu li#impress a:hover,
#leftMenu li#impress a.selected
		{
		background-position:left -430px;
		}
				
#leftMenu li#service a
		{
		background-position:right -492px;
		}	
		
#leftMenu li#service a:hover,
#leftMenu li#service a.selected
		{
		background-position:left -492px;
		}
		
		
#leftMenu .laatste
		{
		margin-bottom:40px;
		}
				
#leftColumn #W3C-WAI
		{		
		width:88px;
		}				

#mainColumn
		{
		float:left;		
		padding:15px;
		padding-top:5px;		
		width:760px;
		font-size:.8em;
		color:#444;
		background-image:url("../images/content_Bg.jpg");
		background-repeat:repeat-y;
		background-color:#fdfdfd;
		border:0px solid #333;
		}
		
	
#footer
		{			
		float:left;
		width:98%;
		padding-top:3px;
		margin-top:50px;	
		margin-right:15px;		
		font-size:.85em;
		font-weight:bold;	
		border-top:#800000 solid .2em;
		color:#293b8f;
		}
		
.dataContainer
		{
		float:right;
		}
		
.datensatz,			
.eingabedatum,
.anderungsdatum,
.kontrolldatum
		{
		float:left;	
		margin-left:10px;
		font-weight:normal;
		} 
		
.datensatz,
#printJump a
		{		
		font-weight:bold;
		}
	
#footer #copy
		{
		float:left;
		}

#footer #printJump
		{
		float:right!important;
		margin:-35px 0 0 0;	
		clear:both;
		white-space:nowrap;
		}
		
#mainColumn ul,
#mainColumn ol
		{
		margin-left:20px;
		}


		
/*---headers--*/
h1,h2,h3,h4,h5,h6
		{
		margin:0;
		margin-top:5px;
		margin-bottom:0;
		font-weight:bold;
		}

h1		{
		font-size:1.5em;
		}

h2	{
		font-size:1.3em;
		}

h3		{
		font-size:1.1em;
		}

h4		{
		font-size:.9em;
		}

h5		{
		font-size:.8em;
		}

h6		{
		
		}

/****-------------------------****/
/**** produktenpagina*****/
/****-----------------------*****/
#productContainer
		{		
		margin-bottom:20px;
		}

#productContainer h1
		{		
		margin:5px 0 10px 0;
		}


#productContainer h2
		{		
		float:left;
		clear:both;
		font-size:1em;
		width:100%;
		margin-top:5px;
		color:#800101;
		}
		
.subContainer
		{
	
		}
		
		
.omschrijvingHeader
		{			
		
		padding-top:30px;
		font-weight:bold;
		color:#800101;
		font-size:1.3em;
		}	
		
.omschrijvingHeader.algemeen,
.outputOmschrijving
		{
		/*float:left;*/
		clear:both;
		} 
		
		
.omschrijvingHeader.algemeen a
	{
	font-size:.8em!important;
	}			
		
				
		
.subContainer h2
		{
		border:0px solid #333;
		width:155px!important;
		font-weight:normal;
		}
		
.subContainer h2 a
		{
		display:block;
		width:770px;
		padding:4px; 
		font-weight:bold;
		background-color:#fefefe;
		}
				
.subContainer .output
		{
		float:left;
		padding:5px;
		padding-top:0px;	
		border:0px solid #333;
		margin-top:5px;
		}	

.dataTable th
		{
		background-color:#f2f2f2;
		}
		
.dataTable
		{
		width:750px;
		text-align:left;
		}
			
.dataTable td
		{
		padding:3px;
		}
		
.dataTable td[headers=id1_heading_2],
#id1_heading_2
		{
		text-align:right;
		}
				
#productContainer h3
		{
		font-size:.85em;
		}
		
		
#productContainer img
		{
		border:1px solid #e8eded;
		}
		
.productImg
		{
		float:left;
		}

.output ul
		{
		float:left;
		list-style-type:none;
		border-top:1px solid #efefef;
		margin-bottom:5px;
		}

.output ul li
		{
		float:left;
		padding:3px;
		padding-left:0px;
		width:240px;
		}
		
.output.blockList
		{
		clear:left;
		width:100%;
		}
.output.blockList ul
		{
		width:90%;
		}	
		
.output.blockList ul li
		{
		float:left;
		width:100%;
		}
		
.output.blockList ul li a
		{
		display:block;
		padding:2px;
		}
		
		
.output.blockList .kolomLijst li
		{
		float:left;
		width:32%;
		}
		
#fotosContainer
		{
		margin-top:25px;
		}

#fotosContainer h3
		{
		font-size:1em;
		}
		
#fotosContainer .productImg
		{
		float:left;
		}
		
#fotosContainer .productImg img
		{
		width:100px;
		}
		
		
.subKop,
.subContainer h2.subKop
		{			
		margin-top:20px;
		padding-bottom:0px;
		margin-bottom:-10px!important;
		font-weight:bold;
		}	
			
			
.subContainer.subKop
		{		
		margin:0px;
		}		
		
		
/*---------------------------------*/		
/*----zoek resultaten---*/
/*---------------------------------*/	
#Paging
	{
	float:left;
	width:700px;
	padding:5px;
	background-color:#f3f3f3;
	border:1px solid #efefef;
	}
	
#Paging a	
	{
	font-weight:bold;
	display:block;
	}



	
/*---------------------------------*/		
/*----pagina zonder menu Nomenu---*/
/*---------------------------------*/


#noMenu *
		{
		
		}
		
	
#noMenu #logo_Hilfsmittelinfo,
#noMenu #logo_BMASK
		{
		display:none;
		}
		
#noMenu #header
		{				
		background-position:-200px;
		background-repeat:repeat-x;
		}
		
#noMenu #mainColumn
		{			
		width:1000px;
		}
		
#noMenu	.subContainer
		{
		float:none;
		clear:both;
		margin-bottom:5px;
		}
		
#noMenu	.omschrijvingHeader
		{			
		padding-bottom:10px;
		padding-top:30px;
		font-weight:bold;
		color:#800101;
		font-size:1.3em;
		}	
				
#noMenu	.subContainer .output
		{	
		float:left;			
		width:800px;
		}	

#noMenu	.outputOmschrijving
		{		
		margin-left:0px;
		}	

.outputOmschrijving p
		{		
		margin:0;
		margin-left:10px;
		}

		
#noMenu .output ul
		{
		margin-top:-10px;
		padding-bottom:10px;
		margin-left:20px;
		width:1000px;
		clear:left;
		}

#noMenu .output ul li
		{
		width:325px;
		}
	
#noMenu #footer
		{			
		margin-top:50px;
		border-top:#800101 solid 2px;		
		}