/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ 
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	font-size: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	color:#4b4b4b;
}
/* HTML5 display-role reset for older browsers */ 
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1.3;
	text-align:left;
	font:inherit;
}
ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* end of http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */

/*=========================================================================================================*/
@font-face {
font-family: 'Titillium Maps';
 src: url("../fonts/TitilliumMaps29L002.eot");
 src: local('Titillium Maps'), local('TitilliumMaps'), 	
url("../fonts/TitilliumMaps29L002.otf") format("opentype"), 
url("../fonts/TitilliumMaps29L002.woff") format("woff");
}
html {
	height:100.1%;
}
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:#c1c1c1 url(../template/images/hintergrund.jpg) repeat-x top left;
	font-size:62.5%;
}
a {
	line-height: 1.8;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #da2420;
	outline:none;
}
a:link {
	line-height: 1.8;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #da2420;
	text-decoration: none;
}
a:visited {
	line-height: 1.8;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #da2420;
	text-decoration: none;
}
a:hover, a:active, a:focus {
	line-height: 1.8;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #da2420;
	text-decoration: underline;
}
#sidebar1 a, #sidebar2 a {
	line-height: 1.8;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #da2420;
}
#all {
	width: 1200px;
	background: #FFFFFF;
	margin: 0 auto;
	text-align:left;
	overflow: hidden;
	font-size:1.35em;
}

#all-s {
	width: 1200px;
	background: #FFFFFF;
	margin: 0 auto;
	text-align:left;
	overflow: hidden;
	font-size:1.35em;
}

#header {
	background: #CCC49F;
	height:180px;
	padding:0 0px;
	border:0px solid green;
}
#logo {
	float:left;
	margin-top:0px;
	margin-right:0px;
}
#breadcrumb {
	clear:both;
	position:relative;
	overflow:hidden;
	height:20px;
	-moz-box-shadow: 0px 2px 2px #333333, 0 -2px 6px #222222;
	box-shadow: 0px 2px 2px #333333, 0 -2px 6px #222222;
	-webkit-box-shadow: 0px 2px 2px #333333, 0 -2px 6px #222222;
	background:#726E59;
	padding:0 10px 2px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#333333')";
}
#sidebar1 {
	float: left;
	width: 400px;
	padding: 20px 0 20px 0;
	margin-right:5px;
	background: #b82b19;
	background: -moz-linear-gradient(right, #b82b19, #771c10);
	background: -webkit-gradient(linear, right center, left center, from(#b82b19), to(#771c10));
	-moz-box-shadow: 3px 5px 10px #333333;
	box-shadow: 0px 3px 5px 3px #333333;
	-webkit-box-shadow: 3px 5px 10px #333333;
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#FF771c10, endColorStr=#FFb82b19, GradientType=1) filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=90, Color='#333333');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF771c10, endColorstr=#FFb82b19, GradientType=1) GradientType=1) progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=90, Color='#333333')";
}
#container {
	overflow:hidden;
	height:auto;
	background:#F8F8F8;
}
#content {
	float: left;
	min-height: 547px;
	padding: 0px 0 0px 0;
	width:1200px;
	background:#b3b4b4 url(../template/images/hintergrund-content.jpg) repeat-y top left;

}
#incontent ul {
	padding-left:0px;
	list-style-type:none;
}
#sidebar2 {
	float: left;
	width: 400px;
	padding: 0px 0 0px 0;
	margin-left:0px;
}
#content ul, #content ol {
	padding: 0 0px 0px 0px;
}
#insidebar1, #incontent, #insidebar2 {
	overflow:hidden;
	padding: 10px;
}
#incontent {
	padding: 0px 0px 0px;
}
#footer {
	margin-top: 0px;
	padding: 0;
	background: #CCC49F;
	border:0px solid green;
	position: relative;
	clear: both;
}

#footermenue {
	float: left;
	height: 98px;
	padding: 0px 0 0px 0;
	width:880px;
	background:#fff url(../template/images/unten.jpg) no-repeat;
}

#footerlinks {
	float: left;
	margin-top:24px;
	margin-left:18px;
	text-align:left;
	color:#da2420;
}

.tooltip {
	position: absolute;
	visibility:hidden;
	z-index:99;
	background-color: #ffffff;
	border:1px solid #d4d4d4;
	width:350px;
	padding:10px;
	margin-left: 80px;
filter:alpha(opacity=95); /* IE */
   opacity:0.95; /* allgemein */
	-moz-opacity:0.95; /* Mozilla */
	-khtml-opacity:0.95; /* KTHML */
	-opera-opacity:0.95; /* Opera */
}

.tooltip2 {
	position: absolute;
	visibility:hidden;
	z-index:99;
	background-color: #ffffff;
	border:1px solid #d4d4d4;
	width:650px;
	padding:10px;
}

a.aktuelles {

color: #ffffff;
font-size: 11px;
	line-height: 1.8;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

a:hover.aktuelles, a:active.aktuelles, a:focus.aktuelles {
	line-height: 1.8;
	font-family:Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
	text-decoration: none;
}

a:visited.aktuelles {
color: #ffffff;
	text-decoration: none;
		line-height: 1.8;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

a.footermenue {

color: #4b4b4b;
font-size: 11px;
font-family: Verdana, Arial, Sans-Serif;
}

a:hover.footermenue, a:active.footermenue, a:focus.footermenue {
	color: #da2420;
	text-decoration: none;
}

a.footeraktiv {

color: #da2420;
font-size: 11px;
font-family: Verdana, Arial, Sans-Serif;
}

a:hover.footeraktiv, a:active.footeraktiv, a:focus.footeraktiv {
	color: #da2420;
	text-decoration: none;
}


#headermenue {
	float: left;
	height: 180px;
	padding: 0px 0 0px 0;
	width:880px;
	background:#fff url(../images/oben.jpg) no-repeat;
}

#headerlinks {
	float: left;
	margin-top:100px;
	margin-left:18px;
	color:#da2420;
}

a.headermenue {

color: #4b4b4b;
font-size: 13px;
font-family: Verdana, Arial, Sans-Serif;
}

a:hover.headermenue, a:active.headermenue, a:focus.headermenue {
	color: #da2420;
	text-decoration: none;
}

a.headeraktiv {

color: #da2420;
font-size: 13px;
font-family: Verdana, Arial, Sans-Serif;
}

a:hover.headeraktiv, a:active.headeraktiv, a:focus.headeraktiv {
	color: #da2420;
	text-decoration: none;
}

#inhalt_1 {
float:left; 
width:387px; 
min-height:547px; 
padding:0px 0 0px 0; 
background:#fff url(../template/images/mitte.jpg) no-repeat;
}

#inhalt_2 {
margin-top:15px; 
margin-left:20px; 
font-size: 12px; 
font-family: Verdana, Arial, Sans-Serif; 
color:#4b4b4b; 
line-height:1.8em;
}

.ueberschrift {
margin-top:20px;
font-size: 14px; 
font-family: Verdana, Arial, Sans-Serif; 
color:#da2420; 
}

.aufzaehlung {
padding:20px;
margin-left:30px;
list-style-image:url(../template/images/quadrat.gif); 
text-color:#4b4b4b;
}

.liste {
line-height: 1.3; 
font:inherit; 
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#4b4b4b;
}

#content.col_960 {
	width:960px;
}
#content.col_770 {
	width:770px;
}
#content.col_580 {
	width:580px;
}
* html #footer {
	border-top:2px solid #666;
}
* + html #footer {
	border-top:2px solid #666;
}
* + html #sidebar1 {
	width:180px;
}
* + html #sidebar2 {
	width:180px;
}
* + html #breadcrumb {
	border-bottom: 2px solid #333333;
}
* html #sidebar1, *html #sidebar2 {
	width:180px;
}
* html #breadcrumb {
	border-bottom: 2px solid #333333;
}
#footer {
	border-top:2px solid #666\9;
}
#breadcrumb {
	border-top:2px solid #333\9;
}
h2 {
	font-family: 'Titillium Maps';
}
div.breadcrumbs {
	float:left;
}
div.search {
	float:right;
}
h1, h2, h3, h4, h5, h6 {
font-weight:normal;
}
h1 {
font-size:2em;
line-height:1;
margin-bottom:0.5em;
}
h2 {
font-size:14px;
margin-top:20px;
margin-bottom:20px;
font-family: Verdana, Arial, Sans-Serif; 
color:#da2420; 
}
h3 {
font-size:14px;
margin-top:20px;
margin-bottom:20px;
font-family: Verdana, Arial, Sans-Serif; 
color:#da2420; 
}
h4 {
font-size:12px;
font-family: Verdana, Arial, Sans-Serif; 
color:#da2420; 
}
h5 {
font-size:1em;
font-weight:bold;
margin-bottom:1.5em;
}
h6 {
font-size:1em;
font-weight:bold;
}
/*=========================================================================================================*/
/*remind to set margins and paddgins to your needs, they are all resetted by Eric Meyers reset.css above*/

h1 {
}
h2 {
}
h3 {
}
h4 {
}
h5 {
}
h6 {
}
span {
	line-height: 1.8;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
p {
	margin: 0.8em 0;
	line-height: 1.8;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#footer p {
	margin:0;
}
p+p {
}
pre {
}
address {
}
small {
}
ul, ol {
}
ol {
}
li ul, li ol, ul ul, ol ol {
}
form, legend, label {
}
legend {
}
table {
}
caption {
}
hr {
}
cite, dfn, em, i {
	font-style: italic;
}
code, kbd, samp, pre, tt, var {
}
pre {
	white-space: pre;
}
del {
	text-decoration: line-through;
}
mark {
}
ins {
}
big {
}
abbr, acronym {
}
abbr[title], acronym[title], dfn[title] {
	cursor: help;
}
sup, sub {
	line-height: 0;
}
sup {
}
sub {
}
blockquote {
}
input, select, button {
	cursor: pointer;
}
/*=========================================================================================================*/
/*some joomla! classes*/

.item-separator { /* was in J! 1.5= .article_separator */
}
.items-more { /* was in J! 1.5= .blog_more */
}
/*New: Current menu list items are now classes*/
ul.menu li.current {
}
ul.menu li.current a {
}
ul.menu li.current a:hover {
}
/*[Print, PDF, Email] button in an article were before in td.buttonheading and are now in an unsorted list*/
#container ul.actions {
    list-style: none;
    float: right;
}
.actions li {
    float: left;
    margin-left: 5px;
}
/*new*/
.print-icon {
}
.email-icon {
}
/*neu 2.5: new component finder */
.finder{
}
#finder-search {
}
form .finder label {
}
dl.search-results dd.result-url {
}
.finder .inputbox {
}
#header form .finder {
}
/*new 2.5: article images */
.img-fulltext-left {
}
.img-intro-left {
}
.img-fulltext-right {
}
.img-intro-right {
}


/*=======================================================================================================
	Responsive-Umbau
=======================================================================================================*/

.index-top {
	float:left; height:180px; padding:0px 0 0px 0; width:880px; background:#fff url(../template/images/oben-startseite.jpg) no-repeat;
}

.index-top2 {
	float:left; height:180px; padding:0px 0 0px 0; width:880px; background:#fff url(../template/images/oben.jpg) no-repeat;
}

.preis-top {
	float:left; height:180px; padding:0px 0 0px 0; width:880px; background:#fff url(../template/images/oben-anim.jpg) no-repeat;
}

.preis-top-2 {
	float:left; height:180px; padding:0px 0 0px 0; width:880px; background:#fff url(../template/images/oben-preis.jpg) no-repeat;
}

.index-left {
	float:left; width:320px; height:547px; padding:0px 0 0px 0; background:#fff url(../template/images/links-startseite.jpg) no-repeat;
}

.index-middle {
	float:left; width:387px; height:547px; padding:0px 0 0px 0; background:#fff url(../template/images/mitte-startseite.jpg) no-repeat;
}

.index-right {
	float:left; width:493px; height:547px; padding:0px 0 0px 0; background:#fff url(../template/images/rechts-startseite.jpg) no-repeat;
}

.index-footer {
	margin-top: 0px;padding: 0;	background: #CCC49F;	position: relative;	clear: both; border:0px solid green;
}

.index-menu {
	background: #CCC49F;	height:180px;	padding:0 0px; border:0px solid green;
}

.zitatbox1 {
	float: left;margin-top:20px; margin-left:75px; 
}

.zitatbox2 {
	float: left;margin-top:5px; margin-left:75px; 
}

.kalenderbox {
	margin-top:40px; margin-left:80px; width:340px; background:#da2423;	-moz-box-shadow: 3px 5px 10px #bcbcbc;	box-shadow: 0px 3px 5px 3px #bcbcbc;	-webkit-box-shadow: 3px 5px 10px #bcbcbc;filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#bcbcbc'); -ms-filter: " progid:dximagetransform.microsoft.shadow(strength="5," direction="135," color="#bcbcbc" )";
}

.preis-mitte {
	float:left; width:387px; min-height:547px; padding:0px 0 0px 0; background:#fff url(../template/images/mitte-preis.jpg) no-repeat;
}

.aktuelles-mitte {
		float:left; width:600px; min-height:547px; padding:0px 0 0px 0; background:#fff url(../template/images/aktuelles-mitte.jpg) no-repeat;
	}

#logo-mobil {
	display: none;
}

#headerlinks-mobil {
	display: none;
}

#footermenue-mobil {
	display: none;
}

.inhalt-rechts {
	float:left; width:493px; height:547px; padding:0px 0 0px 0; background:#fff url(../template/images/rechts.jpg) no-repeat;
}

.sub-menu {
	float:left; width:320px; height:547px; padding:0px 0 0px 0; background:#fff url(../template/images/links.jpg) no-repeat;
}

.sub-menu-preis {
	float:left; width:320px; height:547px; padding:0px 0 0px 0; background:#fff url(../template/images/links-anim.jpg) no-repeat;
}

.sub-menu-mobil {
	display: none;
}

.schutzengel {
	display: none;
}
.index-right div {
		margin-top: 500px;
	}

	.index-right div {

		background-color: #fff;padding: 15px; box-sizing: border-box; margin-right: 30px; margin-top: 320px;
	}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------
Responsive Styles 900px
-----------------------------------------------------------------------------------------------------------------------------------------------------------*/

@media only screen and (max-width: 900px) {
	
	body {
		background: #fff;
	}
	
	.index-top {
		background: #fff;
		float: none;
		margin: 0;
		padding: 0;
	}
	
	.index-top2 {
		background: #fff;
		float: none;
		margin: 0;
		padding: 0;
	}
	
	.kalenderbox {
		margin-left:20px;
		margin-top: 350px;
	}
	
	.preis-top {
		background: #fff;
		float: none;
		margin: 0;
		padding: 0;
	}
	
	.preis-top-2 {
		background: #fff;
		float: none;
		margin: 0;
		padding: 0;
	}
	
	.preis-mitte {
		background: #fff;
		float: none;
		border-top: 2px solid #ccc;
		margin-top: 20px;
		width: 100%;
	}
	
	.aktuelles-mitte {
		background: #fff;
		float: none;
		border-top: 2px solid #ccc;
		margin-top: 20px;
		width: 100%;
	}
	
	.index-right div {

		margin-top: 500px;
	}

	
	.index-left {
		display: none;
	}
	
	.index-middle {
		display: none;
	}
	
	.index-right {
		background: #fff url(index-mobil.jpg) no-repeat;
		width: 100%;
		min-height: 650px;
		height: 850px;
	}
	
	.index-menu {
		display: none;
	}
	
	#logo {
		display: none;
	}
	
	#logo-mobil {
		display: block;
		float: none;
		max-width: 150px;
		background: #fff;
	}
	
	#headermenue {
	float: none;
	padding: 0px 0 0px 0;
	width:100%;
	background:#fff ;
	font-size: 20px;
}

	a.headermenue {
		font-size: 15px;
	}


	#headerlinks-mobil {
		display: block;
		background: #fff;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	
	#menutoggle {
		display: none;
	}
	
	.icon {
		margin: 20px 0 5px 0;
	}
	
	.icon a {
		color: #fff;
		padding: 10px;
		background-color: #da2423;
		text-decoration: none;
	}
	
	.icon a:hover {
		text-decoration: none;
	}

	#all {
		width: 96%;
		padding: 2%;
		height: 100%;
		overflow: scroll;
}
	
	#all-s {
		width: 96%;
		padding: 2%;
		height: 100%;
		overflow: scroll;
	}

	#content {
		width: 100%;
		height: 100%;
		background: #fff;
}


	.zitatbox1 {
		float: none;
		margin-left: 15px;
	}
	
	.zitatbox2 {
		float: none;
		margin-left: 15px;
	}
	
	.index-footer {
		display: none;
	}
	
	#footermenue-mobil {
		display: block;
		background: #ccc;
	}
	
	#footerlinks-mobil {
		float: left;
		padding-top: 25px;
		padding-bottom: 25px;
		margin-left: 30px;
	}
	
	#familienfan {
		padding: 20px;
		float: left;
	}
	
	#inhalt_1 {
float:none; 
width: 100%; 
min-height:0px; 
background:#fff;
border-top: 2px solid #ccc;
margin-top: 20px;
}

#inhalt_2 {
margin-top:15px; 
margin-left:20px; 
font-size: 12px; 
font-family: Verdana, Arial, Sans-Serif; 
color:#4b4b4b; 
line-height:1.8em;
max-width: 470px;
background: none;
}
	


.sub-menu {
	display: none;
}
	
	.sub-menu-preis {
	display: none;
}

.sub-menu-mobil {
	border-top: 2px solid #ccc;
	padding-top: 1em;
	display: block;
	float: none;
	background: #fff;
	height: 100%;
}

.sub-menu-mobil a {
	color: #4b4b4b;
}

.sub-menu-mobil a:hover {
	color: red;
}


.active {
	color: red;
}
	
.sub-menu-oben {
	display: none;
}

.inhalt-rechts {
	float:none; 
	width:100%; 
	height:100%; 
	padding-bottom: 50px;
	background:#fff;
}

.ausblenden {
	display: none;
}
	
	.schutzengel {
		display: block;
		width: 100%;
		height: 350px;
		background: url(schutzengel.png) no-repeat;
	}
	
}



@media only screen and (max-width: 500px) {
	
	.index-right {
		background: #fff url(index-mobil2.jpg) no-repeat;
		min-width: 400px;
	}


	#all {
		min-width: 450px;
	}
	
	#all-s {
		min-width: 200px;
	}
	
	p {
		width: 70%;
	}
	
	h1, h2, h3, h4, h5, h6 {
		width: 70%;
	}
	
	.aufzaehlung {
		width: 50%;
	}
	
	
}