/*   
Theme Name: multiples
Template: bigfeature

*/


.swapMe img { -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } .swap1, .swapMe:hover .swap2 { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; } .swapMe:hover .swap1, .swap2 { -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; }



.searchform a.searchicon {
float: right;
background: url("https://www.multiples.nl/afbeeldingen/zoek/search.gif") no-repeat;
height: 16px;
width: 48px;
margin: 5px 0 0 5px;
}



#container {
    padding: 0px 30px 20px 30px;
}

ul.navigation li a {
text-decoration: none;
}

#header {
    margin-bottom: 10px;

}


ul.navigation {
    border-bottom: 1px solid #EEEEEE;
    border-top: 0px solid #EEEEEE;
    float: left;
    line-height: 1em;
    list-style-type: none;
    margin: 2px 0 0;
    width: 100%;
}


h1, h2, h3, h4 {
    letter-spacing: 0.2px;
}

a:hover {
text-decoration: none;
color: #000000;
}



.bfthumbs.mediumheading a.thumb-link {
    color: #BF0000;
    font-family: "runda",sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}





/* ============================ TRANSPARANTIE AFBEELDINGEN ========================== */
a:hover {
/* FIRST (order is important) */
opacity: 0.85;
  transition:opacity 3.0s linear;

/* SECOND (IE8) */
-ms-filter:”progid:DXImageTransform.Microsoft.Alpha(Opacity=80)”;

/* THIRD (IE7) */
filter: alpha(opacity=80);

}


/* ============================ FOOTER ===================================== */
#footer a {
    font-size: 11px;
    color: #777777;
    text-transform: uppercase;
}

#footer {
    font-size: 11px;
    color: #777777;
    text-transform: uppercase;
}


.inside {
    width: 1000px;
}


/* ============================ T Y P E K I T ===================================== */
in combi met 



wpcf7-form-control-wrap
{
font-family: "runda",sans-serif;
font-style: normal;
font-weight: 400;
}





#megaMenu div, #megaMenu span, #megaMenu ul, #megaMenu li, #megaMenu a {
font-family: "runda",sans-serif;
font-style: normal;
font-weight: 300;
}


p {
font-family: "runda",serif;
font-style: normal;
font-weight: 400;
}



/*___deze stond bovenin met waslijst - werkte niet met mega menu___*/
html, body, div, span, object, iframe, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label,  legend, table, caption, tbody, tfoot, thead, th, td, tr {
font-family: "runda",sans-serif;
font-style: normal;
font-weight: 400;
}






h2, h3, h4 {
font-family: "runda",sans-serif;
font-style: normal;
font-weight: 300;
}


.post.single .post-title a {
font-family: "runda",sans-serif;
font-style: normal;
font-weight: 300;
}

.post h1, .slider-h1 {
font-family: "runda",sans-serif;
font-style: normal;
font-weight: 300;
}


.post .post-title a {
font-family: "runda",sans-serif;
font-style: normal;
font-weight: 300;
}





ul.navigation li a {
    font-weight: normal;
    text-transform: uppercase;
}


#sidebar .widgetheading h2 {
font-family: "runda",sans-serif;
font-style: normal;
font-weight: 400;

}




h2.archivetitle, h2.searchtitle, h1.archivetitle, h1.searchtitle {
font-family: "runda",sans-serif;
font-style: normal;
font-weight: 400;

}


.bfthumbs.mediumheading a.thumb-link {
font-family: "runda",sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
}



/* ============================ ZOEK ========================== */
.searchform .searchbox {
    border: 1px solid #DDDDDD;
    height: 28px;
    padding: 0 10px 0 0;
    width: 193px;
}

.searchform .searchfield {
    background: none repeat scroll 0 0 #FFFFFF !important;
    border: medium none !important;
    color: #999999;
    float: left;
    padding: 4px;
    width: 164px;


/* ============================ ORDER TOGGLE ========================== */


.icon-plus {
    background: url("images/plus.gif") no-repeat scroll 0 center transparent;
    padding-left: 120px;
}

.toggle_content.tbox {
    background-color: #ffff00;
    border: 1px dashed #DADADA;
    margin-bottom: 20px;
    margin-right: 320px;
    padding: 20px 20px 20px 0;
    word-wrap: break-word;
}