/* Desktops and laptops ----------- 
@media only screen 
and (min-width : 1224px) {*/
/* Styles */


/* HTML */

body		{background-image: url(/style/img/bg.jpg); background-repeat: repeat; color: #666; font-size: 13px;}


/* HEADINGS */

h1, h2, h3, h4, h5, h6		{color:#80cd2c; font-family: 'Ropa Sans', sans-serif; line-height: 250%;}

h1			{font-size: 26px; font-style: italic;}
h2			{font-size: 20px;color: #29aae1;}
h3			{font-size: 20px;}
/* SMALL CLASSES ETC */
p			{margin-bottom: 20px;  line-height: 180%; font-size: 13px;}
.intro		{font-weight: 600;}

cite		{display: block; padding: 20px; background-color: #f4f4f4; line-height: 160%; font-size: 14px; font-style: italic;}
.left,
.links		{float: left;}
.right,
.rechts		{float: right;}
.clear		{clear: both;}
.shadow		{-moz-box-shadow: 0px 0px 4px #666; /* Firefox/Mozilla */  
  -webkit-box-shadow: 0px 0px 4px #666;; /*Safari/Chrome */  
  box-shadow: 0px 0px 4px #666;;}
#footer .left	{width: 310px;}

.blok		{padding: 0px; }
.blok,
.soortgelijk img	{border-radius: 10px; margin-top: 20px;}

.margin-links	 {margin-right: 20px;}
.margin-rechts {margin-left: 20px;}
.pmarge-links  {float: right; width: 655px;}
.pmarge-rechts {float: left; width: 655px;}

.Groen h1,
.Groen h2,
.Groen h3,
.soortgelijk .Groen h3,
.Groen a	{color: #80cd2c;}
.Lichtblauw h1,
.Lichtblauw h2,
.Lichtblauw h3,
.soortgelijk .Lichtblauw h3,
.Lichtblauw a	{color: #29aae1;}

.Donkerblauw h1,
.Donkerblauw h2,
.Donkerblauw h3,
.soortgelijk .Donkerblauw h3,
.Donkerblauw a {color: #0055AA;}
.Blauw h1,
.Blauw h2,
.Blauw h3,
.soortgelijk .Blauw h3,
.Blauw a	{color: #0055AA;}


.Groen-button,	
.Donkerblauw-button,
.Lichtblauw-button	{color: #fff; font-weight: bold; text-align: center; border-radius: 8px;}

.Groen-button	{width: 220px; height: 14px; padding: 6px 0px; background-image: url(/style/img/groen-verloop.jpg); background-repeat: repeat-x; }
.Donkerblauw-button	{width: 220px; height: 14px; padding: 6px 0px; background-image: url(/style/img/blauw-verloop.jpg); background-repeat: repeat-x; }
.Lichtblauw-button	{width: 220px; height: 14px; padding: 6px 0px; background-image: url(/style/img/lichtblauw-verloop.jpg); background-repeat: repeat-x; }



hr			{        color:#cbcbcb;
        border:none;
        border-top:1px solid #cbcbcb; clear: both;
        height:1px;}

/* OPBOUW */

#container	{width: 960px; padding: 15px; margin: 0 auto; background-color: #fff; border-radius: 10px; -moz-box-shadow: 0px 0px 5px #666; /* Firefox/Mozilla */  
  -webkit-box-shadow: 0px 0px 5px #666;; /*Safari/Chrome */  
  box-shadow: 0px 0px 5px #666; margin-top: 30px; }


#logo			{float: left; height: 100px; padding: 10px 0px;}
#shortlinks	{width: 290px; padding: 8px 10px; border-radius: 0px 0px 10px 10px; background-color: #b1d721; margin-top: -15px; text-align: center; color: #fff; font-family: 'Ropa Sans', sans-serif; font-size: 14px; }
#shortlinks a{color: #fff; text-decoration: none;}


#wrapper	{clear: both; width: 960px;}
#text,
#text2		{width: 920px; padding: 0px 20px 20px 20px;}
#text ul	{list-style-type:disc; line-height: 185%;}
#text ul ul	{font-size: 11px;}

#text img,
#text2 img,
.grijs-blok img	{border-radius: 10px;}

.grijs-blok	{width: 930px; margin-left: -15px; background-color: #f7f7f7; padding: 20px 30px; margin-bottom: 20px;}

#column		{width: 250px; padding-left: 20px; padding-right: 10px; border-left: 1px dotted #c9c9c9; float: right;}

/* FOTOS */


#fotos		{width: 930px; margin-left: -15px; background-color: #f7f7f7; padding: 20px 30px; margin-bottom: 20px;}

/* BREADCRUMBS */

#breadcrumbs	{margin-left: 25px; padding: 20px 0px;}
#breadcrumbs img	{margin-right: 10px; margin-top: 2px; float: left;}

/* NAV */

#nav 			{font-size: 14px; list-style: none; width: 960px; background-repeat: repeat-x; clear: both; height: 60px; padding:0px; background-image: url(/style/img/menu-bg.png); background-repeat: no-repeat; margin-top: 0px;}
#nav li 		{display: block; position: relative;float: left; color: #666; height: 20px; padding: 15px 25px;}
#nav li a		{color: #666;}
#nav li:hover	{background-image: url(/style/img/menu-hover.jpg); background-repeat: repeat-x;}
#nav li:hover a	{color: #fff;}
#nav ul li 		{color: #666;}
#nav li li:hover a		{color: #666;}
#nav li ul 		{display: none;}
#nav li li a	{color: #666;}
#nav li ul li	{color: #666; width: 200px;}
#nav li a:hover {}
#nav li:hover ul { display: block; position: absolute; z-index: 9999; margin-left: -25px; padding: 0px; margin-top: 17px; width: auto;  }
#nav li:hover li	{float: none; font-size: 13px; padding:5px 20px; background-color: #fff; background-color:#b1d721;}
#nav li:hover li:hover {color: #fff; background-color:#006837; background-image: none;}
#nav li:hover li:hover a{color: #fff;}



/*** ESSENTIAL STYLES ***/
#menu					{font-size: 14px; list-style: none; width: 960px; background-repeat: repeat-x; clear: both; height: 60px; padding:0px; background-image: url(/style/img/menu-bg.png); background-repeat: no-repeat; margin-top: 0px;}
.sf-menu, .sf-menu * 		{margin: 0;	padding: 0;	list-style: none;}
.sf-menu li 					{	position: relative;  padding: 15px; color: #666;}
.sf-menu ul 					{	position: absolute;	display: none;	top: 100%;	left: 0;	z-index: 99;}
.sf-menu > li 					{	float: left;}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul 		{	display: block;}

.sf-menu a 					{	display: block;position: relative; color: #666;}
.sf-menu ul ul				{	top: 0;	left: 100%;}

/*** DEMO SKIN ***/
.sf-menu 					{	float: left;	margin-bottom: 1em;}
.sf-menu ul 				{	box-shadow: 2px 2px 6px rgba(0,0,0,.2);	min-width: 12em; 	width: 12em; }
.sf-menu li {	white-space: nowrap;  white-space: normal;  }
.sf-menu ul li {	background-color: #fff; }
.sf-menu ul ul li {	background-color: #fff;}
.sf-menu li:hover,
.sf-menu li.sfHover {	background-image: url(/style/img/menu-hover.jpg); background-repeat: repeat-x; color: #fff;}
.sf-menu li.sfHover a {color: #fff;}

.sf-menu ul li:hover,
.sf-menu ul li.sfHover {  -webkit-transition: none;	transition: none; color: #666; background-image:none; background-color: #f4f4f4;}
.sf-menu ul li.sfHover a {color: #333;}

/*SUBSUB*/
#nav ul ul 	{display: none;}
#nav ul ul li	{display: none;}

#nav li.here	{background-image: url(/style/img/menu-hover.jpg); background-repeat: repeat-x;}
#nav li.here a	{ color: #fff;}

/* NIEUWS */
.nieuws		{font-size: 12px; padding: 10px; line-height: 150%; margin-top: 20px;}
.nieuws-tekst		{margin-left: 240px;}
.nieuws-footer	{width: 730px;}
/* PRODUCTEN */

.soortgelijk	{width: 210px; padding: 20px 45px;}
.intro			{text-overflow: ellipsis; overflow: hidden;width: 220px; height:95px; font-weight: normal; }

/* AGENDA */

.dag	{font-size: 42px; font-weight: bold; color: #FAAC37; text-align: center;}
.maand	{font-size: 10px;}
.jaar	{font-size: 20px;}


/* TABELLEN */

table				{margin-top: 30px;}
table td			{padding: 10px;}
table td img		{margin: 0 auto; display: block;}
thead				{font-weight: bold; font-size: 16px; text-align: left;}
thead th			{ padding: 15px;}
tr:nth-child(even) {background: #f4f4f4;}
tr:nth-child(odd) {background: #FFF;}

tr:nth-child(even):hover,
tr:nth-child(odd):hover	{}

#contact			{width: 300px;float: right;font-family: 'Ropa Sans', sans-serif; margin-top: 20px;}
.opnemen			{font-size: 15px; display: block; padding: 20px 20px 10px 0px; color: #ccc; border-right: 1px solid #ccc; float: left;}
.telefoon			{float: left; margin-left: 20px;}
.mail				{float:left; margin-left: 20px;}

#contactgegevens	{font-size: 11px; float: right; width: 250px;}
#contactgegevens td	{padding: 4px; background-color: #fff;}


#agenda	tr:nth-child(even):hover,
#agenda	tr:nth-child(odd):hover	{background-color: #fff;}
#agenda td			{vertical-align: top; border-bottom: 1px solid #f4f4f4;}

/* Formulieren */
#contact-contact	{width: 350px; float: left; margin-left: 50px;}
#contact-contact p	{ line-height: 190%; font-size: 13px;}
#contact-contact h3	{margin-bottom: 30px;}

#contactformulier	{float: left;}
#contactfomulier table	{width: 400px;}
#contactformulier input,
#contactfomulier textarea	{padding: 10px; border: 1px solid #ccc; width: 300px;}
.screen-reader {
  display: block !important;
  left: -9999px !important;
  position: absolute !important;
}

/* PAGINATIE */ 

#paginatie		{padding: 10px; border: 1px solid #f2f2f2; margin-top: 20px;}
#paginatie a	{padding: 5px; border: 1px solid #f4f4f4; border-radius: 5px; background-color: #f2f2f2;}


/* WADESIGN */

.wadesign		{width: 450px; margin: 0 auto; font-size: 12px; color: #ccc; padding: 20px 0px;}
.wadesign a		{text-decoration: underline; color: #ccc;}