/*

WA DESIGN

*/


/********************************************************************************************************
 * General
********************************************************************************************************/


body {  background-image: url(/templates/default_site/img/bg.jpg); background-position: top; background-repeat: repeat-x; }


#wrapper 		{width: 960px; margin: 0 auto;}
#header			{width: 960px; height: 123px; margin-top: 25px;}
#logo			{width: 350px; height: 90px; float: left;}
#contact		{width: 250px; border-left: 1px #999 solid; float: right; padding-left: 20px; margin-top: 5px;}

#slider			{width: 700px; height: 360px; background-color: #83B81A; -moz-box-shadow: 0px 0px 5px #666; -webkit-box-shadow: 0px 0px 5px #666; box-shadow: 0px 0px 5px #666; float: left; }
#slider_home	{width: 700px; height: 380px; background-color: #83B81A; -moz-box-shadow: 0px 0px 5px #666; -webkit-box-shadow: 0px 0px 5px #666; box-shadow: 0px 0px 5px #666; float: left; }

hr				{border-top: 1px dotted #999; margin-top: 10px; margin-bottom: 20px;}
.clear			{clear:both; width: 1px; height: 1px;}
.spacer			{width: 1px; height: 15px; clear: both;}
.intro			{width: 660px; padding: 10px; background-color: #F2F2F2; font-weight: bold; border: 1px solid #ccc;}
.close			{background-color: #f4f4f4;}

#content		{width: 680px; line-height: 190%;}
#content-full	{width: 960px;}

#nav_full 			{list-style-type: none; padding: 0px; margin-top: 15px;}
#nav_full li a		{height: 14px; padding: 8px 12px; display: block; float: left; font-size: 17px; text-decoration: none; color: #fff;}
#nav_full a:hover	{color: #333;}

/********************************************************************************************************
 * Nieuws
********************************************************************************************************/

.nieuws			{width: 660px; padding: 10px; background-color: #f2f2f2; border: 1px solid #ccc;}
.nieuws_foto	{width: 120px; height: 120px; float: left; padding-right: 10px;}
.meer			{color: #94c10d; font-weight: bold; line-height: 300%;}
.tekst			{}

/********************************************************************************************************
 * RECHTS
********************************************************************************************************/

#rechts			{width: 250px; float: right; padding-right: 10px; float: right; background-color: #fff;}
#rechts_home	{width: 240px; padding-right: 10px; float: right; background-color: #fff;}
#rechts ul		{width: 230px; margin-left: 20px; padding: 0px; font-style: italic; }
#rechts_home ul		{width: 230px; margin-left: 20px; padding: 10px; font-style: italic; }


#rechts .even	{padding: 10px 10px 10px 30px; display: block; background-color: #f2f2f2; background-image: url(/templates/default_site/img/paperclip.jpg); background-repeat: no-repeat; 					background-position: center left; border-bottom: 1px dotted #999;}
#rechts .odd	{padding: 10px 10px 10px 30px; display: block; background-color: #fff; background-image: url(/templates/default_site/img/paperclip.jpg); background-repeat: no-repeat; 						background-position: center left; border-bottom: 1px dotted #999; }

#rechts .even_m	{padding: 10px 10px 10px 30px; display: block; background-color: #f2f2f2; background-image: url(/templates/default_site/img/medewerkers.png); background-repeat: no-repeat; 					background-position: center left; border-bottom: 1px dotted #999;}
#rechts .odd_m	{padding: 10px 10px 10px 30px; display: block; background-color: #fff; background-image: url(/templates/default_site/img/medewerkers.png); background-repeat: no-repeat; 					background-position: center left; border-bottom: 1px dotted #999; }

#rechts .even_q	{padding: 10px 10px 10px 30px; display: block; background-color: #f2f2f2; background-image: url(/templates/default_site/img/q_mark.png); background-repeat: no-repeat; 						background-position: center left; border-bottom: 1px dotted #999;}
#rechts .odd_q	{padding: 10px 10px 10px 30px; display: block; background-color: #fff; background-image: url(/templates/default_site/img/q_mark.png); background-repeat: no-repeat; 						background-position: center left; border-bottom: 1px dotted #999; }

.clip_green		{width: 240px; height: 35px; background-image: url(/templates/default_site/img/clip_green.png); margin-left: 10px; color: #fff; font-weight: bold; text-align: right; font-size: 14px; padding: 5px 10px 0px 0px; clear: both;}

.clip_blue		{width: 240px; height: 35px; background-image: url(/templates/default_site/img/clip_blue.png); margin-left: 10px; color: #fff; font-weight: bold; text-align: right; font-size: 14px; padding: 5px 10px 0px 0px;  clear: both;}

.clip_red		{width: 240px; height: 35px; background-image: url(/templates/default_site/img/clip_red.png); margin-left: 10px; color: #fff; font-weight: bold; text-align: right; font-size: 14px; padding: 5px 10px 0px 0px;  clear: both;}

/********************************************************************************************************
 * Foto
********************************************************************************************************/
.foto	{
		border: 5px solid #fff;
		-moz-box-shadow: 0px 0px 6px #666; /* Firefox/Mozilla */
 		-webkit-box-shadow: 0px 0px 6px #666; /*Safari/Chrome */
  		box-shadow: 0px 0px 6px #666; /* Opera & hoe het zou moeten */
  		/* Voor IE 8 */
  		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666')";
  		/* Voor IE 5.5 - 7 */
  		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666');
  		}


/********************************************************************************************************
 * Broodkruimels
********************************************************************************************************/

#breadcrumbs		{padding: 10px 0px 0px 0px; margin-top:15px;}

/********************************************************************************************************
 * Social
********************************************************************************************************/
.social					{width: 230px; float: right; margin: 10px 0px 10px 0px;}
.twitter-share-button	{margin-top: -1px; float: right; margin-right: 10px;}
.fb-like				{float: right;}
/********************************************************************************************************
 * FOOTER
********************************************************************************************************/

#footer			{width: 100%; background-image:url(/templates/default_site/img/footer_bg.jpg); background-color: #83b817; background-repeat: repeat-x;}
#footer_content	{width: 960px; margin-top: 20px; margin: 0 auto; padding: 15px 0px 0px 10px;}

#footer_nieuws a		{color: #333;}
#footer_nieuws a:hover	{color: #333;}

#footer_nieuws			{width: 300px; color: #333;}
#footer_nieuws p		{color: #fff; font-weight: bold;}
#footer_nieuws ul 		{}
#footer_nieuws li 		{line-height: 180%; color: #fff; font-size: 12px; font-style: italic; list-style-image: url(/templates/default_site/img/nieuws_list_40.png);}
#footer_nieuws li:hover	{list-style-image: url(/templates/default_site/img/nieuws_list.png);}

#footer_logo			{width: 100px; height: 100px; padding: 10px; float: right;}

#quote					{width: 425px;color: #fff; float: right; font-weight: bold; margin-right: 50px;}
#quote p				{font-size: 18px; text-align: center; font-weight: normal;}
.groot					{font-size: 17px;color: #fff; margin-bottom: 15px;} 


#content a				{text-decoration: underline;}
/*******************************************************************************************************
 * Contactformulier
********************************************************************************************************/
.contactformulier			{width: 230px; float: right; }
.contactformulier input,
.contactformulier textarea 	{border: 1px solid #ccc; padding: 5px; width: 220px; color: #666; font-style: italic;}
.contactformulier .button 	{width: 235px; background-color: #28b4e4; color: #fff; display: block;}


/********************************************************************************************************
 * Contactpagina
********************************************************************************************************/

.contact 			{width: 660px; background-color: #f2f2f2; padding: 10px; border: 1px solid #ccc;}
.contact input,
.contact textarea 	{border: 1px solid #ccc; padding: 5px; width: 290px; color: #666; font-style: italic;}
.contact .button 	{width: 300px; background-color: #28b4e4; color: #fff; display: block;}
/********************************************************************************************************
 * SLIDER
********************************************************************************************************/

#gallery {
	position:relative;
	height:280px;
	padding: 10px;
	width: 940px;
	
}


	#gallery a {
		float:left;
		position:absolute;
	}
	
	#gallery a img {
		border:none;
	}
	
	#gallery a.show {
		z-index:500
	}

	#gallery .caption {
		z-index:600; 
		background-color:#000; 
		color:#ffffff;
		font-weight: bold; 
		height:40px; 
		width:100%; 
		position:absolute;
		bottom: -10px;
	}

	#gallery .caption .content #gallery
		
	#gallery .caption .content h3 {
		padding:10px;
		color:#1DCCEF;
	}
	
/* SLIDER HOME */

#gallery_home {
	position:relative;
	height:300px;
	padding: 10px;
	width: 940px;
	
}


	#gallery_home a {
		float:left;
		position:absolute;
	}
	
	#gallery_home a img {
		border:none;
	}
	
	#gallery_home a.show {
		z-index:500
	}

	#gallery_home .caption {
		z-index:600; 
		background-color:#000; 
		color:#ffffff;
		font-weight: bold; 
		height:40px; 
		width:100%; 
		position:absolute;
		bottom:-10px;
	}

	#gallery_home .caption .content {
		margin:0px;
		padding:10px;
	}
	
	#gallery_home .caption .content h3 {
		padding:10px;
		color:#1DCCEF;
	}	
	
/********************************************************************************************************
 * Medewerkers
********************************************************************************************************/
.medewerker1			{width: 190px; float: left; padding: 10px; background-color: #f2f2f2; border: 1px solid #ccc;}
.medewerker2		{width: 190px; float: left; padding: 10px; background-color: #f2f2f2; border: 1px solid #ccc; margin-left: 10px;}
.medewerker a		{color: #28b4e4;}

/********************************************************************************************************
 * Specialisatie
********************************************************************************************************/
.specialisatie			{width: 290px; float: left; margin-right: 30px; min-height: 230px;}
.specialisatie ul		{list-style-type: none; padding: 0px; margin: 0px;}
.specialisatie li		{text-indent: 10px; padding: 3px;}
.specialisatie li.odd	{}
.specialisatie li.even	{background-color: #f2f2f2;}
.specialisatie li:hover {background-color: #28b4e4;}