
/* CUSTOM FONTS */
body { font-family: 'Helvetica Neue', Helvetica, Arial; font-size: 13px; line-height: 21px; }
h1, h2, h3, h4, h5, h6 { font-family: 'Helvetica Neue', Helvetica, Arial; font-weight: bold; }
nav#main-nav ul li > a  { font-family: 'Helvetica Neue', Helvetica, Arial; font-size: 14px; font-weight: bold; }


/* CUSTOM COLOR */
::selection { background: #1a1a1a; }
::-moz-selection { background: #1a1a1a; }
::-webkit-selection { background: #1a1a1a; }
input[type=submit]:hover { background: #1a1a1a; }
a { color: #1a1a1a; }
a.more-link:hover {	background: #1a1a1a; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #1a1a1a; }
header { background: #ffffff; }
nav#main-nav ul .sub-menu li a:hover { color: #1a1a1a; }
#dropdown-menu { color: #1a1a1a; }
#responsive-nav li:hover > a, #responsive-nav li.current-menu-item > a, #responsive-nav li.current-menu-ancestor > a, #responsive-nav li.current_page_parent > a { color: #1a1a1a; }
#responsive-nav li ul li:hover > a, #responsive-nav li ul li.current-menu-item > a, #responsive-nav li ul li.current-menu-ancestor > a {  color: #1a1a1a; }
#totop { background-color: #1a1a1a; }
.meta_date a:hover { color: #1a1a1a; }
.quote { background: #1a1a1a; }
.filter ul li a:hover, .filter ul li a.active {	color: #1a1a1a; }
#single-pagination ul li a:hover { background-color: #1a1a1a; }
#load-more a { background: #1a1a1a; }
.widget ul li a { color: #1a1a1a; }
.tag-list a:hover { color: #1a1a1a; }
a.standard { color: #1a1a1a; }
.skill .skill_bar .skill_active { background: #1a1a1a; }
.toggle .toggle_title .toggle_icon { background-color: #1a1a1a; }
.imgoverlay a .overlay { background-color: #1a1a1a; }
.loading span { background-color: #1a1a1a; }
.notfound h1 { color: #1a1a1a; }
.flex-direction-nav li { background-color: #1a1a1a; }
.fancybox-close { background-color: #1a1a1a; }
.fancybox-prev span, .fancybox-next span { background-color: #1a1a1a; }
#fancybox-overlay { background: #1a1a1a; }
.fancybox-outer { background: #1a1a1a; }
div.jp-volume-bar-value { background: #1a1a1a; }
div.jp-play-bar { background: #1a1a1a; }


/* DARK MENU STYLE */
nav#main-nav ul li > a  { color: #000000; opacity: 0.60; filter: alpha(opacity=60); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; }
nav#main-nav ul li:hover a { opacity: 0.90; filter: alpha(opacity=90); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; }
nav#main-nav ul li.current-menu-item a, nav#main-nav ul li.current-menu-ancestor a, nav#main-nav ul li.current_page_parent a { opacity: 0.90; filter: alpha(opacity=90); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; }
.filter a.openfilter { color: #000000; opacity: 0.60; filter: alpha(opacity=60); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; }
.filter-seperator { background: #000000; opacity: 0.2; filter: alpha(opacity=20); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; }






/* SPACINGS */
.header-inner { padding-top: 30px; padding-bottom: 30px; }
#footer-inner { padding-top: 15px; padding-bottom: 15px; }
nav#main-nav { margin-top: 0px; } 
.filter { margin-top: 0px; } 
.filter-seperator { margin-top: 0px; } 







/* CUSTOM CSS (Theme Options) */
/*---------------------------------------------- 
Navigation & Menus
------------------------------------------------*/

nav#main-nav ul li > a  {					/* Topmenü */
	font-weight: bold;
	display: block;
	font-size: 14px;
	line-height: 30px;
	color: #7E161A;
	opacity: 0.65;
	filter: alpha(opacity=65);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
	text-decoration: none;
	z-index: 11;
	}
	
nav#main-nav ul li:hover a {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}
	
nav#main-nav ul li.current-menu-item a, nav#main-nav ul li.current-menu-ancestor a, nav#main-nav ul li.current_page_parent a {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
	}
	
nav#main-nav ul li .sub-menu {
	position: absolute;
	top: 30px;
	right: 0px;
	text-align: right;
	background: #ffffff;
	width: 200px;
	padding: 8px 0;
	display: none;
	text-align: right;
	} 
	

/*---------------------------------------------- 
Filter
------------------------------------------------*/
.filter {
	position: relative;
	}

.filter a.openfilter {					/* Menüpunkt Filter */
	display: block;
	font-size: 14px;
	line-height: 30px;
	color: #7E161A;
	opacity: 0.65;
	filter: alpha(opacity=65);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
	text-decoration: none;
	z-index: 11;
	display: block;
	}
		
.filter a.openfilter:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}

.filter ul {                                         /* Filtermenü Breite */
	position: absolute;
	top: 30px;
	right: 0px;
	text-align: right;
	background: #ffffff;
	width: 150px;
	height: auto;
	padding: 8px 0;
	display: none;
	}
	
.filter ul li {
	padding-right: 10px;
	}
	
.filter ul li a {                                        /* Filtermenüpunkte Farbe */
	color: #7E161A;
	padding-right: 20px;
	line-height: 26px;
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}
	
.filter ul li a:hover, .filter ul li a.active {                                        /* Filtermenüpunkte Farbe wenn ausgewählt */
	color: #7E161A;
	}
	
.filter ul li a.active {
	background: url(files/images/filter-check.png) no-repeat right center;
	}
	
.filter-seperator {					/* Farbe der Trennlinie zum Topmenü */
	display: block;
	width: 1px;
	height: 30px;
	background: #7E161A;
	float: right;
	margin-left: 20px;
	opacity: 0.3;
	filter: alpha(opacity=30);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	}


/*---------------------------------------------- 
Overlay
------------------------------------------------*/
.imgoverlay {
	position: relative;
	cursor: pointer;
	overflow: hidden;
	display: block;
	max-width: 100%;
	}
	
.imgoverlay:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}

.imgoverlay a .overlay {
	width: 100%;
	height: 100%;
	background: #ffffff;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
	z-index: 0;
	}
	
.imgoverlay a .overlaymeta {					/* Kategorie unter Trennlinie */
	color: #1a1a1a !important;
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	text-align: center;
	display: none;
	padding-top: 10px;
	}
	
.imgoverlay a .overlaymeta h6 {					/* Projekt über Trennlinie */
	color: #1a1a1a !important;
	padding: 0 10px;
	}
	
.imgoverlay a .overlaymeta .meta-seperator {					/* Trennlinie */
	display: inline-block;
	width: 50px;
	height: 1px;
	background: #7E161A !important;
	margin-bottom: 3px;
	opacity: 0.4;
	filter: alpha(opacity=40);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";

