/*
Theme Name: DVPK.de
Theme URI: http://www.dvpk.de
Description: Das Theme für DVPK.de
Version: 1.0
Author: Henry Lai
*/


/* INHALTSVERZEICHNIS

1. Allgemeine Styles
2. Wrapper und Header
3. Navigation
4. Content und Artikel
5. Sidebar
6. Footer
7. Bilder
8. Kommentare (fehlt noch)

*/

/* 1. Allgemeine Styles */

* {
	margin: 0;
	padding: 0;
	line-height: 1.2em;
}

.box1, .box2, .box3 {
	display: block;
	float:left;
}

.box1 {
	width: 33%;
}

.box2 {
	width: 50%;
}

.box3 {
	width: 100%;
}

@media (max-width:768px) {
	.box1, .box2, .box3 {
		width: 100%;
		float: none;
	}
}

.clear {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
}

.post hr, .divider {
	border-color:rgba(238,238,238,0.25);
}

.post hr {
	margin: 20px 0;
}

body {
	font-family: 'Roboto', sans-serif;
	font-size: 14px; /* Browser-Standard: 16px */
	color: #565655;
}

a, a:visited {
	color:#94c11a;
	text-decoration: none;
}

a:hover, a:active {
	text-decoration: underline;
}

.green {
	color: #94c11a;
}

/* 2. Wrapper und Header */

header {
	min-height:110px;
	background:url(/wp-content/themes/dvpk/img/header-bg.png) top center white repeat-x;
	width: 100%;
	position:relative;
	margin-bottom: 50px;
}

#headerInner {
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
}

#headerImpressum {
	position: absolute;
	right: 0;
	bottom: 120px;
}

#headerImpressum a {
	font-size: 11px;
	color: #94c11a;
}

#logo {
	position: relative;
	/*top:15px;*/
	display: inline-block;
}

#wrapper {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 10px;
}

/* 3. Navigation */

#access {
	clear: both;
	display: inline-block;
	margin-bottom: 115px;
	text-transform: uppercase;
}

#access ul {
	list-style: none;
	margin:0;
	padding:0;
}

#access li {
	float: left;
	position: relative;
}

#access a {
	display: block;
	font-weight: bold;
	text-decoration: none;
	color: #565655;
	margin: 0 10px 0 10px
}

#access ul ul {
	display: none;
	float: left;
	position: absolute;
	/* margin, width, height, z-index */
}

#access ul ul ul {
	left: 100%;
	top: 0;
}

#access ul ul a {
	/* background, border, color, font-size, line-height, height, width */
}

#access li:hover > a,
#access ul ul :hover > a,
#access a:focus {
	color: #94c11a;
}

#access li:hover > a,
#access a:focus {
	color: #94c11a;
}

#access .current-menu-item > a,
#access .current-menu-ancestor > a,
#access .current_page_item > a,
#access .current_page_ancestor > a {
	color: #94c11a;
}

/* 4. Content und Artikel */

#content {
	/* width, padding, margin, float */
}

.home {

}

#homeText {

}

#homeImage {
	text-align: right;
}

.homeIcons {
	margin-top: 40px;
	text-align: center;
}

.post {
}

.post h1 {
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	margin-bottom: 20px;
	font-size: 24px;
	line-height: 36px;
}

.post h2 {
	font-family: 'Oswald', sans-serif;
	margin-bottom:20px;
	font-weight:normal;
	text-transform: uppercase;
}

.post h2 a {
	text-decoration:none;
}

.post h2 a:hover{
	text-decoration:underline;
}

.post p, ul, ol {
	line-height: 125%;
	margin-bottom:10px;
}

.post ul {
	list-style:square;
	margin-left: 35px;
	margin-bottom: 1em;
}

.post li {
	margin: 10px 0;
}

.post ol {
	margin-left: 35px;
	margin-bottom: 1em;
}

#show_tags{
	font-size:0.8em;
}

.meta {
	font-size:0.8em;
	margin-bottom:15px;
}

.attachment-post-thumbnail {
	padding: 5px 0 5px 0;
}

/* 6. Footer */

footer {
	background: #3b3c39;
	border-top:2px solid #cfe09a;
	height: 200px;
	margin-top: 50px;
}

#footerInner {
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
	color: white;
	padding-top: 40px;
}

#footerInner strong {
	color: #94c11a;
}

#footerInner p {
	margin-bottom: 20px;
}

#footerInner #footerContact {
	position: absolute;
	right: 0;
	bottom: 0;
}

#footerInner #footerContact img {
	margin: 0 10px;
}

/* 7. Bilder */

.entry-content img,
.comment-content img,
.widget img {
	max-width: 97.5%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full {
	max-width: 97.5%;
	width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */
}
.entry-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 1.625em;
}
p img,
.wp-caption {
	margin-top: 0.4em;
}
.wp-caption {
	max-width: 96%;
	padding: 10px;
}
.wp-caption img {
	display: block;
	margin: 0 auto;
	max-width: 98%;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	color: #666;
	font-size: 12px;
}
.wp-caption .wp-caption-text {
	padding: 5px 0 5px 10px;
	position: relative;
}

/* Image borders */

.wp-caption img {
	border-color: #eee;
}
a:focus img[class*="align"],
a:hover img[class*="align"],
a:active img[class*="align"],
a:focus img[class*="wp-image-"],
a:hover img[class*="wp-image-"],
a:active img[class*="wp-image-"],
#content .gallery .gallery-icon a:focus img,
#content .gallery .gallery-icon a:hover img,
#content .gallery .gallery-icon a:active img {/* Add some useful style to those fancy borders for linked images ... */
	background: #eee;
	border-color: #bbb;
}
.wp-caption a:focus img,
.wp-caption a:active img,
.wp-caption a:hover img {/* ... including captioned images! */
	background: #fff;
	border-color: #ddd;
}

/* Wordpress-spezifische Einstellungen */

/* Alignment */

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* Contact Form 7 */

.wpcf7-form {
	margin-top: 20px;
}

.wpcf7-form input, .wpcf7-form textarea {
	padding:5px;
	margin:5px 0;
	width: 100%;
}

.wpcf7-form .wpcf7-submit {
	font-size: 1.25em;
	background: #94c11a;
	color: white;
	border: 0;
	cursor: pointer;
	border-radius: 5px;
}

/* Media Queries */

.mobileOnly {
	display: none;
}

@media (max-width:768px){
	body {
		font-size: 1em;
	}
	header {
		/*margin-bottom: 0;*/
	}
	.mobileOnly {
		display: block;
	}
	#logo {
		margin: 0 auto;
		display: block;
		width: 210px;
		height: 210px;
	}
	#access {
		display: block;
		margin-bottom: 0;
	}
	#access li {
		font-size: 1.25em;
		display: block;
		float: none;
		text-align: center;
		margin: 20px 0;
	}
	#headerImpressum {
		display: none;
	}
	footer {
		min-height: 200px;
		height: auto;
	}
	#footerInner {
		text-align: center;
		padding-bottom: 20px;
	}
	#footerInner #footerContact {
		position: relative;
	}
}