@import "reset.css";

@font-face {
    font-family: 'geometr706_bdcn_btbold';
    src: url('fonts/geometr706-bdcn-bt-bold-webfont.eot');
    src: url('fonts/geometr706-bdcn-bt-bold-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/geometr706-bdcn-bt-bold-webfont.woff') format('woff'),
        url('fonts/geometr706-bdcn-bt-bold-webfont.ttf') format('truetype'),
        url('fonts/geometr706-bdcn-bt-bold-webfont.svg#geometr706_bdcn_btbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

.clear {
    clear: both;
    display: block;
}

html, body { 
    background: #F4F4F4; 
    font-family: Verdana, Geneva, sans-serif; 
    font-size: 11px; 
    color: #585858; 
    line-height: 20px;
    background: url('images/stripe.png');		
}

.home_tumb_beschijving{
    height: 100px;
}

#wrapper { 
    width: 980px; 
    margin: 0 auto; 
    background-color: #FFF;
}

#header { 
    overflow: hidden; 
    width: 920px; 
    /*height: 85px;*/ 
    background: #003466; 
    margin: 10px auto; 
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.phone {
    font-family: 'geometr706_bdcn_btbold';
    font-size: 20px;	
    float: right;	
    margin: -33px 30px 0 0;
}

.phone a:visited,
.phone a {
	text-decoration:none;
	color:#585858;
}

#menu-hoofdmenu {
    margin-left: 5px; 
}
.menu-header{
    background-color: #E9E9E9;
    height: 50px;
} 

.menu-header ul li{
    margin: 5px;
    padding: 5px;
    list-style:none;
    float: left;
}
.menu-header ul li:hover{
    background-color: #DDDBD6;
}

.menu-header li{
    position: relative;
}

.menu-header li:hover ul{
    left: 0;
}


.menu-header .current-menu-item {
    background-color: #ec008c;
}

.menu-header .current-menu-item a{
    color: white;
}

.menu-header li a{
    display: block;
    line-height: 20px;
    padding: 5px 3px;
    margin: 0 0 0 0px;
    color: black;
    text-decoration: none;
    font-size: 13px;
}

/* level 2 menu */

.menu-header .current-menu-item .sub-menu a{
    color: black;
}

.menu-header .sub-menu{
    float: none;
    width: auto;
    height: auto;
    position: absolute;
    top: 40px;
    left: 90000px;
    z-index: 2;
    min-width:175px;
}

.menu-header .sub-menu li:hover{
    background-color: #ec008c;
}

.menu-header .sub-menu  a:hover{
    color: white;
}

.menu-header .sub-menu li{
    float: none; 
    color: white;
    padding: 0px;

}


.menu-header .sub-menu{
    background-color:  #DDDBD6;
    color: white;
}
.menu-header .sub-menu .current-menu-item a{
    color: white !import;
}

.menu-header .sub-menu li a{
    padding: 5px;
    white-space: nowrap;
}



/* einde level 2 menu */
.menu-products { 
    width: 960px; 
    margin: 0 auto;
    margin-bottom: 10px;
}

.menu-products ul { 
    width: 960px; 
    margin: 0 auto;
    margin-bottom: 5px;
    background-color: #DDDBD6;	
    line-height: 40px;	
}

.menu-products li.current-menu-item ul.sub-menu, .current_page_ancestor ul.sub-menu, .menu-products ul.sub-menu {
    float: left;
    clear: both;
    margin-top: -10px;
    background-color: #E9E9E9;
    width: 960px;	
    height: 40px;
    line-height: 40px;
}

.menu-products li.current-menu-item ul.sub-menu, .current_page_ancestor ul.sub-menu {
    display: block;
}

.menu-products a {
    color: #666666;
    padding: 5px 20px; 
    margin: 0 5px 0 0;
    color: #333333; 
    text-decoration: none;
    font-size: 13px; 		
}

.menu-products li { 
    display: inline;
}

.menu-products .main-menu li.current-menu-item a {
    font-weight: bold;
    color: #EC008C;
    background: url('images/arrow_active.png') no-repeat right;
}

.menu-products .main-menu li.current-menu-item ul.sub-menu a {
    background: none;	
}

.menu-products .sub-menu .current-menu-item a {
    color: #EC008C;
    font-weight: bold;
}

#container { 
    width: 960px; 
    overflow: hidden; 
    margin: 0 auto; 
}

#slider {
    margin-bottom: 10px;	
    width: 960px;	
    height: 420px;
}

#content { 
    float: left; 
    width: 960px; 
    font-size: 11px;
}

#content.contenthome { 
    float: left; 
    width: 960px; 
    font-size: 11px;
    background: url('images/background.png');
}

#contentbg { 
    float: left; 
    width: 960px; 
    font-size: 11px; 
    background: url('images/background.png');	
}

#page { 
    width: 960px; 
    color: #333333; 
    padding: 15px;
}

#page p { 
    margin: 10px 0 0 0;
    width: 800px; 
}

#page .page-title { 
    font-family: 'geometr706_bdcn_btbold';
    font-size: 20px;	
}

#page .wpcf7 .wpcf7-text {
    color: #333;
    font-size: 11px;
    font-family: Verdana, Geneva, sans-serif;
    border: 1px solid #DDDBD6;
    height: 28px;
    line-height: 28px;
    padding: 0 25px 0 10px;
    background: #FFF;	
}

#page .wpcf7 .wpcf7-textarea {
    color: #333;
    font-size: 11px;
    font-family: Verdana, Geneva, sans-serif;
    border: 1px solid #DDDBD6;
    height: 90px;
    line-height: 28px;
    padding: 0 25px 0 10px;
    background: #FFF;	
}

#page .wpcf7 .wpcf7-submit {
    color: #FFF;
    font-size: 11px;
    font-family: Verdana, Geneva, sans-serif;
    border: none;
    height: 28px;
    line-height: 28px;
    padding: 0 25px 0 10px;
    background: #000 url('images/arrow_button.png') no-repeat right;	
}

#page-left { 
    float: left; 
    width: 275px; 
    background: #003466; 
    color: #FFF; 
    padding: 20px; 
}

#page-left p { 
    margin: 10px 0 0 0; 
}

#page-left .page-title { 
    font-family: 'geometr706_bdcn_btbold';
    font-size: 20px;	
}

#page-right { 
    float: left; 
    width: 645px; 
}

#page-right .button { 
    color: #FFF;
    font-size: 11px;
    font-family: Verdana, Geneva, sans-serif;
    border: none;
    height: 27px;
    padding: 7px 20px 7px 7px;
    text-decoration: none;
    background: #000 url('images/arrow_button.png') no-repeat right;	 	
}

#page-right .button:hover {
    text-decoration: underline;
}

#page-right ul.categories li .categories-title { 
    padding-left: 10px; 
    font-family: 'geometr706_bdcn_btbold';
    font-size: 20px;	
    color: #003466;	
}

.contenthome .categories .categories-title {
	text-align:center;
}

.categories-title a {
    text-decoration: none;
    color: #000;
}

.categories-title a:hover {
    text-decoration: underline;
}

#page-right ul.categories li { 
    width: 205px; 
    float: left; 
    margin-left: 10px; 
    padding-bottom: 20px; 
}

#page-right ul.categories li .button { 
    margin: 10px 0 0 10px;
}

#page-right ul.categories li img { 
    border: 1px solid #D6D6D6;
    width: 203px; 
    height: 203px;	
}


#page-right ul.categories li p { 
    margin: 10px; 
}

#page-right ul.products li .products-title { 
    padding-left: 10px; 
    font-family: 'geometr706_bdcn_btbold';
    font-size: 20px;
    color: #003466;		
}

#page-right ul.products li { 
    width: 205px; 
    float: left; 
    margin-left: 10px; 
    padding: 0 0 20px 0; 
}

#page-right ul.products li .button { 
    margin: 10px 0 0 10px;
}

#page-right ul.products li img { 
    border: 1px solid #D6D6D6;
    width: 203px;
    height: 203px;
}

#page-right ul.products li p { 
    padding-left: 10px; 
    margin: 10px 0 0 0;
    font-weight: bold;
    color: #000;
}

#page-right ul.products li a {
    padding-left: 10px; 
    margin: 10px 0 0 0;
    font-weight: bold;
    color: #000;
}

#page-right #product  {
    padding: 0 0 10px 10px;
}

#page-right #product img  {
    width: 633px;
    height: 633px;
    border: 1px solid #D6D6D6;
}

#page-right .page-title,
#page-right #product .page-title { 
    font-family: 'geometr706_bdcn_btbold';
    font-size: 20px;	
    color: #003466;
    margin: 15px 10px 0 10px;
}

#page-right .page-title { 
    font-family: 'geometr706_bdcn_btbold';
    font-size: 20px;	
    color: #003466;
    margin: 5px 0 5px 0px;
}

#page-right #product label {
    width: 100%;
    display: block;
    padding: 10px 0 10px 0;
}

#page-right #product label span {
    border-bottom: 1px solid #D6D6D6;
    display: block;
    color: #000000;
    float: left;
    width: 250px;
    height: 27px;
    line-height: 27px;
    padding: 2px 10px;
    text-align: left;
    margin-right: 10px;
}

#page-right #product label span.last {
    border-bottom: none;
}

#page-right #product .textfield {
    padding-left: 2px;
    width: 215px;
    height: 28px;
    color: #333;
    background: #FFFFFF;
    border: 1px solid #D6D6D6;
}	

#footer { 
    margin: 0 auto; 
    margin-top: 10px; 
    width: 960px; 
    height: 55px;
    background-color: #FFF;	
}

#footer-left { 
    margin-right: 10px; 
    float: left; 
    width: 315px; 
    height: 45px; 
    background: #DDDBD6; 
}

#footer-right { 
    background: #E9E9E9;
    float: right; 
    width: 595px;	
    height: 45px; 	
    line-height: 45px; 	
    padding: 0 20px;
}

#footerblokken {
  margin: 0 auto; 
  margin-top: 10px; 
  width: 960px; 
  min-height: 150px;
  background-color: #003466;	    
}

#footerblokken a {
	color:white;
	text-decoration:none;
	line-height:18px;
}


#footerblokken p,
#footerblokken li {
	line-height:22px;
}

#footerblokken h2 {
	color:white;
	text-decoration:none;
  font-family: 'geometr706_bdcn_btbold';
  font-size: 18px;
  padding-bottom: 5px;
}

#footerblokken .widget {
	width:22%;
	float:left;
	padding: 20px 0 0 28px;
	color:white;
}

#footerblokken .widget:nth-child(4) {
	margin-top:25px;
}

.menu-footer ul {
    color: #333333;
}

.menu-footer ul li { 
    float: left; 
}

.menu-footer ul li a { 
    padding: 0 5px 0 0; 
    margin: 0 5px 0 0;
    color: #ec008c; 
    text-decoration: underline; 
}

.menu-footer ul li.current_page_item a, #footer-right ul li a:hover { 
    color: #333333; 
}

#page-right #product label.error span {
    color: red;
}

#page-right #product label.error input {
    border: 1px solid red;
}

#breadcrumbs {
	margin-bottom: 10px;
	font-size: 10px;
}

#breadcrumbs a:visited,
#breadcrumbs a {
	text-decoration:none;
	color:#585858;
}

.terugbtn {
	margin-top: 10px;
}

.terugbtn a:visited,
.terugbtn a {
	color:white;
}

.offbtn {
	margin:auto;
	display:block;
	border: 1px solid white;
	color:white;
	padding:12px 15px;
	margin-top:20px;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
}

.post-meta-key {
	display:none;
}

.extra-content {
	padding: 0 10px 10px;
}

em {
	font-style: italic;
}

.quote {
	margin: 10px 0;
	font-size: 12px;
}

.checkmark.catcheck li {
	display:inline-flex;
	width: 28%;
	padding-left: 4.5%;
  margin: 15px 0 10px 0;
}

.checkmark li {
  display: inline-block;
  width: 31%;
  line-height:16px;
  margin: 15px 0;
  padding-left: 1%;
}

.checkmark li:before {
	font-family:'fontawesome';
	content:'\f058';
	color:#003466;
	margin-right:7px;
	font-size: 16px;
	line-height: 32px;
  display: inline-block;
}

.menu-zijnavigatie-container ul {
	margin-bottom: 35px;
}

.menu-zijnavigatie-container li {
	border-bottom: 1px solid rgba(255,255,255,0.4);
	padding: 10px 0 0 0;
}

.menu-zijnavigatie-container li a:visited,
.menu-zijnavigatie-container li a {
	font-family: 'geometr706_bdcn_btbold';
	color:white;
	text-decoration: none;
	display:block;
	font-size:13px;
	letter-spacing: 1px;
}

#page-left h2 {
  font-family: 'geometr706_bdcn_btbold';
  font-size: 18px;
  margin: 5px 0 5px 0px;
  padding-top:10px;	
  color:white !important;
}


.content-top h2,
.bottom-content h2,
#content h2 {
  font-family: 'geometr706_bdcn_btbold';
  font-size: 18px;
  margin: 5px 0 5px 0px;
  padding-top:10px;
  color:#003466;
}

#content h2.homeh2 {
    margin: 5px 0 5px 10px;	
}

.contenthome .page-content-content {
	clear:both;
	padding: 0px 10px 0 10px;
}

.bottom-content {
	clear:both;
	padding: 10px 10px 0 10px;
}

.contenthome #page-right ul.products li .button,
.contenthome #page-right .button {
	height: auto;
	margin: 10px 0 0 0px;
}

.contenthome #page-right ul.products li a {
	color:white;
	background-color: #003466;
	display: block;
}

.content-top {
	margin-bottom: 20px;
	padding: 0 10px 0 10px;
}

.fpimages td {
	width:20%;
}

.fpimages td img {
	width:100%;
	height:auto;
}

ul.ulbags,
ul.fpref {
	margin-left: 40px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.fpref li {
    display: inline-block;
    width: 33%;
    padding: 2px 0;
}

.ulbags li:before,
.fpref li:before {
	font-family: 'fontawesome';
	content:"\f290";
	color:#003466;
	margin-right:7px;	
}

.bottom-content ol li {
	margin-left:40px;
	line-height: 22px;
}

.bottom-content ol {
	list-style: decimal;
	margin: 10px 0;
}

#page-right ul.products li.nopadbot {
	padding: 0;	
}

.contenthome .products {
	height: 310px;
	clear: both;	
}

.contenthome .products li p {
	height:35px;
}