/* ------------  Algemeen  ------------ */

body{
padding:0px;
margin:0px;
font-family: 'Roboto', sans-serif;
font-size:15px;
color:#333333;
}

img{
border: none;}

#header{
width:100%;
min-width: 1000px;
height:318px;
background:url(http://www.promitis.nl/uploads/images/header.jpg) top center no-repeat;
margin:20px auto;
}

#header580{
display:none;}


h1{
font-size:25px;
text-transform:uppercase;
}

h2{
font-size:25px;
text-transform:uppercase;
}

h3{
font-size:19px;
text-transform:uppercase;
}

hr{
border-bottom: 0px solid #ffffff;
border-top: 1px solid #999999;
border-right: 0px solid;
border-left: 0px solid;
margin: 50px 0 30px 0;}

.oranje, .rose, .blauw, .groen, .geel{
font-size:15px;
text-transform:uppercase;
padding: 15px;
display: inline-block;
margin: 0px 0 0px 0;
color:#ffffff;
float:right;
text-align: right;
margin-right: 20px;
font-weight: bold;
margin-bottom: 10px;}

.oranje{
background: #F78F1E;}

.rose{
background: #E40379;}

.blauw{
background: #0192D1;}

.groen{
background: #00A88F;}

.geel{
background: #FFB812;
}

table.module td{
margin: 20px;}

a{
text-decoration:none;
color:#333;
font-weight:700;
}

a.blokgrijs{
background:#333;
color:#fff;
font-weight:400;
padding:5px 10px;
}

#topwrapper{
width:1000px;
height:170px;
margin:0 auto;
text-align: center;

}

#logo{
width:1000px;
height:100px;
float:left;
margin:10px0 20px 0;
background:url(http://www.promitis.nl/uploads/images/logo.jpg) no-repeat top center;;}



#locatie{
width:980px;
margin:20px auto 30px auto;
font-size:11px;
padding-left: 20px;
}

#locatie img{

}

#wrapper{
width:1000px;
margin:0 auto;
height:auto;
}

#content{
width:630px;
float:left;
margin-bottom:50px;
padding-left: 20px;
}

#contentbreed{
width:1000px;
float:left;
margin-bottom:50px;
}

.stappen{
display: block;
float:left;
width: 100px;
height: 100px;
font-size: 30px;
line-height: 100px;
text-align: center;
font-weight: normal;
background: #0192D1;
color: #ffffff;
margin: 0 30px 30px 0;}

table p{
margin: 0px;}

.stappencontent{
display:block;
float:left;
width: 870px;
min-height: 100px;}

#content #groen{
background:#00A890;
width:560px;
padding:10px 40px 20px 40px;
color:#fff;
}

#subcontent #groen h2{
font-size: 18px;}

#subcontent #groen
{
background:#00A890;
width:220px;
padding:10px 40px 20px 40px;
color:#fff;
}

#groen a.blokgrijs{
background:#fff;
color:#333333;
}

#subcontent{
width:300px;
float:right;
margin-bottom:50px;
border-left-style:solid;
border-width:1px;
border-color:#999;
padding-left:25px;
}


 
/* ------------  Responsive menu ------------ */


div.slicknav_menu{
background: #666666;
color: #ffffff;
width: 90%;
padding: 0 5% 0 5%;
text-align: right;
}

div.slicknav_menu a{
color: #ffffff;
line-height: 50px;
font-size: 22px;}
}

div.slicknav_menu li{
list-style: none;
border-bottom: 1px solid #b40000;
}

div.slicknav_menu ul{
list-style: none;
border-top: 1px solid #999999;
}


div.slicknav_nav div ul li{
list-style: none;
}

div.slicknav_nav div ul li a{
font-size: 15px;
line-height: 35px;
}

div.slicknav_menu{
display: none;}



 
/* ------------  Menu ------------ */




#menu{
margin-top:0px;
display: inherit;
}


 
/* ------------  Menu  ROOT  ------------ */
#primary-nav ul {
position: absolute;
z-index: 1001;
top: auto;
display: none;
padding-top: 0px;
}
 
#primary-nav ul {
list-style: none;
margin: 50px 0px 0px 0px;;
padding: 0px;
width: 160px;
}

#primary-nav li {
margin: 0px;
text-align: center;
display: inline;}
 
#menu ul{
list-style-image: none;
list-style-type: none;}
 
.menuwrapper {}
 
.page-menu ul#primary-nav li {
list-style: none;
display: inline;
}
 
/* Hoofdmenu item indien geen cycles van rood, geel, groen en blauw - deze neemt dan standaard */
.page-menu ul,
#primary-nav li a {
display: inline-block;
padding: 10px 8px 10px 8px;
margin: 20px 5px 10px 5px;
text-decoration: none;
font-size: 17px;
color:#333333;
text-align: center; 
list-style: none;
text-transform: lowercase;
}

#menu a.menuactive,
#menu a:hover{
background:#333;
color:#fff;
}
 
#primary-nav li.menuactive,
#menu li.menuactive,
#menu li.menucurrent,{
}
 
#menu ul li a.active,
#menu ul ul li a.active,
#primary-nav li.menuparent,
#menu li.menuparent {
}
 
.page-menu ul#primary-nav li a:hover,
.page-menu ul#primary-nav li a:active {
color: #fff;
text-decoration: underline;
    font-weight: bold;
}
 
.page-menu ul#primary-nav li a.menuactive,
.page-menu ul#primary-nav li a:hover span {
color: #fff;
text-decoration: underline;
    font-weight: bold;
}
 
/* Additional IE specific bug fixes... */
* html .page-menu ul#primary-nav {
               display: inline-block;
}
*:first-child+html .page-menu ul#primary-nav {
               display: inline-block;
}
 
 
/* --------------------  menu dropdow  -------------------------
/* Unless you know what you do, do not touch this */
/* Reset all ROOT menu styles. */
 
 
ul#primary-nav ul.unli li li a span,
ul#primary-nav ul.unli li a span,
ul#primary-nav .menuparent .unli .menuparent .unli li a span {
font-size: 12px;
font-weight: bold;
background-image: none;
display: block;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
margin-top: 0px;
}
 
ul#primary-nav ul.unli  {
margin-top: 46px;
} 
 
#primary-nav {
margin: 0px;
padding: 0px;
}
 

 
* html #primary-nav ul.unli {
padding-top: 1px;}
 

 
#primary-nav li li {
margin-left: 0px;
margin-top: -1px;
float: none;
position: relative;}
 
/* zo ziet het submenu eruit */
 
#primary-nav ul.unli li a {
font-family: Arial, Helvetica, sans-serif;
padding: 0px 2px;
margin: 1px 0 0 0px;
background: #FC8317;
opacity: 0.9;
border:none;
border: 0px;
border-bottom: #fff 0px solid;
text-decoration: none;
font-size: 12px;
width: 170px;
text-transform: none;
font-weight: bold;
color:#fff;
line-height: 30px;
text-align: left;
display: block;
padding-left: 15px;
padding-right: 15px;
margin-left: -1px;
padding-top: 7px;
}
 
#primary-nav ul.unli li a:hover {
line-height: 30px;
color:#ffffff;
    font-weight: bold;
}
 
#primary-nav ul.unli li a:hover{
color:#ffffff;
line-height: 30px;
background:#FC8317;
height: 30px;
  font-weight: bold;
}
 
/* Styling the basic appearance of the active page elements (shows what page in the menu is being displayed) */
#primary-nav li.menuactive li a {
               text-decoration: none;
               background: #FC8317;
 }
 
#primary-nav ul.unli li.menuparent,
#primary-nav ul.unli a:hover,
#primary-nav ul.unli a.menuactive {
               background-color: #FC8317;
  font-weight: bold;
}
/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav ul.unli li .menuparent,
#primary-nav ul.unli li .menuparent:hover,
#primary-nav ul.unli li .menuparent,
#primary-nav .menuactive.menuparent .unli .menuactive.menuparent .menuactive.menuparent {
               background-position: center right;
               background-repeat: no-repeat;
    font-weight: bold;
}
/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */
#primary-nav ul,
#primary-nav li:hover ul,
#primary-nav li:hover ul ul,
#primary-nav li:hover ul ul ul,
#primary-nav li.menuparenth ul,
#primary-nav li.menuparenth ul ul,
#primary-nav li.menuparenth ul ul ul {
               display: none;
    font-weight: bold;
}
#primary-nav li:hover ul,
#primary-nav ul li:hover ul,
#primary-nav ul ul li:hover ul,
#primary-nav ul ul ul li:hover ul,
#primary-nav li.menuparenth ul,
#primary-nav ul li.menuparenth ul,
#primary-nav ul ul li.menuparenth ul,
#primary-nav ul ul ul li.menuparenth ul {
               display: block;
    font-weight: bold;
}
/* IE Hacks */
#primary-nav li li {
               float: left;
               clear: both;
}
#primary-nav li li a {
               height: 1%;
}
/*************** End Menu *****************/




 
/* ------------  FOOTER  ------------ */





#footerwrapper{
width:100%;
min-width: 1000px;
height:350px;
background:#666666;
float:none;
margin: 0px auto 0px auto;
clear:both;
}

#footer{
width:1000px;
height:300px;
color:#fff;
margin:0 auto;
padding-top:10px;
background:#666666;
padding-left: 0px;}

#footer a{
color:#fff;
}

#footrechts{
height:230px;
width:300px;
border-right-style:solid;
border-width:1px;
border-color:#ffffff;
}

div#footer580{
display: none;}

#footer580{
float:left;
color: #ffffff;
width: 90%;
padding: 0 0 0 5%;
text-align: center;}


#footer580 a,
#footer600 a{
color: #ffffff;}
}


#footer580 #fbrp__29, #fbrp__22, #fbrp__23_1, #fbrp__30{
width:100%;
border-style:none;
height:20px;
margin-left:10px;
}

#footer580 .cms_form{
width:100%;
border-style:none;
height:20px;
margin-left:10px;
text-align: center;
}


#footer580 table.contactform{
width:90%;
border-style:none;
height:20px;
margin-left:10px;
text-align: center;
}




#footer600{
float:left;
color: #ffffff;
width: 100%;
padding: 0 0 0 0;}

div#footer600{
display: none;}

  

#footer #cntnt01moduleform_1, .cms_form, #fbrp__29, #fbrp__22, #fbrp__23_1, #fbrp__30{
width:220px;
border-style:none;
height:20px;
margin-left:10px;
}

#cntnt01fbrp_submit{
background:#E40378;
border-style:none;
float:right;
height:25px;
margin-top:10px;
color:#fff;
font-size:14px;
}


#content #fbrp__29, #content #fbrp__22, #content #fbrp__23_1, #content #fbrp__30{
width:200px;
border: 1px solid #999999;
height:20px;
margin-left:10px;
}


 
/* ------------  EINDE STYLESHEET ------------ */






























/* Stylesheet: stylevanaf1024 Modified On 2014-07-04 10:39:50 */
@media only screen and (max-width:600px){



#header{
width:100%;
min-width: 0px;
height:318px;
background:url(http://www.promitis.nl/uploads/images/header.jpg) top center no-repeat;
margin:20px auto;
display: none;
float:left;
}

#header580{
display:block;
width: 100%;}

#header580 img{
width: 100%;
}


table.module td{
margin: 0px;}


#topwrapper{
width:100%;
height:auto;
margin:0 auto;
text-align: center;
}

#logo{
width:100%;
overflow: hidden;
height:100px;
display: block;
float:left;
margin:10px 0 20px 0;
background:url(http://www.promitis.nl/uploads/images/logo.jpg) no-repeat top center;
}


#locatie{
width:90%;
margin:20px auto 30px auto;
font-size:11px;
padding-left: 0;
}

#locatie img{

}

#wrapper{
width:100%;
margin:0 auto;
height:auto;
padding: 0;}

#content{
width:90%;
float:left;
margin-bottom:50px;
padding-left: 5%;
}

#contentbreed{
width:90%;
float:left;
margin-bottom:50px;
padding-left: 5%;
}

.oranje, .rose, .blauw, .groen, .geel{
font-size:12px;
text-transform:uppercase;
padding: 5px;
display: inline-block;
margin: 0px 0 0px 0;
color:#ffffff;
float:right;
text-align: right;
margin-right: 10px;
font-weight: bold;}



.stappen{
display: block;
float:left;
width: 90%;
height: 100px;
font-size: 30px;
line-height: 100px;
text-align: center;
font-weight: normal;
background: #0192D1;
color: #ffffff;
margin: 0 30px 30px 0;}

table p{
margin: 0px;}

.stappencontent{
display:block;
float:left;
width: 90%;
min-height: 100px;}

#content #groen{
background:#00A890;
width:90%;
padding:10px 5% 20px 5%;
color:#fff;
}


#subcontent #groen
{ background:#00A890;
width:220px;
padding:10px 40px 20px 40px;
color:#fff;
}

#groen a.blokgrijs{
background:#fff;
color:#333333;
}

#subcontent{
width:90%;
float:left;
margin-bottom:50px;
border-left-style:none;
Border-top-style: solid;
border-width:1px;
border-color:#999;
padding-left:5%;
}


div.slicknav_menu{
display: block;
}

#menu{
display:none;}


#footerwrapper{
width:100%;
min-width: 0px;
height:350px;
background:#666666;
float:none;
margin: 0px auto 0px auto;
clear:both;}

#footer{
display: none;
}


#footrechts{
display: none;
}


div#footer600{
display: none;}

div#footer580{
display: block;}


#cntnt01fbrp_submit{
background:#E40378;
border-style:none;
float:right;
height:25px;
margin-top:10px;
color:#fff;
font-size:14px;
}
}


 
/* ------------  EINDE STYLESHEET ------------ */







/* Stylesheet: styletot600 Modified On 2014-07-04 10:28:30 */
@media only screen and (min-width:601px) and (max-width:845px){


#header{
width:100%;
min-width: 0px;
height:318px;
background:url(http://www.promitis.nl/uploads/images/header.jpg) top center no-repeat;
margin:20px auto;
display: block;
float:left;
}

#header580{
display:none;
width: 100%;}

#header580 img{
width: 100%;
}



table.module td{
margin: 0px;}


#topwrapper{
width:100%;
height:auto;
margin:0 auto;
text-align: center;
}

#logo{
width:100%;
height:100px;
display: block;
float:left;
margin:10px 0 20px 0;
background:url(http://www.promitis.nl/uploads/images/logo.jpg) no-repeat top center;
}


#locatie{
width:90%;
margin:20px auto 30px auto;
font-size:11px;
padding-left: 0;
}

#locatie img{

}

#wrapper{
width:100%;
margin:0 auto;
height:auto;
padding: 0;}

#content{
width:90%;
float:left;
margin-bottom:50px;
padding-left: 5%;
}

#contentbreed{
width:90%;
float:left;
margin-bottom:50px;
padding-left: 5%;
}

.stappen{
display: block;
float:left;
width: 90%;
height: 100px;
font-size: 30px;
line-height: 100px;
text-align: center;
font-weight: normal;
background: #0192D1;
color: #ffffff;
margin: 0 30px 30px 0;}

table p{
margin: 0px;}

.stappencontent{
display:block;
float:left;
width: 90%;
min-height: 100px;}

#content #groen{
background:#00A890;
width:90%;
padding:10px 5% 20px 5%;
color:#fff;
}


#subcontent #groen
{ background:#00A890;
width:220px;
padding:10px 40px 20px 40px;
color:#fff;
}

#groen a.blokgrijs{
background:#fff;
color:#333333;
}

#subcontent{
width:90%;
float:left;
margin-bottom:50px;
border-left-style:none;
Border-top-style: solid;
border-width:1px;
border-color:#999;
padding-left:5%;
}

#menu{
display:none;}

div.slicknav_menu{
display: block;
}



#footerwrapper{
width:100%;
min-width: 0px;
height:300px;
background:#666666;
float:none;
margin: 0px auto 0px auto;
clear:both;}

#footer{
display: none;}


#footrechts{
display: none;
}

#footer580{
display: none;}

div#footer600{
display: block;}

}

/* ------------  EINDE STYLESHEET ------------ */


























/* Stylesheet: style600-845 Modified On 2014-07-04 10:23:42 */
@media only screen and (min-width:846px) and (max-width:1024px){



#header{
width:100%;
min-width: 0px;
height:318px;
background:url(http://www.promitis.nl/uploads/images/header.jpg) top center no-repeat;
margin:20px auto;
display: block;
float:left;
}

#header580{
display:none;
width: 100%;}

#header580 img{
width: 100%;
}

table.module td{
margin: 0px;}


#topwrapper{
width:100%;
height:auto;
margin:0 auto;
text-align: center;
}

#logo{
width:100%;
height:100px;
display: block;
float:left;
margin:10px 0 20px 0;
background:url(http://www.promitis.nl/uploads/images/logo.jpg) no-repeat top center;
}



#locatie{
width:90%;
margin:20px auto 30px auto;
font-size:11px;
padding-left: 0;
}

#locatie img{

}

#wrapper{
width:100%;
margin:0 auto;
height:auto;
padding: 0;}

#content{
width:90%;
float:left;
margin-bottom:50px;
padding-left: 5%;
}

#contentbreed{
width:90%;
float:left;
margin-bottom:50px;
padding-left: 5%;
}

.stappen{
display: block;
float:left;
width: 90%;
height: 100px;
font-size: 30px;
line-height: 100px;
text-align: center;
font-weight: normal;
background: #0192D1;
color: #ffffff;
margin: 0 30px 30px 0;}

table p{
margin: 0px;}

.stappencontent{
display:block;
float:left;
width: 90%;
min-height: 100px;}

#content #groen{
background:#00A890;
width:90%;
padding:10px 5% 20px 5%;
color:#fff;
}


#subcontent #groen
{ background:#00A890;
width:220px;
padding:10px 40px 20px 40px;
color:#fff;
}

#groen a.blokgrijs{
background:#fff;
color:#333333;
}

#subcontent{
width:90%;
float:left;
margin-bottom:50px;
border-left-style:none;
Border-top-style: solid;
border-width:1px;
border-color:#999;
padding-left:5%;
}

#menu{
display:block;}

div.slicknav_menu{
display: none;
}


#footerwrapper{
width:100%;
min-width: 0px;
height:300px;
background:#666666;
float:none;
margin: 0px auto 20px auto;
clear:both;}

#footer{
display: none;}


#footrechts{
display: none;
}

#footer580{
display: none;
}

div#footer600{
display: block;
}


}

/* ------------  EINDE STYLESHEET ------------ */





















/* Stylesheet: style846-1024 Modified On 2014-07-04 10:26:39 */