body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}
/**
 * Global TinyMCE style sheet
 *
 * Use this style sheet to define CSS classes for the rich text editor. The
 * stlye sheet will be included in the editor and the page layout automatically.
 * Although the stlye sheet is shared by all themes, you can override its
 * formattings in any of your theme style sheets.
 *
 *   files/tinymce.css (this is how it looks like in TinyMCE)
 *   .warning { color:#c55; }
 *
 *   theme_a.css (this is how it looks like in theme A)
 *   .warning { font-weight:bold; }
 *
 *   theme_b.css (this is how it looks like in theme B)
 *   .warning { color:#000; }
 *
 * If you do not want to use a global TinyMCE style sheet at all, simply delete
 * this file (files/tinymce.css).
 */
.warning { color:#c55; font-size:1.1em; }
.confirmation { color:#090; font-size:1.1em; }
.information { color:#999; font-size:0.9em; }
.bs-caption {
    position: fixed;
    left: 0;
    bottom: 0;
    margin-left: 40px;
    color: white;
}

.bs-nav {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
}

.bs-nav .item, .bs-nav .item-nav {
    display: inline-block;
    *display: inline;
    zoom: 1;

    width: 10px;
    height: 10px;
    line-height: 10px;
    margin: 0 4px;

    text-indent: -999em;
    *text-indent: 0;

    border: 2px solid #fff;
    border-radius: 6px;

    cursor: pointer;
    opacity: .4;

    -webkit-transition: background .5s, opacity .5s;
    -moz-transition: background .5s, opacity .5s;
    transition: background .5s, opacity .5s;
}

.bs-nav .item.active {
    background: #fff;
    opacity: 1;
}

.bs-nav .item-nav {
    border-radius: 0;
    width: 0;
    height: 0;
    border-style: inset;
    -webkit-transform:rotate(360deg);
}

.bs-nav .item-nav:hover {
    opacity: 1;
}

.bs-nav .item-nav.next {
    border-width: 7px 0 7px 14px;
    border-color: transparent transparent transparent #ffffff;
}

.bs-nav .item-nav.prev {
    border-width: 7px 14px 7px 0;
    border-color: transparent #ffffff transparent transparent;
}

body{
	font-family: 'Raleway', sans-serif;
	background-color:#DDE895;
	list-style-type:circle;
}
#header {
    width:1024px;
    height:140;
    background-image:url("../../files/jurt_garten/theme/hg-kopf.png");
    background-position:left top;
    background-repeat:no-repeat;
    background-size: contain;
}
.pipe{
	position: relative;
	top: 1px;
	font-size: 1.1em; 
	color: #C3DF84;
	font-weight: bold;
}
#container {
	min-height:550px;
	background-color:#fff;
	padding-top: 35px;
	-webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.18);
	-moz-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.18);
	box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.18);
}
div.mod_article {
	line-height:140%;
}
#main div.mod_article {
	margin: 0px 32px 0px 32px;
	padding-bottom: 20px;
}
#left div.mod_article,
#left .mod_navigation {
	margin: 0px 0px 0 32px;
}
.mod_article a{
	color: #487157;
	text-decoration: none;
}
.mod_article a:hover,
.mod_article a:focus {
	color: #dc0d0d;
	text-decoration: none;
	border-bottom: 1px dotted #dc0d0d;
}

#linkespalte{
	background-color: #f5fdbf;
	min-height: 550px;
	width: 290px;
}
.ce_text h1,
.ce_form h1,
.ce_flexSlider h1{
	margin-top: 0;
	color: #5E7A5F;
	font-size: 2em;
	font-weight: 500;
}
.mac .ce_text h1,
.mac .ce_form h1,
.mac .ce_flexSlider h1{
	padding-top: 2px;
}
.first h1{
	margin-top: 0;
}
.ce_text h2{
	color: #5E7A5F;
	font-size: 1.6em;
	font-weight: 500;
}
.mod_article .ce_text p{
	line-height:140%;
	font-weight: 500;
	text-indent:15px;
	margin-bottom: 0px;
	letter-spacing:0.015em;
}
.mod_article .ce_text h6{
	line-height:140%;
	font-weight: 500;
	margin-bottom: 0px;
	letter-spacing:0.015em;
}
.mod_customnav_pageimages span {
    display:none;
}
.mod_customnav_pageimages {
    top:10px;
    position:relative;
    overflow:auto;
    float:right;
    display:block;
}
.mod_coverpicture {
    z-index: -999;
}
#header div.ce_image {
	float:left;
}
div #navi-bg {
	background-color: #487157;
	margin-top: 94px;
}
#header .mod_navigation-wrapper {
	position: relative;
	float: right;
}
#header .mod_navigation {
	/* clearfix */
	overflow: hidden;
	font-size: 1.4158em;
	font-weight: 300;
	color: #E8F6CE;
	width: 700px;
}

#header .mod_navigation ul,
#header .mod_navigation li {
	margin: 0;
	padding: 0;
	display: inline;
	
}
#header .mod_navigation a,
#header .mod_navigation li > span {
	float: left;
	padding: 12px 0;
	color: inherit;
	text-decoration: none;
	text-align:center;
	width: 140px;
}
#header .mod_navigation a.sibling {
	-webkit-box-shadow: inset 8px -8px 8px 0px rgba(0,0,0,0.19);
	-moz-box-shadow: inset 8px -8px 8px 0px rgba(0,0,0,0.19);
	box-shadow: inset 8px -8px 8px 0px rgba(0,0,0,0.19);
}

#header .mod_navigation a.sibling.first {
	-webkit-box-shadow: inset 0px -8px 8px -2px rgba(0,0,0,0.19);
	-moz-box-shadow: inset 0px -8px 8px -2px rgba(0,0,0,0.19);
	box-shadow: inset 0px -8px 8px -2px rgba(0,0,0,0.19);
}
#header .mod_navigation a.active,
#header .mod_navigation a.trail,
#header .mod_navigation li > span.active,
#header .mod_navigation li > span.trail {
	color: #487157;
	background: #fff;
}

#header .mod_navigation a:hover,
#header .mod_navigation a:focus {
	color: #fff;
	background: #C7DD50;
}
#header .mod_navigation a.active:hover,
#header .mod_navigation a.active:focus {
	color: #487157;
	background: #E2EEAB;
}
#header .mod_navigation a.sibling.first :hover,
#header .mod_navigation a.sibling.first :focus {
	color: #fff;
	background: #C7DD50;
	-webkit-box-shadow: inset 0px -8px 8px -2px rgba(0,0,0,0.19);
	-moz-box-shadow: inset 0px -8px 8px -2px rgba(0,0,0,0.19);
	box-shadow: inset 0px -8px 8px -2px rgba(0,0,0,0.19);
}

div.ce_page_teaser {
	background-image:url('../../files/jurt_garten/theme/verlauf-gelb-vertikal.png');
	margin: 0 30px 15px 0;
	padding: 0;
	width: 290px;
	height: 75px;
	display: inline-block;
}
.active.ce_page_teaser h2{
	color: #dc0d0d;
}
.active.ce_page_teaser a:hover h2{
	color: #dc0d0d;
}
.active.ce_page_teaser p{
	color: #5E7A5F;
}
.active.ce_page_teaser {
	background-image:url('../../files/jurt_garten/theme/verlauf-gruen-vertikal.png');

}
.ce_teaser_link h2{
	color: #5E7A5F;
	font-size: 1.0em;
	font-weight: 600;
	margin: 0 0 0 115px;
}
.ce_teaser_link p{
	color: #000;
	font-size: 0.8em;
	font-weight: 600;
	margin: 5px 0 0 115px;
}
.ce_page_teaser a{
    display: block;
    height: 100%;
    width: 100%;
    text-decoration: none;
}
.ce_page_teaser  a:hover h2{
	color: #adc045;
}
.ce_page_teaser  a:hover p{
	color: #5E7A5F;
}
#footer p{
    margin-top:18px;
    text-align:center;
    font-size:.9em;
    color:#faf7f7;
}
#footer {
    height:20px;
}
#footer a{
    color:#faf7f7;
    text-decoration: none;
}
.email {
    white-space: nowrap;
}

@media screen and (max-width: 1023px) {
	#container {
		padding-top: 0px;
	}
	#header {
		height:186px;
		width: 100%;
		background-image:url("../../files/jurt_garten/theme/hg-kopf-mobile.png");
		background-position:left top;
		background-repeat:no-repeat;
		background-size: auto;
	}
	#header .mod_navigation-wrapper {
		position: absolute;
		float: left;
		margin-top: 46px;
		width: 100%;

	}
	#header .mod_navigation {
		margin-right: 0;

	}
	#header .mod_navigation a,
	#header .mod_navigation li > span {
		background-color: #487157;

	}
	#left,
	#main {
		position:relative;
		float:left;
		background-color:#fff;
		padding-top: 35px;
	}
	#linkespalte{
		background-color: #f5fdbf;
		padding-bottom: 10px;
		min-height: 100%;
		width: 100%;
	}
}


@media screen and (max-width:1023px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}

@media screen and (max-width: 716px) {
	#header {
		height:180px;

	}
	#header .mod_navigation {
		font-size: 1.0em;
	}
	#header .mod_navigation a,
	#header .mod_navigation li > span {
		background-color: #487157;
		width: 20%;
	}
	#footer p{
		font-size:1.0em;
	}
}

@media screen and (max-width: 500px) {
	.ce_text h1,
	.ce_form h1,
	.ce_flexSlider h1,
	.mac .ce_text h1,
	.mac .ce_form h1 {
		font-size: 1.6em;
	}
	#header {
		height:175px;

	}
	#header .mod_navigation {
		font-size: 0.8em;
		font-weight: 600;
	}
	#header .mod_navigation a,
	#header .mod_navigation li > span {
		background-color: #487157;
		width: 20%;
	}
	#footer p{
		font-size:1.0em;
	}
}


/* layout.css */

/* basic.css */