@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,200,100);
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css");
/* after this file there is a custom css file in the documents folder of user 1*/
/* correct bootstrap */
.container{
    padding: 0;
}
.row{
    margin:0
}
h2 {
    font-size: 26px;
}
.btn, .form-control
{
    border-radius: 0; 
}

a 
{
    text-decoration: underline;
}

#Submenu a,
.has-children a,
.menu ul li a
{
    text-decoration: none;
}
/*end correct*/

body {

  --tw-bg-opacity:1;
  background-color:rgb(242 240 234/var(--tw-bg-opacity));
}

#Body {
    
}
.navbar {
    background: none;
}

#Venster .error {
    background-color: white;
    color: red;
}

/* FONT */
h1,h2,h3,h4,h5,
figcaption,
.contactbanner a,
.btn,
.vervolg article .Paragraaf_0 p,
.broodkruimel,
.cimpleZoekLeesMeer			{font-family: 'Roboto', sans-serif;}

p,
nav 						{font-family: Arial, sans-serif; }

/* FONTSIZE */
body 						{font-size: 16px;}

div.cijfers h4,
div a.btn-link,
.btn		 				{font-size: 14px;}

header.intro h1,
.vervolg article h2			{font-size: 26px;}

.carousel .carousel-caption figcaption,
div.nieuws h2,
div.themas h2,
div.opleindingen h2,
div.snelregelen h3,
div.bottom h5				{font-size: 26px;}

.vervolg article .Paragraaf_0, .vervolg article h2	{font-size: 30px;}

.contactbanner a,
.vervolg article h1			{font-size: 40px;}
div.cijfers h3 				{font-size: 60px;}

/* KLEUREN */
header.intro h1,
div.themastop h2,
div.opleidingen h2,
div.nieuws h2,
.vervolg article h1,
p a					 		{color: #372490;}						/* blauw */

div h3,
div.cijfers h3,
div.lidmaatschap h2,
div.snelregelen h3,
div.opleidingen h3,
div.themas h3		 		{color: #BA1615;}						/* rood */ 
/*.vervolg article h2, rood is uitgezet*/

#Venster .btn,
#Venster a.btn,
#Venster .btn-lg,
#Venster .btn-lg:hover,
#Venster .contactbanner a,
#Venster .broodkruimel,	 
#Venster .broodkruimel a,
#Venster #lijst a {color: #FFFFFF;}						/* wit */

#Venster .readmore a.btn { color: #333; border-color: #333; }
#Venster .pageBrowser a { color: #333;  border-color: #333; }

/*div.nieuws .col-md-6 a,*/
div.cijfers h4,
.btn-link,
.btn-link:hover,
div.snelregelen li a,
div.snelregelen address dd a,
div.bottom .col-md-6 a,
.printlink, .printlink.a, .printlink span {color: #333333;}						/* grijs */

/* ACHTERGRONDKLEUREN */
/*#Venster .btn,*/ 
#ExtranetAanmeldKnop, #ZoekKnop, #ExtranetAfmeldKnop, #VerzendKnop, #idsbtActie,
#Venster .btn-vebon,
#Venster .btn-lg, 
#Venster #lijst a {background-color: #372490;}	/* blauw */


#Venster .btn-lg:hover	 	{background-color: #333333;}			/* grijs */

#Venster .vervolg article .Paragraaf_0	{background: #DEDEDE;}		/* lichtgrijs */

/* BUTTONS */
.cimpleZoekLeesMeer, 
.btn-lg,
#Venster #lijst a {border-radius: 2px; margin-top:15px;}
#Venster #lijst a {display: inline-block; padding: 5px; margin-left: 15px; }
.btn-link					{text-decoration: underline; padding-top: 34px;}
.btn-link:hover				{text-decoration: none;}
#Venster .col-md-6 .btn-link {padding-top: 0; }
#Venster .aanmeld-button    {margin-top: 30px;}

/* SITE */
.dl-horizontal dt			{text-align: left;}
.logomenu                   {height: 95px;}
.identity img 				{padding: 2% 0 0 8%;}
.identity,
div.col-md-9				{padding:0;}

header.intro .introtekst 	{padding: 4%;}
header.intro h1 			{font-weight: 300; line-height: 35px; }

.carousel .carousel-caption {left: 5%; text-align: left; font-weight:300;}

.container 					{max-width: 1600px; width: auto; }

div.cijfers 				{text-align: center; padding-bottom: 50px; }
div.cijfers.header          {padding:2%; margin-top:50px;padding-top: 50px; padding-bottom: 5px;}
div.cijfers a:hover			{text-decoration: none;}
div.cijfers h3 				{font-weight: 300;}
div.cijfers h4 				{font-weight: 300;}

div.themastop 				{margin-top:40px; padding: 3%; padding-bottom: 0;}
/*div.themastop               {background-color: rgb(222,222,222);}*/
div.themastop h2 			{font-weight: 300; margin: 0 0 30px 0; padding-top: 4px;}
div.themas 					{margin-top: 0; padding: 3%; padding-top: 0; }
div.themas h2 				{font-weight: 300; margin: 0 0 30px 0; padding-top: 4px;}
div.themas .thema-item h3	{font-weight: normal; margin-top: 20px; margin-bottom: inheret; margin-bottom: 20px;}
div.themas .naaralles		{text-align: right;}

div.opleidingen				{margin-top:40px;padding-top: 40px; padding: 3%;}
div.opleidingen.overzicht,
div.opleidingen.aanmelden	{margin-top:0; padding-top: 0;}
div.opleidingen h2 			{font-weight: 300; /*margin: 0 0 30px 0;*/ padding-top: 4px;}
div.opleidingen .opleiding-item h3 {font-weight: normal; margin-top: 20px; margin-bottom: inheret; margin-bottom: 20px; text-align:center;}

div.opleidingen .col-md-4 div {background-color: #dedede; padding: 6px;}
div.opleidingen .naaralles	{text-align: right;}
/*aanbod pagina*/
.col-md-4.opleiding-item div {background-color: #dedede; padding: 6px; margin-bottom: 10px; text-align: center;}

div.nieuws 					{margin-top:30px; padding: 3%; /*padding-top: 30px; */ padding-bottom: 2%;}
div.nieuws .col-md-6 		{padding-right: 5%;}
div.nieuws h2 				{font-weight: 300; margin: 0 0 20px 0; min-height:40px;}
div.nieuws.header           {padding-bottom: 0; padding-right: 3%;}
div.nieuws.items            {padding-top: 0;margin-top: 0;}
div.nieuws.items a { color: #333; }

div.lidmaatschap 			{margin-top:40px; padding-top: 40px; padding-bottom: 40px;padding: 4%;}
div.lidmaatschap h2			{font-weight: 300; margin: 0 0 30px 0;}
div.lidmaatschap li 		{margin-bottom:0.35em; text-indent:1.5em; list-style:none; background-repeat:no-repeat; background-image:url(../img/arrowgrey.png);  background-position: 0 3px;}

.contactbanner 				{height:150px; background: url(../img/gradient.jpg) center; background-size: auto; width: 100%; text-align: center;}
.contactbanner img			{margin-top:-20px; margin-right:20px;}
.contactbanner a 			{font-weight: 200;text-decoration: none; cursor: default; line-height: 380%;}

div.teksthome .Paragraaf_0  {display: none;}
div.teksthome,
div.snelregelen 			{padding: 4%;}
div.snelregelen li			{margin-bottom:0.35em; text-indent:1.5em; list-style:none; background-repeat:no-repeat; background-image:url(../img/arrowgrey.png);  background-position: 0 3px;}
div.snelregelen h3			{font-weight: 300; margin-top: -3px;}
div.teksthome               {padding-bottom: 5px;}

div.snelregelen address ul 	{margin-left: 0; }
div.snelregelen address .social a.facebook 	{background: url(../img/social.png) no-repeat 0 0; height: 31px; width: 31px; float:left; margin-right: 3px;}
div.snelregelen address .social a.twitter 	{background: url(../img/social.png) no-repeat -34px 0; height: 31px; width: 31px; float:left; margin-right: 3px;}
div.snelregelen address .social a.linkedin 	{background: url(../img/social.png) no-repeat -68px 0; height: 31px; width: 31px; float:left; margin-right: 25px;}
div.snelregelen address .social a.english 	{background: url(../img/social.png) no-repeat -102px 0; height: 31px; width: 31px; float:left; padding: 4px 0 0 13px;}

div.bottom .col-md-6		{margin: 20px 0 30px 0;}
div.bottom hr				{border: 5px solid #FFFFFF;}
div.bottom h5				{font-weight: 300; text-align: right; margin-top: -10px;}

/*landingspagina G&V*/
.container .item-bar {margin: 0 auto; width:100%; /*padding-left: 10%;*/ padding-top: 2%;}
.container .item-bar ul {margin-left:0;}
.container .item-bar ul li {list-style: none;list-style-type:none;}
.container .item-bar ul li.thema { width: 295px; height:205px; float: left; margin:0 20px 20px 0;}

.container .item-bar h3 {font-size:18px;}
.container .item-bar h3 {font-weight:200;}

.container .item-bar ul li.thema a.thema-link {
    display: inline-block;
    width: 75%;}
.container .item-bar .thema-titel {
    float: left;
    font-family:Arial;
    text-align:center;
    margin-left: 6px;
    width: 285px;
    color:#fff;}
.container .item-bar .thema .thema-icon {
    height: 100px;
    width: 100px;
    margin:40px 0 0 100px;
    display:block;}

div.actievefilters {
    padding-bottom: 20px;
}

#Formulier_1571 .Groep .Optie {padding-right: 20px;}



/*media print komt in eigen file*/
/*@media print{}*/

@media only screen and (min-width: 1170px) {
    header.intro h1 {
        font-size: 22px;
    }

    .vervolg article h2 {
        font-size: 35px;
        line-height: 45px;
    }
}

@media only screen and (max-width: 350px) {
	.identity img {height:50px; margin-top: 20px;}
}