@charset "UTF-8";
/* CSS Document */

body {
	background:		#291b14;
	margin:			0;
	padding:		0;
}

/* Default Font */
body, p, a {
	font-family:	'Exo', 'Skia', sans-serif;
	color:			#FFF;
	font-size:		14px;
	font-weight:	100;
}

h1, h1 a {
	font-weight:	bold;
	font-size:		22px;
}

h2, h2 a {
	font-weight:	bold;
	font-size:		22px;
}

h3, h3 a {
	font-weight:	bold;
	font-size:		16px;
	margin:			30px 0 10px 0;
}



#page {
	position:		relative;
	width:			1100px;
	margin:			-100px auto 0 auto;
	padding:		0;
}

#banner {
	background:		url("../img/banner.jpg");
	background-size:	100% 100%;
	width:			1100px;
	height:			450px;
	position:		relative;
	margin:			0 0 80px 0;
}


#facebookLogo {
	height:			55px;
	position:		absolute;
	top:			140px;
	right:			0px;
}
#facebookLogo img {
	height:			100%;
}


#instagramLogo {
	height:			55px;
	position:		absolute;
	top:			210px;
	right:			0px;
}
#instagramLogo img {
	height:			100%;
}

#bannerBgLeft {
	position:		absolute;
	top:			-100px;
	left:			0;
	width:			calc(50% - 550px);
	height:			450px;
	background:			url(../img/bgLeft.jpg) no-repeat;
	background-size:	100% 100%;
}

#bannerBgRight {
	position:		absolute;
	top:			-100px;
	left:			calc(50% + 550px);
	width:			calc(50% - 550px);
	height:			450px;
	background:			url(../img/bgRight.jpg) no-repeat;
	background-size:	100% 100%;
}

#banner h1 {
	font-size:		55px;
	font-weight:	normal;
	color:			#d01d32;
	position:		absolute;
	top:			100px;
	left:			400px;
	text-decoration:	none;
}

#banner h2 {
	font-size:		28px;
	font-weight:	normal;
	color:			#000;
	position:		absolute;
	top:			195px;
	left:			380px;
	text-decoration:	none;
}


#navi {
	position:		absolute;
	top:			295px;
	left:			380px;
	font-size:		20px;
	width:			660px;
}

#navi li ul {
	margin:			0;
	padding:		0;
}

#navi li {
	list-style:		none;
	float:			left;
}

#navi li a {
	text-decoration:	none;
	margin:				0;
	padding:			0 35px 0 0;
	font-size:			18px;
	color:				#333;
	background:			none;
}

#navi li a:hover {
	color:				#d01d32;
	font-size:			19px;
}

.pagination {
	margin-top:		50px;
	border-top: 	1px solid #888;
	padding-top:	20px;
	margin-bottom:	70px;
}

.pagination ul li {
	list-style: 	none;
	float:			left;
	border-left:	1px solid #999;
	padding:		0 10px 0 10px;
}


/* ---------- fullscreen --------------------------------------------------- */
#fullscreen {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	margin: 0;
	width: 100%;
	height: 100%;
    background: url('../img/bg_fullscreen.png');
	z-index: 50;
}

#closeFullscreen {
	position: absolute;
	top: 7px;
	right: 10px;
	font-size: 20px;
	font-weight: bold;
	color: #AAA;
	text-decoration: none;
}
#closeFullscreen:hover {
	cursor: pointer;
}


/* ---------- fullscreen image preview -------------------------------------- */
#fullpage {
	display: none;
	position: absolute;
	z-index: 9999;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: contain;
	background-repeat: no-repeat no-repeat;
	background-position: center center;
	background-color: black;
}

#fullpage img {
	width: 70%;
}

/* ---------- login form --------------------------------------------------- */
#loginForm {
	position: relative;
	margin: 100px auto 0 auto;
	width: 300px;
	min-height: 300px;
	background: #FAFAFA;
	padding: 30px 50px 50px 50px;
	border-radius: 5px 5px 5px 5px;
	font-size: 13px;
	color: #666;
	
	/* glow */
	box-shadow: 0 0 20px #333;
	-webkit-box-shadow: 0 0 20px #333;
	-moz-box-shadow: 0 0 20px #333;
}
#loginForm h3 {
	margin: 20px 0 20px 0;
	font-size: 18px;
	color: #666;
}
#loginForm .userdata {
	position: relative;
	width: 270px;
	padding: 15px 15px 15px 15px;
}
#loginForm .button {
	margin: 20px 0 10px 0;
}
#form-login-username {
	margin-top: 10px;
	height: 28px;
}
#modlgn-username {
	position: absolute;
	right: 20px;
	margin-top: -4px;
}
#form-login-password {
	height: 28px;
}
#modlgn-passwd {
	position: absolute;
	right: 20px;
	margin-top: -4px;
}
#loginForm ul {
	list-style: none;
	margin: 0;
	padding: 30px 0 0 2px;
	font-size: 11px;
}


/* Online-Anmeldung */
#titelAnmeldung {
	position:		absolute;
	top:			320px;
	left:			410px;
	font-size:		30px;
	color:			#333;
}


#sponsoren {
	position:		absolute;
	top:			500px;
	right:			0;
	width:			230px;
	opacity:		0.85;
	font-size:		10px;
}

#sponsoren h3 {
	font-size:		10px;
	font-weight:	normal;
	text-align:		right;
}

#sponsoren div {
	margin:			0 0 10px 0;
}

#sponsoren img {
	background:		#FFF;
	margin:			0 0 0 0;
	padding:		5% 5% 5% 5%;
	width:			90%;
}


#content {
	position:		relative;
	width:			770px;
	min-height:		470px;
}

a.button {
	background:		#613D2D;
	padding:		10px 10px 10px 10px;
	margin:			10px 0px 10px 0px;
	text-decoration:	none;
}


a.button:hover {
	background:		#4C3023;
}

.fullWidth {
	width:			1100px;
}


#footer {
	font-size:		11px;
	margin:			50px 0 50px 0;
	border-top:		1px solid #FFF;
	opacity:		0.5;
}

#footer p, #footer a {
	font-size:		11px;
}

#footer ul {
	margin:			0;
	padding:		0;
}

#footer li {
	list-style:		none;
	float:			left;
}

#footer li a {
	text-decoration:	none;
	margin:				0;
	padding:			0 20px 0 0;
}


table {
	background:			#39241A;
	min-width:			60%;
	vertical-align:		top;
	border-collapse:	collapse;
}

table td {
	border:			1px solid #EDEDED;
	margin:			0;
	padding:		5px 8px 5px 8px;
	vertical-align:	top;
}

table tr {
	margin:			0;
	padding:		0;
}


input, textarea, button, submit, select {
	background:		#4D3125;
	border:			1px solid #EDEDED;
	font-family:	'Exo', 'Skia', sans-serif;
	color:			#FFF;
	font-size:		14px;
	padding:		5px 5px 5px 5px;
	margin:			5px 5px 5px 0px;
}

button, submit {
	padding:		5px 40px 5px 40px;
}

button:hover, submit:hover {
	background:		#5F3A2A;
}

textarea {
	min-width:		400px;
	min-height:		150px;
}


.article-info-term {
	display:		none;
}

.published {
	margin:			0 0 0 0;
	color:			#999;
	font-size:		12px;
}


.item-title {
	margin:			18px 0 5px 0;
}

.items-row {
	margin-top:		60px;
}

.article-info {
	margin:			7px 0 20px 0;
}

div.blog-featured div.item {
	margin: 20px 0 60px 0;
	border-top: 1px solid #888;
	padding-top: 20px;
}



img#musterES {
	position: absolute;
	top: 190px;
	right: 50px;
	height: 110px;
}

/* Kategorien */
#staffelboerse {
	position: absolute;
	top: 60px;
	left: 900px;
	opacity:	0.9;
}
#staffelboerse img {
	width: 		180px;
	padding:	10px 10px 10px 10px;
	background:	#FFF;
}

.kategorie.distance {
	text-align: right;
	padding-right: 50px;
}

div#impressionen a {
	text-decoration:	none;
}

div#impressionen a:hover {
	text-decoration:	underline;
}

table.kontakte {
	border-collapse:		separate;
	border-spacing:			10px;
}

table.kontakte h3 {
	margin:		0 0 10px 0;
	padding:	0;
	font-size:	15px;
}