/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
 
.rechts {float:right;}
.links {float:left;}

h1, h2, h3, h4, h5, h6 {
    color: /*#4682b4*/#0B3787 !important;
    font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
    font-weight: normal;
    margin: 0 0 15px;
    text-transform: none;
}
h1 {font-size: 16pt; font-weight: bold;}

a, .uk-active a {color: /*#4682b4*/ /*#0B3787*/ #093889 !important;}

body {color: #333; font-size: 10pt; font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;}

/*Sidebar und Content eine Hoehe*/
tm-middle, tm-bottom-a uk-grid {background-color: #fff !important;}
.uk-container {padding: 0 0px !important; background-color: #fff !important; border-left: 15px solid #F1F1F1;border-right: 15px solid #F1F1F1;}
.tm-isblog .uk-article {box-shadow: 0 0 0 rgba(50, 90, 90, 0.12);}

/*Positionsverschiebung wegen Logo-Layout:*/
/*Einige Module sind manuell eingestellt, Logo, Footer, Content und Sidebar. Hier eine Klasse für die übrigen*/
@media (min-width: 768px) {
	.hochrutschen, .hochruecken {position: relative; top: -150px !important;}
	.hochrutschen.jmoddiv.jmodinside {position: relative; top: -150px !important;} /*fuer AnmeldefensterBug top-a - position*/
}	
/*nochmal speziell auf menuepunkt von matukio zugeschnitten*/
html.uk-notouch body.tm-sidebar-a-left.tm-sidebars-1.tm-noblog div.uk-container.uk-container-center div.tm-middle.uk-grid div.tm-main.uk-width-medium-3-4.uk-push-1-4.uk-row-first main.tm-content
{position: relative; top: -150px;}

/*Module anzeigen, die standardmäßig bei responsive ausgeblendet werden wieder einblenden*/
.auchresponsiveanzeigen {display: block !important;}

/*auch den Anmeldebutton*/
html.uk-notouch body.tm-isblog div.uk-container.uk-container-center div.tm-toolbar.uk-text-center.uk-clearfix.uk-hidden-small{display: block !important;}

/*Anmeldebutton*/
.anmeldebutton {border: 1px solid #ccc; font-weight: bold; padding: 0 5px; background-color: #fff;}
.tm-toolbar {margin-bottom: 8px; margin-top: 8px;}
.btn-default2, .uk-form div.uk-form-row button.uk-button.uk-button-primary, .uk-button {margin-bottom: 3px !important; background-color: #fff !important; background-image: none !important; background: #fff !important; color: #093889 !important; border-radius: 3px; border: 1px solid #777; border-color: #093889 !important;width: 100px;}





/*Abstand Logo*/
.tm-headerbar {
    margin-bottom: 10px;
    margin-top: 0px;
}
/*Rahmen um Logo*/
html.uk-notouch body.tm-sidebar-a-left.tm-sidebars-1.tm-isblog div.uk-container.uk-container-center div.tm-headerbar.uk-text-center.uk-clearfix.uk-hidden-small,
div.tm-headerbar.uk-text-center.uk-clearfix.uk-hidden-small
{border: 1px solid #ccc !important;}

/*logo Hintergruende*/
/*
erste Version: a.tm-logo div.logo-bg-home {background-image: url("../../../images/P1020128BgFFAP.JPG");}*/
a.tm-logo div.logo-bg-home {/*background-image: url("../../../images/FFAPLogoFinalmitSchrift.jpg");*/
background-image: url("../../../images/transparenter-schriftzug-m-logo.png"); background-repeat:no-repeat; background-position:0px 117px; }

.logo-bg-home {height: 274px;}
@media (max-width: 989px) {
		/*a.tm-logo div.logo-bg-home {background-image: url("../../../images/P1020128BgFFAP-halbhalb-responsive-logo-schrift"); background-repeat: no-repeat;}*/
		.logo-bg-home {height: 55px;}
}	


/*logo farbe*/
html.uk-notouch body.tm-sidebar-a-left.tm-sidebars-1.tm-isblog div.uk-container.uk-container-center div.tm-headerbar.uk-text-center.uk-clearfix.uk-hidden-small,
html.uk-notouch body.tm-isblog div.uk-container.uk-container-center div.tm-headerbar.uk-text-center.uk-clearfix.uk-hidden-small,
html.uk-notouch body.tm-noblog div.uk-container.uk-container-center div.tm-headerbar.uk-text-center.uk-clearfix.uk-hidden-small
{background: #fff none repeat scroll 0 0 !important;}
/*logo h1*/
/*
erste Version .logo-bg-home table tbody tr td logo-header {font-size: 18pt; font-weight: bold; color: #fff; text-shadow: 1px 1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, -1px -1px 1px #000; text-align: center; line-height: 10px;}
/*logo bild*/
/*
erste Version .logo-bg-home table tbody tr td img { padding-right: 30px; padding-top: 0px; vertical-align: top;}

/*logo beides*/
.logo-bg-home {}

/* *********menu********* */

/******Unterstrich unter Mainmenu******/
.uk-navbar-nav > li.uk-active > a {border-bottom: 3px solid;}
.uk-navbar-nav > li > a {height: 35px; line-height: 36px !important;}

/*Position und Groesse Mainmenu*/
.uk-navbar-nav > li > a {padding: 0 20px;}

@media (max-width: 989px) {
	.uk-navbar-nav > li > a {padding: 0 7px;}
}	

@media (min-width: 768px) {
.tm-navbar {height: 90px; position: relative; top: -232px; /* erste Version background: rgba(255,255,255,0.9) !important;*/}
.uk-navbar-nav {/*margin-top: 60px;*/background: rgba(255,255,255,0.7) !important;}
ul.uk-navbar-nav,ul.uk-navbar-nav.uk-hidden-small {position: relative; top: 152px; width: 100%; }
nav.tm-navbar.uk-navbar {
	background-image: url("../../../images/Oktoberschriftzug-m-logo-transp.png"); 
	background-size: 970px 93px;
	background-repeat:no-repeat; 
	/*background-position:0px -5px;*/ 
	background-color: rgba(255, 255, 255, 0.7);
	}
}
@media (max-width: 989px) {
	nav.tm-navbar.uk-navbar {background: none !important;}
	div.logo-bg-home div img {display: none;}
}


/*schrift*/
.uk-navbar-nav > li > a {font-weight: bold; /*color: #FF8C2F !important;*/ font-size: 11pt !important;} 

/*umrandung*/
.uk-navbar {
    background: /*#ffffff*/ none repeat scroll 0 0;
    /*box-shadow: 0 1px 6px rgba(130, 195, 233, 1), 0 0 1px rgba(0, 0, 0, 0) inset, 0 1px 0 rgba(0, 0, 0, 0) inset;*/
}
.uk-navbar-nav > li > a {border: none; /*text-shadow: 1px 1px 1px #fff, 1px -1px 1px #fff, -1px 1px 1px #fff, -1px -1px 1px #fff;*/ letter-spacing: 1pt;
}

/**********Sidebar*********/

/*Kursbuchung Menuepunkt*/
a.Kursbuchung {margin-bottom: 25px;}

/*breite resp sidebar*/
@media (max-width: 979px) {
		/*ul.uk-nav.uk-nav-parent-icon.uk-nav-side li a,*/
		.tm-sidebar-a.uk-width-medium-1-5.uk-pull-4-5 div.uk-panel.uk-panel-box.jmoddiv
		{padding-left: 5px; padding-right: 5px;}
		ul.uk-nav.uk-nav-parent-icon.uk-nav-side li a
		{border-top: none;}
}

/*position sidebar*/
@media (min-width: 768px) {
aside.tm-sidebar-a.uk-width-medium-1-4.uk-pull-3-4 div.uk-panel.uk-panel-box,
aside.tm-sidebar-a.uk-width-medium-1-5.uk-pull-4-5 
{position: relative; top: -150px;}
html.uk-notouch body.tm-sidebar-a-left.tm-sidebars-1.tm-isblog div.uk-container.uk-container-center div.tm-middle.uk-grid aside.tm-sidebar-a.uk-width-medium-1-5.uk-pull-4-5 div.uk-panel.uk-panel-box.jmoddiv 
{margin-top: 0px !important;}
}

/*sidebar ueberschrift*/
aside.tm-sidebar-a.uk-width-medium-1-4.uk-pull-3-4 div.uk-panel.uk-panel-box h3.uk-panel-title
	{font-weight: bold; 
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif; 
	font-size: 11pt; 
	color: #FF8C2F;
	}
	
/*sidebar menuepunkte-liste*/
aside.tm-sidebar-a.uk-width-medium-1-4.uk-pull-3-4 div.uk-panel.uk-panel-box ul.uk-nav.uk-nav-parent-icon.uk-nav-side
{border-top: 1px solid #ccc;}

/*sidebar padding und margin*/
aside.tm-sidebar-a.uk-width-medium-1-5.uk-pull-4-5 div.uk-panel.uk-panel-box {padding-top: 25px;}
.uk-grid + .uk-grid, .uk-grid-margin, .uk-grid > * > .uk-panel + .uk-panel {margin-top: 0px;}

/*nach oben scroller*/
@media (min-width: 768px) {
.tm-totop-scroller::after { /*content: "(" attr(href) ")";*/ padding: 5px; margin-left: 27px; background: #fff none repeat scroll 0 0; color: #777; box-shadow: 1px 1px 1px #777, -1px 1px 1px #777, -1px 1px 1px #000, -1px -1px 1px #777; position: fixed; top: 260px;}
}

/*hr in Beitraegen*/
div.tm-article-content hr {border-color: #777;}

/*breadcrumb*/
.uk-breadcrumb {padding: 0 25px;}


/*++++++++++++++++Content+++++++++++++++++++*/
@media (min-width: 768px) {
.tm-content /*article.uk-article*/ {position: relative; top: -150px;}
.tm-main.uk-width-medium-4-5.uk-push-1-5.uk-row-first {padding-left: 0px;}
}

/*margin top*/
main.tm-content, .tm-main > *:nth-child(n+2) {margin-top: 0!important;}

/*Bilder in Content*/
.tm-article-content p img
{margin: 0 10px 10px 10px;}

/**********Footer*********/
/*position sidebar*/
@media (min-width: 768px) {
.tm-footer {position: relative; top: 15px; }
}
.tm-footer {margin-top: 0!important;}

/**********Kontaktformular*********/
/*position sidebar*/
@media (min-width: 768px) {
html.uk-notouch body.tm-noblog div.uk-container.uk-container-center div.tm-middle.uk-grid div.tm-main.uk-width-medium-1-1.uk-row-first main.tm-content{position: relative; top: -150px;}
}

/*formular schriftgröße*/
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input
{font-size: 15px;}




/*****************************matukio*****************************/

/*naechste Veranstaltungen Startseite*/
.matukioupcominghochrutschen div.mmat_event_holder div.mmat_event_holder_inner h4 a {pointer-events: none !important; color: #333 !important;}


/*als gast buchen verstecken*/
html.uk-notouch body.tm-sidebar-a-left.tm-sidebars-1.tm-noblog div.uk-container.uk-container-center div.tm-middle.uk-grid div.tm-main.uk-width-medium-3-4.uk-push-1-4.uk-row-first main.tm-content div#mat_holder.compojoom-bootstrap form#MatukioForm.form-horizontal div#mat_pagezero div#mat_login.text-left div.row div.col-md-12 button#btnBookAsGuest.btn.btn-primary,
#btnBookAsGuest
{display: none !important;}

/*Locationlink verstecken wg schlechter Formatierung der verlinkten Seite*/
#mat_title div.mat_event_location
{display: none !important;}

/*Locationlink unklickbar machen wegen Fehlermeldung in Veranstaltungsuebersicht*/
.mat_event_location strong a {pointer-events: none; cursor: default; color: #333 !important;}

/*Bild in Varanstaltungsansicht verstecken*/
div.mat_event_single_holder_inner div.row div.mat_event_image_holder.col-sm-2
{display: none !important;}

/*Infokarte in Detailansicht breiter machen*/
.compojoom-bootstrap .col-md-4, .compojoom-bootstrap .col-md-8 {
    width: 100%;
}
@media (max-width: 768px) {
	html.uk-notouch body.tm-sidebar-a-left.tm-sidebars-1.tm-noblog div.uk-container.uk-container-center div.tm-middle.uk-grid div.tm-main.uk-width-medium-3-4.uk-push-1-4.uk-row-first main.tm-content
	{top: 0px;}
}
/*Detailansicht formatieren*/
#mat_event_details.mat_container_border_right div.row div.mat_event_details.col-sm-12.col-md-4 div.row.mat_event_number,
#mat_event_details.mat_container_border_right div.row div.mat_event_details.col-sm-12.col-md-4 div.row.mat_event_status,
#mat_event_details.mat_container_border_right div.row div.mat_event_details.col-sm-12.col-md-4 div.row.mat_event_orga,
#mat_event_details.mat_container_border_right div.row div.mat_event_details.col-sm-12.col-md-4 div.row.mat_event_closing_date,
#mat_event_details.mat_container_border_right div.row div.mat_event_details.col-sm-12.col-md-4 div.row.mat_event_city,
#mat_event_details.mat_container_border_right div.row div.mat_event_details.col-sm-12.col-md-4 div.row.mat_event_bookable
{border-bottom: 5px solid #fff; padding-bottom: 5px;}
#mat_event_details.mat_container_border_right div.row div.mat_event_details.col-sm-12.col-md-4 div.row.mat_event_orga,
#mat_event_details div.row div.mat_event_details.col-sm-12.col-md-4 div.row.mat_event_orga,
.mat_event_infoline span.mat_small span.mat_organizer
{display:none!important;}
#mat_event_details.mat_container_border_right div.row div.mat_event_details.col-sm-12.col-md-4 div div.col-sm-6.col-md-4,
#mat_event_details div.row div.mat_event_details.col-sm-12.col-md-4 div.row.mat_event_city div.col-sm-6.col-md-4,
#mat_event_details div.row div.mat_event_details.col-sm-12.col-md-4 div.row.mat_event_fee div.col-sm-6.col-md-4,
#mat_event_details div.row div.mat_event_details.col-sm-12.col-md-4 div.row.mat_event_group div.col-sm-6.col-md-4
{font-weight: bold;}
#mat_event_details.mat_container_border_right div.row div.mat_event_details.col-sm-12.col-md-4 div.row.mat_event_city div.col-sm-6.col-md-8 a
{pointer-events: none; cursor: default; color: #000 !important;}

.mat_event_number  .col-md-4,
.mat_event_status  .col-md-4,
.mat_event_bookable  .col-md-4,
.mat_event_target  .col-md-4
{font-weight: bold;}

/*Ausblenden des Veranstaltungsorts und Veranstalters*/
/*Eventliste*/
#MatukioForm.form-horizontal table#mat_table_events.table.table-hover thead tr th:nth-of-type(3),
#MatukioForm.form-horizontal table#mat_table_events.table.table-hover tbody tr.mat_event_even td:nth-of-type(3),
#MatukioForm.form-horizontal table#mat_table_events.table.table-hover tbody tr td:nth-of-type(3),
/*Eventdetails*/
#mat_event_organizer
{display: none !important;}

#MatukioForm.form-horizontal table#mat_table_events.table.table-hover thead tr th:nth-of-type(2) {width: 41% !important;} 

/*Buttons generell*/
.btn-default, .compojoom-bootstrap .btn-primary, .btn-primary:hover, .btn-primary.focus {margin-bottom: 3px !important; background-color: #fff !important;color: #093889 !important; border-color: #093889 !important;}
.btn-default, .uk-form div.uk-form-row button.uk-button.uk-button-primary, .uk-button {margin-bottom: 3px !important; background-color: #fff !important; background-image: none !important; background: #fff !important; color: #093889 !important; border-radius: 3px; border: 1px solid #777; border-color: #093889 !important;}

/*captcha - eingabefeld vergroessern*/
input#captcha {height: 30px !important;}

/*betrifft erfordlerlichen Menuepunkt Buchungsuebersicht*/
/*links ausblenden*/
#tabs.tabs dt.tabs.eventlist, #tabs.tabs dt.tabs.myoffers {display: none !important;}

/*Icon ausblenden*/
.mat_event_content_inner div.mat_event_location a.modal.cjmodal, 
.mat_single_event_holder_inner div.mat_event_image div.mat_event_image_inner a img {display: none !important;}


