/* this file overrides default colors and must be included after the main CSS file */

html, input[type=text]:focus:invalid, input[type=password]:focus:invalid, input[type=email]:focus:invalid, input.text:focus:invalid, textarea:focus:invalid { background-color: #FFFFFF; }

/*body, .invert-colors .thumb, #header #logo h1 a, #header #menu li a { color: #FFFF00; }*/

a, a:visited, .button, button, input[type=submit], input[type=reset], input[type=button], .pagination .page-numbers, .button:visited, .pagination .current, .pagination .current:hover, .invert-colors .button.light:hover, .invert-colors button.light:hover, .invert-colors input[type=submit].light:hover, .invert-colors input[type=reset].light:hover, .invert-colors input[type=button].light:hover, .invert-colors .button.light:focus, .invert-colors button.light:focus, .invert-colors input[type=submit].light:focus, .invert-colors input[type=reset].light:focus, .invert-colors input[type=button].light:focus, input[type=text]:focus:invalid, input[type=password]:focus:invalid, input[type=email]:focus:invalid, input.text:focus:invalid, textarea:focus:invalid, .thumb h4.item-title .price, .filter-selectors a.active,  #sidebar .recentcomments:before { color: #004225; }
.button:hover, button:hover, input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover, .pagination .current, .pagination .current:hover, .button.filled { color: #fff; }
.button.dark, button.dark, input[type=submit].dark, input[type=reset].dark, input[type=button].dark { color: #1B1E1F; }

.button, button, input[type=submit], input[type=reset], input[type=button], .pagination .page-numbers, #fancybox-loading, #fancybox-loading div, .collapse .active .collapse-title, .pricing-table .special, .pricing-table .special .price-title, .pricing-table .special .price-tag { border-color: #004225; }
#heading .iosSlider .slider .item .caption span.text:after, .commentlist .bypostauthor { border-top-color: #004225; }

.button:hover, button:hover, input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover, .button:focus, button:focus, input[type=submit]:focus, input[type=reset]:focus, input[type=button]:focus, .pagination .page-numbers:hover, .pagination .page-numbers:focus, .pagination .current, .pagination .current:hover, .button.filled, .iosSlider .slider .item .caption span.text, #heading .iosSlider .slider .item .caption span.text, .audiojs, .collapse .active .collapse-title, .rotator li.active a, .alert.error, .pricing-table .special .price-title, #social-share a.social-link, .thumb .photo a:hover .tag, #footer .bottom, #content .invert-colors { background: url(bilder/verlauf.png) no-repeat #004225; background-position: center;  }

.alert.error { border-color: #ffff00; }
.invert-colors .sep, #footer .sep, #content .invert-colors .bottom-shadow:after { background: #FFFF00; }

.iosSlider-container { background-color: #ddd; }
	#heading .iosSlider .controls span, #header { /*background: #f2f2f2 url(tmp/custom-header-bg.png) repeat top center; color: #FFFF00;*/ 
	background: url(bilder/verlauf.png) no-repeat #004225; background-position: center; 
	-webkit-box-shadow: 0 8px 6px -6px #545454;
	   -moz-box-shadow: 0 8px 6px -6px #545454;
	        box-shadow: 0 8px 6px -6px #545454;
	         }

.highlight { background: #FFFF00; color: #004225; }
h2 .highlight { box-shadow: 0.3em 0 0 #FFFF00,-0.3em 0 0 #FFFF00; -moz-box-shadow: 0.3em 0 0 #FFFF00,-0.3em 0 0 #FFFF00; -webkit-box-shadow: 0.3em 0 0 #FFFF00,-0.3em 0 0 #FFFF00; }

#social-share a.social-link { color :#fff; }
#social-share a.social-link:hover { background-color: #f2f2f2; color :#FFFF00; }

.thumb { background-color: #f4f4f4; }
.thumb .bar:before, .thumb .bar:after { border-bottom-color: #f4f4f4; }
.invert-colors .thumb { background-color: #fff; }
.thumb .photo .tag { background-color: #FFFF00; }

#header #menu.mobile li { border-top-color: #ddd; }

#heading .bar:before, #heading .bar:after, .thumb .bar:before, .thumb .bar:after { border-bottom-color: #FFFFFF; }

#footer .bottom a { color: #fff; text-decoration: underline; }
#footer .bottom a.button, #footer .bottom .flickr-gallery a { text-decoration: none; }
#footer .bottom a.button.light:hover { color: #004225; }

.searchform input[type=submit] { background-color: transparent; }



@media (min-width: 768px) {
	#header #menu li a:hover, #header #menu li.has-children ul, #header #menu li.has-children:hover a, #header #menu li.shop-menu-item ul a { color: #FFFFFF; }
	#header #menu li.has-children ul a:hover { color: #FFFFFF; }
	#header #menu li.has-children:hover a { color: #FFFF00; }
	#header #menu li.has-children:hover ul li.current_page_item > a { color: #FFFFFF; }
	#header #menu .shop-menu-item a { background-color: #004225; color: #fff; }
	#header #menu ul .shop-menu-item.current_page_item > a { color: #fff; }

	.post .date { background-color: #004225; }
}


/* CUSTOMIZATION THE-PHLO.DE */

#header #logo h1 a, #header #menu li a { color: #FFFF00; }

#header #menu li.has-children ul {
	width: 15.5em;
}

.iosSlider-container {
	padding: 0 0 20.25%;
}

#content .bottom-shadow:after {
	background: none repeat scroll 0 0 #004225;
}

#content .textcenter .bottom-shadow:after {
	left: 0;
}

.textcenter {
	text-align: left;
}

#header #menu li a:hover {
	background: none;
}

#header #menu ul li.current_page_item > a {
	color: #FFFFFF;
}

.collapse li {
	-webkit-box-shadow: 0 8px 6px -6px #7e7e7e;
	   -moz-box-shadow: 0 8px 6px -6px #7e7e7e;
	        box-shadow: 0 8px 6px -6px #7e7e7e;
}

.small {
	font-size: 0.8em;
}

p, ol, ul, blockquote {
	margin-bottom: 2em;
}

#header #menu,
#header #logo {
	text-align: center;
}

#header #logo h1 a img {
	width: 100%;
}

#header #menu-switch {
	margin-top: 0;
}

html > body .wrapper-expand {
	background: #ebe2d9 url('bilder/old-paper.jpg') repeat-x left top;
}


#header #menu li a {
	font-family: Times, Times New Roman, serif;
}

.collapse .collapse-content {
	background: #FFFFFF;
}

h5.collapse-title img {
	margin-right: 0.5em;
}

h2 {
	margin-bottom: 0.3em;
}

div.col ul.collapse li.active h5.collapse-title img {
	display: none;
}

.responsive-container {
	padding-bottom: 30%;
}

body div > div> div#content > section.container > div.col > p a {
	font-weight: bold;
}

#content > section > div.col.grid8 > ul {
	font-size: 0.8em;
	list-style-position: outside;
	margin-left: 5px;
}