/*
Theme Name: ASV Vörstetten
Description: Template des ASV Vörstetten, blau/gelb, topnavi, zentrales Foto
Author: Dennis Koch
Author URI: http://www.pixelarbeit.de
*/

/*
* Layout, Struktur
*---------------------------------------
*/

* {
	box-sizing: border-box;
}

#head {
	width: 100%;
}

#topbar {
	width: 100%;
	height: 60px;
	background-color: #f5ca05;
	box-shadow: 0 5px 12px rgba(0,0,0,0.6);
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 2;
}

#emblem {
	position: absolute;
	z-index: 3;
	margin: 10px 0px 0px -40px;
}

#photo-container {
	width: 100%;
	height: 500px;
	background-color: rgba(18,51,156,0.7);
	background-image: url('images/glow-head.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 500px;
	clear: both;
}

#coverphoto {
	width: 100%;
	height: 100%;
	margin: auto;
	overflow: hidden;
}

#photo-overlay {
	width: 100%;
	height: 100%;
	background-color: rgba(256,256,256,0.35);
	position: absolute;
	margin: auto;
}

#photo-box {
	width: 1000px;
	height: 500px;
	margin: auto;
	position: relative;
	border-left: 1px solid rgba(100,100,100,0.7);
	border-right: 1px solid rgba(100,100,100,0.7);
}

#content-wrapper {
	width: 1000px;
	margin: 30px auto;
}

#content {
	width: 630px;
	padding: 15px;
	background-color: white;
	border: 1px solid rgba(0,0,0,0.3);
	float: left;
	border-radius: 2px;
}

#sidebar {
	float: right;
	width: 330px;
}

.widget {
	background-color: white;
	border: 1px solid rgba(0,0,0,0.3);
	padding: 15px;
	border-radius: 2px;
	margin-bottom: 30px;
}

#footer {
	width: 600px;
	padding: 5px 15px;
}

#error-page {
	width: 970px;
	padding: 15px;
	background-color: white;
	border: 1px solid rgba(0,0,0,0.3);
	float: left;
	border-radius: 2px;
}

nav {
	height: 100%;
	width: 1000px;
	margin: auto;
	text-align: center;
}

/*
* Navigation
*-------------------------------------------
*/

nav ul {
	height: 100%;
	text-align: center;
	display: inline-block;
}

nav li {
	list-style-type: none;
	display: inline-block;
	position: relative;
	margin: 0;
	float: left;
}

nav li a:hover:before, nav li#current-page a:before{
	content: " ";
	display: block;
	width: 100%;
	margin-left: -25px;
	position: absolute;
	top: 0px;
	border: 2px solid rgba(18,51,156,0.9);
}

nav li a {
	display: block;
	color: black;
	text-decoration: none;
	font-family: Verdana, sans-serif;
	font-size: 15px;
	line-height: 30px;
	padding: 15px 25px;
	transition: box-shadow 0.6s;
}

nav li:hover a {
	/*font-weight: 600;*/
	color: #12339c;
}

nav li#current-page a {
	/*font-weight: 600;*/
	color: #12339c;
}

/* Untermenüs */

nav .sub-menu {
	display: none;
	position: absolute;
	top: 100%;
	left: 25%;
	padding: 0;
}

.sub-menu .sub-menu {
	position: absolute;
	top: 0%;
	left: 100%;
	padding: 0;
}


nav li:hover > .sub-menu {
	display: block;

}

nav ul.sub-menu li a {
	background-color: rgba(60,60,60,0.8);
	border-bottom: 1px solid rgba(255,255,255,0.7);
	padding: 5px 15px;
	text-align: left;
	min-width: 200px;
	display: block;
}

nav .sub-menu li {
	padding: 0;
}

nav ul.sub-menu li a:hover {
	background-color: rgba(18,51,156,0.9);
}

nav .sub-menu li a {
	color: white;
	font-size: 13px;
}

nav .sub-menu li a:hover:before{
	display: none;
}

.searchform input {
	margin: 0 !important;
}

.searchform input[type='submit'] {
	line-height: 25px !important;
}

/*
* Allgemeine Anpassungen
*------------------------------------------------
*/

body {
	background-color: #dddddd;
}


a {
	text-decoration: none;
	color: rgb(34, 34, 34);
}

a:hover {
	text-decoration: none;
	color: rgb(120, 120, 120);
}

p, li {
	font-size: 14px;
}

.clearfloat {
	clear: both;
	height: 0;
	width: 0;
}


#content img{
	max-width: 100% !important;
}

/*
* Spezielle Anpassungen
*-------------------------------------------------
*/

#footer ul {
	text-align: right;
	list-style-type: none;
}

.post-wrapper {
	margin-bottom: 40px;
}

.post-info {
	margin: -15px 0 30px 60px;
}

.post-head ul, .post-head li {
	display: inline;
	margin: 0px;
	padding: 0px;
}

.post-head h1, .headline h1, .widget h1 {
	background: rgba(18,51,156,0.7);
	box-shadow: 1px 0px 10px rgba(0,0,0,0.4);
	box-sizing: content-box;
	margin-left: -16px;
	color: #eee;
	display: inline-block;
	width: 100%;
	padding: 8px 15px;
	border: 1px solid #cfcfcf;
	clear: both;
	font-size: 25px;
	line-height: 30px;
	height: 100%;
	-moz-border-radius: 5px;
}

.post-wrapper img {
	background-color: #fafafa !important;
	padding: 4px;
	border: 1px solid #ddd;
}


/*
* Formularelemente
*-----------------------------------------------
*/

label {
	background: #eee;
	box-shadow: 1px 1px 3px rgba(204,204,204,0.6);
	color: #555;
	display: inline-block;
	font-size: 13px;
	left: 0px;
	min-width: 20%;
	padding: 2px 10px;
	position: relative;
	border: 1px solid #cfcfcf;
	float: left;
	line-height: 30px;
	border-radius: 3px;
}

input, textarea {
	display: inline-block;
	height: 25px;
	min-width: 65%;
	margin: 0 0 0 5% !important;
	background: #fff;
	border: 1px solid #cccccc;
	border-radius: 3px;
	box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	position: relative;
	padding: 5px;
}

input:focus, textarea:focus {
	border: 1px solid #aaaaaa;
}

textarea {
	height: 150px;
	width: 65%;
}

input[type=submit] {
	background: rgba(18,51,156,0.7);
	box-shadow: 1px 1px 3px rgba(204,204,204,0.6);
	color: #eee;
	display: inline-block;
	font-size: 15px;
	min-width: 20%;
	padding: 5px 15px;
	position: relative;
	border: 1px solid #cfcfcf;
	clear: both;
	line-height: 30px;
	height: 100%;
	border-radius: 5px;
}

input[type=submit]:active {
	background: rgba(18,51,156,0.4);
}

td {
	font-size: 11px;
}

/*
* Spezielle Wordpress Elemente
*-----------------------------------
*/

.alignleft {
	float: left;
	margin: 4px 15px 15px 0;
}

.aligncenter {
	margin: 10px auto;
	display: block;
	width: 100%;
}

.alignright {
	float: right;
	margin: 4px 0 15px 15px;
}

/*
* Kommentare
*-----------------------------------------------
*/

.comment {
	margin-bottom: 25px;
}

.comment-list {
	list-style-type: none;
}
.comments-area .avatar {
	border: 3px solid #dddddd;
	border-radius: 100%;
	width: 75px;
}

.comments-area .comment {
	background-color: #f8f8f8;
	border: 1px solid #dddddd;
	padding: 25px;
	position: relative;
}

.comments-area .comment-author img {
	display: block;
	position: absolute;
	left: 25px;
	top: 25px;
}

.comment a {
	text-decoration: none;
	color: rgb(34, 34, 34);
	font-size: 13px;
}

.comment a:hover {
	text-decoration: none;
	color: rgb(120, 120, 120);
	font-size: 13px;
}

.comments-area .comment-meta {
	margin-bottom: 25px;
}

.comments-area .comment-author .says {
	display: none;
}

.comments-area .comment-author cite {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 16px;
}

.comments-area .comment-body {
	padding: 0 0 0 100px;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}

.comment-respond {
	width: 90%;
	background-color: #f8f8f8;
	padding: 15px;
	border: 1px solid #dddddd;
	margin: auto;
}

.form-submit {
	text-align: center;
}

.comment-respond .form-allowed-tags {
	font-size: 11px;
}


/*
* Fotoanzeige Beitrag
*---------------------------------------------
*/

.ngg-singlepic {
	background-color: #fafafa !important;
	padding: 4px;
	border: 1px solid #ddd;
	margin: 4px;
}

.ngg-center{
	width: 100%;
}

.gallery-entry {
	position: relative;
	margin: 5px;
	overflow: hidden;
	float: left;
	height: 280px;
	width: 280px;

	background-color: #fafafa !important;
	padding: 4px;
	border: 1px solid #ddd;
}

.gallery-entry img {
	width: 280px;
	height: 280px;
/*	padding: 0;
	border: none;*/


}

.gallery-meta {
	padding: 0;
	background-color: rgba(0,0,0,0.6);
	position: absolute;
	bottom: 4px;
	width: 280px;
	z-index: 1;
}

.gallery-meta h3 {
	padding: 8px;
	margin: 0;
}

.gallery-meta a {
	color: rgba(255,255,255,0.9);
}

.gallery-categories a {
	font-size: 16px;
}

.gallery-categories {
	margin-left: 10px;
}

.ngg-gallery-thumbnail img {
	width: 180px;
	height: 180px;
}




a.gallery-link:before {
	content: '';
	display: block;
	float: left;
	width: 32px;
	height: 32px;
	background-image: url('images/blank-polaroid-frames-small.png');
	background-repeat: no-repeat;
}


/*Weihnachtsgrüße*/

#widget-text-3 {
	padding: 0;
	height: 443px;
}

#widget-text-3 img {
	width: 328px;
}


/*
* Datumsanzeige
*--------------------------------------
*/

.post-date {
	border-botton-width: 0;
	float: left;
	position: relative;
	width: 50px;
	height: 50px;
	margin: 5px 20px 0px -10px;
}

.post-head a {
	color: #111;
	text-decoration: none;
}

.post-head a:hover {
	color: #777;
	text-decoration: none;
}

.month, .day, .year {
  position: absolute;
  text-indent: -1000em;
  background-image: url('images/dates.png');
  background-repeat: no-repeat;
}
.month { top: 2px; left: 0; width: 32px; height: 24px;}
.day { top: 25px; left: 0; width: 32px; height: 25px;}
.year { bottom: 0; right: 0; width: 17px; height: 48px;}

.m-01 { background-position: 0 4px;}
.m-02 { background-position: 0 -30px;}
.m-03 { background-position: 0 -60px;}
.m-04 { background-position: 0 -90px;}
.m-05 { background-position: 2px -120px;}
.m-06 { background-position: 0 -149px;}
.m-07 { background-position: 0 -179px;}
.m-08 { background-position: 0 -208px;}
.m-09 { background-position: 0 -238px;}
.m-10 { background-position: 0 -268px;}
.m-11 { background-position: 2px -298px;}
.m-12 { background-position: 0 -327px;}

.d-01 { background-position: -49px 0;}
.d-02 { background-position: -48px -30px;}
.d-03 { background-position: -48px -59px;}
.d-04 { background-position: -47px -89px;}
.d-05 { background-position: -47px -118px;}
.d-06 { background-position: -47px -149px;}
.d-07 { background-position: -47px -178px;}
.d-08 { background-position: -47px -208px;}
.d-09 { background-position: -47px -238px;}
.d-10 { background-position: -49px -267px;}
.d-11 { background-position: -51px -297px;}
.d-12 { background-position: -50px -327px;}
.d-13 { background-position: -50px -357px;}
.d-14 { background-position: -49px -386px;}
.d-15 { background-position: -49px -416px;}
.d-16 { background-position: -49px -446px;}
.d-17 { background-position: -97px 0px;}
.d-18 { background-position: -96px -29px;}
.d-19 { background-position: -96px -59px;}
.d-20 { background-position: -94px -89px;}
.d-21 { background-position: -97px -118px;}
.d-22 { background-position: -96px -148px;}
.d-23 { background-position: -96px -178px;}
.d-24 { background-position: -95px -208px;}
.d-25 { background-position: -95px -238px;}
.d-26 { background-position: -95px -267px;}
.d-27 { background-position: -95px -297px;}
.d-28 { background-position: -95px -327px;}
.d-29 { background-position: -95px -357px;}
.d-30 { background-position: -94px -387px;}
.d-31 { background-position: -97px -416px;}

.y-2006 { background-position: -150px 0;}
.y-2007 { background-position: -150px -50px;}
.y-2008 { background-position: -150px -100px;}
.y-2009 { background-position: -150px -150px;}
.y-2010 { background-position: -150px -200px;}
.y-2011 { background-position: -150px -250px;}
.y-2012 { background-position: -150px -300px;}
.y-2013 { background-position: -144px -343px;}
.y-2014 { background-position: -144px -390px;}
.y-2015 { background-position: -144px -450px;}
.y-2016 { background-position: -144px -500px;}