/* ##########################  Hintergrund  ########################### */

html, body {
	height: 100%;
    font-size:11pt;
    font-family:Calibri,Arial,Verdana,Geneva,Sans-Serif,Helvetica;
	margin:0;
	padding:0;
}

body {
	background: #cc0000;
}

/* ##############################  Kopf  ############################### */

#top {
	height: 170px;
	width: auto;
	min-width: 1000px;
	background-image:url(../images/bg_top.png);
	background-repeat: repeat-x;
}

/* ##############################  Logo  ############################### */

div#logo div img{
	position: absolute;
	top: 55px;
	left: 65%;
}

#logo {
	height: 135px;
	background-image:url(../images/FFWH-W.png);
	background-repeat: no-repeat;
	background-position: center;
}

/* ############################  Termine  ############################## */

#termine {
	height: 35px;
	background-image:url(../images/termine.png);
	background-repeat: no-repeat;
	background-position: center;
}

/* Anpassen Aussehen nächster Termin */
table.mod_events_latest_table{
	color: #ffffff;
	font-size: 18px;
	text-align: center;
	padding-top: 5px;
}

/* #########################  Inhaltsbereich  ########################## */

#main{
	width: 1000px;
	margin: auto;
}

/* ##############################  Menü  ############################### */

#menu{
	float: left;
	width: 225px;
	margin-left: 0px;
	margin-top: 20px;
	font-size:16px;
	background: #ffffff;
}

/* Anpassen Aussehen Menüeinträge */
ul.menu{
	font-size:16px;
}

ul.menu li.current a{
	text-decoration: none;
	color: #cc0000;
}

ul.menu  {
	list-style-image: url(../images/menu_arrow.png);
}

li.current  {
	list-style-image: url(../images/menu_arrow_active.png);
}

/* ##############################  Inhalt ############################## */

#contend{
	width: 750px;
	float: right;
	background: #ffffff;
	margin-top: 20px;
	min-height: 400px;
}

/* Anpassen Aussehen horizontale Linie */
hr {
	border: none;
	border-top: 1px solid #cc0000;
	color: #cc0000;
	background-color: #cc0000;
	height: 5px;
}

/* Anpassen Aussehen Einsätze */
h1.eiko_headline_2{
	padding-left: 15px;
}
  
div.eiko_content_2{
	padding-left: 20px;
}

span.label.label-info{
	padding-left: 15px;
}

div.page-header{
	display:none;
}

th.eiko_th_datum_main_1.mobile_hide_320{
	padding-left: 15px;
}

table.table-striped.table-bordered{
	text-align: left;
	padding-top: 15px;
}

div.home_cal_monat{
    background: linear-gradient(to bottom, #4d4e4c 0%, #cc0000 100%);
}

.eiko_td_kalender_main_1{
	border-style: solid;
	border-width: 1px 0px 0px 0px;
	border-color: #4d4e4c;
	padding-bottom: 5px;
}

.eiko_td_einsatzart_main_1{
	border-style: solid;
	border-width: 1px 0px 0px 0px;
	border-color: #4d4e4c;
	padding-bottom: 5px;
}

.eiko_td_kurzbericht_main_1{
	border-style: solid;
	border-width: 1px 0px 0px 0px;
	border-color: #4d4e4c;
	padding-bottom: 5px;
}

.eiko_td_einsatzbild_main_1{
	border-style: solid;
	border-width: 1px 0px 0px 0px;
	border-color: #4d4e4c;
	padding-bottom: 5px;
}

.eiko_select_einsatzart_main_1{
	display: none;
}

.eiko_select_organisation_main_1{
	display: none;
}

/* Anpassen Aussehen Unwetterwarnung */
th.eiko_unwetter_th{
	border: none;
	border-top: solid 1px #808080;
}
  
td.eiko_unwetter_td{
	border: none;
	border-top: solid 1px #808080;
}

/* Anpassen Aussehen Galery */
div.jg_my_favourites{
	display: none;
}

div.jg_toplist{
	display: none;
}

/* Anpassen Aussehen Termine */
div#jevents {
    width: 748px;
}

div#jevents_body.contentpaneopen.jeventpage.jeventsdark.jevbootstrap div.jev_toprow.jev_monthv div.jev_header2 div.previousmonth{
	background-color: #cc0000;
	border: 1px solid #cc0000;
}

div#jevents_body.contentpaneopen.jeventpage.jeventsdark.jevbootstrap div.jev_toprow.jev_monthv div.jev_header2 div.nextmonth{
	background-color: #cc0000;
	border: 1px solid #cc0000;
}

div#jevents_body.contentpaneopen.jeventpage.jeventsdark.jevbootstrap div.jev_toprow.jev_monthv div.jev_header2 div.currentmonth{
	border: 1px solid #cc0000;
}

div#jevents_body.contentpaneopen.jeventpage.jeventsdark.jevbootstrap table.cal_table tbody tr.cal_cell_rows td.cal_today a.cal_daylink{
	background-color: #cc0000;
}

/* Anpassen Aussehen Seitenzahlen */
div.pagination {
	text-align: center;
}

.pagination ul li {
	display: inline;
	padding: 0px 10px 0px 10px;
}

/* Anpassen Aussehen Komponentenüberschrift */
div.componentheading {
	display: none;
}

/* ############################  Fußzeile  ############################# */

#bottom{
	height: 70px;
	width: auto;
	padding-top: 20px;
	margin-top: 20px;
	background-image:url(../images/bottom.png);
	background-repeat: repeat;
	background-position: center;
	text-align: center;
	clear: both;
	color: #ffffff;
}

/* #####################  Linkfarbe / onMouseOver  ##################### */

a:link, a:visited {
	text-decoration: none;
	color: black;
}

a:hover {
	text-decoration: none;
	color: #cc0000;
}