/* Copyright (c) 2013 YOUR NAME
*  
*  CSS Praxis am Park
* 
* Farben:
* grün #31a100 und (#31cd00 bis #31a600)
* hellgrün #87bf30
* grau: #f1ece7
* blau #3180ff
* hellblau #74a8ff
* rot #cf262c
* hellrot #ff646b
*
*
* Media-Angaben 
* normal Desktop :
* @media (min-width: 980px) { ... }
* Tablet:
* @media (min-width: 768px) and (max-width: 979px) { ... }
* Phone quer:
* @media (max-width: 767px) { ... }
* Phone hochkant:
* @media (max-width: 480px) { ... }
*
*********************************************/

/* Bootstrap Overrides */
.container {
    margin-left: auto;
    margin-right: auto;
    max-width: 940px;
}

h1, h2, h3, h4, h5, h6
{
	color: #31a100;
	font-weight: normal;
	line-height: 100%;
}

h1, h2
{
	font-size: 175%;
}

h3, h4
{
	font-size: 150%;
}

h5, h6
{
	font-size: 125%;
}

.blau h1, .blau h2, .blau h3, .blau h4, .blau h5, .blau h6
{
	color: #3180ff;
}

.rot h1, .rot h2, .rot h3, .rot h4, .rot h5, .rot h6
{
	color: #cf262c;
	font-family: "Architects Daughter",cursive;
}

cite
{
	color: #666666;
}

@media (max-width: 767px)
{
	.img-responsive
	{
		display: block;
		height: auto;
		max-width: 100%;
	}
}

/* Layout */

body
{
	background: #f1ece7; 
	min-width: 320px;
}

@media (max-width: 767px)
{
	body
	{
		padding: 0px;
	}
	
	.main, .footer
	{
		padding-left: 20px;
		padding-right: 20px;
	}
}

.header
{
	background: #FFFFFF;
}

.header_trenner
{
	height: 10px;
	background: -webkit-repeating-linear-gradient(#31cd00, #31a600);
	background: -o-repeating-linear-gradient(#31cd00, #31a600);
	background: -moz-repeating-linear-gradient(#31cd00, #31a600);
	background: repeating-linear-gradient(#31cd00, #31a600);
}

.footer_trenner
{
	height: 3px;
	background: -webkit-repeating-linear-gradient(#31cd00, #31a600);
	background: -o-repeating-linear-gradient(#31cd00, #31a600);
	background: -moz-repeating-linear-gradient(#31cd00, #31a600);
	background: repeating-linear-gradient(#31cd00, #31a600);
}

#sidebar .moduletable,
#aside .moduletable,
#top .moduletable,
#bottom .moduletable,
#content
{
	background: #FFFFFF;
	box-shadow: 0px 0px 10px #888888;
	padding: 10px 12px;
	margin-bottom: 25px;
}

#content
{
	min-height: 500px;
}

#sidebar
{
	min-height: auto;
}

.moduletable h3
{
	margin-top: 0px;
}

.slider
{
	position: relative;
}

.slider_menu
{
	position: absolute;
	bottom: 0px;
}

@media (max-width: 767px)
{
	.slider_menu
	{
		position: inherit;
	}	
}

/* LINKS
*********************************************/
a,a:link,a:visited, a:focus
{
	color: #31a100;
	font-weight: normal;
	text-decoration: underline;
}
.blau a,.blau a:link,.blau a:visited, .blau a:focus
{
	color: #3180ff;
}
.rot a,.rot a:link,.rot a:visited, .rot a:focus
{
	color: #cf262c;
}
a:hover
{
	color:#ccc;
	font-weight:normal;
	text-decoration:none;
}


/* MENUS
*********************************************/
/* Alle Menues */
.menu a, .menu a:link, .menu a:visited, .menu a:focus, .menu a:hover
{
	color: #666666;
	text-decoration: none;
}

/* Hauptemenue oben */
.navigation
{
	padding-top: 75px;
}

.navigation .nav
{
	margin-bottom: 0px;
	font-size: 18px;
}

.navigation .nav-pills > .active > a,
.navigation .nav-pills > .active > a:hover,
.navigation .nav-pills > .active > a:focus,
.navigation .nav-pills > .active > a:link,
.navigation .nav-pills > .active > a:visited
{
	background: none;
	color: #31a100;	
}

.navigation .nav > li > a:hover,
.navigation .nav > li > a:focus
{
	background: none;
	color: #31a100;
}

.navigation .nav-tabs > li > a,
.navigation .nav-pills > li > a
{
	padding-left: 8px;
	padding-right: 8px;
}

/* Hauptmenue oben ENDE */

/* Footermenue */
.footer_menu .nav
{
	font-size: 16px;
}

.footer_menu .nav-pills > .active > a,
.footer_menu .nav-pills > .active > a:hover,
.footer_menu .nav-pills > .active > a:focus,
.footer_menu .nav-pills > .active > a:link,
.footer_menu .nav-pills > .active > a:visited
{
	background: none;
	color: #31a100;	
}

.footer_menu .nav > li > a:hover,
.footer_menu .nav > li > a:focus
{
	background: none;
	color: #31a100;
}

/* Footermenue ENDE */

/* Slidermanue */
.slider .menu
{
	margin-bottom: 0px;
}

.slider .menu li
{
    margin-left: 30px;
    margin-right: 30px;
    text-align: center;
    width: 246px;
	background: rgb(255, 255, 255);
	background: rgba(255, 255, 255, 0.5);
	border-top: 2px solid #FFFFFF;
	border-left: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
	margin-top: 20px;
}

@media (min-width: 768px) and (max-width: 979px)
{
	.slider .menu li
	{
		margin-left: 20px;
		margin-right: 20px;
		width: 195px;
	}
}

.slider .menu li a,
.slider .menu li a:link,
.slider .menu li a:focus,
.slider .menu li a:visited,
.slider .menu li a:hover
{
	height: 30px;
	padding-top: 10px;
	color: #666666;
	font-size: 18px;
	border-radius: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-right: 0px;
}

@media (min-width: 768px)
{
	.slider .menu .active
	{
		margin-top: 0px;
	}

	.slider .menu .active > a,
	.slider .menu .active > a:link,
	.slider .menu .active > a:focus,
	.slider .menu .active > a:visited,
	.slider .menu .active > a:hover
	{
		height: 50px;
		margin-top:0px;
		background: rgba(255, 255, 255, 0.7);
	}
}

.slider .menu li > a:hover,
.slider .menu li > a:focus
{
	background: rgba(255, 255, 255, 0.7);
}

.slider li.item-149 a,
.slider li.item-149 a:link,
.slider li.item-149 a:focus,
.slider li.item-149 a:visited,
.slider li.item-149 a:hover
{
	color: #31a100;
}

.slider li.item-151 a,
.slider li.item-151 a:link,
.slider li.item-151 a:focus,
.slider li.item-151 a:visited,
.slider li.item-151 a:hover
{
	color: #3180ff;
}

.slider li.item-152 a,
.slider li.item-152 a:link,
.slider li.item-152 a:focus,
.slider li.item-152 a:visited,
.slider li.item-152 a:hover
{
	color: #cf262c;
	font-family: "Architects Daughter",cursive;
	font-size: 22px;
}

@media (max-width: 767px)
{
	.slider_menu
	{
		padding-top: 5px;
		padding-bottom: 5px;
	}
	
	.slider .menu li
	{
		margin-left: 0px;
		margin-right: 0px;
		width: 100%;
		border-top: none;
		border-left: none;
		border-right: none;
		margin-top: 5px;
		margin-bottom: 5px;
	}

	.slider .menu li a,
	.slider .menu li a:link,
	.slider .menu li a:focus,
	.slider .menu li a:visited,
	.slider .menu li a:hover
	{
		color: #ffffff;	
	}

	.slider li.item-149 a,
	.slider li.item-149 a:link,
	.slider li.item-149 a:focus,
	.slider li.item-149 a:visited,
	.slider li.item-149 a:hover
	{
		background: #31a100;
	}

	.slider li.item-151 a,
	.slider li.item-151 a:link,
	.slider li.item-151 a:focus,
	.slider li.item-151 a:visited,
	.slider li.item-151 a:hover
	{
		background: #3180ff;
	}

	.slider li.item-152 a,
	.slider li.item-152 a:link,
	.slider li.item-152 a:focus,
	.slider li.item-152 a:visited,
	.slider li.item-152 a:hover
	{
		background: #cf262c;
		font-family: "Architects Daughter",cursive;
	}
	
	.slider .mobiloffenmenu ul
	{
		width: 100%;
		border: none;
		border-radius: unset;
		margin: 0px;
		padding: 0px;
	}
	
	.slider .mobiloffenmenu li.item-149 ul li a,
	.slider .mobiloffenmenu li.item-149 ul li a:link,
	.slider .mobiloffenmenu li.item-149 ul li a:focus,
	.slider .mobiloffenmenu li.item-149 ul li a:visited,
	.slider .mobiloffenmenu li.item-149 ul li a:hover
	{
		background: #87bf30;
	}
	
	.slider .mobiloffenmenu li.item-151 ul li a,
	.slider .mobiloffenmenu li.item-151 ul li a:link,
	.slider .mobiloffenmenu li.item-151 ul li a:focus,
	.slider .mobiloffenmenu li.item-151 ul li a:visited,
	.slider .mobiloffenmenu li.item-151 ul li a:hover
	{
		background: #74a8ff;
	}

	.slider .mobiloffenmenu li.item-152 ul li a,
	.slider .mobiloffenmenu li.item-152 ul li a:link,
	.slider .mobiloffenmenu li.item-152 ul li a:focus,
	.slider .mobiloffenmenu li.item-152 ul li a:visited,
	.slider .mobiloffenmenu li.item-152 ul li a:hover
	{
		background: #de5c62;
	}
}
	
/* Slidermenue ENDE */

/* Untermenue links */
.sidebar-nav .menu li
{
	padding-bottom: 8px;
}

.sidebar-nav .menu li a,
.sidebar-nav .menu li a:link,
.sidebar-nav .menu li a:focus,
.sidebar-nav .menu li a:visited,
.sidebar-nav .menu li a:hover
{
	font-size: 16px;
}

.sidebar-nav .menu .active > a,
.sidebar-nav .menu .active > a:link,
.sidebar-nav .menu .active > a:focus,
.sidebar-nav .menu .active > a:visited,
.sidebar-nav .menu .active > a:hover
{
	color: #31a100;
}

.sidebar-nav .menu .active > a.rot,
.sidebar-nav .menu .active > a.rot:link,
.sidebar-nav .menu .active > a.rot:focus,
.sidebar-nav .menu .active > a.rot:visited,
.sidebar-nav .menu .active > a.rot:hover
{
	color: #cf262c;
}

.sidebar-nav .rot .menu .active > a,
.sidebar-nav .rot .menu .active > a:link,
.sidebar-nav .rot .menu .active > a:focus,
.sidebar-nav .rot .menu .active > a:visited,
.sidebar-nav .rot .menu .active > a:hover
{
	color: #cf262c;
}

.sidebar-nav .menu .active > a.blau,
.sidebar-nav .menu .active > a.blau:link,
.sidebar-nav .menu .active > a.blau:focus,
.sidebar-nav .menu .active > a.blau:visited,
.sidebar-nav .menu .active > a.blau:hover
{
	color: #3180ff;
}

.sidebar-nav .blau .menu .active > a,
.sidebar-nav .blau .menu .active > a:link,
.sidebar-nav .blau .menu .active > a:focus,
.sidebar-nav .blau .menu .active > a:visited,
.sidebar-nav .blau .menu .active > a:hover
{
	color: #3180ff;
}

.sidebar-nav .menu ul
{
	padding-left: 15px;
	padding-top: 15px;
}

.item-210.divider 
{
    color: #3180ff;
    font-size: 18px;
	text-decoration: underline;
}

.item-211.divider, .item-439.divider 
{
    color: #cf262c;
    font-size: 18px;
	text-decoration: underline;
	border-top: 1px dotted #333;
	padding-top: 10px;
}


/* Untermenue links ENDE */

/* Mobilmenue */

#mobil_navi 
{
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
    z-index: 999999;
}

.menubutton 
{
    background: url(../images/menu_icon.png) no-repeat;
    display: block;
    height: 60px;
    width: 60px;
}

.mobilmenu 
{
    position: absolute;
    left: 80px;
	top: 20px;
    background: #31a100;
    border: 1px solid #ffffff;
    opacity: 0.95;
}

.mobilmenu, .mobilmenu ul
{
    text-align: left;
    z-index: 999999;
}

.mobilmenu a:link, .mobilmenu a:visited, .mobilmenu a:hover 
{
    font-weight: normal;
}

.mobilmenu, .mobilmenu ul 
{
    border-radius: 0;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.mobilmenu ul 
{
    padding-left: 0;
    width: 100%;
	border: none;
	background: #87bf30;
}

.mobilmenu ul > li 
{
    padding-left: 15px;
	border-bottom: 1px solid #ffffff;
}

.open .dropdown-menu
{
	position: relative;
}

.mobilmenu:before, .mobilmenu:after 
{
    content: "";
    display: table;
}

.mobilmenu:after 
{
    clear: both;
}

.mobilmenu > li 
{
    cursor: pointer;
}

.mobilmenu li a, .mobilmenu li span.separator 
{
    display: block;
    float: none;
    font-size: 16px;
    line-height: 35px;
    padding: 0 20px;
    text-decoration: none;
    width: auto;
}

.mobilmenu li a
{
    color: #ffffff;
}

.mobilmenu > li.parent > a, .mobilmenu > li.parent > span.separator 
{
    padding: 0 50px 0 20px;
}

.mobilmenu > li > a, .mobilmenu > li > span 
{
    border-bottom: 1px solid #ffffff;
    font-size: 16px;
    line-height: 50px;
    padding-right: 50px;
}

.mobilmenu .dropdown-menu > li > a:hover,
.mobilmenu .dropdown-menu > li > a:focus,
.mobilmenu .dropdown-submenu:hover > a,
.mobilmenu .dropdown-submenu:focus > a
{
	background: none;
}

/* Mobilmenue ENDE */

/* Menu im Text */

.imtext
{
	padding-left: 15px;
}

.imtext_box 
{
	background: url('../images/aufzaehlungszeichen_1.png') no-repeat left center;
	padding: 10px;
	padding-left: 25px;
}

.imtext.menu a,
.imtext.menu a:link,
.imtext.menu a:visited,
.imtext.menu a:focus,
.imtext.menu a:hover
{
	color: #31a100;
}

.imtext.menu a:hover
{
	font-weight: bold;
}

.imtext_notiz
{
	padding: 10px;
	text-decoration: underline;
}

@media (max-width: 767px)
{
	.imtext
	{
		padding-left: 0px;
	}
	
	.imtext_notiz
	{
		padding-left: 0px;
	}
}

/* Menu im Text ENDE */

/* STANDARD
*********************************************/
/* Inhalt allgemein */

/* Accordion im Content */
.accordion a.accordion-toggle
{
	text-decoration: none;
	color: #31a100 !important;
}

.blau .accordion a.accordion-toggle
{
	color: #3180ff !important;
}

.rot .accordion a.accordion-toggle
{
	color: #cf262c !important;
}

.nn_sliders.accordion > .accordion-group > div > a:focus,
.nn_sliders.accordion > .accordion-group.active > div > a:focus
{
	box-shadow: none;
}

/* Zehnerkarten-Logo */
.kat_id_13
{
	background: url(../images/p10.jpg) right no-repeat;
	height: 52px;
	width: 62px;
}

/* Bilder im Text */
#content  img
{
	xxxpadding: 5px;
	margin: 10px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

/* Kein Shatten bei GoogleMaps und Galerie */
#content .googlemaps img,
#content .sigFreeContainer img
{
	box-shadow: none;s
}

/* Tabellen im Text */
#content td
{
	padding-right: 5px;
}
	
/* Inhalt allgemein ENDE */

/* Inhalt Blog */
.items-leading > div
{
	padding-bottom: 20px;
}

/* Inhalt Blog ENDE */

/* Kontakt */
.contact-category  ul.category
{
	list-style: none;
	margin-left: 0px;
}
.contact-featured .item-title 
{
    color: #31a100;
    font-weight: bold;
}

.contact-category .cat-list-row0,
.contact-category .cat-list-row1 {
    padding-bottom: 10px;
}

.contact .dl-horizontal dt
{
	width: auto;
}

.contact .dl-horizontal dd
{
	margin-left: 40px;
}

#content .contact img
{
	padding: 0px;
}

.contact .form-actions
{
	background: none;
	border-top: none;
	margin: 0px;
}

/* Kontakt ENDE */


/* User Login */

/* CSS-Anpassungen für chronoforms */
#fin-custom 
{
    display: block;
}

#cf_header.page-header 
{
    border-bottom: 1px solid #eee;
    margin: 20px 0 30px;
    padding-bottom: 9px;
}

#cf_header h2
{
	font-size: 175%;
	color: #31a100;
	line-height: 100%;
}
/* CSS-Anpassungen für chronoforms ENDE*/

/* Suche */
ul.search-results
{
	margin-left: 0px;
	list-style: none;
}

ul.search-results > li
{
	padding-bottom: 5px;
}

.result-title > a,
.result-title > a:link,
.result-title > a:focus,
.result-title > a:visited,
.result-title > a:hover
{
	text-decoration: none;
}

span.highlight
{
	background-color: #93e374;
	padding: 1px 0px;
}

/* Suche ENDE */




/* ToolTips */


/* MODULES
*********************************************/
/* Suchindex */
.header-search .finder
{
	padding-top: 10px;
}
/* Suchindex ENDE */

/* Slider */
.carousel
{
	/*width: 940px;*/
	box-shadow: 0px 0px 10px #888888;
}

.carousel .item > .slider_breite 
{
    border-left: 5px solid #FFFFFF;
	border-right: 5px solid #FFFFFF;
	border-bottom: 5px solid #FFFFFF;	
}

/* Slider ENDE */

/* Copyright */

.footer_copyright > p 
{
    padding-top: 8px;
	color: #666666;
}

/* Copyright ENDE */

/* Latestnews */
ul.latestnews
{
	list-style: none;
	margin-left: 0px;
}

ul.latestnews li
{
	padding-bottom: 5px;
}

/* Latestnews ENDE*/

/* CONTENT
*********************************************/

/* OVERRIDES
*********************************************/

/* SYSTEM
**************************************************/

/* von Joomla verwendet, um Dinge nicht anzuzeigen */
.element-invisible 
{
    position: absolute;
    padding: 0;
    margin: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
}