/* Web Ink - Modelo general de CSS - CC 2.5*/

/*-------------------------Item: clearer general-----------------*/
* {
	margin: 0; 
	padding:0;
}

/*------------------------Imagenes: correcion de autopadding en ifrefox------------------------*/

#divdelproblema img {
	display:block; /*firefox pone un autopadding si no defino esta propiedad. It is the "problem" that images as inline elements are
aligned in relation to the baseline of the text and the gap keeps some space for characters like "p".*/
}

/*------------------------Layout: divs de diagramación comunes------------------------*/

#containerhead {			/*div que contiene toda la pagina*/
	margin: auto;
	width: 100%;
	height: 318px;
	background-image: url(../img/bgheader.jpg); 	/*aplicar en caso de faux columns*/
}

#header {				/*div que contiene el header*/
	height: 82px;
	width: 960px;
	margin: auto;
	clear: both;
	border:0;
	background-image:url(../img/header.jpg);
}

#header h1{
	display: none;
}

#menu {				/*div para menu o barra auxiliar*/
	height: 65px;
	width: 910px;
	margin: auto;
	clear: both;
	border:0;
	background-image:url(../img/bgmenu.jpg);
	padding: 0 25px 0 25px;
}

#image {				/*div para menu o barra auxiliar*/
	height: 171px;
	width: 960px;
	margin:auto;
	background-image:url(../img/shadowcontenttop.jpg);
	background-position:bottom;
	position: relative;
}

#content {				/*div para menu o barra auxiliar*/
	width: 890px;
	margin:auto;
	background-image:url(../img/bgcontent.jpg);
	padding: 10px 35px 0 35px;
	font-size:1.1em;	
}

#contentcien {				/*div para menu o barra auxiliar*/
	width: 100%;
	margin:auto;
	background-color:#E6F1F7;
	
}

#footercontainer {				/*div que contiene el footer*/
	clear: both;
	height: 47px;
	width: 100%;
	border:0;
	/*background-color:#CAE6BE;*/
	background-color:#c9d3db;
}
#footer {				/*div que contiene el footer*/
	margin:auto;
	height: 40px;
	width: 860px;
	border:0;
	background-image:url(../img/footer2.jpg);
	background-position:center;
	background-repeat:no-repeat;
	font-size:1.1em;
	/*color:#003300;*/
	color:#fff;
	text-align:right;
	padding: 7px 100px 0 0;
	line-height: 160%;
}
#editable {				/*div para el contenido de la region editable (dentro de #content)*/
	width: 100%;
	overflow: auto; 	/* evita el uso del geniuswork haciendo que el div contenedor se estire*/
}

/*.geniuswork {			"aplicar en caso de que overflow no funcione y retirar este comentario"
	width: 90%;
	background-color: #F2F2F2;
	margin: 0 auto 0 auto;
	clear:both;
	color: #888888;
}*/

/*-------------------------  Layout -------------------------*/


#menu ul {
	list-style-type:none;
	list-style-position:outside;
	margin:0;
	padding:0;
}

#menu ul li {
	list-style-type:none;
	list-style-image:none;
	padding: 0;
	float:left;
}

#menu ul li a {
	text-align:center;
	padding: 45px 0 0 0;
	width: 130px;
	height:20px;
	float:left;
	font-size:1.2em;
	color:#435A6D;
}

#menu ul li#home a:link,
#menu ul li#home a:active,
#menu ul li#home a:visited {
	background-image:url(../img/menuhome.jpg);
}
#menu ul li#home a:hover {
	background-image:url(../img/menuhoverhome.jpg);
}

#menu ul li#leiding a:link,
#menu ul li#leiding a:active,
#menu ul li#leiding a:visited {
	background-image:url(../img/menuleiding.jpg);
}
#menu ul li#leiding a:hover {
	background-image:url(../img/menuhoverleiding.jpg);
}

#menu ul li#kalender a:link,
#menu ul li#kalender a:active,
#menu ul li#kalender a:visited {
	background-image:url(../img/menukalender.jpg);
}
#menu ul li#kalender a:hover {
	background-image:url(../img/menuhoverkalender.jpg);
}


#menu ul li#stem a:link,
#menu ul li#stem a:active,
#menu ul li#stem a:visited {
	background-image:url(../img/menustem.jpg);
}
#menu ul li#stem a:hover {
	background-image:url(../img/menuhoverstem.jpg);
}

#menu ul li#foto a:link,
#menu ul li#foto a:active,
#menu ul li#foto a:visited  {
	background-image:url(../img/menufoto.jpg);
}
#menu ul li#foto a:hover {
	background-image:url(../img/menuhoverfoto.jpg);
}

#menu ul li#ontbijt a:link,
#menu ul li#ontbijt a:active,
#menu ul li#ontbijt a:visited  {
	background-image:url(../img/menuontbijt.jpg);
}
#menu ul li#ontbijt a:hover {
	background-image:url(../img/menuhoverontbijt.jpg);
}


#menu ul li#blog a:link,
#menu ul li#blog a:active,
#menu ul li#blog a:visited  {
	background-image:url(../img/menublog.jpg);
}
#menu ul li#blog a:hover {
	background-image:url(../img/menuhoverblog.jpg);
}
#menu ul li#contact a:link,
#menu ul li#contact a:active,
#menu ul li#contact a:visited  {
	background-image:url(../img/menucontact.jpg);
}
#menu ul li#contact a:hover {
	background-image:url(../img/menuhovercontact.jpg);
}


/*-------------------------Layout: Admin menu ------------------------*/

#adminmenu ul {
	list-style-type:none;
	list-style-position:outside;
	margin:0;
	padding:0;
}

#adminmenu ul li {
	list-style-type:none;
	list-style-image:none;
	padding: 0;
	float:left;
}

#adminmenu ul li a {
	text-align:center;
	padding: 45px 45px 0 0;
	width: 50px;
	height:48px;
	float:left;
	font-size:1.2em;
	color:#435A6D;
}

#adminmenu ul li#home a:link,
#adminmenu ul li#home a:active,
#adminmenu ul li#home a:visited {
	background:url(../img/adminhome.gif) no-repeat;
}
#adminmenu ul li#home a:hover {
	background:url(../img/adminhomehover.gif) no-repeat;
}

#adminmenu ul li#leiding a:link,
#adminmenu ul li#leiding a:active,
#adminmenu ul li#leiding a:visited {
	background:url(../img/adminuser.gif) no-repeat;
}
#adminmenu ul li#leiding a:hover {
	background:url(../img/adminuserhover.gif) no-repeat;
}

#adminmenu ul li#kalender a:link,
#adminmenu ul li#kalender a:active,
#adminmenu ul li#kalender a:visited {
	background:url(../img/admindate.gif) no-repeat;
}
#adminmenu ul li#kalender a:hover {
	background:url(../img/admindatehover.gif) no-repeat;
}


#adminmenu ul li#stem a:link,
#adminmenu ul li#stem a:active,
#adminmenu ul li#stem a:visited {
	background:url(../img/admininfo.gif) no-repeat;
}
#adminmenu ul li#stem a:hover {
	background:url(../img/admininfohover.gif) no-repeat;
}

#adminmenu ul li#foto a:link,
#adminmenu ul li#foto a:active,
#adminmenu ul li#foto a:visited  {
	background:url(../img/adminfoto.gif) no-repeat;
}
#adminmenu ul li#foto a:hover {
	background:url(../img/adminfotohover.gif) no-repeat;
}

#adminmenu ul li#blog a:link,
#adminmenu ul li#blog a:active,
#adminmenu ul li#blog a:visited  {
	background:url(../img/adminblog.gif) no-repeat;
}
#adminmenu ul li#blog a:hover {
	background:url(../img/adminbloghover.gif) no-repeat;
}
#adminmenu ul li#logout a:link,
#adminmenu ul li#logout a:active,
#adminmenu ul li#logout a:visited  {
	background:url(../img/adminlogout.gif) no-repeat;
}
#adminmenu ul li#logout a:hover {
	background:url(../img/adminlogouthover.gif) no-repeat;
}


ul { list-style:none; }

ul#cards1,
ul#cards2,
ul#cards3,
ul#cards {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	}

ul#cards1 li,
ul#cards2 li,
ul#cards3 li,
ul#cards li  {
	display: block;
	width: 150px;
	height: 188px;
	float: left;
	margin:5px;
	text-align: center;
	}


/*-------------------------Layout: columnas de diagramación interna------------------------*/

.columnleft {		/*en modelos de diagramacion 2 columnas, esta ira a la izquierda*/
	padding: 4px;
	width: 30%;
	margin: 0 10px 0 10px;
	clear:none;
	float:left; 
}

.columnright {		/*en modelos de diagramacion 2 columnas, esta ira a la derecha*/
	padding: 4px;
	width: 30%;
	margin: 0 -5px 0 -5px;
	clear:none;
	float:left; 
}

.columnmiddle {			/*en modelos de diagramacion 3 columnas, esta ira en el medio, CORREGIR WIDTHS a 30%*/
	padding: 4px;
	width: 30%;
	margin: 0 10px 0 10px;
	clear:none;
	float:left;
	display: inline;
}

.columnaleftdostercios {		/*en modelos de diagramacion 2 columnas, esta ira a la izquierda*/
	padding: 4px;
	width: 58%;
	margin: 0 6px 0 0;
	clear:none;
	float:left; 		/*colocar de ser necesario*/
}

.columnaleftdostercios2 {		/*en modelos de diagramacion 2 columnas, esta ira a la izquierda*/
	padding: 4px;
	width: 88%;
	margin: 0 6px 0 0;
	clear:none;
	float:left; 		/*colocar de ser necesario*/
}

.columnarightdostercios {		/*en modelos de diagramacion 2 columnas, esta ira a la derecha*/
	padding: 4px;
	width: 38%;
	margin: 0 0 0 6px;
	clear:none;
	float:left; 		/*colocar de ser necesario*/
}
.columnarightdostercios4 {		
	padding: 4px;
	width: 100%;
	margin: 0 0 0 6px;
	clear:none;
	float:left; 		/*colocar de ser necesario*/
}

#ster{
	top:150px;
	left:0px;
	visibility:visible;
	position:absolute;
	width: 290px;
}

ul#wall {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	}


ul#wall li  {
	display: block;
	width: 110px;
	height: 100px;
	float: left;
	margin:5px;
	text-align: center;
	}

	.error{
	color: #B22222;
}

form input, form .euro{
	font-size: 1.4em;
}

.link{
	font-size: 1.3em;
	text-decoration: underline;
	cursor: pointer;
}

.streep{
	text-decoration: line-through;
}
#sexyBG { display: none; position: absolute; background: #000; opacity: 0.4; -moz-opacity: 0.4; -khtml-opacity: 0.4; filter: alpha(opacity=40); width: 100%; height: 100%; }
#sexyBOX { display: none; position: absolute; background: #b9e77b; color: #333; text-align: center; border: 1px solid #636D61; top: 70px; z-index: 100; }
.sexyX { font-size: 12px; color: #ddd; padding: 4px 0; border-top: 1px solid #636D61; background: #778574; }


img.floatLeft {
    float: left;
    margin: 0 20px 0 0;
    padding: 5px 0;
}

img.floatRight {
    float: right;
    margin: 3px;

}
#remain, #remain_2{
	font-size: 4em;
	color: #EE3E33;
}
.spe{
	color:#426B95; 
	font-weight:bold;
}
.gw{
	color:#EE3E33; 
	font-weight:bold;
}
.ntKSJ{
	color:#006600; 
	font-weight:bold;
}
.avond{
	color:#FF0066; 
	font-weight:normal;
}
.werking_groot{
	font-weight:bold;
	font-size: 1.5em;
	color: #6699CC;	
}

#basic-accordian{
	/*border:5px solid #EEE;*/
	padding:5px;
	width:95%;
	/*position:absolute;
	left:50%;
	top:50%;
	margin-left:-175px;
	z-index:2;
	margin-top:-100px;*/
}

.accordion_headings{
	padding:5px;
	background:#fff;
	color:#FFF;
	/*border:1px solid #FFF;*/
	cursor:pointer;
	font-weight:bold;
}

.accordion_headings:hover{
	background:#EEE;
}

.accordion_child{
	padding:15px;
	background:#fff;
}

.header_highlight{
	background:#EEE;
}