/*
-----------------------------------------------
Style ADULLACT pour media screen
auteur:   Matthieu Faure // Open-S.com
version:  13/09/2005
----------------------------------------------- */

* {
	font-family : "Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size: small;
}

#extra img {
    border: 0;
}


.skip {
	height:0;
	width:0;
	left:-19000px;
	overflow:hidden;
	position:absolute;
}

.clear {
	clear: both;
	visibility: hidden;
}

.clearer {clear:left;line-height:0; height:0;}

.italique {font-style:italic;}
.gras {font-weight:bold;}
.rouge{color: red;}
.vert{color:green;}

/* =header
-------------------------------------------------- */
#header {
	background: url(header_fond_gauche.jpg) no-repeat top left #467bb7;
	border: solid 1px white;
		/* bordure n&#233;cessaire pour coller #header et #main, la bordure est de la couleur du fond (blanc) pour &#234;tre invisible */
	margin: 0 -1px 0px;
		/* marges droite et gauche &#224; -1px pour compenser la bordure de 1px */
	color: white;
}

#floater1 {
	float: left;
	width: 100%;
}

#header h1 {
	margin: 0;
	float: left;
}

#logo-adullact {
	margin-right: 110px;
		/* necessaire pour positionner l'image du #slogan par rapport a l'image de fond */
	margin-bottom: 24px;
		/* necessaire pour position le #sous-titre par rapport a l'image de fond*/
	border: 0;
}

#header a {
	color:white;
	font-weight: bold;
	text-decoration: none;
}

#header a:hover {
	text-decoration: underline;
}

#slogan {
	float: left;
	margin-top:20px;
}

#gforge {
	float: right;
	margin-top: 5px;
	border: 0;
}

#floater2 {
/* div est necessaire sinon IE6/win ne positionne pas l'image de fond de #header au bon endroit */
}

#sous-titre {
	float: left;
	padding:0;
	margin: 0;
	margin-left: 15px;
	width: 65%;
		/* besoin de definir une largeur a #sous-titre et #search pour eviter le chevauchement
			la somme des deux width doit etre inferieure a 100% a cause de marges droites et gauches des deux elements */
	font-size: xx-small;
}

#search {
	float:right;
	margin: -10px 5px 5px 0;
	width: 32%;
		/* besoin de definir une largeur a #sous-titre et #search pour eviter le chevauchement
			la somme des deux width doit etre inferieure a 100% a cause de marges droites et gauches des deux elements */
	text-align: right;
}

#search input[type="image"] {
	margin-bottom: -4px;
}

#barre-de-liens {
	clear: both;
	background: url(header_barre_de_liens_fond_droite.png) no-repeat top right;
	color: white;
	text-align: center;
	border-bottom: solid 1px #4d4d4d;
}

#barre-de-liens p {
	background: url(header_barre_de_liens_fond_gauche.png) no-repeat top left;
	margin: 0;
}

/* =main
-------------------------------------------------- */

#main {
	float: left;
	width: 100%;
}

/* =nav
-------------------------------------------------- */
#nav {
	width: 20%;
	float: left;
}

#nav a {
	color:white;
	text-decoration: none;
}

#nav a:hover {
	text-decoration: underline;
}

#nav li {
	list-style-type: square;
}

#services-en-ligne,
#nav1 {
	color: white;
	background: #7c5ba9;
	border: solid 1px #4d4d4d;
	margin-bottom: 5px;
}

#services-en-ligne h3,
#nav1 h3 {
	font-weight: bold;
	padding-left: 0.5em;
	margin-top: 0;
	background-color: #a48dc3;
}


/* =container
-------------------------------------------------- */
#container {
	float: right;
	width: 79%;
		/* largeur = 100 - largeur de #nav - "un peu"
			le "un peu" permet de laisser la place aux padding, margin et autres espacements */
}

/*#container a {
	color: black;
}
*/

/* =breadcrumb
 -------------------------------------------------- */
/* Fil d'ariane: Fat Erik's breadcrumbs, references sur http://css.maxdesign.com.au/listamatic/horizontal33.htm */

#breadcrumb {
	list-style: none;
	padding: 0;
	margin: 0;
}

#breadcrumb li {
	display: inline;
	padding: 0;
	margin: 0;
}

#breadcrumb li:before { content: "> "; }
#breadcrumb li:first-child:before { content: ""; }

/*IE workaround*/
/*All IE browsers*/
* html #breadcrumb li {
	background-image: url("breadcrumb_gt.png");
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 0 0.5em 0 1em;
	margin: 0 1em 0 -1em;
}

/*Win IE browsers - hide from Mac IE\*/
* html #breadcrumb { height: 1%; }

* html #breadcrumb li {
	display: block;
	float: left;
}

/*End hide*/
/*Mac IE 5*/
* html #breadcrumb li:first-child { background-image: none; }

#breadcrumb a {
	color: black;
}

/* =content
-------------------------------------------------- */
#content {
	background-color: white;
	width: 75%;
		/* la largeur est definie par rapport au conteneur parent, i.e. #container */
	float: left;
}


#content img {
    border:0;
}

#content h2 {
	font-style:italic;
	margin-top: 0;
}

#content h2 a {
	color: black;
	text-decoration:none;
}

#content h2 a:hover {
	text-decoration:underline;
}

.sous-rubrique-articles {
	list-style-image: url(puce.png);
}

.sous-rubrique-documents {
	list-style-image: url(puce.png);
}

/* "containing floats, Eric Meyer: http://complexspiral.com/publications/containing-floats/ */
div.rubrique-documents {float: left;border:0;padding:5px;}
div.rubrique-documents img {float: left;margin:5%;}

.date-auteur-article {
	margin-top: 0;
	text-align:right;
	/*color: #a2ba4d;*/
	color: #ff6701;
	background: white;
}

/* DEBUT Coins arrondis : http://www.vertexwerks.com/tests/sidebox/ */

/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
	background: url(content_round_corner_00_bottom_right.png) no-repeat bottom right;
}

.boxhead {
	background: url(content_round_corner_00_top_right.png) no-repeat top right;
	margin-top: 10px;
	padding: 0;
}
	
.boxhead h2 {
	background: url(content_round_corner_00_top_left.png) no-repeat top left;
	margin: 0;
	padding: 5px;
}
	
.boxbody {
	background: url(content_round_corner_00_bottom_left.png) no-repeat bottom left;
	margin: 0;
	padding: 1px 5px;
}


/* FIN Coins arrondis */


/* =extra
-------------------------------------------------- */
#extra {
	float: right;
	width: 24%;
		/* largeur = 100 - largeur de #content - "un peu"
			le "un peu" permet de laisser la place aux padding, margin et autres espacements */
	background: #e0b9ec;
	color: black;
	border: solid 1px #4d4d4d;
        text-align: center
}

#extra h3 {
	background: #ecd5f4;
	padding-left: 0.5em;
	margin: 0;
}

#extra p {
	padding: 0.5em;
	margin: 0;
}

#extra a {
	color: black;
	text-decoration:none;
}

#extra a:hover {
	text-decoration:underline;
}

.breve,
.annonce,
.syndication-gforge,
.article-meme-rubrique,
.projet-mois {
	padding: 0 0 0 0.5em;
	border-bottom: solid 1px #ecd5f4;
}

a.imageCentre {
    background-position: center;
}

/* =footer
-------------------------------------------------- */
#footer {
	color: white;
	background-color: #759ad3;
	border:solid 1px #0d4c94;
	text-align:center;
}

#footer p {
	margin: 0;
		/* marge a 0 necessaire pour la fusion avec celles de #footer
			Reviser son "margin collapsing" sur http://www.andybudd.com/archives/2003/11/no_margin_for_error/index.php :-) */
}

#footer a {
	font-weight: bold;
	text-decoration: none;
	color: white;
}

#footer a:hover {
	text-decoration: underline;
}

/** enlevé le 31_01_2007
#liste-logos {
	list-style: none;
}
**/

/** ajouté le 31_01_2007 **/
#liste-logos {
	list-style: none;
	background-color: #FFFFFF;
	-moz-border-radius: 10px;
	color: black;
	font-size: 1.2em;
	margin:0 auto;
	width:90%;
	margin-bottom: 20px;
	margin-top: 5px;
}

#liste-logos li {
	display: inline;
	padding: 0 5px;
}

/** ajouté le 31-01-2007 **/
#liste-logos th {
	font-size: 0.8em;		
	font-weight: normal;
	color: #759ad3;
}

/** ajouté le 31-01-2007 **/
#liste-logos td {
	padding: 0 15px;
}

/** enlevé le 31-01-2007
#liste-logos img {
	border: 0;
}
**/
 
 /** ajouté le 31-01-2007 **/
 #liste-logos img {
 	border: 0;
	margin-top: 5px;
	margin-bottom: 5px;
}
		



/** AJOUTE POUR L'AGENDA **/

	pre{

		display:block;

		font:12px "Courier New", Courier, monospace;

		padding:10px;

		border:1px solid #bae2f0;

		background:#e3f4f9;	

		margin:.5em 0;

		width:674px;

		}	

			

    /* image replacement */

        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{

            margin:0;

            padding:0;

            display:block;

            overflow:hidden;

            text-indent:-8000px;

            }

    /* // image replacement */


	#present{
	text-align:center;
	}

	#box{	

		margin:0 auto;

		position:relative;

		text-align:left;

		width:696px;

		background:#fff;		

		margin-bottom:2em;

		z-index:1;

		-moz-border-radius: 10px;

    		-webkit-border-radius: 10px;

    		border-radius: 10px; 

		}	


	.jan{

	/*background:url('../images/01.jpg');*/	

	}

	.fev{

	/*background:url('../images/02.jpg');*/	

	}

	li .test{

	width:19px;

	height:45px;

	background-color:#f1F1F1;

	margin-top:92px;

	margin-left:120px;

		

	}

	li .test2{

	width:50px;

	height:50px;

	background-color:#f1F1F1;

	margin-top:50px;

	margin-left:200px;

		

	}

/* Easy Slider */

	

	#slider_back{

	background:url("http://adullact.org/IMG/jpg/mois.jpg") repeat-x;

	margin-top:-20px;

	-moz-border-radius: 10px;

    	-webkit-border-radius: 10px;

    	border-radius: 10px; 
	}

	

	#slider ul, #slider li,

	#slider2 ul, #slider2 li{

		margin:0;

		padding:0;

		list-style:none;

		}

	#slider2{margin-top:1em;}

	#slider li, #slider2 li{ 

		/* 

			define width and height of list item (slide)

			entire slider area will adjust according to the parameters provided here

		*/ 

		width:696px;

		height:300px;

		overflow:hidden;

		}	

	#prevBtn, #nextBtn,

	#slider1next, #slider1prev{ 

		display:block;

		width:30px;

		height:77px;

		position:absolute;

		left:-30px;

		top:71px;

		z-index:1000;

		}	

	#nextBtn, #slider1next{ 

		left:696px;

		}														

	#prevBtn a, #nextBtn a,

	#slider1next a, #slider1prev a{  

		display:block;

		position:relative;

		width:30px;

		height:77px;

		background:url(http://adullact.org/IMG/gif/btn_prev.gif) no-repeat 0 0;	

		}	

	#nextBtn a, #slider1next a{ 

		background:url(http://adullact.org/IMG/gif/btn_next.gif) no-repeat 0 0;	

		}	

	#slider_back li

	{

	display:inline;

	font:16px "Times New Roman", Courier, monospace;

	}

	/*#slider_back li:hover

	{

	border:#3274e2 solid 2px;

	-moz-border-radius: 5px;

    	-webkit-border-radius: 5px;

    	border-radius: 5px;

	}*/

	/* numeric controls */	



	ol#controls{

		margin:1em 0;

		padding:0;

		height:28px;	

		}

	ol#controls li{

		margin:0 10px 0 0; 

		padding:0;

		float:left;

		list-style:none;

		height:28px;

		line-height:28px;

		}

	ol#controls li a{

		float:left;

		height:28px;

		line-height:28px;

		border:1px solid #ccc;

		background:#DAF3F8;

		color:#555;

		padding:0 10px;

		text-decoration:none;

		}

	ol#controls li.current a{

		background:#5DC9E1;

		color:#fff;

		}

	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}

	

/* // Easy Slider */





.calendar-month td.sem{color:#ecac30; background:#e3e3e3; -moz-border-radius: 30px;-webkit-border-radius: 30px;border-radius: 30px;}

.calendar-month td.gtc{color:#6593c4; background:#e3e3e3; -moz-border-radius: 30px;-webkit-border-radius: 30px;border-radius: 30px;}

.calendar-month td.webconf{color:#5ab772; background:#e3e3e3; -moz-border-radius: 30px;-webkit-border-radius: 30px;border-radius: 30px;}



#day{

color:#fff;

font:14px "Arial";

padding:5px 5px 5px 5px;

}

.day_2012-03-01{

display:none;



background:#6593c4;

position:absolute;

right:130px;

font-size: 20px;

font-weight:bold;

border:ridge 3px;

-moz-border-radius: 5px;

-webkit-border-radius: 5px;

border-radius: 5px;

}

.desc-day_2012-03-01{

display:none;

color:#fff;

width:300px;

height:200px;

background:#6593c4;

left:30%;

top:10%;

position:absolute;

z-index:1000;

border:ridge 3px;

text-align:left;

-moz-border-radius: 10px;

-webkit-border-radius: 10px;

border-radius: 10px; 

}







.day_2012-03-22{

display:none;

background:#5ab772;

position:absolute;

right:340px;

bottom:130px;

font-size: 20px;

font-weight:bold;

border:ridge 3px;

-moz-border-radius: 5px;

-webkit-border-radius: 5px;

border-radius: 5px;

}

.desc-day_2012-03-22{

display:none;

color:#fff;

width:300px;

height:200px;

background:#5ab772;

left:30%;

top:10%;

position:absolute;

z-index:1000;

border:ridge 3px;

text-align:left;

-moz-border-radius: 10px;

-webkit-border-radius: 10px;

border-radius: 10px; 

}





.day_2012-03-29{

display:none;

background:#ecac30;

position:absolute;

right:340px;

font-size: 20px;

font-weight:bold;

border:ridge 3px;

-moz-border-radius: 5px;

-webkit-border-radius: 5px;

border-radius: 5px;

}

.desc-day_2012-03-29{

display:none;

color:#fff;

width:400px;

height:330px;

background:#ecac30;

left:25%;

top:10%;

position:absolute;

z-index:1000;

border:ridge 3px;

text-align:left;

-moz-border-radius: 10px;

-webkit-border-radius: 10px;

border-radius: 10px; 

}





.day_2012-04-05{

display:none;

background:#6593c4;

position:absolute;

right:130px;

font-size: 20px;

font-weight:bold;

border:ridge 3px;

-moz-border-radius: 5px;

-webkit-border-radius: 5px;

border-radius: 5px;

}

.desc-day_2012-04-05{

display:none;

color:#fff;

width:300px;

height:200px;

background:#6593c4;

left:30%;

top:10%;

position:absolute;

z-index:1000;

border:ridge 3px;

text-align:left;

-moz-border-radius: 10px;

-webkit-border-radius: 10px;

border-radius: 10px; 

}





.day_2012-04-12{

display:none;

background:#6593c4;

position:absolute;

right:340px;

font-size: 20px;

font-weight:bold;

border:ridge 3px;

-moz-border-radius: 5px;

-webkit-border-radius: 5px;

border-radius: 5px;

}

.desc-day_2012-04-12{

display:none;

color:#fff;

width:300px;

height:200px;

background:#6593c4;

left:30%;

top:10%;

position:absolute;

z-index:1000;

border:ridge 3px;

text-align:left;

-moz-border-radius: 10px;

-webkit-border-radius: 10px;

border-radius: 10px; 

}





.day_2012-05-10{

display:none;

background:#5ab772;

position:absolute;

right:130px;

font-size: 20px;

font-weight:bold;

border:ridge 3px;

-moz-border-radius: 5px;

-webkit-border-radius: 5px;

border-radius: 5px;

}

.desc-day_2012-05-10{

display:none;

color:#fff;

width:300px;

height:200px;

background:#5ab772;

left:30%;

top:10%;

position:absolute;

z-index:1000;

border:ridge 3px;

text-align:left;

-moz-border-radius: 10px;

-webkit-border-radius: 10px;

border-radius: 10px; 

}





.day_2012-05-15{

display:none;

background:#6593c4;

position:absolute;

right:500px;

font-size: 20px;

font-weight:bold;

border:ridge 3px;

-moz-border-radius: 5px;

-webkit-border-radius: 5px;

border-radius: 5px;

}

.desc-day_2012-05-15{

display:none;

color:#fff;

width:300px;

height:200px;

background:#6593c4;

left:30%;

top:10%;

position:absolute;

z-index:1000;

border:ridge 3px;

text-align:left;

-moz-border-radius: 10px;

-webkit-border-radius: 10px;

border-radius: 10px; 

}





.day_2012-05-24{

display:none;

background:#ecac30;

position:absolute;

right:330px;

font-size: 20px;

font-weight:bold;

border:ridge 3px;

-moz-border-radius: 5px;

-webkit-border-radius: 5px;

border-radius: 5px;

}

.desc-day_2012-05-24{

display:none;

color:#fff;

width:380px;

height:320px;

background:#ecac30;

left:30%;

top:10%;

position:absolute;

z-index:1000;

border:ridge 3px;

text-align:left;

-moz-border-radius: 10px;

-webkit-border-radius: 10px;

border-radius: 10px; 

}





.day_2012-06-05{

display:none;

background:#ecac30;

position:absolute;

right:260px;

font-size: 20px;

font-weight:bold;

border:ridge 3px;

-moz-border-radius: 5px;

-webkit-border-radius: 5px;

border-radius: 5px;

}

.desc-day_2012-06-05{

display:none;

color:#fff;

width:380px;

height:500px;

background:#ecac30;

left:28%;

top:10%;

position:absolute;

z-index:1000;

border:ridge 3px;

text-align:left;

-moz-border-radius: 10px;

-webkit-border-radius: 10px;

border-radius: 10px; 

}





.day_2012-06-20{

display:none;

background:#6593c4;

position:absolute;

right:420px;

font-size: 20px;

font-weight:bold;

border:ridge 3px;

-moz-border-radius: 5px;

-webkit-border-radius: 5px;

border-radius: 5px;

}

.desc-day_2012-06-20{

display:none;

color:#fff;

width:300px;

height:200px;

background:#6593c4;

left:52%;

top:10%;

position:absolute;

z-index:1000;

border:ridge 3px;

text-align:left;

-moz-border-radius: 10px;

-webkit-border-radius: 10px;

border-radius: 10px; 

}





.day_2012-06-20bis{

display:none;

background:#9cd2df;

position:absolute;

right:190px;

font-size: 20px;

font-weight:bold;

border:ridge 3px;

-moz-border-radius: 5px;

-webkit-border-radius: 5px;

border-radius: 5px;

}

.desc-day_2012-06-20bis{

display:none;

color:#fff;

width:300px;

height:200px;

background:#9cd2df;

left:5%;

top:10%;

position:absolute;

z-index:1000;

border:ridge 3px;

text-align:left;

-moz-border-radius: 10px;

-webkit-border-radius: 10px;

border-radius: 10px; 

}





.day_2012-09-18{

display:none;

background:#ecac30;

position:absolute;

right:270px;

font-size: 20px;

font-weight:bold;

border:ridge 3px;

-moz-border-radius: 5px;

-webkit-border-radius: 5px;

border-radius: 5px;

}

.desc-day_2012-09-18{

display:none;

color:#fff;

width:350px;

height:340px;

background:#ecac30;

left:28%;

top:10%;

position:absolute;

z-index:1000;

border:ridge 3px;

text-align:left;

-moz-border-radius: 10px;

-webkit-border-radius: 10px;

border-radius: 10px; 

}





.day_2012-09-25{

display:none;

background:#5ab772;

position:absolute;

right:510px;

font-size: 20px;

font-weight:bold;

border:ridge 3px;

-moz-border-radius: 5px;

-webkit-border-radius: 5px;

border-radius: 5px;

}

.desc-day_2012-09-25{

display:none;

color:#fff;

width:330px;

height:200px;

background:#5ab772;

left:28%;

top:10%;

position:absolute;

z-index:1000;

border:ridge 3px;

text-align:left;

-moz-border-radius: 10px;

-webkit-border-radius: 10px;

border-radius: 10px; 

}





.day_2012-11-08{

display:none;

background:#ecac30;

position:absolute;

right:330px;

font-size: 20px;

font-weight:bold;

border:ridge 3px;

-moz-border-radius: 5px;

-webkit-border-radius: 5px;

border-radius: 5px;

}

.desc-day_2012-11-08{

display:none;

color:#fff;

width:300px;

height:300px;

background:#ecac30;

left:30%;

top:10%;

position:absolute;

z-index:1000;

border:ridge 3px;

text-align:left;

-moz-border-radius: 10px;

-webkit-border-radius: 10px;

border-radius: 10px; 

}





.day_2012-11-22{

display:none;

background:#5ab772;

position:absolute;

right:130px;

font-size: 20px;

font-weight:bold;

border:ridge 3px;

-moz-border-radius: 5px;

-webkit-border-radius: 5px;

border-radius: 5px;

}

.desc-day_2012-11-22{

display:none;

color:#fff;

width:300px;

height:200px;

background:#5ab772;

left:30%;

top:10%;

position:absolute;

z-index:1000;

border:ridge 3px;

text-align:left;

-moz-border-radius: 10px;

-webkit-border-radius: 10px;

border-radius: 10px; 

}





.day_2012-11-29{

display:none;

background:#6593c4;

position:absolute;

right:330px;

font-size: 20px;

font-weight:bold;

border:ridge 3px;

-moz-border-radius: 5px;

-webkit-border-radius: 5px;

border-radius: 5px;

}

.desc-day_2012-11-29{

display:none;

color:#fff;

width:300px;

height:200px;

background:#6593c4;

left:30%;

top:10%;

position:absolute;

z-index:1000;

border:ridge 3px;

text-align:left;

-moz-border-radius: 10px;

-webkit-border-radius: 10px;

border-radius: 10px; 

}





.day_2012-12-06{

display:none;

background:#ecac30;

position:absolute;

right:330px;

font-size: 20px;

font-weight:bold;

border:ridge 3px;

-moz-border-radius: 5px;

-webkit-border-radius: 5px;

border-radius: 5px;

}

.desc-day_2012-12-06{

display:none;

color:#fff;

width:350px;

height:300px;

background:#ecac30;

left:28%;

top:10%;

position:absolute;

z-index:1000;

border:ridge 3px;

text-align:left;

-moz-border-radius: 10px;

-webkit-border-radius: 10px;

border-radius: 10px; 

}

#green{width:10px; height:10px; background:#5ab772;text-align:left;}
#orange{width:10px; height:10px; background:#ecac30;text-align:left;}
#blue{width:10px; height:10px; background:#6593c4;text-align:left;}



.fermer{background:url('http://adullact.org/IMG/png/fermer.png');height:20px; width:20px; margin-left:93%;}

.fermerbis{background:url('http://adullact.org/IMG/png/fermer.png');height:20px; width:20px; margin-left:93%;}

/*

.desc-alt2{

display:none;

width:500px;

height:250px;

background:url('../images/fond_desc.jpg') no-repeat center center #9cd2df;

left:30%;

top:10%;

position:absolute;

z-index:1000;

border:ridge 3px;

-moz-border-radius: 10px;

-webkit-border-radius: 10px;

border-radius: 10px; 

}*/







/*Calendrier*/





.calendar-title {

	color: #ffffff;

	font-size: 15px;

	padding-top: 6px;

	padding-bottom: 6px;

}



.calendar-title-link, .calendar-title-link:hover {

	color: #ffffff;

	text-decoration: none;

    	border-bottom: dotted 1px #fff;

	background: url("../images/xiao_icon/93.png") no-repeat scroll 0px 0px transparent;

	padding-left: 20px;

}



.calendar-title-link:hover {

    text-decoration: none;

    border-bottom: solid 2px #fff;

}



.calendar-month-title {

	background:url('http://adullact.org/IMG/jpg/mois.jpg');

	color: #533e8e;

	font-size: 22px;

	padding-top: 15px;

	padding-bottom: 15px; 

	-moz-border-radius: 10px;

    -webkit-border-radius: 10px;

    border-radius: 10px;

	   

}



.calendar-month-title-link, .calendar-month-title-link:hover {

	color: #ffffff;

	text-decoration: none;

}



.calendar-moon {

	/* width: 775px;

    background-color: black;

    */

}



.calendar-moon-title {



	border-bottom: 1px solid #DFDFDF;

	color: #ffffff;

	background-color: #2285d1;

	font-size: 22px;

	padding-top: 6px;

	padding-bottom: 6px;

}



.calendar-moon-title-link, .calendar-moon-title-link:hover {

	color: #000;

	text-decoration: none;

}



.calendar-moon th {

	color: #000;

	text-align: left;

    font-size: 12px;

    text-align: center;

    border-bottom: #b7b7b7 solid 1px;

    width: 110px;

}



.calendar-moon td {

    font-weight: bold;

	border-bottom: 1px solid #DFDFDF;

    height: 140px;

}



.calendar-moon .vandaag_moon_calendar {

	font-weight:bold;

	font-size: 18px;

    color: #fff;

    background-color: #2285d1;

}



.calendar .wknr,.calendar-month .wknr  {

	color: #919191;

    background-color: #f4f4f4;

    font-style: italic;

	text-align:center;

    border-left: 1px solid #d9d9d9;

	border-right: 1px dotted #aeaeae;

}



.calendar .wknr {

	width: 31px;

}



.calendar .wknr:hover {

	background:url(/images/selected.png) #f4f4f4 no-repeat 6px 0px;

}



.calendar-month .wknr {

	width: 46px;

	height: 30px;

	line-height: 30px;

}





.calendar-month .wknr:hover {

	background:url(/images/selected-month.png) #f4f4f4 no-repeat 9px 0px;

}







.calendar-month th.wknr {

	font-size: 12px;

	width:30px;

	

}

.calendar td.emptycells:hover,

.calendar-month td.emptycells:hover {

	background: none;

	cursor:auto;

}



td.vak {

	color: #cc234c;

	font-weight: bold;

}



td.wd_5, td.wd_6 {

 	color: #0d5d9a;

}





.calendar {



}



.calendar-month {

width: 100%;

}



.calendar th, .calendar-month th {

	color: #676767;

	text-align:center;

}



.calendar th {

	font-size: 12px;

}



.calendar-month th {

	font-size: 14px;

}



.calendar td, .calendar-month td {

	text-align: center;

	color: #686868;

}



.calendar td {

	width: 26px;

}



.calendar td:hover {

	font-weight:bold;

	font-size: 15px;

	background:url(/images/selected.png) no-repeat 3px 0px;

	cursor: pointer;

}



.calendar-month td {

	width: 42px;

	font-size: 18px;

}



.calendar-month td:hover, .sun_hover {

	font-weight:bold;

	font-size: 20px;

	background:url(/images/selected-month.png) no-repeat 7px 0px;

	cursor: pointer;

}

/* lavalamp*/



.lavaLamp {

    position: relative;

    height: 29px; 

    width: 900px;

    left:20px;

    padding: 15px;

    overflow: hidden;

   

}

    /* Force the list to flow horizontally */

    .lavaLamp li {

        float: left;

        list-style: none;

	

    }

        /* Represents the background of the highlighted menu-item. */

        .lavaLamp li.back {

            border:#9cd2df ridge 3px;

	    -moz-border-radius: 10px;

    	    -webkit-border-radius: 10px;

    	    border-radius: 10px;

	    background:#F1F1F1;

            width: 8px; 

            z-index: 8;

            position: absolute;

		height: 20px;

	padding-right:-20px;

        }

        

        /* Styles for each menu-item. */

        .lavaLamp li a {

		

            position: relative; overflow: hidden;

            text-decoration: none;

            text-transform: uppercase;

            font: bold 10px arial;

            color: #000; outline: none;

            text-align: center;

		padding-top:5px;

            vertical-align: middle;

            z-index: 10; letter-spacing: 0;

            float: left; display: block;

            margin: auto 5px;

        }






