/*__________________
 
 Titel: sport-en gezondheidscentrum Respiro
css door: Stef Plantefeve, de verbeelding  

KLEURGEBRUIK:
bruin : #593C3F
lichtblauw: #E8F3FC
groen: #A7C520
grijs: #DCDBD6
grijs: #69664A;

DOOSVERDELINGEN
__________________*/
html {
margin:0;
padding:0;
color: #666;}

body{
margin:0;
padding:0;
font: 11px/15px "Verdana", arial, bitstream vera sans, sans-serif;
background: #FFF ;
}

#achtergrond {
margin:0;
padding:0;
background: #E8F3FC url("../images/bckgroundachtergrond.gif") repeat-y;
border: 1px solid #593C3F;
}

span{
margin:0;
padding:0;
}

span#respiro{
font-weight: bold;
text-transform: uppercase;
}

p.spor{
font-weight: bold;
font-size: 10px;
}

#maincontainer{
position: relative;
width: 820px; 
margin: 0px auto ; 
padding: 0;}

#leftcolumn{
width: 150px;
position: absolute;
top: 0px;
left: 5px;
}


#rightcolumn{
border-right: 1px solid #593C3F;
border-left: 10px solid  #ffffff;
background: #E8F3FC url("../images/bckgroundsidebar.gif") repeat-y ;
padding: 0;
width: 650px;
margin: 0px 0px 0px 160px;
border-bottom: 1px solid #ffffff;
text-align:left;
}

#innerrightcolumn{
width: 390px;
margin: 0px 0px 20px 185px; 
text-align:left; }


#sidebar {
position: absolute;
top: 15px;
left:165px;
margin: 0px 0px 0px 0px;
width: 180px; 
}

#tekst{
width: 405px;
font-size: 11px;
margin: 0px 0px 0px 0px; 
text-align:left; }

#tekst p{
font-weight: normal; }

#logo{
width: 150px;
margin: 0px 0px 0px 0px;
padding: 10px 0px 0px 0px }

#adres{
margin:60px 0px 0px 0px;
padding:0;
width: 150px;
font-size: 9px;
line-height: 1.3em;
color: #E8F3FC;}

#adres p{
margin:0px 0px 0px 0px;}

#adres p a{
text-decoration: none;
list-style: none;
color: #AFC439 ;}


#adres p a:visited{
text-decoration: none;
list-style: none;
color: #AFC439 ;}

#adres p a:hover {
text-decoration: underline;
list-style: none;
color: #E8F3FC;
}

#footer{
border-top: 1px solid #593C3F;
width: 465px;
padding: 0;
margin: 25px 0px 0px 0px;
text-align: left;}

#footer p {
margin: 10px 0px 0px 20px;
font-size: 11px;
}

hr.clear {
  visibility: hidden;
  clear: right;}

#leftcolumn img{
border: 0px solid #FFF;}

img{
margin:0px 0px 0px 0px;
padding: 0px; }

/*__________________

SIDEBAR NAVIGATION
__________________*/

li
{
margin: 0;
padding: 0;
}

/*__________________

links
__________________*/

a{
text-decoration: none;
list-style: none;
color: #AFC439 ;}

a:hover{
text-decoration: none;
list-style: none;
color: #593C3F ;}

#innerrightcolumn a{
list-style: none;
text-decoration: underline;
font-weight: normal;
color: #593C3F;}

#innerrightcolumn a:hover{
text-decoration: none;
list-style: none;
background-color: #FFF;
color: #593C3F ;}

#footer a{
list-style: none;
text-decoration: underline;
background-color: #E8F3FC;
font-weight: normal;
color: #593C3F;}

#footer a:hover{
text-decoration: none;
list-style: none;
font-weight: normal;
color: #593C3F ;}

/*__________________

STIJLEN

__________________*/

#innerrightcolumn h1{
width: 420px;
margin:8px 10px 14px 20px;
padding: 4px 0px 10px 0px;
font-family: Georgia,serif ;
font-weight: normal;
font-size: 210%;
color: #593C3F;
}

#innerrightcolumn h2{
margin:10px 10px 0px 20px;
width: 405px;
padding:0;
font-size: 100%;
font-family: Verdana, sans-serif ;
font-weight: bold;
color: #593C3F;}

#innerrightcolumn h3{
margin: 10px 10px 0px 20px;
padding: 0;
border-bottom: 1px solid #593C3F; 
width: 385px;
font-size: 100%;
font-weight: bold;
font-family: Verdana, sans-serif ;
color: #593C3F;}


#innerrightcolumn h4{
padding: 0;
width: 385px;
line-height: 1.5em;
font-size: 130%;
font-weight: normal;
font-family: Verdana, sans-serif ;
color: #593C3F;}


#tekst p{
margin:5px 0px 0px 20px;
width: 405px;
padding:0;}

#innerrightcolumn img{
padding:0;
margin:0px 0px 10px 0px;

}

#innerrightcolumn #foto img{
margin:0px 12px 10px 0px;
padding:0;
}

#innerrightcolumn img.left {
float: right;
margin:0px 0px 0px 15px;
padding:0;
border:1px solid #593C3F;
}

/*__________________

TABEL UURROOSTER
__________________*/

 table#uurrooster
{
	  width: 420px;
	  margin: 10px 0px 20px 20px;
	  padding: 0px;
	  border: 0px solid #ffffff;
	  border-collapse : collapse;
	  background-color: #FFFFFF;
	}
	
	table#uurrooster th
{
	  width: 420px;
	  margin: 0px;
	  padding: 5px 5px 5px 15px;
	  border: 0px solid #ffffff;
	  border-collapse : collapse;
	  background-color: #000;
	  font-size: 110%;
	  color: #fff;
	}
	
	table#uurrooster td#groepslessen
{
	  background-color: #AFC437;
	  font-weight: bold;
	  color: #333;
	}

table#formulier{
	border: 0;
	margin: 0px 0px 0px 20px;
	padding: 0;
	color: #333;
  	background-color: #E8F3FC;
	border: 0px solid #ffffff;
	border-collapse : collapse;
	}
	
table#formulier tr {
	  border: 0px solid #ffffff;
	  border-collapse : collapse;
	   background-color: #E8F3FC;
	}
	
	table#formulier tr td {
	  border: 0px solid #ffffff;
	}
	
	
	table tr td.dag {
font-weight: bold;
	color: #593c3f;
	  background-color: #afc437;
	  width: 170px;}
	  
	  
	  	table tr td.nacht {
	color: #333;
	  background-color: #E8F3FC;}
	  
	  table tr td.dag {
font-weight: bold;
	color: #593c3f;
	  background-color: #afc437;
	  width: 170px;}
	  
	  table#uurrooster td {
	  	  border: 1px solid #ffffff;
	  	  	padding: 4px 10px 4px 15px;
			color: #FFFFFF;}
			
			table#uurrooster tr {
	  width: 420px;
	  border: 1px solid #ffffff;
	  border-collapse : collapse;
	  background-color: #593c3f;}
	  
table#uurrooster 	  a{
list-style: none;
color: #FFFFFF ;}

a:hover{
text-decoration: none;
list-style: none;
color: #593C3F ;}


.onzichtbaar
{
    display:none}
    
    
    	.GROUPBOX {
      margin: 0px 0px 0px 20px;
	  }
  	
  	td.tableheader {
      margin: 0px 0px 20px 20px;
	  }
	  
	  .lessen {
      margin: 20px 0px 0px 5px;
	  background-color: #E8F3FC;

	  }
  	
  	td.lessen {
      padding: 0px 20px 0px 0px;
	  }
	
	  
	  tr.AspNet-GridView-Alternate 
	  {
	  }
	  
	  div.AspNet-GridView table
	   { margin: 20px 0px 10px 3px;
	  background-color: #E8F3FC;
	  }
	  
	  div.AspNet-GridView table tr td
	   { padding: 2px 5px 0px 2px;
	  }
	  
	   div.AspNet-GridView table th
	   { padding: 2px 5px 0px 2px;
	  }
	  
	   div.AspNet-GridView table tr 
	   { 
	   border: 1px solid #000000;

	  }
	  	  tr.AspNet-GridView-Alternate td
	  {
      padding: 2px 10px 0px 2px;
	  background-color: #E8F3FC;
	  }
	  
	/* 
table tr td ul {
	border: 0;
	margin: 5px 0px 10px 0px;
  width: 380px;
	border-collapse : collapse;}
	
table tr {
	  width: 380px;
	  border: 1px solid #ffffff;
	  border-collapse : collapse;
	  background-color: #593c3f;}
	  
table th {
	  border: 1px solid #ffffff;
	  padding: 5px 0px 5px 15px;
	  background-color: #000000;}
	

/* .gallerycontainer{
position: relative;
margin: 30px 20px 0px 30px;
padding: 0 ;
border: 0px solid#000;
}

.thumbnail img{
border: 2px solid#593C3F;
margin: 0px 2px 2px 0px;

}

.thumbnail:hover{
background-color: transparent;
border: 0px solid#AFC439;

}

.thumbnail:hover img{
border: 0px solid#AFC439;
} 

.thumbnail span{ 
position: absolute;
padding: 0px;
top: 5px;
left: -30px;
border: 0px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ 
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ 
visibility: visible;
top: -200px;
right: 150px; 
z-index: 50;
} 

*/


/* CSS Document */