@charset "utf-8";
/* W3DEVELOPER.DE Stylesheets Document */

<!-- Windows Phone 8-Geräte mit Internet Explorer 10 unterscheiden nicht zwischen Gerätebreite und Breite der tatsächlichen Anzeige und wendet Media-Queries aus Bootstraps CSS daher nicht korrekt an. Abhilfe schaft folgender Style -->
	@-webkit-viewport   { width: device-width; }
	@-moz-viewport      { width: device-width; }
	@-ms-viewport       { width: device-width; }
	@-o-viewport        { width: device-width; }
	@viewport           { width: device-width; }


/* ==================== RESET ==================== */

* { margin:0; padding:0;}
header, main, article, aside, section, footer, .container, .container-fluid { display:block;}

body {
    /*font-family: Verdana, Geneva, sans-serif;
    font-size: 140%;*/
    }
/*
h1 { font-size:257%;}
h2 { font-size:215%;}
h3 { font-size:172%;}
h4 { font-size:129%;}
*/

/* ==================== BOOTSTRAP-OVERRIDE ==================== */

.jumbotron {
	color: #fafafa;
	border-bottom: 1px solid #111111;
    -webkit-box-shadow: 0 1px 5px 0 #999999;
    -moz-box-shadow: 0 1px 5px 0 #999999;
    box-shadow: 0 1px 5px 0 #999999;
}

.container {
	max-width: 1024px;
	margin-right: auto;
	margin-left: auto;
}

#mainnav .container-fluid {
	max-width: 1024px;
}

#mainnav .navbar {
	z-index: 9999;
}

#mainnav .affix {
    position: fixed;
    top: 0;
    right: 0;
    bottom: auto;
    left: 0;
	z-index: 9999;
}

#mainnav .container.affix {
	min-width: 100% !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

#mainnav .container.affix .navbar {
    margin-bottom: 0;
}

#mainnav .navbar-nav > .open > a,
#mainnav .navbar-nav > .open > a:hover,
#mainnav .navbar-nav > .open > a:focus {
    background-color: #387F6D;
    color: #fafafa;
}

#mainnav .dropdown-menu > .active > a,
#mainnav .dropdown-menu > .active > a:hover,
#mainnav .dropdown-menu > .active > a:focus {
}

.btn-default,
.page-header,
.navbar-brand span, a {
	color: #387F6D;
}

.btn-default:hover, .btn-default:focus,
.navbar-brand:hover span, a:hover {
	color: #2a5c50;
}

.navbar-nav > li > a {
    font-size: 112%;
}

.dropdown-menu {
    font-size: 100%;
}

.well {
	background-color: rgba(0,0,0,0.02);
	background-image: none;
}

.thumbnail a .caption {
	font-size: 120%;
}

.panel {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
	}
.panel-heading {
    padding: 0;
	}
.panel-title > a {
    display: block;
    padding: 10px 15px;
    color: #387F6D;
    background-color: rgba(255,255,255,0.2);
	}
.panel-title > a:hover,
.panel-title > a:focus {
    color: #2a5c50;
    text-decoration: none;
    background-color: rgba(0,0,0,0.02);
    }

.tab-wrapper.tab-content {
	margin-bottom: 20px;
	padding: 10px;
	border: none;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	background-color: #fff;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
	}

/* ==================== TEMPLATE STYLE ==================== */

#bg-rbo-wt {
	background-image: url(../images/rbo_wasserturm_75_400.png);
	background-repeat: no-repeat;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 221px;
	height: 400px;
	z-index: -1;
}

.article-header {
    line-height: 2;
}

.carousel-inner, .img-style {
    -webkit-box-shadow: 0 1px 2px 0 #999999;
    -moz-box-shadow: 0 1px 2px 0 #999999;
    box-shadow: 0 1px 2px 0 #999999;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.carousel-control.right {
	-webkit-border-radius: 0 4px 4px 0;
	-moz-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
}
.carousel-control.left {
	-webkit-border-radius: 4px 0 0 4px;
	-moz-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
}

footer {
	font-size: 80%;
	padding-bottom: 30px;
}

article li {
    list-style-position: outside;
    margin-left: 20px;
}

#satzung li {
	padding-bottom: 10px;
}
#satzung li li {
	list-style-type: square;
}
#satzung ol ol li:first-child,
#satzung ol ul li:first-child,
#satzung ul ul li:first-child {
    padding-top: 10px;
}

#mainnav .navbar-nav > .open > a,
#mainnav .navbar-nav > .open > a:hover,
#mainnav .navbar-nav > .open > a:focus,
#mainnav .dropdown-menu > .active > a,
#mainnav .dropdown-menu > .active > a:hover,
#mainnav .dropdown-menu > .active > a:focus,
.gradient {
	background: #387f6d;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM4N2Y2ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyYTVjNTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #387f6d 0%, #2a5c50 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#387f6d), color-stop(100%,#2a5c50));
	background: -webkit-linear-gradient(top, #387f6d 0%,#2a5c50 100%);
	background: -o-linear-gradient(top, #387f6d 0%,#2a5c50 100%);
	background: -ms-linear-gradient(top, #387f6d 0%,#2a5c50 100%);
	background: linear-gradient(to bottom, #387f6d 0%,#2a5c50 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#387f6d', endColorstr='#2a5c50',GradientType=0 );
    color: #FAFAFA;
}

.transition {
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

.textshadow {
	-webkit-text-shadow: -1px -1px 0px #333;
	-moz-text-shadow: -1px -1px 0px #333;
	text-shadow: -1px -1px 0px #333;
}

marquee {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
	z-index: 0;
}
marquee .glow-inner {
    margin-left: -180px;
    margin-right: -180px;
	z-index: 0;
}

input#Spamschutz { padding:3px 5px;}

/* ==================== SCROLL TOP BUTTON ==================== */

.scrollTop {
    width: 40px;
	-webkit-transition: width 200ms ease-in-out;
	-moz-transition: width 200ms ease-in-out;
	-o-transition: width 200ms ease-in-out;
    transition: width 200ms linear;
    }
.scrollTopText {
    position: absolute;
	top: 1px;
    right: 40px;
    width: 0px;
    line-height: 28px;
    border: 1px solid #ccc;
    border-left: 0;
    border-right: 0;
    background-color: #eee;
	-webkit-border-radius: 4px 0 0 4px;
	-moz-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
	-webkit-transition: width 200ms ease-in-out;
	-moz-transition: width 200ms ease-in-out;
	-o-transition: width 200ms ease-in-out;
    transition: width 200ms linear;
    overflow: hidden;
    }
.scrollTop:hover .scrollTopText {
    right: 40px;
    width: 180px;
    padding: 0 5px;
    border: 1px solid #ccc;
    border-right: 0;
    background-color: #eee;
	-moz-transition: width 200ms ease-in-out;
	-webkit-transition: width 200ms ease-in-out;
	-o-transition: width 200ms ease-in-out;
    transition: width 200ms linear;
    font-size: 12px
    }

/* ==================== MEDIA QUERIES ==================== */

/* Extra small devices (phones, less than 768px) */
@media (max-width: 768px) {
    /*.jumbotron h1, .jumbotron .h1 { font-size:240%;}*/
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    /*.jumbotron h1, .jumbotron .h1 { font-size:276%;}*/
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    /*.jumbotron h1, .jumbotron .h1 { font-size:313%;}*/
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    /*.jumbotron h1, .jumbotron .h1 { font-size:350%;}*/
}