/*
Theme Name: Drivingralle | Fullscreen Portfolio
Description: Portfolio-Theme für Fotografie bestimmt, mit Vollbild Hintergrund
Version: 2.2.0
Author: Drivingralle
Author URI: https://www.drivingralle.de/
*/
/*
RESET
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	background:     transparent;
	border:         0;
	font-size:      100%;
	margin:         0;
	outline:        0;
	padding:        0;
	vertical-align: baseline;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing:  0;
}

/*
Variable Grid System.
Learn more ~ http://www.spry-soft.com/grids/
Based on 960 Grid System - http://960.gs/

Licensed under GPL and MIT.
*/
.container_24 {
	margin-left:  auto;
	margin-right: auto;
	width:        960px;
}

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16, .grid_17, .grid_18, .grid_19, .grid_20, .grid_21, .grid_22, .grid_23, .grid_24 {
	display:      inline;
	float:        left;
	margin-left:  5px;
	margin-right: 5px;
	position:     relative;
}

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

.container_24 .grid_1 {
	width: 30px;
}

.container_24 .grid_2 {
	width: 70px;
}

.container_24 .grid_3 {
	width: 110px;
}

.container_24 .grid_4 {
	width: 150px;
}

.container_24 .grid_5 {
	width: 190px;
}

.container_24 .grid_6 {
	width: 230px;
}

.container_24 .grid_7 {
	width: 270px;
}

.container_24 .grid_8 {
	width: 310px;
}

.container_24 .grid_9 {
	width: 350px;
}

.container_24 .grid_10 {
	width: 390px;
}

.container_24 .grid_11 {
	width: 430px;
}

.container_24 .grid_12 {
	width: 470px;
}

.container_24 .grid_13 {
	width: 510px;
}

.container_24 .grid_14 {
	width: 550px;
}

.container_24 .grid_15 {
	width: 590px;
}

.container_24 .grid_16 {
	width: 630px;
}

.container_24 .grid_17 {
	width: 670px;
}

.container_24 .grid_18 {
	width: 710px;
}

.container_24 .grid_19 {
	width: 750px;
}

.container_24 .grid_20 {
	width: 790px;
}

.container_24 .grid_21 {
	width: 830px;
}

.container_24 .grid_22 {
	width: 870px;
}

.container_24 .grid_23 {
	width: 910px;
}

.container_24 .grid_24 {
	width: 950px;
}

.container_24 .prefix_1 {
	padding-left: 40px;
}

.container_24 .prefix_2 {
	padding-left: 80px;
}

.container_24 .prefix_3 {
	padding-left: 120px;
}

.container_24 .prefix_4 {
	padding-left: 160px;
}

.container_24 .prefix_5 {
	padding-left: 200px;
}

.container_24 .prefix_6 {
	padding-left: 240px;
}

.container_24 .prefix_7 {
	padding-left: 280px;
}

.container_24 .prefix_8 {
	padding-left: 320px;
}

.container_24 .prefix_9 {
	padding-left: 360px;
}

.container_24 .prefix_10 {
	padding-left: 400px;
}

.container_24 .prefix_11 {
	padding-left: 440px;
}

.container_24 .prefix_12 {
	padding-left: 480px;
}

.container_24 .prefix_13 {
	padding-left: 520px;
}

.container_24 .prefix_14 {
	padding-left: 560px;
}

.container_24 .prefix_15 {
	padding-left: 600px;
}

.container_24 .prefix_16 {
	padding-left: 640px;
}

.container_24 .prefix_17 {
	padding-left: 680px;
}

.container_24 .prefix_18 {
	padding-left: 720px;
}

.container_24 .prefix_19 {
	padding-left: 760px;
}

.container_24 .prefix_20 {
	padding-left: 800px;
}

.container_24 .prefix_21 {
	padding-left: 840px;
}

.container_24 .prefix_22 {
	padding-left: 880px;
}

.container_24 .prefix_23 {
	padding-left: 920px;
}

.container_24 .suffix_1 {
	padding-right: 40px;
}

.container_24 .suffix_2 {
	padding-right: 80px;
}

.container_24 .suffix_3 {
	padding-right: 120px;
}

.container_24 .suffix_4 {
	padding-right: 160px;
}

.container_24 .suffix_5 {
	padding-right: 200px;
}

.container_24 .suffix_6 {
	padding-right: 240px;
}

.container_24 .suffix_7 {
	padding-right: 280px;
}

.container_24 .suffix_8 {
	padding-right: 320px;
}

.container_24 .suffix_9 {
	padding-right: 360px;
}

.container_24 .suffix_10 {
	padding-right: 400px;
}

.container_24 .suffix_11 {
	padding-right: 440px;
}

.container_24 .suffix_12 {
	padding-right: 480px;
}

.container_24 .suffix_13 {
	padding-right: 520px;
}

.container_24 .suffix_14 {
	padding-right: 560px;
}

.container_24 .suffix_15 {
	padding-right: 600px;
}

.container_24 .suffix_16 {
	padding-right: 640px;
}

.container_24 .suffix_17 {
	padding-right: 680px;
}

.container_24 .suffix_18 {
	padding-right: 720px;
}

.container_24 .suffix_19 {
	padding-right: 760px;
}

.container_24 .suffix_20 {
	padding-right: 800px;
}

.container_24 .suffix_21 {
	padding-right: 840px;
}

.container_24 .suffix_22 {
	padding-right: 880px;
}

.container_24 .suffix_23 {
	padding-right: 920px;
}

.container_24 .push_1 {
	left: 40px;
}

.container_24 .push_2 {
	left: 80px;
}

.container_24 .push_3 {
	left: 120px;
}

.container_24 .push_4 {
	left: 160px;
}

.container_24 .push_5 {
	left: 200px;
}

.container_24 .push_6 {
	left: 240px;
}

.container_24 .push_7 {
	left: 280px;
}

.container_24 .push_8 {
	left: 320px;
}

.container_24 .push_9 {
	left: 360px;
}

.container_24 .push_10 {
	left: 400px;
}

.container_24 .push_11 {
	left: 440px;
}

.container_24 .push_12 {
	left: 480px;
}

.container_24 .push_13 {
	left: 520px;
}

.container_24 .push_14 {
	left: 560px;
}

.container_24 .push_15 {
	left: 600px;
}

.container_24 .push_16 {
	left: 640px;
}

.container_24 .push_17 {
	left: 680px;
}

.container_24 .push_18 {
	left: 720px;
}

.container_24 .push_19 {
	left: 760px;
}

.container_24 .push_20 {
	left: 800px;
}

.container_24 .push_21 {
	left: 840px;
}

.container_24 .push_22 {
	left: 880px;
}

.container_24 .push_23 {
	left: 920px;
}

.container_24 .pull_1 {
	left: -40px;
}

.container_24 .pull_2 {
	left: -80px;
}

.container_24 .pull_3 {
	left: -120px;
}

.container_24 .pull_4 {
	left: -160px;
}

.container_24 .pull_5 {
	left: -200px;
}

.container_24 .pull_6 {
	left: -240px;
}

.container_24 .pull_7 {
	left: -280px;
}

.container_24 .pull_8 {
	left: -320px;
}

.container_24 .pull_9 {
	left: -360px;
}

.container_24 .pull_10 {
	left: -400px;
}

.container_24 .pull_11 {
	left: -440px;
}

.container_24 .pull_12 {
	left: -480px;
}

.container_24 .pull_13 {
	left: -520px;
}

.container_24 .pull_14 {
	left: -560px;
}

.container_24 .pull_15 {
	left: -600px;
}

.container_24 .pull_16 {
	left: -640px;
}

.container_24 .pull_17 {
	left: -680px;
}

.container_24 .pull_18 {
	left: -720px;
}

.container_24 .pull_19 {
	left: -760px;
}

.container_24 .pull_20 {
	left: -800px;
}

.container_24 .pull_21 {
	left: -840px;
}

.container_24 .pull_22 {
	left: -880px;
}

.container_24 .pull_23 {
	left: -920px;
}

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

.clearfix:after {
	clear:       both;
	content:     ' ';
	display:     block;
	font-size:   0;
	height:      0;
	line-height: 0;
	visibility:  hidden;
	width:       0;
}

.clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

/* Grundlegende Regeln */
html,
body {
	height:               100%;
	font-family:          Ubuntu, Arimo, Verdana, Geneva, sans-serif;
	font-size:            14px;
	color:                #333;
	background:           #111 center center fixed no-repeat;
	-moz-background-size: contain;
	background-size:      contain;
	margin:               0;
	padding:              0;
	text-align:           center;
}

picture {
	margin:  0;
	padding: 0;
}

img {
	max-width:  100%;
	max-height: 99%;
	width:      auto;
	height:     auto;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 10px 0 5px 0;
}

a {
	color:           #666;
	text-decoration: none;
}

a:hover {
	color: #999;
}

span.serif {
	font-style: italic;
}

span.seriffont {
	font-family: Crimson, "Palatino Linotype", "Book Antiqua", Palatino, Georgia, "Times New Roman", Times, serif,;
}

td,
th {
	padding: 5px;
}

.container_24 {
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-style:  italic;
	line-height: 175%;
}

h1 {
	font-size: 30px;
}

h2 {
	font-size: 24px;
}

h3 {
	font-size: 18px;
}

h4 {
	font-size: 16px;
}

h5 {
	font-size: 14px;
}

h6 {
	font-size: 10px;
}

p {
	line-height: 130%;
	margin:      0 15px 15px 15px;
}

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

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

.aligncenter {
	text-align: center;
	margin:     10px 0;
}

/* Theme Regeln */
#helpline {
	text-align: center;
	background: rgba(255, 255, 255, .6);
	padding:    5px;
	position:   fixed;
	top:        0;
	width:      100%;
}

.navileft span,
.naviright span {
	display: none;
}

#followMenue {
	list-style:            none;
	position:              fixed;
	z-index:               99;
	left:                  0;
	top:                   65%;

	/* Give the tab width and padding */
	width:                 auto;
	padding:               8px 5px;

	/* Add the curved white border */
	border:                3px solid #fff;
	border-left:           none;
	-moz-border-radius:    0 10px 10px 0;
	-webkit-border-radius: 0 10px 10px 0;
	border-radius:         0 10px 10px 0;

	/* Add the drop shadow */
	-moz-box-shadow:       0 0 7px rgba(0, 0, 0, .6);
	-webkit-box-shadow:    0 0 7px rgba(0, 0, 0, .6);
	box-shadow:            0 0 7px rgba(0, 0, 0, .6);

	/* Add the semitransparent gradient background */
	background:            rgba(239, 91, 10, .75);
	background:            -moz-linear-gradient(left, rgba(243, 52, 8, .75), rgba(239, 91, 10, .75));
	background:            -webkit-gradient(linear, left top, left bottom, from(rgba(243, 52, 8, .75)), to(rgba(239, 91, 10, .75)));
	background:            linear-gradient(top, rgba(243, 52, 8, .75), rgba(239, 91, 10, .75));
	background:            url(img/web-kaestchin.jpg);
	filter:                progid:DXImageTransform.Microsoft.Gradient(startColorStr='#c0f33408', endColorStr='#c0ef5b0a', GradientType=0);
}

#followMenue:hover li {
	display: inline;
}

#followMenue li {
	display:      none;
	margin-right: 35px;
}

#followMenue li:first-child {
	display:      inline;
	margin-left:  20px;
	margin-right: 5px !important;
	font-style:   italic;
}

#followMenue:hover li:first-child {
	margin-right: 30px !important;
}

#followMenue li:first-child span {
	width:       20px;
	height:      20px;
	background:  url(img/add.png);
	display:     inline-block;
	margin-left: 10px;
}

#followMenue:hover li:first-child span {
	display: none;
}

#followMenue a {
	color:       #333;
	font-weight: bold;
	font-size:   24px;
}

#followMenue a:hover {
	color: #666;
}

.naviright,
.navileft {
	position: absolute;
	width:    50%;
	height:   100%;
	top:      0;
	z-index:  8;
}

.navileft {
	left:   0;
	cursor: w-resize;
}

.naviright {
	right:  0;
	cursor: e-resize;
}

.quotebox {
	font-size:   20px;
	line-height: 250%;
	margin-top:  20%;
	text-align:  center;
	z-index:     30;
}

.quotebox span.seriffont {
	font-size: 40px;
}

.quotebox span.autor {
	font-size:  20px;
	text-align: right;
}

.quotebox a,
.quotebox a:hover {
	text-decoration: none;
}

.asidebox {
	font-size:   20px;
	line-height: 250%;
	margin-top:  20%;
	text-align:  left;
	z-index:     30;
}

.asidebox span.seriffont {
	font-size: 40px;
}

.asidebox span.autor {
	text-align: right;
	display:    block;
}

.videobox {
	margin-top: 20%;
	z-index:    30;
	text-align: center;
}

.textbox {
	position:    fixed;
	bottom:      0;
	left:        50% !important;
	margin-left: -355px;
	z-index:     9;
	color:       #000;
}

.linkbox {
	margin-top: 10%;
	text-align: center;
	z-index:    30;
}

.linkbox img {
	width: 700px;
}

.bildpost .posttexttitlecontent {
	display: none;
}

.bildpost:hover .posttexttitlecontent {
	display: block;
}

.posttexttitle {
	-moz-border-radius:    10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	border-radius:         10px 10px 0 0;
	background:            rgba(255, 255, 255, .8) url(img/web-kaestchin.jpg);
	padding:               0 15px 0 15px;
	border:                4px #fff solid;
	border-bottom:         2px #fff solid;
}

.posttexttitle h1,
.posttexttitle h2,
.posttexttitle h3,
.posttexttitle h4,
.posttexttitle h5,
.posttexttitle h6 {
	margin-bottom: 0;
	margin-top:    0;
}

.posttexttitlecontent {
	background:    rgba(255, 255, 255, .7);
	padding:       10px 15px 25px 15px;
	max-height:    500px;
	overflow:      auto;
	border:        4px #fff solid;
	border-bottom: none;
	border-top:    none;
}

.posttexttitlecontent p {
	margin: 0 !important;
}

.wpfblike {
	position: fixed;
	bottom:   -5px;
	right:    10%;
	z-index:  90;
	color:    #fff !important;
}

footer {
	position:              fixed;
	width:                 450px;
	bottom:                0;
	right:                 0;
	display:               block;
	color:                 rgba(255, 255, 255, .2);
	z-index:               90;
	background:            url("img/web-kaestchin.jpg") repeat scroll 0 0 transparent;
	overflow:              hidden;
	height:                35px;
	-moz-border-radius:    10px 0 0 0;
	-webkit-border-radius: 10px 0 0 0;
	border-radius:         10px 0 0 0;
	border-top:            3px #fff solid;
	border-left:           3px #fff solid;
}

footer div#___plusone_0,
footer div.fb-like,
footer #pinterest,
footer #twitter {
	float:  left;
	margin: 5px !important;
}

footer a {
	color: rgba(255, 255, 255, .2);
}

footer ul {
	margin: 2px 0 2px 0;
	float:  right;
}

footer ul li {
	display: inline;
}

footer img {
	margin-left:   8px;
	margin-bottom: 5px;
}

footer p {
	margin: 5px 15px 15px 15px;
}

#footerMenue {
	position: absolute;
	bottom:   5px;
	left:     5px;
	color:    #FFF;
	z-index:  2000;
}

#footerMenue li {
	display:      inline;
	margin-right: 15px;
}

/* --- Smartphones and small Tablet PCs --- */
@media screen and (max-width: 600px) {
	#helpline {
		display: none;
	}

	#followMenue {
		height:                auto;
		width:                 auto;
		overflow:              hidden;
		display:               block;
		position:              relative;
		top:                   0;
		-webkit-border-radius: 0 0 0 0;
		border-radius:         0 0 0 0;
		border-left:           0;
		border-right:          0;
		padding:               0;
	}

	#followMenue li {
		width:         100%;
		border-bottom: 3px solid #FFF;
		display:       none;
		margin:        0;
		padding:       5px;
	}

	#followMenue li:first-child {
		display:       block;
		margin:        0;
		border-bottom: 0;
	}

	#followMenue li:last-child {
		border-bottom: 0;
	}

	#followMenue:hover li {
		display: block;
	}

	#followMenue:hover li:first-child {
		border-bottom: 3px solid #FFF;
	}

	img {
		max-width:  100%;
		max-height: 99%;
		width:      auto;
		height:     auto;
	}

	.navigation {
		position: relative;
		display:  block;
		height:   50px;
	}

	.navigation .navileft,
	.navigation .naviright {
		display:               block;
		height:                50px;
		width:                 40%;
		background:            url("img/web-kaestchin.jpg") repeat scroll 0 0 transparent;
		margin:                0 4%;
		border:                #FFF solid 3px;
		border-bottom:         0;
		-webkit-border-radius: 10px 10px 0 0;
		border-radius:         10px 10px 0 0;
		-webkit-box-shadow:    inset 0 -5px 10px 0 rgba(80, 80, 80, .8);
		box-shadow:            inset 0 -5px 10px 0 rgba(80, 80, 80, .8);
	}

	.navileft span,
	.naviright span {
		display:     block;
		color:       #000;
		font-weight: bold;
		font-size:   18px;
		margin:      12px;
	}

	#main,
	.textbox {
		position: relative;
		width:    100% !important;
		left:     0 !important;
		margin:   0;
	}

	.posttexttitle {
		border:                0;
		-webkit-border-radius: 0;
		border-radius:         0;
	}

	.posttexttitlecontent {
		border: 0;
	}

	footer {
		position:              relative;
		width:                 100%;
		overflow:              hidden;
		-webkit-border-radius: 0 0 0 0;
		border-radius:         0 0 0 0;
		border-left:           0;
		border-right:          0;
		border-bottom:         3px solid #FFF;
		text-align:            center;
	}
}