/*
 * Theme Name: Schleifkottenbahn.de
 * Theme URI: http://www.schleifkottenbahn.de
 * Theme Description: Das individuelle Design für schleifkottenbahn.de basierend auf dem Bootstrap
 * Author: Amalia Schoppengerd >> MountainGrafix <<
 * Author URI: http://www.mountaingrafix.eu
 * Version: 1.0
 *
*/



/* Apply bootstrap styles */
@import url('bootstrap/css/bootstrap.min.css');

ul, li {
	list-style:none;
	padding-bottom:10px;
}

.LinkLibraryCat ul li a {
	font-size:12px;
}


#cboxTitle {
	color:#FFF !important;
	margin-top:50px;
} 

h3, h2 {
	color:#ffffff;
	font-size:1.2em;
	font-weight:bold;
	margin-left:10px;
}

.presseArchiv {
	font-size:0.9em;
	margin:0px;
	padding:0px;
	padding-top:5px;
	font-weight:normal !important;
}

header {
		border-bottom:20px solid #333;
		background-color:#FFF;		
	}

.archive-title {
	font-size:0.9em;
	text-decoration:underline;
	color:#333333;
}

p {
    margin: 0 0 20px;
}

.img-responsive {
	width: 100%;
	height: auto;
	display:block; 
}
	
.logo {
	display:table;
	margin-bottom:30px;
	padding-right:30px;
}

.main-menu a, .main-menu a:link  {
	text-decoration:none;
	padding:3px; 
	margin:3px;
	margin-left:30px;
}

.main-menu ul li {
	background-image:url("images/home_off.png");
	background-repeat:no-repeat;
}

.main-menu ul li:hover {
	background-image:url("images/home_on.png");
	background-repeat:no-repeat;
}

.main-menu a:hover, .main-menu a:active   {
	background-color:#666 !important;
	color:#CCCCCC;
}

#error-page {
	max-width: 55%;
}

.nav > li > a > img {
	margin-bottom:3px;
}

html, body {
	line-height:1.5;
	font-family: Verdana, Helvetica, sans-serif;
	font-size:0.9em !important;
	line-height:1.7em;
	color:#666;
	background-color:#cccccc;
}

p {
	font-size:0.9em !important;
	padding:5px;
	margin:5px;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: Verdana, Helvetica, sans-serif;
   
}

#page-wrapper {
	
	background-color:#ccc;
	background-position:right;
    background-repeat: repeat-y;
    height: auto !important;
    overflow: hidden !important;
}


header h1 a, .entry-header h2 a {
	font-size:25px;
}

/*********************************/
.header-zitat {
	display:none;
}

/* styles needes for shortcodes  */

.divider {
    margin-bottom: 25px;
    padding-top: 25px;
    clear: both;
    display: block;
    margin-bottom: 15px;
    padding-top: 15px;
    width: 100%;
}

img {
	background-repeat:no-repeat;
}

.logo-titel {
	display:none;
}

/* Styling of standard gallery shortcode, removed in functions */
.gallery {
    margin: auto;
}

.gallery-item {
    float: left;
    margin-top: 10px;
    text-align: center;
    width: 210px;
	height:13%
}

.gallery img {
    border: 2px solid #cfcfcf;
}

.gallery-caption {
    margin-left: 0;
}

a, a:hover {
	color:#000000;
	text-decoration:underline;
}

/* basic styles for layout, can be removed. */

.alignleft {
	float:left;
	margin-right:20px;
	margin-bottom:15px;
}

.alignright {
	float:right;
	margin-top:10px;
}

.content img {
	border:1px solid #999;
	padding:1px;
}


.cats{
    margin-left: 5px;
    margin-right: 10px;	
}



.navbar-header {
	float:left;
	margin-left:10px !important;
	
}
.navbar-toggle {
	border-color:#ccc;
	margin-right:0px;
	margin-left:-20px;
}
.navbar-default {
	text-transform:uppercase;
		border:none;
	background:none;
	margin-top:50px;
	box-shadow: none;
	margin-left:4%;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
}

.navbar-default .navbar-nav > li > a {
	color:#6B6863;
}

.navbar-nav {
	margin-left:4%;
}

.navbar-default .navbar-nav > li > a:hover {
	color:#8b2d77;
}

/* Sidebar */

article h4 {
	color:#999;
	margin-top:40px;
}

/* Pagenavi */

.wp-pagenavi{
    margin-bottom: 25px;
    text-align: center;
}

/* Footer */

.footer-wrapper{
    min-height: 100%;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0;
    padding: 0 15px;
    color: #ffffff;
    background-color: #999;
	margin-top:40px;
}


.footer{
    font-size: 75%;
    padding-top: 15px;
    padding-bottom: 20px;
    color: #ffffff;
}



.footer a{
    color: #ffffff;

}


.footer .btn {
    color: #262F59;
}


.footer-menu {
    list-style: none outside none;
    display: inline-block;

}


.footer-menu-wrapper ul, ol{
    margin-left: 0px;
    padding-left: 0px; 
}



.footer-menu  li {
    display: inline;
    padding-right: 10px;
    padding-left: 5px;
    border-right:1px solid white;
}


.footer-menu li:last-child{
    border-right:none;
}


.footer, .copyright a{
    color: #ffffff;
}


.footer ul li{
    color: #ffffff;
}



.footer .col-md-3 ul li strong {
    border-bottom: 1px solid #727575;
    box-shadow: 0 -1px 0 #666 inset;
    color: #727575;
    display: block;
    font-weight: 400;
    line-height: 1;
    margin: 0 0 8px;
    padding: 0 0 8px;
    text-transform: uppercase;
}

.footer .col-md-3 ul {
	margin-left:-40px;
}

/*
ol, ul {
    list-style: none outside none;
}*/

.entry ol {
	margin-left: 50px;
	margin-bottom:20px;
}


/* Copyright*/

.copyright-wrapper{
    min-height: 100%;
    height: 100%;
    width: 100%;
    padding: 0 15px;
    color: #333;
    font-size: 75%;
	text-align:center;
}


.copyright{
    padding-top: 10px;
	margin-bottom:10px;
	width:960px;
}


a[class^="icon-"] {
    display: block;
    width: 30px;
    height: 30px;
    background-image: url("images/icons/social-icons.png");
    transition: background-color 0.5s ease 0s;
    border-radius: 15px;
}

a[class^="footer-icon-"] {
    display: block;
    width: 60px;
    height: 60px;
    background-image: url("images/icons/social-icons-big.png");
    transition: background-color 0.5s ease 0s;
    border-radius: 30px;
}


/* Form */


.clear {
	clear:both;
}


img {
    border: 0 none;
}

.header-sidebar {
		display:none;
	}
	
	.header-sidebar img {
		display:none;	}
/* MEDIA QUERIES */

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	
	html, body, .navbar-nav {
		font-size:12px;
		margin-right:0px;	
	}

    .footer-menu-wrapper{
        float: right;
    }
    .footer-menu-wrapper ul, ol{
        margin-left: 10px;
    }
	

	.logo {
	display:table;
	padding-right:0px;
	
}

	.header-sidebar {
		display:none;
	}
	
	.header-sidebar img {
		display:none;	}
		
		body {
		background-image:url('https://schleifkottenbahn.eu/wp-content/themes/schleifkottenbahn/images/background768.jpg');
		background-repeat:repeat-y;
		
	}
	
	header {
		border-bottom:20px solid #333;
		background-color:#FFF;		
	}
	
	.sidebar-wrapper {
		height:100%;
		width:250px;
		float:left;
	}
	
	
	.titel {
		color:#FFFFFF;
		text-shadow: 2px 2px #333;
		margin-bottom:-10px;
		font-size:1.5em;
		font-weight:normal !important;
	}
	

	
	.subtitel-start {
	color:#FFFFFF;
	text-shadow: 1px 1px #333;
}


}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	
	html, body, .navbar-nav {
		font-size:14px;
		margin-right:0px;	
	}
	
	body {
		background-image:url('https://schleifkottenbahn.eu/wp-content/themes/schleifkottenbahn/images/background992.jpg');
		background-repeat:repeat-y;
		
	}
	
	header {
		border-bottom:20px solid #333;
		background-color:#FFF;		
	}
	
	.sidebar-wrapper {
		height:100%;
		float:left;
	}
	
	
	.titel {
		color:#FFFFFF;
		text-shadow: 2px 2px #333;
		margin-bottom:-10px;
		font-size:1.5em;
		font-weight:normal !important;
	}
	
	.subtitel-start {
	color:#FFFFFF;
	text-shadow: 1px 1px #333;
}



}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
	html, body, .navbar-nav {
		font-size:0.9em;
		margin-right:0px;	
	}
	
	body {
		background-image:url('https://schleifkottenbahn.eu/wp-content/themes/schleifkottenbahn/images/background1024.jpg');
		background-repeat:repeat-y;
		
	}
	
	header {
		border-bottom:20px solid #333;
		background-color:#FFF;		
	}
	
	#page-wrapper {
	background-color:#ccc;
	background-position:right;
    background-repeat: repeat-y;
    display: table !important;
    height: auto !important;
    overflow: hidden !important;
}

.main-menu a, .main-menua:link {
	color:#FFF;
	
}
.sidebar-wrapper {
	position: absolute;
	background-color:#666;
	top: 130px;
	left: 0;
	bottom: 0;
	width: 250px;
	height:100%;
	float:left;
}

.main {
	margin-left:250px;
}

.titel {
	color:#FFFFFF;
	text-shadow: 2px 2px #333;
	margin-bottom:0px;
	font-size:2em;
	font-weight:normal !important;
}

.subtitel-start {
	color:#FFFFFF;
	text-shadow: 1px 1px #333;
}
	
 }