html
{
	margin: 0;
	padding: 0;
}

body
{
	margin: 0;
	padding: 0;
	background : white url("../images/body_image_3.jpg") top right no-repeat;
	background-attachment:fixed;
	font-family: Adobe Helvetica,Arial,sans-serif;
	font-size: 13px;
	letter-spacing: 0px;
	font-weight: normal;
	text-align: justify;
	color : #2C2C2C;
}

/* tekst boven in */
h2
{
	font-weight : 500;
	margin : 5px 0px 15px 0px;
}

/* kader waar alles in valt, gecentreerd op het scherm */
#content
{
	float : left;
	clear : both;
	padding : 5px 10px 10px 10px;
	width : 940px;
	margin-top : 15px;
	margin-left : calc(50% - 481px);
	margin-bottom : 40px;
	background-color : rgba(255,255,255,0.8);
	border-radius : 10px;
	border : 1px solid gray;
}


.appointment_links
{
	padding : 0px;
}

.appointment_links li 
{
	display : block;
	float : left;
	list-style : none;
}

/* buttons voor maken van afspraken e.d. */
.btn 
{
	display : block;
	color : black;
	font-weight : bold;
	width : 110px;
	padding : 4px;
	border-radius : 6px;
	background: -webkit-linear-gradient(#B0EF02, #D0F95E); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#B0EF02, #D0F95E); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#B0EF02, #D0F95E); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#B0EF02, #D0F95E); /* Standard syntax (must be last) */
/*	background : transparent url("../images/div_green.png") 0 0 repeat-x;*/
	border : 1px solid gray;
	margin : 0.5em 0px 5px 0;
	font-size : 110%;
	text-align : center;
	cursor : pointer;
	text-decoration : none;
}

/* disabled button bij afspraak */
.gray_btn 
{
	color : white;
	font-weight : bold;
	width : 110px;
	padding : 4px;
	border-radius : 6px;
	background: -webkit-linear-gradient(#D1D1D1,#E5E5E5); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#D1D1D1,#E5E5E5); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#D1D1D1,#E5E5E5); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#D1D1D1,#E5E5E5); /* Standard syntax (must be last) */
	border : 1px solid gray;
	margin : 0.5em 0px 5px 0;
	height : 1.2em;
	text-align : center;
	cursor : pointer;
}

.btn:hover, .btn:active, .btn:focus
{
	background: -webkit-linear-gradient(#D0F95E, #B0EF02); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#D0F95E, #B0EF02); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#D0F95E, #B0EF02); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#D0F95E, #B0EF02); /* Standard syntax (must be last) */
}

.footer /* div blokken onderaan */
{
	z-index : 2;
	position : fixed;
	padding : 3px;
	left : 0px;
	right : 0px;
	bottom : 0px;
}

#footer_inside
{	
	width : 950px;
	clear : left;
	float : center;
	text-align : center;
	margin-left : auto;
	margin-right : auto;
	padding : 5px;
	font-size : 90%;
	color : gray;	
	border-top-left-radius : 10px;
	border-top-right-radius : 10px;
	border-top : 1px solid gray;
	border-left : 1px solid gray;
	border-right : 1px solid gray;
	background-color : white;
}

/* div blokken voor maken afspraak : niet wijzigen */
#newUser, #knownUser
{
	display : none;
}

/* input velden */
input 
{
	width : 242px;
	border : 1px solid #E0E0E0;
	padding : 0.2em;
	background-color : #FFFFFF;
	border-radius : 3px;
}

input:focus
{
	border : 1px solid #b2ef08;
}


input:hover
{
	border : 1px solid #b2ef08;
}


textarea
{
	font-family : Tahoma, 'Adobe Helvetic', Helvetica, 'Trebuchet MS', sans-serif;
	font-size : 95%;
	width : 246px;
	height : 146px;
	margin-top : 5px;
	margin-bottom : 5px;
	padding : 2px;
}


/* check vakjes (man / vrouw) */ 
.nocheck
{
  background: transparent url(../images/checkbtn.png) 4px -26px no-repeat;
  padding-left : 24px;
  padding-bottom : 2px;
  cursor : default;
}

.checked
{
  background: transparent url(../images/checkbtn.png) 4px -104px no-repeat;
  padding-left : 24px;
  padding-bottom : 2px;
  cursor : default;
}

.checked:hover 
{
  background : transparent url(../images/checkbtn.png) 4px -130px no-repeat;
}

.nocheck:hover 
{
  background : transparent url(../images/checkbtn.png) 4px -52px no-repeat;
}


#go_back
{
	float : right;
	clear : left;
	margin : 10px 10px 8px 0;
}

/* begin scherm; div blokken bij problemen, e.o. meldingen */
.login_red
{
	padding : 5px 5px 5px 5px;
	margin : 5px 0 5px 0;
	background-color : rgba(255,0,0,0.5);
	border : 1px solid gray;
	border-radius : 5px;
	width : 927px;
	font-weight : bold;
	font-size : 120%;
}

.login_green
{
	padding : 5px 5px 5px 5px;
	margin : 5px 0 5px 0;
	background-color : rgba(178, 239, 8, 0.5);
	border : 1px solid gray;
	border-radius : 5px;
	width : 927px;
	font-weight : bold;
	font-size : 120%;
}

/* bericht onder aan de agenda, tekst blok instelbaar via de website */
#podo_message
{
	padding : 5px 3px 5px 58px;
	margin : 5px 0 10px 0;
	background : transparent url(../images/big_info.png) 5px 10px no-repeat;
	border : 1px solid #b2ef08;
	border-radius : 4px;
	white-space : normal;
}

/* definitie van dagen in de agenda die bezet zijn */
.month td
{
  text-align : center; 
  margin : 4px; 
  cursor : default;
  padding : 2px;
}

/* definitie van dagen in de agenda die nog niet bezet zijn */
.free
{
  border : solid gray 1px; 
  -moz-border-radius : 3px;
  border-radius : 3px;
  background-color : rgba(178, 239, 8, 1);
  cursor : pointer;
  color : black;
}

.free:hover 
{
  background-color : rgba(178, 239, 8, 0.6);
}


/* definitie van afspraak in de agenda en reactie van de muis er over. */
.appointment, .appointment:hover
{
 background-color : yellow;
 border : solid gray 1px; 
 border-radius : 3px;
 cursor : pointer;
}


/* div month plaatsing */
.month 
{
  float : left;
  margin-right : 20px;
  margin-top : 5px;
  color : gray;
}

/* border die om de maand staat */
.month table { 
  border : solid gray 1px; 
  border-radius : 3px;
}

/* maand van de agenda kleur en alignment */
.month .head, .month .head:hover  
{ 
  text-align : center; 
  background-color : #b2ef08; 
  padding : 2px;
  margin : 2px;
  color : black;
  font-weight : bold;
} 

/* reactie van dag van de agenda en hover */
.day td:hover, .day td
{
color : black;
}

.spacer
{
	border-left : 1px solid #b2ef08;
	margin-left : 8px;
	text-align : center;
}

.appointment_detail td
{
	background-color : #b2ef08; 
	border-left : 4px solid white;
}

/* bevestig knop ; font size */
#submit 
{
	font-size : 200%;
	display : inline;
}