/*
Theme Name: Met4You V2
Description:    Björns Theme für die Met4You Seite
Author:         Christoph Lang
Author URI:     http://www.christophs-blog.de
Version:        2.0
*/

@import url("googlefont.css");
@import url("twentytwelve.css");

body{
	background-color: black !important;
	color: #ededed;
	font-size: 120%;
}

a, a:hover, a:visited,
.entry-content a:visited,
.comment-content a:visited {
    color: white;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

section#primary h1.entry-title a {
	color: black;
}

@font-face {
	font-family: CONSTANTIA;
	src: url(constantia.ttf);
	format("TrueType");
}

body
{
	font-family: "CONSTANTIA" !important;
}  


div#page {
	width: 89%;
	margin: 0px;
	max-width: 100%;
	padding-left: 13px;
	padding-top: 150px;
	box-shadow: none;	
}
.site {
    background-color: black;
}

div#headerlogo img {
	width: 250px;
	position: absolute;
	top: 0px;
	left: 30px;
	padding: 15px;
}

header#masthead {
	width: 100%;
	height: 110px;
	position: fixed;
	top: 0px;
	left: 0px;
	background-color: black;
    z-index: 1000;
    border-bottom: 1px solid #ededed;
}

nav#site-navigation {
	
	width: 80%;
	position: absolute;
	top: 50px;
	left: 25%;
}

nav#site-navigation a,
nav#footer-navigation a {
	color: #FFFFFF!important;
}

.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
    border-bottom: 0px solid #ededed;
    border-top: 0px solid #ededed;
}


ul.nav-menu li.menu-item a{
	font-size: 12px !important;
	font-size: 13px !important;
}

ul.nav-menu li.current-menu-item a{
	/* font-size: 16px !important; */
	font-weight: bold;
	border-bottom: 2px solid white;
}

nav#footer-navigation {
	
	border-top: 1px solid white;
}

nav#site-navigation ul li:hover,
#li.current_page_item,
#li.current-menu-item
{
	border-bottom: 2px solid white;
}

div.menu-footer-container {
	
	
}

div.menu-footer-container ul li {
	font-size: 10px;	
}

div.menu-footer-container {
	/* border-top: 1px solid white; */
	/* margin-left: 20%; */
	/* width: 800px; */
}

div#header_search {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 50%;
	text-align: right;
}

div#header_search input[type=text] {
	width: 300px;
	background-color: black;
	color: white;
	border: 1px solid #ededed;
	text-align: left;	
}
div#header_search input[type=submit] {
	display: none;
}


section#primary article.post {
	width: 400px;
	margin: 5px !important;
	height: 100% !important;
	display: inline-block;
	text-align: center;
	border: 0px;
}
section#primary article.post div.entry-content {
	display: none;
}

article.post div.entry-content p
{
	max-width: 80%;
}

section#primary article.post div.imgbgr {	
	background-color: white;
	height: 290px;
	width: 98%;
	margin: 5px;
	border: 5px solid white;
}

section#primary article.post div.imgbgr a {
	text-decoration: none;
}

.wpsg_vp {
    width: 100%;
}

div.wpsg_vp_field_typ_radio {
	width: 100%;
	/* height: 300px; */
}


div.wpsg_vp_field_typ_radio label{
	border: 1px solid #FFFFFF; 
	width: 32%;
	display: inline-block;
}


div.wpsg_vp_field_typ_radio label.active{
	background-color: #5F021F;
}

div.wpsg_vp_field_typ_radio label.active img{
	padding-left: 15px;
}

div.wpsg_vp_field_typ_radio label input{
	display: none;
}


div.wpsg_vp_field_typ_radio label:hover{
	background-color: #FFFFFF; 
}

div.wpsg_vp_field_typ_radio label:hover img{
	
}

div.wpsg_vp_field_typ_radio label span.wpsg_vp_switch_header
{
	position:relative;
	top: 30px;
	left: 120px;
	font-size: 14px;
	font-weight: bold;
	color: white;
}

.wpshopgermany_produkt {
	border: none;
}
	
	

div.wpsg_vp_field_typ_radio label.active span.wpsg_vp_switch_header{
	color: white;
}

div.wpsg_vp_field_typ_radio label:hover  span.wpsg_vp_switch_header{
	color: black;
}


.wpshopgermany_produkt .kleinunternehmerregelung {
    padding-top: 10px;
}

.wpshopgermany_produkt .wpshopgermany_submit_basket {
  
    position: static;
	width: 260px;
	height: 30px !important;
    background-image: none;
	
	font-size: 17px !important;
	border: 1px solid white;
	color: white;
    background-color: black;
	
}



.site-content article {
    border-bottom: 0px double #ededed;	
}

#cycler {
	position:absolute;
	left: 0px;
	top: 158px;
	width: 100%;
	height: 420px;
	border-top: 3px solid white;
	border-bottom: 3px solid white;
}

#cycler img {
	position:absolute;
	z-index:1;
	width: 100%;
	height: 420px;
	object-fit: cover;
}

#cycler img.active {
	z-index:3
}

.site-content-news {
	padding-top: 420px;
}

section#primary article.post header h1,
section#primary article.page header h1 {
	position: relative;
	top: -50px;
	left: 6px;
	font-size: 18px;
	text-align: center;
	background-color: white;	
	/* box-shadow: 10px 10px 5px #888888; */
}

.site-content article {
	padding-bottom: 0px;
}

.site-content article {
    margin-bottom: 6.00rem;
}

div#content h2#share 
{
	margin-bottom: 20px;
}

.site-content article header{
	margin-bottom: 0px;
	/* height: 50px; */
}

section#primary div#content article header{
	height: 50px;
}

div#primary div#content article header div  {
	/* width: 0px !important; */
	/* display: none; */
	
	width: 240px !important;
    position: absolute;
    right: 10px;
}


.entry-content img, img.wp-post-image {
	box-shadow: none;
}

div#primary.search article {
	height: 0px;
}

div#primary.search header {
	margin-bottom: 0px;
	border-bottom: 0px solid #ededed;
}

div#primary.search article.no-results div.entry-content {
	padding-top: 10px;
}


div#primary.search div#content article header div  {
	width: 60px !important;
	position: absolute;
	display: inline;	
}

div#primary.search div#content article header div img {
	width: 60px !important;
	position: relative;
	display: inline;
	left: -70px;
	top: -5px;
	
}


div#comments.commentlist li{
	border-top: 1px solid grey;
}



ul#menu-hauptmenu.toggled-on {	
	background-color: white !important;
	color: black;
	display: inline-block;	
	left:0px;
	padding: 30px;
	
	
}

ul#menu-hauptmenu.toggled-on li a {
    border-bottom: 0;
	text-decoration: none;
    line-height: 3.692307692;
    text-transform: uppercase;
    white-space: nowrap;
}

div#content {
	padding-left: 150px;
}

td.gce-has-events {
	background-color: #5F021F;
}

td.gce-has-events span {
	color: #FFFFFF;
}
div.gce-month-title {
	font-size: 25px;
}
table.gce-calendar {
	width: 50% !important;
}

h1.gce-list-event span{
	float: none !important;
	display: block;
}

div.gce-event-info ul li p {
	padding: 10px;
}

table.wpshopgermany_largbasket tr th {
	background-color: #5F021F !important;	
}

input.wpshopgermany_error, select.wpshopgermany_error {
    border-color: red;
	background-color: red !important;
    color: #000000;
}

div.fancybox-content {
	background-color: white !important;
}

input.wpshopgermany_button,
input.wpshopgermany_back,
input.wpshopgermany_next_step,
input.wpshopgermany_overview_basket,
input.wpshopgermany_overview_go {
    color: #000000;	
}

table.wpshopgermany_largbasket tbody tr.odd td a{
	color: #000000 !important;	
}

table.wpshopgermany_billing tbody tr td input#under{
	margin-left: 30px !important;
}

del {
    color: #5F021F;
}

@media screen and (max-width: 600px) {
	section#primary article.post div.imgbgr {
		height: 160px;
	}		
	
	.entry-header img.wp-post-image {
		/* display: none; */
	}
	
	#cycler {
		height: auto;
	}
	
	#cycler img {
		height: auto;
	}
	
	.site-content-news {
		padding-top: 160px;
	}

	section#primary article.post {
		width: 36%;
		padding: 15px
	}
	
	section#primary article.post header h1,
	section#primary article.page header h1 {		
		font-size: 8px;
		top: -30px;
	}
		
	div#content {
		padding-left: 0px;
	}
	div#primary.search div#content article header div {
		display: none;
	}

}
@media screen and (min-width: 600px) {
	section#primary article.post div.imgbgr img{
		height: 290px;
		width: auto;
		
	}
}