/* 

IN DIT DOCUMENT KUN JE DE KLEUREN VAN ALLE ONDERDELEN AANPASSEN 

Dit document bevat de custom stijlregels voor www.rijpers.nl/fotografie
versie: 08032016 

versienummer aanpassen naar de datum van vandaag als je iets wijzigt in dit document

*/




/* Headings */

h1 {color: #A53585;} /* Kleur van de paginatitel */
h2 {color: #A53585;} /* Kleur van belangrijke tussenkoppen */
h3 {color: #000;} /* Kleur van minder belangrijke tussenkoppen */
h4 {color: #000;} /* Kleur van minst belangrijke tussenkoppen */


/* Hyperlinks */

a:link {color:#A53585;} /* Kleur normale hyperlink */
a:visited {color:#666;} /* Kleur bezochte hyperlink*/
a:hover {color:#E287C8;} /* Kleur hyperlink bij mouse over */




/* Hyperlinks in content #inhoud */

#inhoud a:link {color: #A53585;
				text-decoration: none;
				border-bottom: #A53585 1px dotted;}
#inhoud a:visited {color: #999;
					text-decoration: none;
					border-bottom: #999 1px dotted;}
#inhoud a:hover {color: #E287C8;
			     text-decoration: none;
				 border-bottom: #E287C8 1px dotted;}




/* Header */

#site-description {color: #A53585;} /* slogan */


			/* kleur van de border om de search box */
 			#search input[type=text] {border: 1px solid #999;} 




/* Navigatiemenu */

#menuboven {} /* Achtergrondkleur van het menu */
#menuboven li a {color: #999; border-right: 1px solid #ebebeb;} /* Kleur van de links in het menu (menu items) */
#menuboven li a:hover {color: #A53585; background-color: #666; background: rgba(255, 255, 255, 0.7); } /* Kleur van de links in het menu bij mouse over */

			
			
			/* Styling geselecteerde pagina in menu */
			
			.current-menu-item > a,
			.current-menu-ancestor > a,
			.current_page_item > a,
			.current_page_ancestor > a {color: #A53585!important;}
	


			/* Submenu */
			
			#menuboven li ul {background-color: #fff;} /* Achtergrondkleur van de submenu items */
			
			


/* Slider */

#slider {background: #fafafa; border-top: 2px solid #f1f1f1; border-bottom: 1px solid #f1f1f1;} /* Achtergrondkleur en borders slider */
			



/* Achtergrond rijen (shortcode "rij") */

.rij {background: #fff;} /* Standaard achtergrondkleur */



/* Grijze rij (shortcode "rijgrijs") */

.rijgrijs {background: #fafafa; border-top: 2px solid #f1f1f1; border-bottom: 1px solid #f1f1f1;}



/* Afwijkende rij (shortcode "rijkleur") */

.rijkleur {background: #e10d1b; border-top: 2px solid #8b2227; border-bottom: 1px solid #8b2227; color: #fff;}
.rijkleur h2 {color: #fff;}
.rijkleur a {color: #fff!important; border-bottom: 1px dotted #fff!important;}



/* Donkere rij (shortcode "rijdonker") */

.rijdonker {background: #333; border-top: 2px solid #000; border-bottom: 1px solid #000; color: #eeeeef;}
.rijdonker h2 {color: #eeeeef;}
.rijdonker h3 {color: #eeeeef;}



/* Kolommen (shortcode "kolom2" of "kolom3") */

.kolom2, .kolom3 {} /* Achtergrondkleur kolommen */



/* Fotogallerij op pagina */
				 				 
#inhoud .ngg-gallery-thumbnail img {border: 0px solid #f1f1f1;}



/* Call to action button #inhoud (shortcode "knop") */
				
.cta a {background: #49C3E4; color: #fff!important; text-shadow: #333 1px 1px;} /* Achtergrondkleur en tekstkleur */
.cta a:hover {background: #8CD5E9;} /* Achtergrondkleur bij mouse over */



/* Kleur van de submit buttons (zoeken, verzenden) */

input[type=submit] {background: #333!important; color: #fff;}
input[type=submit]:hover {background: #999!important;} /* Bij mouse over */



/* Icoontjes contactpagina */

.fa {margin: 0 10px 0 0; color: #A53585;}



/* Footer */

#footer-wrapper {background:#F7F5F5; border-top: 2px #f1f1f1 solid; color: #999;}
#footer-wrapper a {color: #999; text-decoration: none;}
#footer-wrapper h2 {} /* Kleur van de kopjes in de footer */
#widgetarea .button {background: #e10d1b;} 
#widgetarea .button:hover {background: #999;}




/* Afbeeldingen */

.size-thumbnail {} /* Afmetingen van foto thumbnail */
.size-medium {border: 2px solid #f1f1f1; } /* Afmeting en kleur rand van foto medium */
.size-large {border: 2px solid #f1f1f1;} /* Afmeting en kleur rand van foto groot */
.attachment-post-thumbnail {width: 100%; height: auto; border: 0px;}/* Afmetingen en rand uitgelichte afbeelding op nieuwspagina */



@media screen and (max-width: 650px)

{

.fa {margin: 0 10px 15px 0;}

}