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

/* Schrift
================================================== */
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700');

body,p,span,h1,h2,h3,h4,h5,h6,h7{ font-family: 'Roboto', sans-serif; font-weight:300;}

h1,h2,h3,h4,h5,h6,h7{ font-family: 'Roboto', sans-serif; font-weight:400;color:#009ee3}

b,strong{ font-family: 'Roboto', sans-serif; font-weight:600;color:#009ee3 }
	


.footer {background: #009ee3; padding-top:10px; border-top:5px solid #9c9b9b; font-size:90%;color:#ffffff;} 
.footer a{color:#ffffff;}

.abstand-rechts {  margin-left: 10px; 
}
/* FARBEN
================================================== */
.btn-info {background-color: #009ee3;color:#ffffff;font-weight:bold;}

.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open>.dropdown-toggle.btn-info {
    color: #009ee3;
    background-color: #dfdfdf;
    border-color: #dfdfdf; /*set the color you want here*/
}
.gruen {color: #009ee3}
.grau {color: #aaaaaa;font-size:24px}

/* Container ()
================================================== */
/* Schatten um Container */
.container {	background:#fff;
				color:#333;
				/*background: rgba(255, 255, 255, 0.8);*/
				-moz-box-shadow: 0 0 20px black; 
				-webkit-box-shadow: 0 0 20px black; 
				box-shadow: 0 0 20px black; }
/*Rahmen in den Boxen*/
.box {padding:10px 10px 10px 10px;
	background-color:#dfdfdf;
				}

/* individuelle Farben
================================================== */
table {font-size:1em;}
th {font-weight:bold;color:#009ee3;}

/* farbe Highlight Farbe*/
.farbe {color:#009ee3;}
.hintergrund-farbe { background-color:#dfdfdf;}

/* Geänderte Nav-Bar Farbe*/
.navbar-inverse {background-color: #444;border-color: #080808;	}


/* Linkfarbe*/
a {color:#0b34529;}
a:hover, a:focus {color:#aaaaaa;}

/* farber Button Navigation*/
.navbar-default {border-top:1px solid #e2e6e8;background-color:#e2e6e8}

.navbar-default .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #ffffff;    background-color:#009ee3; 	}



/* Flaggen
-------------------------------------------- */
#flaggenposition {  display: inline; position:absolute; top:4px; left:20px; z-index:3; }
#flaggenposition img {border: 0; width:24px;height:16px; border:1px solid #999 }
.flagge{ margin-left: 10px;display: inline;  }

.slogan {width:500px; height:30px; position:absolute; z-index:4; margin:100px 0px 0px 600px;  }/* margin: oben ? ? links*/
.slogan h5 {color:#fff;font-size:20px;}


.pagetitle {color:#009ee3;border-bottom:1px solid #009ee3;margin-top:10px;} 

.rahmen {border:1px solid #009ee3;padding-top:4px;padding-bottom:4px;}
.invertiert {background-color:#009ee3;color:#ffffff;}
 
 /* Abstände 
================================================== */
div.Abstand  {height: 4px;	background:#dfdfdf;	border-left:20px solid #009ee3;	display: block;	margin: 20px 0;}
div.Abstand1 {height: 4px;	background:#dfdfdf;	border-left:20px solid #009ee3;	display: block;	margin: 20px 0 20px 0;}
div.Abstand2 {height: 4px;	background:#dfdfdf;	border-left:20px solid #009ee3;	display: block;	margin: 5px 0;}
div.Abstand_leer {	height: 1px;	margin:20px 0;	display: block;}

.abstand-bild-rechts {
  margin-left: 10px; 
    margin-bottom: 5px; 
}
 .form-group {
    	padding: 0 5px;
 }
.form-horizontal {
	 padding:0 25px;
	 }
@media (max-width: 500px) {
.form-horizontal {
	 padding:0 ;
	 }
}
/* Hintergrundbild   
================================================== */
.full {
/* Fallback für Browser ohne RGBa */
	background:#ffffff;
/*  IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e3e0d1, endColorstr=#f6f2e1);
/*  IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#e3e0d1, endColorstr=#f6f2e1)";

	background: url(../img/background-image.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
	}

img{border:none;}
.img_oben {margin-top:10px;}

/* Slider Steuerung   
/* Variablen werden oben belegt!
================================================== */
				
    /* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */

	
#slider-content{
		display:inline; /* Wichtig, damit die beiden Oberlays auch angezeigt werden.*/
		position:relative;
		float:left;
      	height:240px;
		width:1140px;
		}			

.dots {width:1140px; height:240px; position:absolute; z-index:1; margin:0px 0px 0px 0px; background:url(../slider/slider-dots.png);}
#slider ul, #slider li{		margin:0;		padding:0;		list-style:none;	}
		

.stylish-input-group .input-group-addon{
    background: white !important; 
}
.stylish-input-group .form-control{
	border-right:0; 
	box-shadow:0 0 0; 
	border-color:#ccc;
}
.stylish-input-group button{
    border:0;
    background:transparent;
}



/* Button [nach oben] Position  
/* Steuerung und aussehen über scroll-top.js
================================================== */
#toTop-right {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:20px;
	right:20px;
	outline:none;
}

/* Icons
================================================== */
.icon {width:20px;height:20px;}

/* Body transparent für Hintergrundbild
================================================== */
body {
background: transparent !important;
 margin-top:10px;
 }
/* Maximale Container Breite auf 970   
================================================== */
@media (min-width: 1200px) {
  .container {
    width: 1140px;
   }
  
}

/* Maximale Container Breite auf 970   
================================================== */
@media (min-width: 750px) {
  .col-md-6 p {margin-left:30px;}
  .col-md-6 h3 {margin-left:30px;}
    .col-md-6 h4 {margin-left:0px;color:#009ee3;}
        .col-md-6 h5 {margin-left:30px;font-weight:bold}
        .col-md-6 table {font-size:12px;}
   }
/* Abstand rechts und links breiter
================================================== */
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-right: 35px;
    padding-left: 35px;
}