/******************************************************************************/
/* primary styles - FFW                                                       */
/* author: Christian Rühl                                                     */
/* version: 1.0                                                               */
/******************************************************************************/

@charset "UTF-8";

/******************************************************************************/
/*   LAYOUT                                                                   */
/*   common styles                                                            */
/******************************************************************************/

html {
	padding: 0px;
	margin: 0px;
}

body {
	font-size: 0.8rem;
	line-height: 1.1rem;
	/*font-family: Verdana, Geneva, sans-serif;*/
	font-family: sans-serif;
	background: white;
	margin-bottom: 10px;
	min-width: 880px;
}

#body, #header, #content, #bottom, #footer {
	width: 98%;
	margin-right: auto;
	margin-left: auto;
	max-width: 1024px;
}

/*--- one page in the middle ---*/
#body {
	-webkit-box-shadow: 0px 0px 15px 5px gray;
	box-shadow: 0px 0px 15px 5px gray;
	padding-bottom: 10px;
}

/*--- div on the top includes head, top menu, breadcrumbs and search ---*/
#header {
	margin-top: 10px;
	position: relative;
}

/*--- div below the head includes left main and right ---*/
#content {
	min-height: 300px;
	margin-bottom: 10px;
}

/*--- div includes the table ---*/
#wrapper {
	width: 100%;
	float: left;
}

/*--- table which includes the left side and the middle (main) ---*/
#tb_content {
	width: 100%;
}

/*--- td left ---*/
#td_left {
	width: 200px;
}

/*---  td main (right is not part of the table) ---*/
#td_main {
	text-align: top;
	max-width: 400px;
}

/*--- div inside from the table (column left) ---*/
#left {
	float: left;
	width: 200px;
}

/*--- div inside from the table (column main) ---*/
#main {
	border: 1px solid black;
	padding: 10px;
	margin: 1 5px;
}

/*--- div on the right side ---*/
#right {
	float: right;
}

/*--- div between content and footer includes only modules ---*/
#bottom {
	overflow: hidden;
}

/*--- div below bottom includes 3 modules in one line ---*/
#div_module_line {
	margin: 0 auto;
}

/*--- div footer of the webside ---*/
#footer {
	min-height: 20px;
	clear: both;
    font-size: 0.8rem;
	background: linear-gradient(to bottom, rgba(249,249,249,1) 0%,rgba(175,141,52,1) 100%); 
	color: navy;
	padding: 5px 0 5px 0;
}
/*--- search ---*/
	input#mod-search-searchword102.inputbox.search-query.input-medium {
		border: 1px solid black;
	}
/******************************************************************************/
/*   headlines                                                                */
/******************************************************************************/

/*--- headline of all contents ---*/
h1 {
	color: navy;
	border-bottom: dashed 1px navy;
	font-size: 1.25rem;
	text-align: center;
}

/*--- headline of all modules ---*/
h3 {
	margin-top: 0px;
	margin-bottom: 5px;
	color: white;
	font-size: 1.1rem;
    padding: 3px 0;
	text-align: center;
	font-weight: bold;
	background: linear-gradient(135deg, rgba(30,87,153,0) 0%,rgba(30,87,153,0.8) 15%,rgba(30,87,153,1) 19%,rgba(30,87,153,1) 20%,rgba(41,137,216,1) 50%,rgba(30,87,153,1) 80%,rgba(30,87,153,1) 81%,rgba(30,87,153,0.8) 85%,rgba(30,87,153,0) 100%);
	
	/*width: 100%;*/
}

/*--- subheadlines of all contents ---*/
h4 {
	margin-top: 0px;
	margin-bottom: 5px;
	color: white;
	font-size: 1rem;
    padding: 3px 0;
	text-align: center;
	font-weight: bold;
	background-image: linear-gradient(maroon, red, red);
}

/*--- alternative subheadlines of contents ---*/
h5 {
	margin-top: 0px;
	margin-bottom: 5px;
	color: maroon;
    border-bottom: 2px solid black;
	font-size: 1rem;
    padding: 3px 0;
	text-align: center;
	font-weight: bold;
}

/******************************************************************************/
/*   HEADER - STYLES                                                          */
/******************************************************************************/

/*--- div includes all elements from head ---*/
#div_head {
	margin: 0 auto;
	background: linear-gradient(to bottom, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
	padding: 5px 0px;
}

#tb_head {
	margin: 0 auto;
}

/*--- emblems left and right from the headline ---*/
.emblem {

	width: 110px;
	background-repeat: no-repeat;
	border: 1px solid white;
	border-radius: 5px;
}

.picture_head {
	border: 1px solid white;
	border-radius: 5px;
}

/*--- div includes picture ---*/
.picture_head img {
	border-radius: 5px;
}

.emblem img {
	border-radius: 5px;
}

#picture_1 {
}

#picture_2 {
    margin-left: 10px;
}

#picture_3 {
    margin-left: 10px;
}

#picture_4 {
    margin-left: 10px;
}

/*--- td which includes the headline ---*/
#td_headline {
	 vertical-align: middle;
}

/*--- div includes the headline ---*/
#headline {
	padding: 10px;
	margin-left: 10px;
	border: 4px solid white;
	font-size: 1.9rem;
	font-weight: bold;
	color: white;
	text-align: center;
	font-family: "Old English Text MT";
	vertical-align: middle;
	padding-top: 16px;
}

/*--- subheadline below headline ---*/
#subheadline {
	font-size: 1.5rem;
	font-weight: bold;
	font-family: "Old English Text MT";
}

/*--- table in contents ---*/
.redtable{
	width: 70%;
}

.redtable td {
	border: 1px solid red;
}

td.td_head {
	padding: 3px 10px;
	border: none;
}

/******************************************************************************/
/*   MODULE - TOPMENU                                                         */
/******************************************************************************/

/*--- div includes the topmenu ---*/
#topmenu {
	margin-top: 10px;
	margin-bottom: 10px;
}

/******************************************************************************/
/*   FOOTER - AUTHOR                                                          */
/******************************************************************************/

/*--- authorlink in the footer ---*/
#authorlink {
	text-align: center;
}

/******************************************************************************/
/*   MODULE - common stlyes for modules                                       */
/******************************************************************************/ 

/*--- div which includes a module ---*/
.moduletable {
	width: 100%;
	margin-bottom: 10px;
}

/******************************************************************************/
/*   MODULE - latestnews (Neueste Beiträge)                                   */
/******************************************************************************/ 

/*--- ul which includes 4 li names (latest contents) ---*/
.latestnews {
	padding: 0px;
	margin-left: 20px;
	list-style-image: url(../images/arrow.png);
}

/*--- style of the content names ---*/
.latestnews li a {
	color: navy:
}

/*--- style of the content names on hover ---*/
.latestnews li a:hover {
	color: red;
}

/*--- style of the content names if active ---*/
.latestnews li a:active {
	color: orange;
}

/******************************************************************************/
/*   Modul: Besucherzähler                                                    */
/*   Links_Div_3                                                              */
/******************************************************************************/
.jsvisitcounter {
	margin-top: 10px;
}

#visitorCounterBox1.boxed {
	padding: 5px;
}


/******************************************************************************/
/*   MODULE - newsflash (Veranstaltungen und nächste Übung)                   */
/******************************************************************************/ 

/*--- div includes modul content ---*/
.newsflash {
	margin-left: 10px;
}

.newsflash table.redtable {
	width: 50%;
}

.newsflash table.redtable td {
	padding: 5px;
}

/******************************************************************************/
/*   MODULE - who is online                                                   */
/******************************************************************************/

/*--- label members and guest ---*/
.mvc_main span.title {
	margin-left: 5px !important;
}

/******************************************************************************/
/*   Modul: Besucherzähler                                                    */
/*   Links_Div_3                                                              */
/******************************************************************************/

/*- Hauptfeld mit Tabelle*/
div.mvc_people{
	margin-bottom: 10px;
	margin-top: 5px;
}

/*- Entfernt weißen dashed border von allen td*/
table.mvc_peopleTable td{
	border: none; !important;
}  

table.mvc_peopleTable td + td {
	border: none; !important;
}  

table.mvc_peopleTable td + td + td {
  border: none; !important;
}

/******************************************************************************/
/*   Modul: Wetter                                                            */
/*   Module line left                                                         */
/******************************************************************************/
.gkwCurrent {
    padding: 0 79px;
}

.gkwDayTemp img {
	margin-bottom: 2px !important;
}

/******************************************************************************/
/*   Responsive design                                                        */
/*                                                                            */
/******************************************************************************/

.responsive_wrapper {
	text-align: center;
}

.responsive_DIV {
    width: 47%;
	min-width: 250px;
	margin: 10px 1%;
	float: left;
	text-align: left;
}

#responsive_Module {

}

#Responsive_1 {
	display: none;
}

#Responsive_2 {
	display: none;
}

#Responsive_3 {
	display: none;
}

#responsive_Suche {
	display: none;
}

#ModuleLine_Div_1 {

}

#ModuleLine_Div_2 {

}

#ModuleLine_Div_3 {

}

#ModuleLine_td_1 {
	width: 33%;
}

#ModuleLine_td_2 {
	width: 33%;
}

#ModuleLine_td_3 {
	width: 33%;
}

tr.cat-list-row0 td.list-title {
	padding: 5px;
}

tr.cat-list-row1 td.list-title {
	padding: 5px;
}

tr.cat-list-row0 a {
	font-size: 1.2rem;
}

tr.cat-list-row1 a {
	font-size: 1.2rem;
}

.responsive_LineBreak {
	display: none;
}

.monitor_LineBreak {
	display: block;
}

img.JF_Knoten {
	width: 70%;
}

.DIV_Gruppeneinteilung {
	width: 48%;
	float: left;
}

.DIV_Gruppeneinteilung td{
	border: 1px solid red;
	padding: 5px;
}

.DIV_Gruppeneinteilung td.td_head {
	border: none;
    padding: 3px 10px;
}

.hasPopover {

}

.random_image_extended_small {
    display: none;
}

/******************************************************************************/
/* Javascript Kaerwaplaner                                                    */
/******************************************************************************/
.tableKWevent {
	width: 80%;
}

.KWeventhead {
	
}

.KWevent {
/*background: linear-gradient(to bottom, rgba(243,197,189,1) 0%,rgba(232,108,87,1) 50%,rgba(234,40,3,1) 51%,rgba(255,102,0,1) 50%,rgba(199,34,0,1) 100%);*/
/*rot*/
/*background-color: #F1DBDD*/
	background-color: #DDE7F3;
}

.KWevent1 {
	color: maroon;
}

/* Event am naechsten Wochenende */
.nextKWevent {
		/*background: linear-gradient(to bottom, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);*/
	/*blau*/
	/*background: linear-gradient(to bottom, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);*/
	/*hellblau*/
	/*background: linear-gradient(to bottom, rgba(243,197,189,1) 0%,rgba(232,108,87,1) 50%,rgba(234,40,3,1) 51%,rgba(255,102,0,1) 50%,rgba(199,34,0,1) 100%);*/
	/*rot*/
	font-weight: bold;
	/*background-color: #F1DBDD*/
		background-color: #DDE7F3;
		color: #1919A3;
}

.nextKWevent1 {
	/*background: linear-gradient(to bottom, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%);*/
	/*silver*/
	color: blue;
	font-weight: bold;
}

/******************************************************************************/
/* Besucherzähler JVISIT                                                      */
/******************************************************************************/
#visitorCounterBox1.boxed {
	padding: 5px;
	display: block !important;
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/******************************************************************************/
/* @MEDIA smartphones small                                                   */
/******************************************************************************/
@media only screen and (max-width: 991px), only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio : 1.5) 
{

	/***************************************************************************/
	/*   Cookie Hint                                                           */
	/***************************************************************************/
	div.cooliebuttons {
		width: 600px;
		height: 120px;
	}
	
	a#cookiehintsubmit.btn {
		width: 250px;
		height: 120px;
		display: block;
		text-align: center;
		font-size: 3rem !important;
	}
	
		a#cookiehintsubmitno.btn {
		width: 250px;
		height: 120px;
		display: block;
		text-align: center;
		font-size: 3rem !important;
	}
	
	#td_left {
		display: none;
	}
	
	body {
		font-size: 1.4rem;
		line-height: 1.7rem;
		/*font-family: Verdana, Geneva, sans-serif;*/
		font-family: sans-serif;
		margin-top: 115px;
	}
	
	.responsive_DIV {
		width: 98%;
		min-width: 250px;
		text-align: left;
		padding: 5px;
	}
	
	#tb_head {
		Width: 100%;
	}
	
	#headline {
		font-size: 2.5rem;
	}
	
	#subheadline {
		font-size: 1.8rem;
	}
	
	#picture_2 {
		margin-left: 3px;
	}
	
	.emblem {
		width: 150px;
	}
		
	.emblem img {
		width: 100%;
	}
		
	/*--- headline of all contents ---*/
	h1 {
		font-size: 2rem;
	}

	/*--- headline of all modules ---*/
	h3 {
		font-size: 1.8rem;
		padding: 10px 0;
	}

	/*--- subheadlines of all contents ---*/
	h4 {
		font-size: 1.3rem;
	}

	/*--- alternative subheadlines of contents ---*/
	h5 {
		font-size: 1.5rem;
	}
	
	/*--- font size from breadcrumbs ---*/
	.breadcrumbs {
		font-size: 1.4rem;
	}
	
	/*--- the two pictures left and right from the embles ---*/
	.picture_head {
		display: none;
	}
	
	h1 {
		font-size: 1.85rem;
	}
	
	/*--- headline for all modules ---*/
	h3 {
		font-size: 1.7rem;
	}
		
	/*--- div below bottom includes 3 modules in one line ---*/
	#div_module_line {
		display: none;
	}

	#picture_3 {
		margin-right: 3px;
		float: right;
	}

	.emblem {
		margin-top: 1px;
	}
	

	#footer {
		font-size: 1.3rem;
	}
	
	.redtable{
		width: 100%;
	}
	
	.responsive_LineBreak {
		display: block;
	}
	
	.monitor_LineBreak {
		display: none;
	}
	div.mvc_loggedInUsers span {
		font-size: 1.5rem;
	}
	
	div.mvc_people {
		font-size: 1.4rem;
	}
	
	img.mvc_peopleImg {
		height: 18px;
	}
	
	img.mvc_digitCounterImg {
		height: 30px;
	}
	
	.newsflash table.redtable {
		width: 90%;
		font-size: 1.5rem;
	}
	
	.newsflash table.redtable td {
		padding: 5px;
	}

	/*-- readmore ---*/
	.readmore a {
		font-size: 2.5rem;
	}
	
	.readmore a.btn span.icon-chevron-right {
		padding-right: 20px; /*20*/
	}

	.pager {
		font-size: 2rem;
	}
	
/******************************************************************************/
/*   MODULE - latestnews (Neueste Beiträge)                                   */
/******************************************************************************/ 
	
	/*--- ul which includes 4 li names (latest contents) ---*/
	ul.latestnews {
		font-size: 3rem;
		list-style-image: url(../images/arrow_big.png);
		margin-left: 60px !important;
	}
	
	ul.latestnews li {
		padding: 15px 0 15px 0px;
	}
	
	#responsive_Module {
		overflow: hidden;
		display: block;
	}
	
	
	#Responsive_1 {
		display: block;
		width: 100%;
	}

	#Responsive_2 {
		display: block;
		float: left;
		width: 50%;
	}
	
	#Responsive_3 {
		display: block;
		float: left;
		width: 49.5%;
		text-align: center;
		margin-left: 3px;
	}
	
	#responsive_Suche {
		display: block;
		width: 100%;
	}
	
	#ModuleLine_Div_1 {

	}
	
	#ModuleLine_Div_2 {
		display: none;
	}
	
	#ModuleLine_Div_3 {

	}
	
	#ModuleLine_td_1 {
		width: 50%;
	}

	#ModuleLine_td_2 {
		width: 0px;
	}

	#ModuleLine_td_3 {
		width: 50%;
	}

/*******Liste von Artikeln in Kategorie-List**********************************/
	
	table.category.table.table-striped.table-bordered.table-hover.table-noheader {
		width: 100%;
	}
	
	table.category.table.table-striped.table-bordered.table-hover.table-noheader tbody{
		width: 100%;
	}
	
	tr.cat-list-row0 td.list-title {

	}

	tr.cat-list-row1 {
	}
	
	tr.cat-list-row1 td.list-title {

	}

	tr.cat-list-row0 a {
		font-size: 3rem;
		line-height: 3.2rem;
		
	}

	tr.cat-list-row1 a {
		font-size: 3rem;
		line-height: 3.2rem;
		
	}
	
	img.JF_Knoten {
		width: 100%;
	}
	
	.DIV_Gruppeneinteilung {
		width: 100%;
	}
	
	#mod-search-searchword110.inputbox.search-query.input-medium {
		line-height: 3rem;
		font-size: 3rem;
		width: 50%;
		display: block;
		border: 1px solid black;
		padding-left: 5px;
		margin: 10px auto !important;
	}
	
	.searchresponsive_search {
		margin-top: 20px;
		width: 50%;
		margin-left: auto;
		margin-right: auto;
	}
	
	#btn_searchform.button {
		margin-top: 10px;
		font-size: 2rem;
		padding-left: 10px;
		padding-right: 5px;
		padding-top: 3px;
		padding-bottom: 3px;
	}
	
	.JF_Email {
		font-size: 2rem;
	}
	
	.JF_Email_td {
		padding: 5px 0;
	}
	
	#ffw_calendar a {
		font-size: 3rem;
		margin: 5px 0;
		display: block;
	}
	
	a.btn.btn-primary {
		display: none;
	}
	
	/******************************************************************************/
	/* Countdown                                                                  */
	/******************************************************************************/
	.cdub_font2 {
		font-size: 1.8rem;
	}
	
	h2.cdub_color109 {
		font-size: 1.8rem;
	}
	
	/******************************************************************************/
	/* Wetter                                                                     */
	/******************************************************************************/
	.gkwCondition {
		font-size: 1.5rem !important;
	}
	
	.gkwHumidity {
		font-size: 1.5rem !important;
	}
	
	.gkwWind {
		font-size: 1.5rem !important;
	}
	
	.gkwTemp {
		font-size: 1.5rem !important;
	}
	
	.gkwDayDay {
		font-size: 1.5rem !important;
	}
	
	.gkwDayNight {
		font-size: 1.5rem !important;
	}
	
	.gkwDayDay {
		font-size: 1.5rem !important;
	}
	
	.gkwDayNight {
		font-size: 1.5rem !important;
	}
	
	.gkwCurrent {
		padding: 0 38px !important;
	}
	
	/******************************************************************************/
	/* Contents                                                                   */
	/******************************************************************************/
	.contactMail {
		font-size: 2rem;
	}
	
	/******************************************************************************/
	/* Schriftgröße auf Seite Geschichte                                          */
	/******************************************************************************/
	.tb_Geschichte {
		font-size: 2rem;
	}
	
	.jsvisitcounter .table_row {
		text-align: left;
	}
	
	#div_Geschichte {
		font-size: 2rem !important;
	}
	
}

/* ==|== print styles =======================================================
   Print styles.
   Copied here from the end of style.css, modified.
   ========================================================================== */
 
@media print {
  * { 
  /* background: transparent !important; */ /* to print background images from plugins */
  color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  /* a[href]:after { content: " (" attr(href) ")"; } */ /* don't print links */
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }

  /* don't show ads */
  #banner { display:none; } 
  
}

/*---EVENT GALLERY---------------------------------------------------------*/
  .table {
    display: table;
    text-align: center;
    width: 100%;
	margin: 0 auto;
    margin-top: 10px;
    /*border-collapse: separate;*/
  }
  
  .table-cell {
	border: 1px solid navy;
  }
  
  .table_row {
    display: table-row;
  }
  
  .theader {
    display: table-row;
  }
  
  .table_header {
    display: table-cell;
    padding-top: 10px;
    padding-bottom: 10px;
	color: navy;
	font-size: 1rem;
	padding: 3px 10px;
	text-align: center;
	font-weight: bold;
  }
  
  .table_small {
    display: table-cell;
	border: 1px solid navy;
  }
  
  .table_row > .table_small > .table_cell:nth-child(odd) {
	border: 1px solid white;
	border-radius: 5px;
  }
  
  .table_row > .table_small > .table_cell:nth-child(2n+1) {
    display: none;	
  }
  
  .table_row > .table_small > .table_cell {
    padding-top: 3px;
    padding-bottom: 3px;
	margin: 1px;
  }

/*******************************************************/
/* Wenn Handy gedreht wird - Landscape                 */
/*******************************************************/
/*
@media only screen and (-webkit-min-device-pixel-ratio : 1.5) and (orientation: landscape), only screen and (-o-min-device-pixel-ratio: 3/2) and (orientation: landscape), only screen and (min--moz-device-pixel-ratio: 1.5) and (orientation: landscape), only screen and (min-device-pixel-ratio : 1.5) and (orientation: landscape) 
{
	body {
		margin-top: -40px;
	}
}
*/