* {margin: 0;padding: 0;}

body {text-align: left;	font-family:'Roboto', Verdana, Geneva, Arial, Helvetica, sans-serif;font-weight:300;font-size: 16px;line-height: 1.4em;}

div {font-size: 1.01em;}
img {border: 0;}
a, a:link a:active {text-decoration: underline; background-color: inherit;color: #000;}
a:visited {text-decoration: underline;background-color: inherit;color: #000;}
a:hover {text-decoration: none; background-color: inherit; color: #444;}
div.horlin {height: 1px; padding: 0;  border-bottom: 1px solid #CCC; margin: 0;}
.hidden{display:none;}
div#news2{display:none;}

.pics1a {width:20%;margin:0 0.8em 0.5em 0;-webkit-transition:width 1.5s ease;transition:width 1.5s ease;}
.pics1a:hover{width:70%;}
.pics1b {width:10%;margin:0 1.8em 0.5em 0;-webkit-transition:width 1.5s ease;transition:width 1.5s ease;}
.pics1b:hover{width:50%;}

/*****************basic layout *****************/
body {margin: 0.7em 0.7em 1.4em 0.7em;padding: 0;color: #000;background-color: #e0e0e0;}
div#pagewrapper {max-width: 1900px;margin: 2% auto; background-color: #fff;color: #000;}
div#header {margin: 0 1% 0 1%;padding: 0;display:block;background-color: #FFF;}

h2.hdr {float:left;margin:1em;color:#000;font-weight:100;font-size:280%;}
/*h2.hdrr {float:right;margin:1em;color:#147FDB;font-weight:400;}*/
div.hdrr {float:right;margin:1em;color:#147FDB;font-weight:400;text-align:right;}
img.folder{margin:1em 0 1em 2em ;float:right;display:block;}

div.crbk {margin: 0;padding: 0;float:left;width:100%;box-shadow: 1px 1px 3px 1px #ccc;}
div.breadcrumbs {padding: 1em 0em 1em 1em;font-size: 80%;margin: 0;}
div.breadcrumbs span.lastitem {font-weight: bold;}

div#search {float: right;width: 30%;text-align: right;	padding: 0.5em 0 0.2em 0;margin: 0 1em;}
input.search-button {border: none;height: 22px; width: 2.7em;margin: 0 0.3em 0 0.3em;padding: 0 0.15em 0.15em 0;cursor: pointer;background: url(/uploads/grauresp/zoekknop.png) no-repeat center center;}
input.search-input {color:#444; font-family: arial; border:1px solid #ddd; padding:0.2em;}

div#mobimenu{display:none;}
div#mobimenu li{list-style:none;margin:0.5em;padding:0.5em;background-color:#fff;box-shadow:1px 1px 4px #555;}
div#mobimenu li:hover{box-shadow:1px 1px 2px #aaa;background-color: #f2f2f2;}
div#mobimenu li a{display:block;}

div#content {border-top:1px solid #ccc;	margin: 0;padding: 0.7em; line-height: 1.3em;clear:both;}
div#main {border:1px solid #ccc;margin: 0 ;padding: 0.8% 1.0%;  float:left; margin-left:0.8%;width:71.0%;}
div#sidebar {float: left;width: 25%;display: inline; margin: 0;	padding: 0;border:1px solid #ccc;}
div#sidebarb {padding: 0.7em 1.2em 0.7em 1.5em;}
div#sidebarb div#news {margin: 2em 0 1em 0;}
div#sidebara {padding: 0.7em 0.4em 1.2em 0;}

div#footer {clear: both;margin:0.7em 0 0.7em 0; border-top: 1px solid #ccc; padding: 0.7em;color: #333;}
div#footer p {text-align:center;font-size:80%;}

div.hr {height: 1px;padding: 1em;border-bottom: 1px dotted black;margin: 1em;}
div.left49 {width: 70%;}
div.right49 {float: right;width: 29%;text-align: right;}
/********************CONTENT STYLING*********************/
/* HEADINGS */
div#content h1 {font-size: 2em;font-weight:300;	line-height: 1em;margin: 0;}
div#content h2 {color: #147FDB;	font-size: 2.0em;font-weight:300;border-bottom: 2px dotted #FA820A;text-align: left;padding-left: 0;	padding-bottom: 1px;line-height: 1.5em;	margin: 0 0 0.5em 0;}
div#content h3 {color: #000;font-weight:300;font-size: 1.3em;line-height: 1.3em;margin: 0 0 0.5em 0;}
div#content h4 {color: #000;font-weight:300;font-size: 1.2em;line-height: 1.3em;margin: 0 0 0.25em 0;}
div#content h5 {color: #000;font-weight:300;font-size: 1.1em;line-height: 1.3em;margin: 0 0 0.25em 0;}
div#content h6 {color: #000;font-weight:300;font-size: 1em;line-height: 1.3em;margin: 0 0 0.25em 0;}


/* TEXT */
p {font-size: 1em;margin: 0 0 1.5em 0;line-height: 1.3em;padding: 0;}
strong, b {font-weight: bold;}
em, i {	font-style: italic;}
div.templatecode {margin: 0 0 2.5em;}

/* LISTS */
div#main ul,div#main ol,div#main dl {font-size: 1.0em;line-height: 1.3em;margin: 0 0 1.5em 0;}
div#main ul li,div#main ol li {margin: 0 0 0.25em 3em;}
div#main dl {margin-bottom: 2em;padding-bottom: 1em;border-bottom: 1px solid #c0c0c0;}
div#main dl dt {font-weight: bold;margin: 0 0 0 1em;}
div#main dl dd {margin: 0 0 1em 1em;}

div#contacts{display:none;}
div#contactw{display:block;}
div#plans{display:none;}
div#planw{display:block;}
.telefon{display:none;}

@media screen and (min-width: 1680px) and (max-width: 1920px) 
{
body { font-size: 100%;}
div#pagewrapper {margin: 0 2% auto;background-color: #fff;color: #000;}
div.breadcrumbs {color:#000;padding: 1em 0em 1em 1em;font-size: 90%;margin: 0;font-weight:400;}
input.toggle{display:none;}
label.toggle{display:none;}
div.window {display:none;}
div#news2{display:none;}
div.crbk {margin: 0;padding: 0;float:left;width:100%;}
div#content {border-top:1px solid #ccc;	margin: 0;padding: 0.7em; line-height: 1.4em;clear:both;}
div#main {border:1px solid #ccc;margin: 0 ;padding: 0.8% 1.0%;  float:left; margin-left:0.8%;width:76.4%;}
div#sidebar {float: left;width:20%;display:inline;margin: 0;padding: 0;position:relative;bottom:0;}
}

@media screen and (min-width: 1280px) and (max-width: 1680px) 
{
body { font-size: 95.01%;}
div#pagewrapper {margin: 0 1% auto;background-color: #fff;color: #000;}
input.toggle{display:none;}
label.toggle{display:none;}
div.window {display:none;}
div#news2{display:none;}
div.crbk {margin: 0;padding: 0;float:left;width:100%;}
div#content {border-top:1px solid #ccc;	margin: 0;padding: 0.7em; line-height: 1.4em;clear:both;}
div#main {border:1px solid #ccc;margin: 0 ;padding: 0.8% 1.0%;  float:left; margin-left:0.8%;width:71.6%;}
div#sidebar {float: left;width:25%;display: inline;margin: 0;padding: 0;height:100%;background-color: #FFF;}
}

@media screen and (min-width: 960px) and (max-width: 1279px)
{
body { font-size: 95.01%;}
div#pagewrapper {margin: 0 1% auto;background-color: #fff;color: #000;}
input.toggle{display:none;}
label.toggle{display:none;}
div.window {display:none;}
div#news2{display:none;}
div.crbk {margin: 0;padding: 0;float:left;width:100%;}
div#content {border-top:1px solid #ccc;	margin: 0;padding: 0.7em; line-height: 1.4em;clear:both;}
div#main {border:1px solid #ccc;margin: 0 ;padding: 0.8% 1.0%;  float:left; margin-left:0.8%;width:71.6%;}
div#sidebar {float: left;width:25%;display: inline;margin: 0;padding: 0;height:100%;background-color: #FFF;}
}


@media screen and (min-width: 800px) and (max-width: 960px)
{
body { font-size: 95.01%;}
div#pagewrapper {margin: 0 1% auto;background-color: #fff;color: #000;}
div#header {margin: 0;padding: 0;display:block;
background: #FFF url(https://pckasse.stajl.org/uploads/images/header2bg.png) no-repeat top left;
background-size:100% auto;
}

h2.hdr {float:left;margin:1em;color:#000;font-weight:100;font-size:215%;}

input.toggle{display:none;}
label.toggle{display:none;}
div.window {display:none;}
div#news2{display:none;}
div.crbk {margin: 0;padding: 0;float:left;width:100%;}
div#content {border-top:1px solid #ccc;	margin: 0;padding: 0.7em; line-height: 1.4em;clear:both;}
div#main {border:1px solid #ccc;margin: 0 ;padding: 0.8% 1.0%;  float:left; margin-left:0.8%;width:71.4%;}
div#sidebar {float: left;width:25%;display: inline;margin: 0;padding: 0;height:100%;background-color: #FFF;}
}

@media screen and (min-width: 600px) and (max-width: 800px) 
{
.telefon{display:block;}
body { font-size: 95.01%;}
div#pagewrapper {max-width: 1920px;margin: 0 0.5% auto;background-color: #fff;color: #000;}
div#header {margin: 0;padding: 0;display:block;
background-color: #FFF ;}

div.hdrr {display:none;}
img.folder{display:none;}

div#contacts{display:block;}
div#contactw{display:none;}
div#plans{display:block;}
div#planw{display:none;}

h2.hdr {float:left;margin:1em;color:#000;font-weight:100;font-size:190%;}
h2.hdrr {float:right;margin:1em;color:#d95a47;font-weight:400;font-size:120%;}

div.window {display:block;}
div.window {color: #333; width: 100%; padding:0; background: #FFF; margin:0;}
div.window label { display: block; background: #f2f2f2; color:#000; padding: .3em; transition: .4s all linear; border:1px solid #aaa;margin:0 auto;width:94%;}
div.window label::after{content:"  +";}
div.window label:hover { cursor: pointer; background: #FF6A53;color:#000;}
input.toggle ~ div { height: 0; margin:0; overflow: hidden; transition: .6s all cubic-bezier(0.730, -0.485, 0.145, 1.620)}
input.toggle:checked ~ div { height: auto; }
input.toggle:checked + label { background: #f2f2f2; }
input.toggle:checked + label::after{content:"  -";} 
input.toggle { display: none; }

div#news2{display:block;}
div#search{width:96%;margin:0 2% 0 2%;float:left; text-align: left;}
div.crbk {margin: 0;padding: 0;float:left;width:100%;display:block;}
div.breadcrumbs {padding: 0.7em 2%;font-size: 80%;margin: 0;}
div.crbk :after{clear:both;}
div#mobimenu{display:block;margin-bottom:0.7em;}
div#content {border-top:1px solid #ccc;	margin: 0 auto;padding: 0.7em; line-height: 1.4em;clear:both;}
div#main {padding: 0.7em 1%;float:left;width:96%;margin:0;}
div#sidebar {display:none;}
}


@media screen and (min-width: 30px) and (max-width: 599px) {
.telefon{display:block;}
body { font-size: 90.01%;}
div#pagewrapper {max-width: 1920px;margin: 0 auto;background-color: #fff;color: #333;}
div#header {margin: 0;padding: 0;display:block;
background-color: #FFF;
}

div.hdrr {display:none;}
img.folder{display:none;}

div#contacts{display:block;}
div#contactw{display:none;}
div#plans{display:block;}
div#planw{display:none;}

h2.hdr {float:left;margin:1em;color:#222;font-weight:100;font-size:180%;}
h2.hdrr {float:right;margin:1em;color:#d95a47;font-weight:400;font-size:120%;}

div.window {display:block;}
div.window { color: #333; width: 98%; padding:0; background: #FFF; margin:0; }
div.window label { display: block; background: #f2f2f2; color:#000; padding: .3em; transition: .4s all linear; border:1px solid #aaa;margin-left:1em; }
div.window label::after{content:"  +";}
div.window label:hover { cursor: pointer; background: #FF6A53;color:#000;}
input.toggle ~ div { height: 0; margin:0; overflow: hidden; transition: .6s all cubic-bezier(0.730, -0.485, 0.145, 1.620)}
input.toggle:checked ~ div { height: auto; }
input.toggle:checked + label { background: #f2f2f2; }
input.toggle:checked + label::after{content:"  -";} 
input.toggle { display: none; }

div#news2{display:block;}
div#search{width:90%;float:left;margin:0;padding:0.3em 0 0.3em 1em; text-align: left;}
div.crbk {margin: 0;padding: 0;float:left;width:100%;display:block;}
div.crbk :after{clear:both;}
div#mobimenu{display:block;margin-bottom:0.7em;}
div.breadcrumbs { color:#000;padding: 1em 0em 1em 1em;font-size: 90%;margin: 0;float:left;width:98%;font-weight:400;display:block;}

div#content {border-top:1px solid #ccc;	margin: 0 auto;padding: 0.7em; line-height: 1.4em;clear:both;}
div#main {padding: 0.7em 1em;float:left;width:93%;}
div#sidebar {display:none;}
}
/* Stylesheet: grauresp // Resp Left nav Modified On 2015-10-31 23:01:17 */
/******************** MENU *********************/
#menu_vert {
	margin: 0;
	padding: 0;
}
#menu_vert ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#menu_vert ul ul {
	margin: 0;
	padding: 0px 0.3em 0px 0px;
}

#menu_vert li {
list-style: none;
}

#menu_vert li:hover{
}

#menu_vert li.currentpage {
	padding: 0 0 0.2em 0;
}
#menu_vert li.menuactive {
	margin: 0;
	padding: 0 0 0.15em 0;
}
#menu_vert li.menuactive ul {
	margin: 0;
}
#menu_vert li.activeparent {
	margin: 0;
	padding: 0;
}
/* fix stupid IE6 bug with display:block; */
* html #menu_vert li {
	height: 1%;
}
* html #menu_vert li a {
	height: 1%;
}
* html #menu_vert li hr {
	height: 1%;
}
/** end fix **/

div#menu_vert a {
	display: block;
	padding: 0.5em 0.3em 0.8em 1.5em;
	color: #222;
	min-height: 1em;
	text-decoration: none;
width:95%;padding:0.7em 0 0.7em 0.4em ;margin:0.5em;border:1px solid #ddd;
   background-color: #f2f2f2; 
/*box-shadow: 1px 1px 3px 1px #ccc;*/

}
div#menu_vert a:hover {
background-color: #fff; 
box-shadow: 2px 2px 2px 2px #ccc;}

#menu_vert a.menuactive {
   background-color: #d0d0d0; 
}

#menu_vert a.menuactive:hover{
   background-color: #f2f2f2; 
box-shadow: 1px 1px 2px 1px #ccc;
}

div#menu_vert ul ul a {
	width:80%;
	padding: 0.5em 0 0.8em 15%;
}
div#menu_vert ul ul li a.menuactive{
background-color: #d0d0d0;
width:80%;
}

/* third level links, more padding */
div#menu_vert ul ul ul a {
	padding: 0.5em 0.3em 0.3em 1em;
}
/* hover state for all links */
div#menu_vert a:hover {
	color: #555;
	text-decoration: underline;
}
div#menu_vert a.activeparent:hover {
	color: #555;
	text-decoration: underline;
}

div#menu_vert li.activeparent {
	color: #fff;
}
div#menu_vert li.activeparent a.activeparent {
	color: #333;
}
div#menu_vert li a.parent {
	padding-left: 0.4em;
}
div#menu_vert ul ul li a.parent {
/* increased padding on left offsets it from one above */
	padding-left: 0.9em;
}
div#menu_vert li a.parent span {
	display: block;
	margin: 0;
	padding-left: 0.1em;
}
div#menu_vert li a.parent span::after {content: " »";}

div#menu_vert li a.parent:hover {
	text-decoration: underline;
}
div#menu_vert li a.parent:hover span {
	display: block;
	margin: 0;
	padding-left: 0.1em;
}
div#menu_vert li a.menuactive.menuparent {
/* sets it in a little more than a.parent */
	padding-left: 0.35em;
}
div#menu_vert ul ul li a.menuactive.menuparent {
/* sets it in a little more on next level */
	padding-left: 0.99em;
}
div#menu_vert li a.menuactive.menuparent span {
	display: block;
	margin: 0;
/* to contrast with non active pages */
	font-weight: bold;
	padding-left: 0.1em;
}
div#menu_vert li a.menuactive.menuparent span::after {content: " »";}

div#menu_vert li a.menuactive.menuparent:hover {
	text-decoration: none;
	color: #777;
}
div#menu_vert ul ul li a.activeparent {
	color: #fff;
}
/* current pages in the default Menu Manager template are unclickable. This is for current page on first level */
div#menu_vert ul h3 {
	display: block;
/* some air for it */
	padding: 0.5em 0.5em 0.8em 1.5em;
/* this will be link color for all levels */
	color: #333;
/* instead of the normal font size for <h3> */
	font-size: 1em;
/* as <h3> normally has some margin by default */
	margin: 0;
/* you can set your own image here, same as "a" */
/*	background: transparent url(/uploads/grauresp/libk.gif) no-repeat right top;*/
}
/* next level current pages, more padding, smaller font and no background color or bottom border */
div#menu_vert ul ul h3 {
	font-size: 90%;
	padding: 0.5em 0.5em 0.8em 2.8em;
/* you can set your own image here, same as "a" */
	background: transparent url(/uploads/grauresp/libk.gif) no-repeat right top;
	color: #999;
}
/* current page on third level, more padding */
div#menu_vert ul ul ul h3 {
	padding: 0.6em 0.5em 0.2em 3em;
}
/* BIG NOTE: I didn't do anything to these, never tested */
/* section header */
div#menu_vert li.sectionheader {
	border-right: none;
	padding: 0.5em 0.5em 0.8em 1.5em;
/*	background: transparent url(/uploads/grauresp/libk.gif) no-repeat right top;*/
	line-height: 1em;
	margin: 0;
        color: #333;
        cursor:text;
}
/* separator */
div#menu_vert .separator {
	height: 1px !important;
	margin-top: -1px;
	margin-bottom: 0;
	-padding: 2px 0 2px 0;
	background-color: #000;
	overflow: hidden !important;
	line-height: 1px !important;
	font-size: 1px;
/* for ie */
}
div#menu_vert li.separator hr {
	display: none;
/* this is for accessibility */
}
/* Stylesheet: grauresp // Resp menu left Modified On 2015-10-31 14:11:03 */
div#news,div#news2 {
	margin: 1em 0 0 0;
	background: transparent;
}
div#news h2 {
	line-height: 2em;
padding:0 0 0 10px;
	background-color:#888;
	color: #fff;
	border: none
}
div#news2 h2 {
	line-height: 2em;
padding:0 0 0 10px;
	background-color:#FFF;
	color: #999;
	border: none
}

.NewsSummary {
	padding: 0.5em 0.5em 1em;
	margin: 0 0.5em 1em 0.5em;
	border-bottom: 1px solid #ccc;
}
.NewsSummaryPostdate {
	font-size: 90%;
	font-weight: bold;
}
.NewsSummaryLink {
	font-weight: bold;
	padding-top: 0.2em;
}
.NewsSummaryCategory {
	font-style: italic;
	margin: 5px 0;
}
.NewsSummaryAuthor {
	font-style: italic;
	padding-bottom: 0.5em;
}
.NewsSummarySummary, .NewsSummaryContent {
	line-height: 140%;
}
.NewsSummaryMorelink {
	padding-top: 0.5em;
}
#NewsPostDetailDate {
	font-size: 90%;
	margin-bottom: 5px;
	font-weight: bold;
}
#NewsPostDetailSummary {
	line-height: 150%;
}
#NewsPostDetailCategory {
	font-style: italic;
	border-top: 1px solid #ccc;
	margin-top: 0.5em;
	padding: 0.2em 0;
}
#NewsPostDetailContent {
	margin-bottom: 15px;
	line-height: 150%;
}
#NewsPostDetailAuthor {
	padding-bottom: 1.5em;
	font-style: italic;
}

#NewsPostDetailTitle {
}
#NewsPostDetailHorizRule {
}
#NewsPostDetailPrintLink {
}
#NewsPostDetailReturnLink {
}
div#news ul li {
	padding: 2px 2px 2px 5px;
	margin-left: 20px;
}
/* Stylesheet: grauresp // Resp news Modified On 2015-10-31 14:11:03 */