/* CSS-Klassen für die GLOBALE Einstellung des Templates */
/* Scrollbar */
::-webkit-scrollbar {width: 0px;}
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.0); border-radius: 10px;}
::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.0); }

:focus {outline: medium none;}

/* Body, Html, Cover Hintergrund und Abstand --------------------------------------------- */

.ck-logo {
	float: left;
	width: 500px;
	height: 80px;
	background:  url(../images/logos/logo.png) no-repeat;
	ba/ckground:  red;
	border: 0px solid green;
}

* {margin: 0;padding: 0;}


html {	
	display: block;
	height: 100%;
	width: 100%;
	-khtml-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
	-moz-text-size-adjust:100%;
	-o-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	margin: 0;
	padding: 0;
	overflow-y:scroll;
    -webkit-overflow-scrolling: touch;
}

body {	
    display: block;
	height: 100%;
	margin: 0;
	padding: 0;
	-webkit-overflow-scrolling: touch;
	user-select: none;
	-o-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	background: #666 url(../images/backgrounds/hg01.jpg) fixed;
	-webkit-background-size: cover;
	-khtml-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
 }

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 1)  { /* IPAD2 */
	body{ overflow-y:scroll;}
}

.cover {
	background-color: #1a1a1a;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center center;
	
	-khtml-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
    @media (max-width: @iphone-screen) {
        b/ackground-attachment: scroll;
    }
}

/* ENDE- Body, Html, Cover Hintergrund und Abstand --------------------------------------------- */
/* Schriftarten & Größen------------------------------------------------------------------------ */
/* Rest der Schriftarten und Größen in bootstrap.min.css 
   Containerspezifische Schriftarten und Abstände bei den jeweiligen Container-Definitionen -----*/

.h1, .h2, .h3, h1, h2, h3 {
	font-family: "Baumans", sans-serif;
	font-style:italic;
   margin-top: 10px; 
   margin-bottom: 15px;
}

.h1, .h2, .h3, .h4, .h5 , .h6, h1, h2, h3, h4, h5, h6 {
	color: #C3AB51;
    f/ont-family: Eurostile;
}

pre {
	height: auto;
	max-height: 300px;
	padding: 15px  25px  15px  25px;
	}

p, li {color: white;}


/* ENDE Schriftarten & Größen------------------------------------------------------------------- */
/* Abstand "vor" und Abstand "nach" ContentParts */
.spaceAfterCP      { clear: both; height: 1px; margin-top: -1px;}
.col-md-0{display: none; width: 0%;padding: 0; margin-0; b/order: 0;}

/* Grundstruktur -------------------------------------------------------------------------------------- */
#topbar{ 
	height: 0px !important; 	
	background-color: rgba(0,0,0,0.1); 
	}

#content-wrapper{ /* mindesthöhe der Content-Seite */ 
	background: rgba(255,255,255,0.0); 
	border: 0px;
	margin: 0 auto;
}

/*-Slider -------------------------------------------------------------------------------------------- */
#slider_full_width{
	padding:  0px 0px 0px 0px; 
}

#slider_full_width a.fe-link.fe-CP {
	position:  absolute;
	z-index: 3;
	top: 120px;
	left: 10px;
}

.content-min-height{
	min-height: 94.6% !important; 	/*incl sichtbarem Footer */
}

.abstand-navbar{
	padding-top: 0px;	
}

#content{
	background: rgba(0,0,0,0.0);
}
.container{
	width: 100%;
	max-width: 1400px; /* Breite Content */
}

.container_fluid{
	padding-left: 15px;
	padding-right: 15px;
	}
	
#content01 {
    background: rgba(0,0,0,0.1);
}

#content02-full{
}

#content04-full{
    background: rgba(255,248,220,0.8);
}
/* Ende Struktur ------------------------------------------------------------------------*/
/* Footer --------------------------------------------------------------------------------*/
#footer{
	color: white;
	b/ackground-color: #02CFFC;
	b/ackground-color: rgba(2,207,252,0.3);
    b/ackground-image: url(../images/bg_footer.png);
    b/ackground-position: 50% 100%;
    b/ackground-repeat: repeat-x;
	}
	
#footer span{
	color: white;
}

.fa {
   padding-right: 3px;
   display: inline-block;
}

#footer .fa {
   color: white;
}

#footer-copyright{
    border-top: 1px solid rgba(255,255,255,0.2);
}

#footer-widgets h3 {
	font-size: 1.3em;
}

#footer-widgets .col-lg-3, #footer-widgets .col-md-3, #footer-widgets .col-sm-6 {
	min-height: 230px;
}

#footer-widgets a {
    color: white;
   display: block;
    list-style: none;
}

#footer-widgets address {
    margin-bottom: 10px;
}

#footer-copyright p{ 
	padding: 10px;
	font-size: 1.2em;
 }
	
#footer-widgets li {
	list-style: none;
	padding: 0;
}

.breadcrumb {
    padding: 3px 0px 15px 0px;
    margin-bottom: 2px;
    list-style: none;
    border-radius: 0px;
	background-color: transparent;
    border-top: 1px solid rgba(255,255,255,0.2);
    border-bottom: 1px solid rgba(255,255,255,0.2);
}

#breadcrumb  a {
	color: #ccc;
	padding-left: 5px;
	padding-right: 5px;
}

.fe-container {
	max-width:650px;
	padding: 2% 10% 2% 10%;
	margin: 0 auto;
    background: rgba(0,0,0,0.1);
    border: 1px solid rgba(255,255,255,0.4);
}

/* Ende Footer ---------------------------------------------------------------------------------*/
/* ENDE - Struktur ---------------------------------------------------------------------------- */

/* Abstände Raster & Container ----------------------------------------------------------------- */
.left-container p, .right-container p{text-align:justify;}

/* Basis-Einstellung der COLs */    
[class*="col-"] {
   padding-top: 15px;
   min-height: 0;
   b/order: 1px solid black;
}

.col-margin_null  {margin: 0;}
.col-padding_null {padding: 0;}

/* Optik Seitenspalten */
.right-container .image-with-text, .right-container .overlay, .left-container .image-with-text, .left-container .overlay {
	padding: 10px;
    background-color: rgba(0,0,0,0.1);
    border: 1px solid rgba(0,0,0,0.1);
	border-radius: 6px;
}

/* Optik & Größe Karten Google Maps  */
.map, #map {
  width: 100%;
  height: 400px;
  background: rgba(0,0,0, 0.1);
  border: 2px solid rgba(0,0,0, 0.1);
}


/* Button -------------------------------------------------------------------------------*/
/* GO TO TOP Button unten rechts  -------------------------------------------------------*/
.gototop{
	position: fixed;
	bottom: 70px; 
	right: 10px;
	b/ackground: rgba(232,44,12,0.0); /*rot */
	padding: 8px 6px 6px 8px;
	color: #fff;
	border-radius: 24px;
	border: 2px solid rgba(255,255,255,0.3); /*rot */
	display:none;
}
	
.gototop i{
	line-height: 0.5em;
}

.link-top {
	position:absolute;
	padding: 0px 2px 0px 5px;
	bottom: 10px;
	right: 10px;
	border: 1px solid rgba(0,0,0,0.5);
	background: rgba(0,0,0,0.2); 
	}
	
/* ENDE -GO TO TOP Button unten rechts   --------------------------------------------------*/
/* Bootstrap Button Farben und Abstände  --------------------------------------------------*/
.bg-primary {
    color: #fff;
    background-color: rgba(51,122,183,1.0); /* #337ab7 */
	padding: 15px;
	margin-bottom: 15px;
	border-radius: 5px;
}

.bg-hinweis {
    background-color: rgba(0,0,0,0.1); 
	padding: 30px;
	margin-top: 15px;
	margin-bottom: 15px;
	border-radius: 5px;
}

label{
	width: 95px;
}

.btn-group{
	margin-top: 10px;
	margin-bottom: 10px;
}

.button.is-checked { outline: 0 none;}



/* Ende Button ---------------------------------------------------------------------------*/

/* Sitemap PHPWCMS Spezifisch--------------------------------------------------------------------------------*/
.sitemap ul{
    margin-top: 0;
    margin-bottom: 0px;
}
ul.sitemap {
    margin-bottom: 0px;
}

.sitemap>li{
	margin-left: 30px;
	list-style:  circle;
}
.sitemap ul li{
	margin-left: 0px;
	list-style:  circle;
}
.sitemap li a{
	font-size: 1.2em;
}
/* ENDE Sitemap ---------------------------------------------------------------*/

/* Suche  ---------------------------------------------------------------------*/
.form-control {
    display: inline-block;
    width: auto;
}
.search-item {
	margin-bottom: 10px;
	border-radius: 6px;
}
.search-item .highlight{
	font-style: normal;
	font-weight: 700;
	c/olor: #03F;
	}
.panel {
    padding: 20px;
    margin-bottom: 20px;
    background-color: transparent;
    border: 1px solid rgba(255,255,255,.5);
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
/* Ende Suche  ---------------------------------------------------------------------*/

/*-News --------------------------------------------------------------------------- */
.news{
	padding-bottom: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: justify;
  	background: rgba(255,255,255,0.8); 
  	border: 1px solid rgba(0,0,0,0.1);
}

.news-tag{
	t/ext-align: center;
	padding: 2px 5px 2px 5px;
  	background: rgba(0,0,0,0.1); 
  	border: 1px solid rgba(0,0,0,0.2);
	border-radius: 3px;
}

.news-teaser-right {
 	height: auto;
	margin: 1px;
  	padding: 15px;
	overflow: hidden;
  	background: rgba(255,255,255,0.8); 
  	border: 1px solid rgba(0,0,0,0.1);
}
.news-teaser-right h1, .news-teaser-right h2, .news-teaser-right h3 {
  	margin-top: 0px;
}

.news-teaser-right p{
  	padding-top: 10px;
  	padding-bottom: 10px;
	text-align: justify;
}

.news-teaser-right img{
	width: 100%;
	m/ax-width: 200px;
	overflow: hidden;
}

.news-teaser-right-image{
	display: inline-block;
	width: 30%;
	overflow: hidden;
}

.news-teaser-right-content{
	display: inline-block;
}

/*-Newsletter -------------------------------------------------------------------------------------- */
.articleText {w/idth: 80%; margin: 0 auto; padding: 10px 0px 15px 10px; border: 1px solid blue;}
#newsletterSubscribeForm {
	w/idth: 80%;
	margin: 0 auto;
	padding: 15px 0px 15px 10px; border: 1px solid blue;
}

#newsletterSubscribeForm td{
	padding-bottom: 5px;
	}
#newsletterSubscribeForm .formLabel{
	padding: 0px;
	margin: 0px;
}

/*- News - File Entry -------------------------------------------------------------------------------------- */
.fileEntry h2{
	font-size: 1.2em;
	margin		: 0;
	padding-top: 0;
}

.fileEntry{
	float: left;
	width: 19.90%;
	margin: 1px 0.1% 1px 0.1%;
  	border: 1px solid #ccc;
	padding: 5px;
	opacity: 0.8;
}


@media(max-width:1024px) { 
	.fileEntry{
		width: 22.80%;
	}
}

@media(max-width:768px) { 
	.fileEntry{
		width: 33.00%;
	}
}

@media screen and (device-aspect-ratio: 40/71) { /* Mobilgerät Iphone */
	.fileEntry{
		width: 99.80%;
	}
	.abstand-navbar{
		padding-top: 52px;	
	}
}

/*-News Ende-------------------------------------------------------------------------------------- */

/*- RSS Feed Standdard---------------------------------------------------------------------------- */
/*- RSS Feed Bildzeitung ist im Template definiert ----------------------------------------------- */
.feed{
	text-align: justify;
	margin-top: 30px;
	}
	
.feed h2{
	color: red;
	font-weight:bold;
	f/ont-size: 1.4em;
	}
	
.feed li{
	list-style: none;
	margin-bottom: 15px;
	padding: 10px;
	background: rgba(30, 63, 83,0.1);
	border: 1px solid rgba(128,128,128,0.4);
	border-radius: 6px;
	}	
	
.feed ul li ul li{
	border: 1px solid transparent;
	margin-bottom: 0px;
	padding: 0px;
	background: rgba(30, 63, 83,0.0);
	}
/*- Ende RSS Feed Standdard -------------------------------------------------------------------------------------- */

/* Sidebar / SideMenü BS - Linklist & NAV_LIST ----------------------------------------------------------*/
 .list-group {
	m/ax-width: 300px; /*wenn begrenzung nötig ist */
	list-style: none;
	padding-left: 0;
	margin-bottom: 20px;
}

.list-group-item {
	position: relative;
	display: block;
	padding: 10px 15px;
	margin-bottom: -1px;
	b/ackground-color:  #CCC;
	border: 1px solid #ddd;
}

h4.list-group-item{
	 border-top-left-radius: 4px;
	 border-top-right-radius: 4px;
	text-align: center;
}

.nav_list_sidebar {
	width: auto;
	m/ax-width: 350px;
	p/adding-top: 25px;
	}
	
.nav_list_sidebar li{
	    list-style: none;
	}
.nav_list_sidebar li a{
		text-decoration:none;
	}
	
.nav_list_artikel li{
	display: inline-block;
	list-style: none;
	margin-bottom: 5px;
	}

.sidebar {
	padding-top: 25px;
	}
/* Ende Sidebar ----------------------------------------------------------*/

/* Fehler 404 ----------------------------------------------------------*/
.fehler {
	position: relative;
	font-style:italic;
	width: 100%;
	min-height: 80%;
	border: 5px solid red;
	border-radius: 15px;
	background-color: white;
	background-image:url(../images/page/Fehler-404-02.png);
    background-position: 50% 0%;
	}
	
.fehler-text {
	text-align: justify;
	padding: 30px 60px 350px 60px;
	margin: 0;
 	border-radius: 15px;
 	background: rgba(255,255,255, 0.8);
	}
/* Ende Fehler 404 ----------------------------------------------------------*/
/* Formulare ----------------------------------------------------------*/
.bs-example {
	width: 98%;
	max-width: 700px;
	padding: 20px;
	border: 2px solid green;
    margin-right: 0;
    margin-left: 0;
	margin: 0 auto;
    background-color: #fff;
    border-color: #ddd;
    border-width: 1px;
    border-radius: 4px 4px 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.form-label {
	width: 28.0%;    
	min-width: 100px;
	margin-bottom: 3px;
}
.form-control{
	width: 70.9%; 
	max-width: 100%; 
	margin-bottm: 5px;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 500;
}

.form-field {
	margin: 5px 5px 5px 5px;
}

textarea.form-control {
	width: 100%;
}

.form-error p{
	padding: 15px;
	border-radius: 6px;
}
/* Ende - Formulare ----------------------------------------------------------*/
button span.icon-bar{ color: white;}