/*****************************************/
/*ALLGEMEINE FORMATIERUNG (200,200,200) */
/***************************************/
@import "https://fonts.googleapis.com/css?family=Open+Sans:400,600,700";
html {

}
html.lg { font-size:110%; }
html.md { font-size:100%; }
html.sm { font-size:100%; }
html.xs { font-size:100%; }
body {
	overflow-y:scroll;
	font-family: "Open Sans",Helvetica,Arial,sans-serif;
	font-size:100%;
	line-height:1.5rem;
	color:rgb(77,77,77);
}
h1, h2, h3, h4, h5, h6 {
	margin-top:0;
}
h1 {
	color:rgb(120,120,120);
	border-bottom:1px solid rgba(120,120,120,0.3);
	margin-bottom:0;
	font-weight:600;
	font-size:200%;
}
h2,h5,h6 {
	margin-top:1rem;
	color:rgb(120,120,120);
	font-weight:600;
	/*text-decoration:underline;*/
	font-size:160%;
}
h3 {
	margin-top:1rem;
	font-weight:600;
	font-size:140%;
}
/* HEADER-Definitionen: */
/***********************/
#header {margin-top:1.5rem;}
/* Bildunterschrift als Quelle: im Bild definieren - Anpassung bei Header-Bilder*/
#header .ce-gallery figcaption {
	margin-right:7em;
}
#header .ce-gallery { margin-top:0;}

.fa {
	font-size:90%;
}
.fa-fw {
	margin-right:0.5rem;
}
/*Überschrift (H3) bei Elementen mit Text neben dem Bild
Horizontal gleiche Höhe und 3rem Abstand nach oben*/
.ce-left h3 {
	margin-top:2.7rem;
}
.ce-right h3 {
	margin-top:2.7rem;
}
.ce-gallery {
	margin-top:3rem;
}
/*Bildunterschrift als Quelle: im Bild definieren */
.ce-gallery figcaption {
	margin-top:-2.5em;
	margin-right:1em;
	font-size:0.5rem;
	color:#fff;
	text-shadow:1px 1px 2px #000000;
	opacity:0.8;
	text-align:right;
}
div.pcscustce_imgcaption {
	position: relative;
	margin-top:-1.5rem;
	margin-right:0.75rem;
	font-size:0.5rem;
	color:#fff;
	text-shadow:1px 1px 2px #000000;
	opacity:0.8;
	text-align:right;
}

#wrapper {
	height:100%;
}
#toplinks {
	text-align:right;
}
#toplinks a {
	display:inline-block;
	margin:0.5rem 1.5rem;
	color:rgb(77,77,77);
}
/* BODY-Definitionen */
#body {margin-top:1.5rem;}
.home-trenner {widt:100%; height:2em; background-color:rgba(0,0,0,0.2); box-shadow:2px 2px 4px #404040; margin-bottom:2em;}
#breadcrumb {
	margin:0.5rem 2% 0;
	font-size: 80%;
}

#content {
	margin:0 2% 5rem;
}
.gruen{color:rgba(0,146,63,1); margin-bottom:1em;}
.blau{color:rgba(0,94,194,1); margin-bottom:1em;}
.orange{color:rgba(230,120,23,1); margin-bottom:1em;}
.gelb{color:rgba(248,195,0,1); margin-bottom:1em;}

#schnell_gefunden ul {
	list-style-type: none;
	padding-left: 0;
}
#schnell_gefunden li {
	
}

.footer-fluid {
	background-color:rgb(120,120,120);
	margin-top:2.5rem;
}
#footer {
	padding:0rem 2%;
	height:5em;
	background-color:rgb(120,120,120);
	color:white;
	font-size:90%;
	line-height:140%;
}
#footer h2 {
	font-size:100%;
	font-weight:bold;
	color:white;
}
#footer ul {
	padding-left: 1.5em;
	list-style-type:square;
	font-size:90%;
}
#footer ul li {
	padding-left:0.5em;
}
#footer a {
	color:white;
}
#footer a:hover,
#footer a:active {
	color:rgb(19,36,79);
	text-decoration:none;
}
.spalten-inner {
	max-width:400px;
}
.zweispalten-links .spalten-inner {
	float:right;
}
.spalten-inner h3 {
	margin-top:3rem;
}

.aufzaehlung p {
	margin-left:5.5rem;
}
.display-table {
	display:table;
	table-layout:fixed;
}
.display-cell {
	display: table-cell;
	vertical-align: middle;
	float:none;
}
/* Tabelle ALLGEMEIN */
table.styled {
	width: 100%;
}
table.styled tr {
    background-color: rgba(120,120,120,0.5);
}
table.styled tr:nth-child(2n) {
    background-color: rgba(120,120,120,0.2);
}
#pcst3sn {
	border: none;
	width:100%;
	height:2000px;
}

/* Dynalinks */
#dynalinks {
	position:fixed;
	z-index:999;
	right:42px;
	top:150px;
}
#dynalinks div {
	height:42px;
	cursor:pointer;
	margin-bottom: 1px;
}
#dynalinks span {
	display:block;
	position:absolute;
	white-space:nowrap;
	line-height:42px;
	font-weight:600;
	color:white;
	overflow:hidden;
	border-radius:15px;
	padding:0 20px 0 60px;
	opacity:0;
	right:-42px;
}
#dynalinks span a,
#dynalinks span a:hover {
	color:white;
	text-decoration:none;
}
#dynalinks img {
	position:absolute;
	height:42px;
	width:42px;
}
/*
#dyna_fb span { background-color:rgb(59,88,158); }
#dyna_rs span { background-color:rgb(238,102,0); }
#dyna_ap span { background-color:rgb(51,204,51); }
#dyna_la span { background-color:rgb(200,0,200); }
#dyna_su span { background-color:rgb(0,180,255); }
*/
#dyna_fb span { background-color:rgb(128,128,128); }
#dyna_rs span { background-color:rgb(128,128,128); }
#dyna_ap span { background-color:rgb(128,128,128); }
#dyna_la span { background-color:rgb(128,128,128); }
#dyna_su span { background-color:rgb(128,128,128); }
/* Wowslider Texte*/
.ws-title {
	border-radius:0 !important;
	box-shadow:none !important;
	font-size:1.3rem !important;
}
.ws-title div {
	font-size:0.9rem;
	line-height:1.3rem;
}
#wowslider-container0 {
	margin-bottom:15px;
}
.ws_images h1 {
	margin:0;
}
/* SLIDER auf den Unterseiten */
#pcst3slider{margin-bottom:3.5em;}

div.ws_thumbs {display:none;}
/* CB möchte keine Thumbs mehr ... 
.ws_thumbs a,
.ws_thumbs a.ws_selthumb {
	box-shadow: none;
}
div.ws_thumbs {
	background-color:rgb(230,230,230);
}
div.ws_thumbs > div {
	top:0 !important;
}
div.ws_thumbs a {
	margin:0 0 4px 0 !important;
	padding:0 !important;
	width: auto !important;
}
*/
div.pcscustce_kachel {
	min-height:205px;
	height:auto;
	text-align:center;
	padding-bottom:6px;
	margin-bottom:1.5rem;
	overflow:hidden;
	line-height:1.5rem;
	background-color:rgba(238,238,238,0);
}

div.pcscustce_kachel a,
div.pcscustce_kachel a:visited {
	color:rgb(77,77,77);
}

div.pcscustce_kachel h6 {
	margin:0 0.5rem;
	font-weight:600;
	font-size:1.1rem;
}
div.pcscustce_kachel img {
	margin: 0 0 0.75rem 0;
}
/* STARTSEITE: Bildunterschrift der Kacheln */
#c273 .ce-gallery figcaption,
#c1014 .ce-gallery figcaption {
	padding:0.8em;
	margin-top: -4em;
	/*margin-left: 3.5em;
	margin-right: 3.5em;*/
	font-size: 1em;
	color: #404040;
	text-shadow: 1px 1px 1px #000000;
	opacity: 0.8;
	text-align: center;
	background-color: white;
}
/* STARTSEITE: Hover.css Effekt - Bild transparent*/
#c273 .ce-column img,
#c1014 .ce-column img {
	margin-right:1.0em;
	margin-bottom:1.0em;
	background-color:rgba(3,4,5,1);
}
#c273 .ce-column img:hover,
#c1014 .ce-column img:hover {
	opacity: 0.5;
	background-color:rgba(3,4,5,1);
}
#c273 .ce-gallery 
#c1014 .ce-gallery {
	margin-bottom: 3em;
}
/* BILDER CONTENT: Responsive */
#content img {
	max-width:100%;
	height:auto;
}

/*SUCHERGEBNIS: Erweiterte Suche deaktivieren; Formatierung*/
/**********************************************************/
#tx_indexedsearch table tbody tr td {padding: 0.3rem;}

/* SUCHERGEBNIS - ERWEITERT: Ausblenden */
#tx_indexedsearch p a {display:none;}
.tx-indexedsearch-rules h2 {display:none;}
.tx-indexedsearch-rules p {display:none;}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup {
	color:rgba(2,29,76,1);
	background-color:rgba(255,255,0,0.2);
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info {
	padding:0.5em 0em;
	line-height:1.5em;
	font-size:70%;
	background:rgba(238,238,238,0);
}


/*******************************/
/*FORMULARE: ALLGEMEIN (grau) */
/*****************************/
#formallgemein ol {
	list-style-type:none;
}
#formallgemein legend {
	padding:0.2em;
	background-color:rgba(200,200,200,0.6);	
}
#formallgemein #field-2 label {
	min-width:13em;
	padding:0.2em;
	margin-bottom:1em;
	background-color:rgba(200,200,200,0.4);
}
#formallgemein input[type="text"]{
	min-width:17.5em;
}
/*Label bei Textfeld-Mehrzeilig oben ausrichten*/
#formallgemein .csc-form-15 label{
	vertical-align:top;
}
.csc-form-element-textarea {
	margin-bottom:1em;
}
/*********************************/
/*FORMULARE: Touristinfo (grün) */
/*******************************/

#formtourist legend {
	padding:0.2em;
	color:rgb(245,245,245);
	background-color:rgba(0,146,63,0.6);
}
#formtourist ol {
	list-style-type:none;
}
#formtourist #field-4 label,
#formtourist #field-15 label,
#formtourist #field-22 label {
	min-width:13em;
	padding:0.2em;
	margin-bottom:1em;
	background-color:rgba(0,146,63,0.2);
}
/*Checkbox formatieren - Funktioniert nicht im FF!*/
#formtourist input[type="checkbox"] { 
	vertical-align:middle; 
	width:1.5em; 
	height:1.5em; 
	margin-left:1em;
	margin-bottom:1em;
}
/*Label bei Textfeld-Mehrzeilig oben ausrichten*/
#formtourist .csc-form-22 label{
	vertical-align:top;
}
/*******************************/
/*FORMULARE: BAUGEBIETE (blau)*/
/*****************************/

/*Formularabstand nach oben*/
.csc-mailform{
	margin-top:2em;
}
/*Legende oder Titel des Formularabschnittes formatieren*/
#formbaugebiet legend {
	padding:0.2em;
	color:rgb(245,245,245);
	background-color:rgba(0,94,194,0.6);	
}
/*Label vor der Checkbox: Länge festlegen*/
#formbaugebiet #field-2 label {
	min-width:22em;
	padding:0.2em;
	margin-bottom:1em;
	background-color:rgba(0,94,194,0.1);
}
/*Checkbox formatieren - Funktioniert nicht im FF!*/
#formbaugebiet input[type="checkbox"] { 
	vertical-align:middle; 
	width:1.5em; 
	height:1.5em; 
	margin-left:1em;
}
#formbaugebiet ol {
	list-style-type:none;
}
#formbaugebiet #field-8 label {
	min-width:13em;
	padding:0.2em;
	margin-bottom:1em;
	background-color:rgba(0,94,194,0.1);
}
/*Label bei Textfeld-Mehrzeilig oben ausrichten*/
#formbaugebiet .csc-form-15 label{
	vertical-align:top;
}
/* PCSCUSTCE - Elemente */
div.pcscustce_textmitbildrechts {
	margin-bottom: 2.5rem;
}
.pcscustce_textmitbildrechts h3 {
	margin-top: 0;
}

/*******************************/
/* NEWS                        */
/*******************************/
#c1656 h3 {
	font-size: 100%;
	border: none;
	margin: 0;
}
#c1656 div.article.category_1 {
	border-bottom: 2px solid rgb(0,146,63);
}
#c1656 div.article.category_2 {
	border-bottom: 2px solid rgb(0,94,194);
}
#c1656 div.article.category_3 {
	border-bottom: 2px solid rgb(230,120,23);
}
#c1656 div.article.category_4 {
	border-bottom: 2px solid rgb(248,195,0);
}
/*****************/
/* RESPONSIVE   */
/***************/