/*=======================================================================
	
	*** CSS3 - WOHNUNGSGENOSSENSCHAFT HERMSDORF / THÜRINGEN eG ***
 
 ========================================================================*/
 
 .row {
    max-width: 1200px;
    min-width: 280px;
    width: 100%;
}
 
 /*=================== *** Themes *** ==================================*/
 
.fruehling {
	background: url(../_ci/motiv-fruehling-1.jpg) center bottom;
	background-size:cover;
	background-attachment: fixed;
	height: auto;
}
.sommer {
	background:url(../_ci/motiv-sommer-1.jpg) center center;
	background-size:cover;
	background-attachment: fixed;
	height:auto;
}
.herbst {
	background:url(../_ci/motiv-herbst-1.jpg) center center;
	background-size:cover;
	background-attachment: fixed;
	height:auto;
}
.winter {
	background:url(../_ci/motiv-winter-1.jpg) center center;
	background-size:cover;
	background-attachment: fixed;
	height:auto;
}
.neutral {
	background:transparent;
}
.weiss {
	background:#fff;
}
.hellgruen {
	background:#85bc21;
}
.dunkelgruen {
	background:#336600;
}
.hellbraun {
	background:#693725;
}
.dunkelbraun {
	background:#42280c;
}

.spacer25	{ min-height:25px; width:100%; clear:both; }
.spacer50	{ min-height:50px; width:100%; clear:both; }
.spacer100	{ min-height:100px; width:100%; clear:both; }
.line-height-50 { line-height:50px; }
.line-height-75 { line-height:75px; }
.line-height-100 { line-height:100px; }
 
/*================== *** HTML *** ======================*/

/* Grün 	( dunkel #336600 - hell #85bc21 ) */
/* Braun	( dunkel #42280c - hell #693725 ) */

.alert { display:block; padding: 3px 10px; font-weight: 600; list-style-type: none; word-wrap: break-word; margin-bottom: 1px; font-size: 14px; font-size: 0.875rem; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }

html, body {
	font-family: sans-serif;
	background:#fff;
	font-size: 16px;
	line-height: 1em;
	color:#42280c;
	height: 100%;
	background-size:cover;
	background-attachment: fixed;
}
h1 {
	color: inherit;
	padding:0;
	font-size: 240%;
}
h2 {
	color:#693725;
	line-height: 1.4em;
	text-emphasis: center;
	font-size: 180%;
	font-weight:100;
}
h3 {
	color: #444444;
    font-size: 120%;
    font-weight: 700;
    line-height: 1.4em;
}
h4 {
	font-size: 110%;
}
a {
	color:#C03D20;
}
p {
	font-weight: 400;
	line-height: 1.4em;
	margin: 5px auto 5px;
}
.footer, .footer p {
	font-size:100%;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color:;
}
.btn.medium a, .skiplink.medium a {
	padding: 0 10px;
}
iframe {
	width:100%;
	height:100%;
	min-height:600px;
	display:block;
	border: 10px solid #693725;
	margin:0px auto 40px auto;
	-webkit-border-radius: 5px 5px;
	-moz-border-radius: 5px 5px;
	-ms-border-radius: 5px 5px;
	-o-border-radius: 5px 5px;
	border-radius: 5px 5px;
}
ul li, ol li{
}

/*=======================================================================
	
	*** Section ***
 
 ========================================================================*/


section.header {
	height: auto !important;
	min-height: 20%;
	color:#693725;
}
section.focus {
	height: auto !important;
	min-height: 30%;
	color:#eee;
}
section.focus a {
	color: #85bc21;
	transition: 1.5s ease-in-out;
}
section.focus a:hover {
	color: #C03D20;
	opacity: 1;
	transition: 1.5s ease-in-out;
}
section.focus h2 {
    color: #fff;
}
section.topmain {
	min-height: 0%;
}
section.main {
	min-height: 0%;
}
section.submain {
	min-height: 0%;
}
section.footer {
	color:#693725;
	min-height: 100px;
}
.trans75 {
	background-color: rgba(255, 255, 255, 0.95);
}
.trans50 {
	background:transparent url(../_ci/transparenz-w-50.png) center center repeat;
}
.trans25 {
	background:transparent url(../_ci/transparenz-w-25.png) center center repeat;
}
.first {
	margin-left:0 !important;
}
.last {
	margin-right:0 !important;
}
/*================== *** indole.Raster *** ======================*/

.width-48pro {
	width:48%;
}
.width-100pro {
	width:100%;
	float:none;
	clear:both;
}
.width-90pro {
	width:90%;
	float:left;
	clear:none;
}
.width-50pro {
	width:50%;
	float:left;
	clear:none;
}
.width-70pro {
	width:70%;
	float:left;
	clear:none;
}
.width-30pro {
	width:30%;
	float:left;
	clear:none;
}
.width-80pro {
	width:80%;
	float:left;
	clear:none;
}
.width-20pro {
	width:20%;
	float:left;
	clear:none;
}
.width-25pro {
	width:25%;
	float:left;
	clear:none;
}
.width-33pro {
	width:33.3333%;
	float:left;
	clear:none;
}
.width-10pro {
	width:10%;
	float:left;
	clear:none;
}
.width-15pro-fix {
	width:15%;
	float:left;
	clear:none;
}
.width-20pro-fix {
	width:20%;
	float:left;
	clear:none;
}
.width-80pro-fix {
	width:80%;
	float:right;
	clear:none;
	text-align:left;
}
.width-25pro-sp {
	width:25%;
	clear:none;
}
.width-70pro-sp {
	width:70%;
	clear:none;
}
 @media only screen and (max-width: 767px) {
.width-20pro {
	width:50%;
	float:left;
	clear:none;
}
.width-25pro {
	width:50%;
	float:left;
	clear:none;
}
.width-10pro {
	width:20%;
	float:left;
	clear:none;
}
.width-25pro-sp {
	width:48%;
	clear:none;
}
.width-70pro-sp {
	width:48%;
	clear:none;
}
}
 @media only screen and (max-width: 479px) {
.width-50pro {
	width:100%;
	float:none;
	clear:both;
}
.width-70pro {
	width:100%;
	float:none;
	clear:both;
}
.width-30pro {
	width:100%;
	float:none;
	clear:both;
}
.width-80pro {
	width:100%;
	float:none;
	clear:both;
}
.width-20pro {
	width:100%;
	float:none;
	clear:both;
}
.width-25pro {
	width:100%;
	float:none;
	clear:both;
}
.width-33pro {
	width:100%;
	float:none;
	clear:both;
}
.width-10pro {
	width:50%;
	float:left;
	clear:none;
}
.width-25pro-sp {
	width:100%;
	float:none;
	clear:none;
}
.width-70pro-sp {
	width:100%;
	float:none;
	clear:none;
}
}
/*================== *** Raster *** ======================*/

.klicklogo {
	display:inline-block;
	margin:-30px auto 20px auto;
	text-align:center;
	max-width:160px;
}
.logobox {
	display:inline-block;
	margin:10px auto 20px auto;
	text-align:center;
}
.logobox a img {
	display:inline-block;
	margin:10px 5px 20px 5px;
	max-width:80px;
}

.slogan{
	display:block;
	margin:20px auto 0px auto;
	padding:0px;
}

/*=====================================================

   Metabox (with options)
   	
 ======================================================*/
 
 
 /** metabox **/

.metabox {
	display: block;
	background:transparent;
	color:#42280c;
}
.meta-image-file img {
	border: 5px solid#ddd;
	-webkit-border-radius: 3px 3px;
	-moz-border-radius: 3px 3px;
	-ms-border-radius: 3px 3px;
	-o-border-radius: 3px 3px;
	border-radius: 3px 3px;
}

/*=====================================================

   Teaser (with options)
   	
 ======================================================*/
 
 
 /** kat-teaser-wrap **/

.kat-teaser {
	display: block;
	background:transparent;
	color:#42280c;
}
.art-teaser {
	display: block;
	background:transparent;
	color:#693725;
}
.art-teaser img, .kat-teaser img {
	border: 3px solid#ddd;
	-webkit-border-radius: 3px 3px;
	-moz-border-radius: 3px 3px;
	-ms-border-radius: 3px 3px;
	-o-border-radius: 3px 3px;
	border-radius: 3px 3px;
}
.wrapper {
	background:transparent; /*  url(../_ci/transparenz-w-25.png) */
	display: block;
	margin: 0px 0px 10px 0px;
	padding:10px;
	box-shadow: 0px 0px 0px #666;
	position: relative;
}
.wrapper:hover {
	background:#FFF;
	-moz-box-shadow:    0px 0px 5px #999;
	-webkit-box-shadow: 0px 0px 5px #999;
	box-shadow:         0px 0px 5px #999;
	transition: 0.6s ease-in-out;
}
/* Grün 	( dunkel #336600 - hell #85bc21 ) */
/* Braun	( dunkel #42280c - hell #693725 ) */

.zeile {
	background: #fff;
	display: block;
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	box-shadow: 0px 0px 0px #666;
	position: relative;
}
.zeile:hover {
	background: #eee;
	-moz-box-shadow:    0px 0px 5px #999;
	-webkit-box-shadow: 0px 0px 5px #999;
	box-shadow:         0px 0px 5px #999;
	transition: 0.6s ease-in-out;
}
/** headline **/

.headline {
	display: block;
	margin: 0px 0px 0px 0px;
	padding:0px 0px;
	box-shadow: 0px 0px 0px #666;
	background: center center no-repeat;
	background-size:cover;
	line-height:50px;
}
.headline p {
	display: block;
	margin: 0px 0px 0px 0px;
	padding:0px 0px;
	line-height: inherit;
}
.headline h3 {
	display: block;
	margin:0px auto 0px auto;
	padding:0px 0px;
	color:#fff;
	overflow:hidden;
	line-height: inherit;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.headline a {
	color:;
}
.headline a:hover {
	color:#C03D20;
}

/** iconbox **/
.iconbox {
	display: block;
	background:transparent;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.iconbox h2 {
	display: block;
	margin:0px auto 0px auto;
	padding:0px 0px;
	color:#C03D20;
	line-height: 80px;
	white-space: nowrap;
	font-size:80px;
}
.iconbox h2 a {
	color:#C03D20;
}
/** block **/

.block {
	display: block;
	background:transparent;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
/** bilder **/

.bilder {
	display: block;
	background:transparent;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

/** headline **/
.headline .box {
	background-position:center center;
	background-size: cover;
	transition: 1.5s ease-in-out;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.headline .box:hover {
	background-position:left top;
	background-size: cover;
	transition: 1.5s ease-in-out;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.headline .box .box-inner {
	background: url(../_ci/transparenz-w-50.png) center center repeat;
	background-size: cover;
	transition: 1.5s ease-in-out;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.headline .box:hover .box-inner:hover {
	background: url(../_ci/transparenz-w-75.png) center center repeat;
	transition: 1.5s ease-in-out;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

/** vcard **/

.vcard {
	display: block;
	margin: 0px 0px 0px 0px;
	padding:0px 0px;
	box-shadow: 0px 0px 0px #666;
}
.vcard .wrapper {
	background:transparent; /*  url(../_ci/transparenz-w-25.png) */
	display: block;
	margin: 0px 0px 10px 0px;
	padding:20px;
	box-shadow: 0px 0px 0px #666;
	position: relative;
}
.vcard .wrapper:hover {
	background:#FFF;
	-moz-box-shadow:    0px 0px 5px #999;
	-webkit-box-shadow: 0px 0px 5px #999;
	box-shadow:         0px 0px 5px #999;
	transition: 0.6s ease-in-out;
}
/** flyer **/

.flyer {
	display: block;
	margin: 0px 0px 0px 0px;
	padding:0px 0px;
	box-shadow: 0px 0px 0px #666;
}
.flyer .wrapp {
	display: block;
	margin: 0px 0px 0px 0px;
	padding:0px;
	position: relative;
}
.flyer .box {
	background-position:center center no-repeat;
	background-size:cover;
	display: block;
	margin:0px;
	padding:0px 0 0 0px;
	position: relative;
	box-shadow: 0px 0px 0px #666;
}
.flyer .box h3 {
	background: url(../_ci/transparenz-w-75.png);
	display: inline;
	margin:10px 10px 3px 10px;
	padding:3px 10px;
	position: relative;
	box-shadow: 0px 0px 0px #666;
	color:#000;
	float:left;
	clear:both;
}
.flyer .box h3 a {
	color:#000;
}
.flyer .box h3 a:hover {
	color:#f00;
}
.flyer .box .description {
	background: url(../_ci/transparenz-w-50.png);
	display: inline;
	margin:0px 10px 10px 10px;
	padding:5px 10px;
	position: relative;
	box-shadow: 0px 0px 0px #666;
	line-height:1.4em;
	color: inherit;
	clear:both;
	float:left;
	opacity:0;
}
.flyer .box .description:hover {
	opacity:1;
}
.flyer .box .link {
	background:transparent;
	font-size:90%;
	clear:both;
	float:right;
	position: absolute;
	right:0px;
	bottom:0px;
	padding:5px 10px;
}

/** list **/
.list {
	display: block;
	margin: 0px 0px -1px 0px;
	padding:0px 0px;
	box-shadow: 0px 0px 0px #666;
	border-top: 0px solid #693725;
	border-bottom: 0px solid #693725;
	line-height: inherit;
}
.list p {
	line-height: inherit;
}
.list h3 {
	display: block;
	margin:0px auto 0px auto;
	padding:0px 0px;
	color:#85bc21;
	overflow:hidden;
	line-height:30px;
	white-space:nowrap;
	text-overflow: ellipsis;
}
.list h3 a {
	color: inherit;
}
.list h3 a:hover {
	color:#C03D20;
}

/** list **/

.iconbar {
	display: block;
	margin: 0px 0px 0px 0px;
	padding:0px 0px;
	box-shadow: 0px 0px 0px #666;
	border-top: 0px solid #693725;
	border-bottom: 0px solid #693725;
	line-height: inherit;
	font-size: 160%;
}
.iconbar ul li {
	display:inline-block;
	margin: 0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	clear:none;
}
/** teaser-menulist **/

.menulist {
	font-size:100%;
}
.menulist h4 {
	display: block;
	float: none;
	font-weight: 700;
	list-style-type: none;
	margin: 20px auto 10px auto;
	padding: 0px 0px 0px 0px;
	float: none;
	color:#693725;
}
.menulist p{
	background-image:url(../_ci/transparenz-w-25.png);
	transition: 1.5s ease-in-out;
	margin: 0px auto 1px auto;
	padding: 0px 0px 0px 0px;
}
.menulist p:hover {
	transition: 1.5s ease-in-out;
	background-image:url(../_ci/transparenz-w-75.png);
}
.menulist p a {
	display: block;
	white-space: nowrap;
	color: #693725;
	font-weight: 100;
	padding: 3px 0px 3px 0px;
	margin: 0px 0px 0px 0px;
	border-top: 1px dotted #693725;
	line-height: 20px;
	opacity: 0.6;
	text-overflow:ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.menulist p a:hover {
	color: #42280c;
	opacity: 1;
	transition: 1.5s ease-in-out;
}

/** fancybox **/

.fancybox {
	display: block;
	background: transparent;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.fancybox img{
	border: 3px solid #fff;

}

/* Buttons */
.btn, .skiplink { display: inline-block; width: auto; background: #f2f2f2; -webkit-appearance: none; font-family: "Open Sans"; font-weight: 600; padding: 0 !important; text-align: center; margin: 0px 0 7px 0; }
.btn.medium, .skiplink.medium { font-size: 16px; font-size: 1rem; height: auto; line-height:2em; margin: 0px 0 0px 0; }

/* Tabs */
.tabs { display: block; }
.tabs .tab-nav { margin: 0; padding: 0; border-bottom: 1px solid #e5e5e5; }
.tabs .tab-nav > li { position: relative; display: inline-block; width: auto; padding: 0; margin: 0 1.66667% 0 0; cursor: default; top: 0px; }
.tabs .tab-nav > li > a { display: block; width: auto; padding: 10px 10px 10px 20px; margin: 0; color: #555555; font-family: "Open Sans"; font-weight: 600; border: 1px solid #e5e5e5; border-width: 1px 1px 0 1px; text-shadow: 0 1px 1px white; background: #f2f2f2; cursor: pointer; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -ms-border-radius: 3px 3px 0 0; -o-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; height: auto; line-height:1.4em; }
.tabs .tab-nav > li > a:hover { text-decoration: none; background: whitesmoke; }
.tabs .tab-nav > li > a:active { background: #ededed; }
.tabs .tab-nav > li.active > a { height: auto; line-height: 1.4em; background: #fff; }
.tabs .tab-nav > li:last-child { margin-right: 0; }
.tabs .tab-content { display: none; padding: 10px 10px; }
.tabs .tab-content.active { display: block; }
.tabs.pill .tab-nav { width: 100%; /* remove if you dont want the tabs to span the full container width */ display: table; overflow: hidden; border: 1px solid #e5e5e5; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.tabs.pill .tab-nav > li { display: table-cell; margin: 0; margin-left: -4px; text-align: center; top: 0; }
.tabs.pill .tab-nav > li:first-child { margin-left: 0; }
.tabs.pill .tab-nav > li > a { border: none; border-right: 1px solid #e5e5e5; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; height: auto; line-height:1.4em; }
.tabs.pill .tab-nav > li:last-child > a { border-right: none; }
.tabs.vertical .tab-nav { border: none; }
.tabs.vertical .tab-nav > li { display: block; margin: 0; margin-bottom: 3px; }
.tabs.vertical .tab-nav > li.active { position: relative; z-index: 99; }
.tabs.vertical .tab-nav > li.active > a { border-right: 1px solid white; }
.tabs.vertical .tab-nav > li > a { border: 1px solid #e5e5e5; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; -ms-border-radius: 3px 0 0 3px; -o-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; }
.tabs.vertical .tab-content { padding: 0px 0px 0px 20px; margin-left: -1px; border-left: 1px solid #e5e5e5; }

/*=====================================================

 Drawler / Tiles / Modal / co.
 
 ======================================================*/
 
.tiles {
    display: block;
    overflow: inherit;
	padding-top: 0px;
}

.modal > .content {
    min-height: 25%;
}

.field input[type="search"] {
    border: 1px solid #DDDDDD;
    border-radius: 5px;
    box-shadow: none;
    font-family: "Open Sans";
    font-size: 1rem;
    font-weight: 300;
    margin: 0;
    max-width: 100%;
    outline: medium none;
    padding: 10px;
    resize: none;
    width: 100%;
}

/*=====================================================

 Navigation (with dropdowns)
 
 ======================================================*/
 
.navbar.fixed {
    z-index: 999;
	width: 100%;
	max-width: none;
}
 
.navbar {
	margin-bottom: 0px;
	max-width: 1400px;
	margin: 0 auto;
}
.navbar form {
	margin: 0px !important;
}
.navbar ul {
    display: block;
    vertical-align: middle;
    margin: 0;
    float: none;
}

.navbar ul li {
	text-align: center;
	line-height: 60px;
	height: auto;
	border-left:1px solid #42280c;
}
@media only screen and (max-width: 767px) {
	.navbar ul li { text-align: left; }
}
.navbar ul li.field input.search {
	background: #fff;
	border: none;
	color: #693725;
}
.navbar ul li:hover > a {
	position: relative;
	background: #42280c;
	z-index: 1000;
}
.navbar ul li > a {
	display: block;
	padding: 0 15px;
	white-space: nowrap;
	color: #ddd;
	height: 60px;
	line-height: 60px;
	font-size: 110%;
	font-weight:700;
	text-shadow:none !important;
	margin: 0px 0 0 0;
}
.gumby-no-touch .navbar ul li:hover > a, .gumby-touch .navbar ul li.active > a { position: relative; background: rgba(255, 255, 255 , 1); z-index: 1000; }

.navbar ul li > a:hover, .navbar ul li > a.current {
	color: #85bc21;
	text-shadow:none !important;
	background: rgba(255, 255, 255 , 0.5)
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
	-moz-box-shadow:    inset 0 0px 0px #42280c;
	-webkit-box-shadow: inset 0 0px 0px #42280c;
	box-shadow:         inset 0 0px 0px #42280c;
}
.navbar ul li .dropdown {
	background: rgba(255, 255, 255 , 0.5);
	border-top: 0px solid transparent;
    max-width: 640px;
    z-index: 999;
	-webkit-box-shadow: inset 0px -10px 20px 0px rgba(66,40,12,1);
	-moz-box-shadow: inset 0px -10px 20px 0px rgba(66,40,12,1);
	box-shadow: inset 0px -10px 20px 0px rgba(66,40,12,1);
}
@media only screen and (max-width: 767px) {
	.navbar ul li .dropdown { max-width: 767px; }
}
.gumby-no-touch .navbar ul li:hover .dropdown, .gumby-touch .navbar ul li.active .dropdown { border-top: 0px solid #000; }

.navbar ul li .dropdown ul {
	display:block;
	padding: 10px 10px 10px 10px;
	margin: 0;
}
.navbar li .dropdown ul > li {
	overflow:hidden;
	padding: 0 0px;
	max-width:310px;
	border-left:0px solid #42280c;
}
.navbar li .dropdown ul > li a {
	display: block;
	margin: 0 10px;
	padding: 0 0px;
	color: #693725;
	border-bottom: 1px dotted #693725;
	text-shadow: none;
	height: 35px;
	line-height: 35px;
	font-size:110%;
	font-weight:100;
	opacity:0.6;
}
.navbar li .dropdown ul li a:hover {
	color: #C03D20;
	background: transparent;
	-moz-box-shadow:    inset 0 0px 0px #42280c;
	-webkit-box-shadow: inset 0 0px 0px #42280c;
	box-shadow:         inset 0 0px 0px #42280c;
	opacity:1;
}
.navbar ul li:hover .dropdown {
	background:#fff;
	min-height: 0px;
	max-height: 720px;
	border-top: 0px solid #000;
}
.navbar ul li:hover .dropdown ul {
	min-height: 35px;
	max-height: 720px;
	height: auto;
	overflow: hidden;
}
.gumby-no-touch .navbar li .dropdown ul li a:hover { background: transparent; }

/******** Pretty Navbar Styles *********/

.pretty.navbar {
	min-height:60px;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #693725), color-stop(100%, #42280c));
	background-image: -webkit-linear-gradient(#693725, #42280c);
	background-image: -moz-linear-gradient(#693725, #42280c);
	background-image: -o-linear-gradient(#693725, #42280c);
	background-image: linear-gradient(#693725, #42280c);
	-webkit-box-shadow: inset 0 0px 0px #693725, 0 0px 10px rgba(0, 0, 0, 0.5) !important; /* Remove this line if you dont want a dropshadow on your navigation*/
	box-shadow: inset 0 0px 0px #693725, 0 0px 3px rgba(0, 0, 0, 0.5) !important; /* Remove this line if you dont want a dropshadow on your navigation*/
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}

.navbar ul li:hover .dropdown {
	border-top: 0px solid #693725;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
/* Navigation breadcrumb */

.pretty.navbar ul li.field input.search {
	background:#fff;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #191a1b), color-stop(100%, #4f5255));
	background-image: -webkit-linear-gradient(#eee, #ddd);
	background-image: -moz-linear-gradient(#eee, #ddd);
	background-image: -o-linear-gradient(#eee, #ddd);
	background-image: linear-gradient(#eee, #ddd);
	border: none;
	-moz-box-shadow:    inset 0 1px 5px #693725 !important;
	-webkit-box-shadow: inset 0 1px 5px #693725 !important;
	box-shadow:         inset 0 1px 5px #693725 !important;
}
.field .input.search {
	height: 36px;
	line-height: 34px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
/* Drawer */

.drawer {
	background: url(../_ci/transparenz-w-25.png) center center repeat;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	padding:0px;
}
.drawer.active {
	max-height: 1200px;
}
/* Navigation Page */

.pagenavi {
	display: block;
	line-height: inherit;
	margin: 15px auto 10px auto;
	text-align: inherit;
}
/* Navigation breadcrumb */

.breadcrumb {
	transition: 1.5s ease-in-out;
	color: #fff;
	display: block;
	font-size: 90%;
	line-height: inherit;
	margin: 5px auto 5px auto;
	opacity: 0.5;
	padding: 15px 0;
	text-align: inherit;
	border-bottom: 0px solid #FFFFFF;
	font-weight:100;
}
.breadcrumb:hover {
	opacity: 0.8;
	transition: 1.0s ease-in-out;
}
.breadcrumb span {
	display: none;
}
.breadcrumb p {
	display: block;
	float: none;
	margin: 0 0px 0 0px;
	text-align: inherit;
	padding: 0;
	line-height:inherit;
}
.breadcrumb ul {
	clear: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: inherit;
	width: auto;
}
.breadcrumb ul li {
	clear: none;
	color: #eee;
	display: inline;
	list-style: none outside none;
	margin: 0px;
	margin-right:10px;
	line-height:inherit;
	font-weight: 100;
}
.breadcrumb ul li:hover {
}

/* color option 85BC21 */
.breadcrumb ul li a {
	border-radius: 3px 3px 3px 3px;
	box-shadow: 0 0 1px #666666;
	color: #eee;
	font-weight: 100;
	padding: 3px 7px;
}
.breadcrumb ul li a:hover {
	background-color: #85BC21;
	color: #693725;
}
/* artikelverti */

.artikelverti {
	display: block;
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	background: url(../layout/_ci/transparenz-w-25.png) repeat 0% 0%; /* Change this to suit the color theme of your site */
	line-height:normal;
	font-size: 100%;
	color:#85bc21;
}
.artikelverti:hover {
}
.artikelverti ul {
	padding:0px;
	margin: 0px;
}
.artikelverti ul li {
	opacity:0.8;
	transition: 1.5s ease-in-out;
	display: block;
	border-top: 1px solid #693725;
	border-bottom: 0px solid #693725;
	margin: 0px 0px 0px 0px;
	text-align: left;
	background:transparent;
	line-height: 1.2em;
	padding-left:0px;
	border-radius: 0px;
	box-shadow: 0 0 0px #cccccc;
	padding-top:10px;
	padding-bottom:10px;
	position:relative;
	z-index:0;
}
.artikelverti ul li:hover, .artikelverti ul li.active {
	background:transparent url(../layout/_ci/li_pfeil_000000.gif) -20px center no-repeat;
	box-shadow: 0 0 0px #cccccc;
	padding-left:0px;
	border-radius: 0px;
	border-right: 0px solid #85bc21;
	position:relative;
	z-index:1;
	opacity:1.0;
	transition: 1.5s ease-in-out;
}
.artikelverti ul li a {
	line-height: normal;
	color:#693725;
}
.artikelverti ul li a:hover, .artikelverti ul li a:hover {
	color: #85bc21;
}

/* Navigation Level#0, Level#1 + Level#2 */

#level0 { font-size:160%; }
#level1 { font-size:130%; }
#level2 { font-size:110%; }

.hori {
	color:#693725;
	width: auto;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: transparent; /* Change this to suit the color theme of your site */
}
.hori ul {
	background:transparent;
	display: block;
	width: auto;
	float: none;
	vertical-align: middle;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow: visible;
	border-bottom: 0px solid #693725;
	line-height:40px;
}
.hori ul li {
	display: inline-block;
	float: none;
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom: 0px solid #42280c;
}
.hori ul li:hover {
	border-bottom: 0px solid #85bc21;
}
.hori ul li.rex-current {
	border-bottom: 0px solid #85bc21;
}
.hori ul li.current {
	border-bottom: 0px solid #85bc21;
	opacity:0.2;
	color: #C03D20;
}
/* color option 85BC21 */
.hori ul li a {
	background:transparent;
	display: inline;
	white-space: nowrap;
	color: #693725;
	font-weight: 400;
	padding: 0px 0px 0px 0px;
	margin: 0px 10px 0px 10px;
	border-left: 0px solid #999;
	border-right: 0px solid #999;
}
.hori ul li a:hover {
	background:transparent;
	color: #C03D20;
}
.hori ul li a.rex-current, .hori ul li a.current, .hori ul li a.rex-active, .hori ul li a.active {
	background:transparent;
	color: #85bc21;
}
/* Navigation level2 */

.level2 {
	width: auto;
	display: block;
	border: 0px solid #000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	background: transparent; /* Change this to suit the color theme of your site */
}
.level2 ul {
	display: block;
	width: auto;
	float: none;
	vertical-align: middle;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	overflow: hidden;
}
.level2 ul li {
	display: inline-block;
	float: left;
	list-style-type: none;
	margin: 0px 20px 0px 0px;
	padding:5px 0px 10px 0px;
	border-bottom: 2px solid #999;
}
.level2 ul li:hover, .level2 ul li.rex-current {
	border-bottom: 2px solid #f00;
}
.level2 ul li a {
	display: inline;
	font-size:16px;
	white-space: nowrap;
	color: #333;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-left: 0px solid #999;
	border-right: 0px solid #999;
	line-height: 30px;
}
.level2 ul li a:hover, .level2 ul li a.rex-current, .level2 ul li a.rex-active {
	background: transparent;
	color: #f00;
}
/* Navigation verti */

.verti {
	width: auto;
	display: block;
	border: 0px solid #000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	background: transparent; /* Change this to suit the color theme of your site */
}
.verti ul {
	display: block;
	width: auto;
	float: none;
	vertical-align: middle;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
}
.verti ul li {
	display: block;
	list-style-type: none;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom: 1px solid #85bc21;
}
.verti ul li a {
	display: block;
	font-size:14px;
	white-space: nowrap;
	color: #85bc21;
	font-weight: normal;
	padding: 10px 10px 10px 20px;
	margin: 0px 0px 0px 0px;
	border-top: 0px solid #999;
	border-bottom: 0px solid #999;
	line-height:1.2em;
}
.verti ul li a:hover {
	padding: 10px 10px 10px 20px;
	color: #336600;
}
.verti ul li a.rex-current, .verti ul li a.current, .verti ul li a.rex-active, .verti ul li a.active {
	padding: 10px 10px 10px 20px;
	color: #ccc;
}
/* Navigation footermenu - color: #693725 */


.footermenu {
	color:#693725;
	display: block;
	font-size: 90%;
	line-height: inherit;
	margin: 0px auto 20px auto;
	padding: 20px 0 0 0;
	text-align: inherit;
	transition: 1.5s ease-in-out;
	border-bottom: 0px solid #eee;
}
.footermenu:hover {
	opacity: 1;
	transition: 1.0s ease-in-out;
}
.footermenu span {
	display: none;
}
.footermenu p {
	display: block;
	float: none;
	margin: 0 0px 0 0px;
	text-align: inherit;
	padding: 0;
	line-height:inherit;
	font-weight:100;
}
/* Navigation sitemap */

.sitemap {
	width: 100%;
	display: block;
	margin: 0px 0px 0px 0px;
	text-align: inherit;
	background: transparent; /* Change this to suit the color theme of your site */
	line-height:normal;
	font-size:100%;
}
.sitemap h4 {
	display: block;
	float: none;
	font-weight: 700;
	list-style-type: none;
	margin: 10px auto 10px auto;
	padding: 0px 0px 0px 0px;
	float: none;
	color:#693725;
}
.sitemap ul {
	display: block;
	width: 100%;
	float: none;
	vertical-align: middle;
	margin: 5px 0px 10px 0px;
}
.sitemap ul li {
	display: block;
	float: none;
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: none;
}
/* Grün 	( dunkel #336600 - hell #85bc21 ) */
/* Braun	( dunkel #42280c - hell #693725 ) */
.sitemap ul li a {
	display: block;
	white-space: nowrap;
	color: #693725;
	font-weight: 100;
	padding: 3px 0px 3px 0px;
	margin: 0px 0px 0px 0px;
	border-top: 1px dotted #693725;
	line-height: 20px;
	opacity: 0.6;
}
.sitemap ul li a:hover {
	color: #42280c;
	opacity: 1;
	transition: 1.5s ease-in-out;
}
/* Navigation footpnavbar */

.footnavbar {
	display: block;
	border:0px solid #ccc;
	margin: 5px 0px 0px 0px;
}
.footnavbar ul {
	display: block;
	float:none;
	width:100%;
	vertical-align: middle;
	margin-bottom: 0;
	overflow:hidden;
}
.footnavbar ul li {
	display: inline-block;
	list-style-type: none;
	text-align: center;
	line-height: inherit;
	font-size: inherit;
	border-top: 1px solid #ccc;
	padding:5px 0px 5px 0px;
	margin:0px 20px 0px 0px;
}
.footnavbar ul li a {
	display: inline-block;
	height: auto;
	padding:0px 0px 0px 0px;
	white-space: nowrap;
	color: #ccc;
	font-weight: normal;
}
.footnavbar ul li a:hover {
	color: #000;
	;
}
.footnavbar ul li.active, .footnavbar ul li:hover {
	color: #000;
	border-top: 1px solid #333;
}

/*=======================================================================

	FORM
 
 ========================================================================*/
 
form {
	margin: 0 0 20px;
}
form label {
	cursor: pointer;
	display: block;
	float: left;
	font-size: 100%;
	line-height: 14px;
	margin-bottom: 0;
}
form .field {
	margin-bottom: 10px;
	position: relative;
}
form dt, form div {
	margin: 0 0 10px;
	text-align: left;
}
form div.text select {
	background: -moz-linear-gradient(center top, #EEEEEE 0%, #CCCCCC 100%) repeat scroll 0 0 transparent;
	border: 1px solid #B7B7B7;
	border-radius: 4px 4px 4px 4px;
	box-shadow: 0 2px 3px #CCCCCC inset, 0 1px 0 #F4FFF6;
	float: right;
	font-size: 14px;
	outline: medium none !important;
	padding: 3px 5px;
	position: relative;
	width: auto;
}
.field .text input, .field .text input[type="search"], form textarea, .formtext input, textarea, input[type="submit"] {
	border: medium none;
	box-shadow: none;
	display: inline-block;
	font-size: 100%;
	margin: 0;
	outline: medium none;
	padding: 0;
	resize: none;
	width: 100%;
	background:transparent;
}
form textarea {
	height: 150px;
}
.field .text input[type="search"] {
}
.field .text, .field .search, .field .textarea, p.formtext, p.formtextarea {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #ccc;
	border-radius: 3px 3px 3px 3px;
	box-shadow: 0 2px 3px #CCCCCC inset, 0 1px 0 #cccccc;
	font-size: 90%;
	outline: medium none !important;
	padding: 5px 10px;
	position: relative;
}
.field .text.oval {
	border-radius: 1000px 1000px 1000px 1000px;
}
input[type="submit"] {
	background: #693725;
	display: block;
	padding: 10px 10px;
	max-width:240px;
	cursor:pointer;
	border: 1px solid #42280C;
	border-radius: 3px 3px 3px 3px;
	box-shadow: 0px 0px 3px #999;
	background: -moz-linear-gradient(top, #693725 0%, #42280C 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #693725), color-stop(100%, #42280C)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #693725 0%, #42280C 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #693725 0%, #42280C 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #693725 0%, #42280C 100%); /* IE10+ */
	background: linear-gradient(top, #693725 0%, #42280C 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#693725', endColorstr='#42280C', GradientType=0 ); /* IE6-9 */
	color:#fff !important;
	text-shadow: none !important;
}
input[type="submit"]:hover {
	background: #42280C;
	display: block;
	padding: 10px 10px;
	max-width:240px;
	cursor:pointer;
	border: 1px solid #42280C;
	border-radius: 3px 3px 3px 3px;
	box-shadow: 0px 0px 1px #999;
	background: -moz-linear-gradient(top, #42280C 0%, #693725 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #42280C), color-stop(100%, #693725)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #42280C 0%, #693725 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #42280C 0%, #693725 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #42280C 0%, #693725 100%); /* IE10+ */
	background: linear-gradient(top, #42280C 0%, #693725 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#42280C', endColorstr='#693725', GradientType=0 ); /* IE6-9 */
	color:#C03D20;
	text-shadow: none !important;
}

/*=======================================================================
	
	*** Farben ***
 
 ========================================================================*/
 
.vredbrown {
	background: rgb(100,61,20); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(100,61,20,1) 0%, rgba(86,52,16,1) 44%, rgba(66,40,12,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(100,61,20,1)), color-stop(44%, rgba(86,52,16,1)), color-stop(100%, rgba(66,40,12,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(100,61,20,1) 0%, rgba(86,52,16,1) 44%, rgba(66,40,12,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(100,61,20,1) 0%, rgba(86,52,16,1) 44%, rgba(66,40,12,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(100,61,20,1) 0%, rgba(86,52,16,1) 44%, rgba(66,40,12,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(100,61,20,1) 0%, rgba(86,52,16,1) 44%, rgba(66,40,12,1) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#693725', endColorstr='#42280c', GradientType=0 ); /* IE6-8 */
	color:#fff;
}
.vgreen {
	background:url(../_ci/ci-vlauf-green-d-h-90.png) center center repeat-x;
	background-size:cover;
}	
.vgreen-org {
	background: -moz-linear-gradient(top, #85bc21 0%, #336600 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #85bc21), color-stop(100%, #336600)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #85bc21 0%, #336600 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #85bc21 0%, #336600 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #85bc21 0%, #336600 100%); /* IE10+ */
	background: linear-gradient(top, #85bc21 0%, #336600 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#85bc21', endColorstr='#336600', GradientType=0 ); /* IE6-9 */
}
.vgrau {
	background: -moz-linear-gradient(top, #eeeeee 0%, #dddddd 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #dddddd)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #eeeeee 0%, #dddddd 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #eeeeee 0%, #dddddd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #eeeeee 0%, #dddddd 100%); /* IE10+ */
	background: linear-gradient(top, #eeeeee 0%, #dddddd 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dddddd', GradientType=0 ); /* IE6-9 */
	color:#444;
}
.vweiss {
	background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* IE10+ */
	background: linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0 ); /* IE6-9 */
	color:#444;
}
/*=======================================================================
	
	*** FX ***
 
 ========================================================================*/
 
 
.searchresults {
    clear: both;
    display: block;
    margin:40px 0 50px 0;
    padding: 0;
}
.searchresults li {
    background: none no-repeat scroll left center rgba(0, 0, 0, 0);
    border-bottom: 1px solid #693725;
    border-top: 1px solid #693725;
    clear: both;
    display: block;
    margin: -1px 0;
    padding: 10px 0;
}
.searchresults span a {
    color: #C03D20;
    font-size: 360%;
    line-height: normal;
}
.searchresults span a:hover, .searchresults span a:hover {
    color: #693725;
}
 
 
 /* Trigger - Aufklappen */
 
.trigger {
    background: url("../_ci/nav-icon-bottom-black.png") no-repeat scroll right center rgba(0, 0, 0, 0);
    border-top: 1px dotted #693725;
    color: #C03D20;
    cursor: s-resize;
    display: block;
    margin: 0;
    opacity: 0.8;
    padding: 10px 50px 10px 0;
    text-align: left;
}
.trigger:hover {
    background: url("../_ci/nav-icon-left-black.png") no-repeat scroll right center rgba(0, 0, 0, 0);
    color: #000000;
    opacity: 1;
}
.trigger_active {
    background: url("../_ci/nav-icon-top-black.png") no-repeat scroll right center rgba(0, 0, 0, 0);
    color: #C03D20;
    cursor: n-resize;
    display: block;
    opacity: 0.4;
    text-align: left;
}

.toggle_container {
	margin:0;
	padding: 10px 0 10px 0;
	text-align:left !important;
}
.toggle_container p { text-align:left !important; }
 /* Paddingbox */
 
.clear {
	margin:0 !important;
	padding:0 !important;
	float:none;
	clear:both;
	overflow:hidden;
}
.space30 {
	margin:0 auto !important;
	padding:0 !important;
	float:none;
	clear:both;
	overflow:hidden;
	height:30px;
}
.space60 {
	margin:0 !important;
	padding:0 !important;
	float:none;
	clear:both;
	overflow:hidden;
	height:60px;
}
i.icon-none {
	display:none !important;
}
i[class^="icon-"]:before {
 margin-left:;
 margin-right:;
}
.companytitle {
	font-weight: 700;
	text-transform:none;
	font-size:240%;
	margin-top:20px;
	margin-bottom: 20px;
	color:#fff;
	line-height:1.3em;
}
.pagetitle {
	color:#693725;
	font-weight: 700;
	text-transform:none;
	line-height:inherit;
	margin:20px auto 20px auto;
}
.subline {
	font-family: 'Molle', cursive;
	font-style: italic;
	font-weight: 400;
	text-transform:none;
	color:#fff;
}
.content img {
	border: 5px solid #FFFFFF;
	-webkit-border-radius: 3px 3px;
	-moz-border-radius: 3px 3px;
	-ms-border-radius: 3px 3px;
	-o-border-radius: 3px 3px;
	border-radius: 3px 3px;
	-moz-box-shadow:    0px 0px 5px #444;
	-webkit-box-shadow: 0px 0px 5px #444;
	box-shadow:         0px 0px 5px #444;
}
.line-50 {
	line-height: 50px;
}
 /* #85bc21 - #693725 */
.trenner-1-t {
	border-top: 1px solid #693725; 
}
.trenner-1-b {
	border-bottom: 1px solid #693725;
}
.trenner-2-t {
	border-top: 2px solid #693725;
}
.trenner-2-b {
	border-bottom: 1px solid #693725;
}
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}
.text-center {
	text-align: center;
}
.blink a {
	text-decoration: blink;
	color:#C00 !important;
}
.blink a:hover, .blink a.active {
	text-decoration: none !important;
}
.paddingbox {
	background: url(../_ci/transparenz-w-25.png) center center repeat;
	display: inline-block;
	padding: 0px 10px;
}
.searchpaddingbox {
	display:block;
	margin: 0 10px;
}
.rounded {
	-webkit-border-radius: 3px 3px;
	-moz-border-radius: 3px 3px;
	-ms-border-radius: 3px 3px;
	-o-border-radius: 3px 3px;
	border-radius: 3px 3px;
}
.transition {
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
.shadow {
	-moz-box-shadow:    0px 0px 5px #999;
	-webkit-box-shadow: 0px 0px 5px #999;
	box-shadow:         0px 0px 5px #999;
}
.shadow-hard {
	-moz-box-shadow:    0px 0px 15px #444;
	-webkit-box-shadow: 0px 0px 15px #444;
	box-shadow:         0px 0px 15px #444;
}
.object-shadow {
	-webkit-box-shadow: 0 11px 10px -11px #333;
	-moz-box-shadow: 0 11px 10px -11px #333;
	box-shadow: 0 11px 10px -11px #333;
}
.shadow-inset {
	-moz-box-shadow:    inset 0 5px 5px #999;
	-webkit-box-shadow: inset 0 5px 5px #999;
	box-shadow:         inset 0 5px 5px #999;
}
.perspektive {
	-moz-transform: scale(1) rotate(-5deg) translateX(0px) translateY(0px) skewX(-5deg) skewY(0deg);
	-webkit-transform: scale(1) rotate(-5deg) translateX(0px) translateY(0px) skewX(-5deg) skewY(0deg);
	-o-transform: scale(1) rotate(-5deg) translateX(0px) translateY(0px) skewX(-5deg) skewY(0deg);
	-ms-transform: scale(1) rotate(-5deg) translateX(0px) translateY(0px) skewX(-5deg) skewY(0deg);
	transform: scale(1) rotate(-5deg) translateX(0px) translateY(0px) skewX(-5deg) skewY(0deg);
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
.perspektive:hover {
	-moz-transform: scale(1.6) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-webkit-transform: scale(1.6) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-o-transform: scale(1.6) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-ms-transform: scale(1.6) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	transform: scale(1.6) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	z-index:1000;
}
.rotate-90 {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.rotate1 {
	-moz-transform:rotate(1deg);
	-webkit-transform:rotate(1deg);
	-o-transform:rotate(1deg);
	transform:rotate(1deg);
}
.rotate3 {
	-moz-transform:rotate(3deg);
	-webkit-transform:rotate(3deg);
	-o-transform:rotate(3deg);
	transform:rotate(3deg);
}
.rotate5 {
	-moz-transform:rotate(5deg);
	-webkit-transform:rotate(5deg);
	-o-transform:rotate(5deg);
	transform:rotate(5deg);
}
.rotate7 {
	-moz-transform:rotate(7deg);
	-webkit-transform:rotate(7deg);
	-o-transform:rotate(7deg);
	transform:rotate(7deg);
}
.rotate-1 {
	-moz-transform:rotate(-1deg);
	-webkit-transform:rotate(-1deg);
	-o-transform:rotate(-1deg);
	transform:rotate(-1deg);
}
.rotate-3 {
	-moz-transform:rotate(-3deg);
	-webkit-transform:rotate(-3deg);
	-o-transform:rotate(-3deg);
	transform:rotate(-3deg);
}
.rotate-5 {
	-moz-transform:rotate(-5deg);
	-webkit-transform:rotate(-5deg);
	-o-transform:rotate(-5deg);
	transform:rotate(-5deg);
}
.rotate-7 {
	-moz-transform:rotate(-7deg);
	-webkit-transform:rotate(-7deg);
	-o-transform:rotate(-7deg);
	transform:rotate(-7deg);
}
.rotate1:hover, .rotate3:hover, .rotate5:hover, .rotate7:hover, .rotate-1:hover, .rotate-3:hover, .rotate-5:hover, .rotate-7:hover {
	-moz-transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	transform:rotate(0deg);
}

/*=======================================================================
	
	*** MEDIA (max-width: 767px) ***
 
 ========================================================================*/
 
/* Grün 	( dunkel #336600 - hell #85bc21 ) */
/* Braun	( dunkel #693725 - hell #42280c ) */
/* Orange 	( dunkel #C03D20 ) */

@media only screen and (max-width: 767px) {
	 
body {
	text-align:center !important;
}
.text-left {
	text-align: center;
}
.text-right {
	text-align: center;
}
.artikelverti {
	display: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
ul, ol, dl, p {
	text-align: center;
}
.companytitle {
	font-weight: 700;
	text-transform:none;
	font-size:240%;
	margin-bottom:20px;
	color:#fff;
}
	 
.navbar ul {
	background: #42280c;
	top:59px;
}
.navbar ul.active {
    max-height: 1200px;
}

.navbar.pretty a.toggle {
	color:#C03D20;
	border: 1px solid #000;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #42280c), color-stop(100%, #693725));
	background-image: -webkit-linear-gradient(#42280c, #693725);
	background-image: -moz-linear-gradient(#42280c, #693725);
	background-image: -o-linear-gradient(#42280c, #693725);
	background-image: linear-gradient(#42280c, #693725);
	-webkit-box-shadow: inset 0 1px 2px #42280c, inset 0 -1px 1px #42280c, inset 1px 0 1px #42280c, inset -1px 0 1px #42280c, 0 1px 1px #42280c;
	-moz-box-shadow: inset 0 1px 2px #42280c, inset 0 -1px 1px #42280c, inset 1px 0 1px #42280c, inset -1px 0 1px #42280c, 0 1px 1px #42280c;
	box-shadow: inset 0 1px 2px #42280c, inset 0 -1px 1px #42280c, inset 1px 0 1px #42280c, inset -1px 0 1px #42280c, 0 1px 1px #42280c;
}
.navbar.pretty a.toggle i {
	text-shadow: 0 1px 1px #42280c;
}
.navbar.pretty a.toggle:hover {
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #693725), color-stop(100%, #42280c));
	background-image: -webkit-linear-gradient(#693725, #42280c);
	background-image: -moz-linear-gradient(#693725, #42280c);
	background-image: -o-linear-gradient(#693725, #42280c);
	background-image: linear-gradient(#693725, #42280c);
}
.navbar.pretty a.toggle:active, .navbar.pretty a.toggle.active {
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #693725), color-stop(100%, #42280c));
	background-image: -webkit-linear-gradient(#693725, #42280c);
	background-image: -moz-linear-gradient(#693725, #42280c);
	background-image: -o-linear-gradient(#693725, #42280c);
	background-image: linear-gradient(#693725, #42280c);
	-webkit-box-shadow: 0 1px 1px #42280c;
	-moz-box-shadow: 0 1px 1px #42280c;
	box-shadow: 0 1px 1px #42280c;
}

.navbar ul li:hover .dropdown { border-bottom: 0px solid #42280c; }
.navbar ul li:hover .dropdown ul { background: #693725; }
.navbar ul li:hover .dropdown ul li { background:transparent; min-height: 35px; border-bottom: #3e4043; max-width:100%; }
.navbar ul li:hover .dropdown ul li a { color: #fff; border-bottom: 0px solid #693725; }
.navbar ul li:hover .dropdown ul li a:hover { background:transparent; color: #C03D20; }


}

@media only screen and (max-width: 320px) {
	
	.companytitle {
	font-weight: 400;
	text-transform:none;
	font-size:130%;
	margin-bottom:20px;
	color:#fff;
	}

}
/* Smartphones (portrait and landscape) ------
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) { ----- */
	
 @media only screen and (max-width: 480px) {
/* Styles */

.companytitle {
	font-weight: 700;
	text-transform:none;
	font-size:160%;
	margin-bottom:20px;
	color:#fff;
}
	

}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
/* Styles */
.companytitle {
	font-weight: 700;
	text-transform:none;
	font-size:100%;
	margin-bottom:20px;
	color:#fff;
}
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Styles */
.navbar ul li .dropdown {
	max-width: 940px;
	background:#FF0 !important;
}
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}


/*=======================================================================
	
	*** END ***
 
 ========================================================================*/