@CHARSET "UTF-8";
/*
Theme Name: Bahnfahren
Theme URI: http://www.bahnfahren.info
Description: Webauftritt von Bahnfahren.info
Author: P.v.B
Author URI: http://www.bahnfahren.info
Version: 2.0
*/

html {

  	position: relative;
  	min-height: 100%;
}

body {

	background-image: url(img/bfbg.gif);
  	margin-bottom: 60px;
}

a {

	color: #B80A15;
}

a:hover,
a:focus {

	color: #B80A15;
	text-decoration: underline;
}

/* --- HEADER ------------------------------------------------ */
div#header {

	padding: 0px;
}

form.navbar-right {

    margin-right: 0px;
    margin-left: 0px;
}

/* --- SLIDER ---------------------------------------------------- */
.slideshow {

	margin: 0 auto;
	width: 100%;
	height: 300px;
	overflow: hidden;
	background: white;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;

}

.bf-slide {

	width: 100%;
	height: 300px;
	margin-left: 0px;
	float: left;

}

#slideshow1 {

	position:relative;
	height:300px;
}

#slideshow1 IMG {

	position:absolute;
	top:0;
	left:0;
	z-index:8;
	opacity:0.0;
}

#slideshow1 IMG.active {

	z-index:10;
	opacity:1.0;
}

#slideshow1 IMG.last-active {

	z-index:9;
}


/* --- NAV --------------------------------------------------- */
#header-nav {

    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

#header-nav ul.navbar-nav li.current-menu-item a,
#header-nav ul.navbar-nav li.current-menu-item a:focus,
#header-nav ul.navbar-nav li.current-menu-item a:hover {

    color: #555;
    background-color: #E7E7E7;
}

/* --- HOME -------------------------------------------------- */
#tp-lead-home h1 {

	font-size: 18px;
	margin: 5px 0px;
}

#tp-galerie-home img.img-thumbnail {

	margin-bottom: 4px;
}

.tp-home-btm h2,
.tp-home-btm h3 {

	font-size: 18px;
	margin: 6px 0px 5px;
}

h3.media-heading {

	font-size: 18px;
}

.tp-home-btm span,
.media-body span {

	color: #808080;
	font-size: 12px;
}

.tp-home-btm p {

	margin-bottom: 0px;
}

#tp-galpics-index {

	 max-height: 420px;
	 overflow:hidden;
}

#tp-galpics-index span {

	position: absolute;
	bottom: 0;
	display:inline-block;
	width: 100%;
	height: 40px;
	 background: url(img/bg_gal_index.png) repeat-x bottom;
}

.tp-excerpt p,
.tp-excerpt a {

	display: inline;
}

/* --- MAIN -------------------------------------------------- */
.bf-post h1 {

	margin-top: 0px;
}

.bf-post .bf-post-time {

	color: #808080;
}

.bf-post img.example-image {

	max-width: 100%;
}

.bf-post .tp-post-img {

	text-align: center;
}

.wpcf7-quiz {

	display: inline-block;
	width: 150px;
}

div#tp-carousel .carousel-control {

  	padding-top:10%;
  	width:5%;
}

div#tp-carousel a.thumbnail {

  	margin-bottom: 0;
}

/* --- SIDEBAR ----------------------------------------------- */
#schnaeppchen-box.panel-warning {

    border-color: #F0AD4E;
}

#schnaeppchen-box.panel-warning > .panel-heading {

    background-image: linear-gradient(to bottom, #F0AD4E 0px, #EB9316 100%);
    background-repeat: repeat-x;
    color: #222;
}

#sidebar-cats ul#menu {

	list-style: none;
	padding-left: 0px;
}

#sidebar .widget_tag_cloud h2.widgettitle {

	display: none;
}

/* --- COOKIE MSG -------------------------------------------- */
div#cookie-msg {

	height: 20px;
	width: 100%;
	position: fixed;
	bottom: 0px;
	text-align: center;
	background: rgba(0, 0, 0, 0.5) none repeat scroll 0% 0%;
	color: #FFF;
	font-size: 14px;
	z-index: 1000;
	line-height: 20px;
}

div#cookie-msg a#learn-more-link,
div#cookie-msg a#learn-more-link:hover {

	color:white;
	text-decoration: underline;
}

div#cookie-msg a#close-btn {

	display: inline-block;
	width: 20px;
	height: 20px;
	margin-left: 10px;
	background-image: url(img/close.png);
	color:white;
	background-color: #222;
}

div#cookie-msg a#close-btn:hover {

	background-color: red;
}

/* --- FOOTER ------------------------------------------------ */
.footer {

  	position: absolute;
  	bottom: 0;
  	width: 100%;
  	padding-top: 20px;
  	height: 60px;
  	background-color: #f5f5f5;
}

#footermenu,
#footermenu ul {

	display: inline-block;
	padding-left: 0px;
	list-style: none;
}

#footermenu li,
#footermenu ul li {

	display: inline-block;
	float: left
	margin: 0px 4px;
}