/*
Farben:

Text: #333
topnav: Links: #989dc7 border-color: #e3e5d6 hover:#efefef
leftnav: gruene Links: #7a921b; graue Links: #41464c;
h1: #9d9c96;
highlights orange: #ec6104;

*/


@import url(https://fonts.googleapis.com/css?family=Pompiere);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,300,400,700);

@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.0.3');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}


body {
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	font-weight:400;
	line-height:20px;		
	color:#333;

/*grauer HG
background: rgb(237,235,225);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2VkZWJlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZWNkYzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(237,235,225,1) 1%, rgba(206,205,196,1) 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(237,235,225,1)), color-stop(100%,rgba(206,205,196,1)));
background: -webkit-linear-gradient(top,  rgba(237,235,225,1) 1%,rgba(206,205,196,1) 100%); 
background: -o-linear-gradient(top,  rgba(237,235,225,1) 1%,rgba(206,205,196,1) 100%); 
background: -ms-linear-gradient(top,  rgba(237,235,225,1) 1%,rgba(206,205,196,1) 100%); 
background: linear-gradient(to bottom,  rgba(237,235,225,1) 1%,rgba(206,205,196,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edebe1', endColorstr='#cecdc4',GradientType=0 ); 
*/

background-color: rgb(253,188,42); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxNCUiIHN0b3AtY29sb3I9IiNmZGRmOWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmRiYzJhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top,  rgba(253,223,156,1) 14%, rgba(253,188,42,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(14%,rgba(253,223,156,1)), color-stop(100%,rgba(253,188,42,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(253,223,156,1) 14%,rgba(253,188,42,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(253,223,156,1) 14%,rgba(253,188,42,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(253,223,156,1) 14%,rgba(253,188,42,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(253,223,156,1) 14%,rgba(253,188,42,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fddf9c', endColorstr='#fdbc2a',GradientType=0 ); /* IE6-8 */
background-color: rgb(253,188,42);

background-repeat:no-repeat;
background-size:100% 1000px;
}

.span6{
	width:50%;
}


.img_resp {
    max-width: 100% !important;
    height: auto;
}

.img_45 {
    max-width: 45% !important;
    height: auto;
}

.einzelbild{
	border: 1px solid #fff;
	-webkit-box-shadow: -1px 0px 2px rgba(0,0,0,0.2), 1px 1px 2px rgba(0,0,0,0.2); 
	-moz-box-shadow: -1px 0px 2px rgba(0,0,0,0.2), 1px 1px 2px rgba(0,0,0,0.2); 
	-o-box-shadow: -1px 0px 2px rgba(0,0,0,0.2), 1px 1px 2px rgba(0,0,0,0.2);
	box-shadow: -1px 0px 2px rgba(0,0,0,0.2), 1px 1px 2px rgba(0,0,0,0.2);
}

.round{
	border-radius: 100px;
}

img.pull-right {
	margin-left:20px;
}

h1, .componentheading{
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
	font-size:1.3em;
	color:#9d9c96;
	margin-top:0;
}

h2, .easy_title {
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	font-size:1.3em;
	margin-top:0;
}

h3, .easy_big {
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
	font-size:1em;
	color: #7a921b;

}


.page-header{
	margin:0;
}

em {
	font-style:italic;
	color:#7a921b;	
}

strong{
	font-weight:700;
	color:#9d9c96;
}

.gruen{color:#7a921b;}

.orange{color:#ec6104;}


a.textlink{
	font-style:italic;
	color:#7a921b;
	text-decoration: underline !important;
}

a.textlink:after, .menu_internelinks>li>a:after
{ 
	font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
	content:" \f101";
	text-decoration: none !important;
}


.textlink:hover{
	font-style:italic;
	color:#ec6104;
}


.btn{
	display: inline-block;
	padding: 5px 14px;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 15px;
}

.btn:hover, .btn:focus{
	text-decoration: none;
	background-color: #eee;	
}

.logo {
	font-family: 'Pompiere';
	font-size:3em;
	font-weight:bold;
	line-height:1em;
	margin-top:20px;
	color:#c6cbf6;
	text-shadow: 0px 1px 0px rgba(255,255,255,0.7), 0px -1px 0px rgba(0,0,0,0.7);	
}

.container {

	background-image:#fff;
	background-image:url(../bilder/hg_trans.png);

	background-image: rgb(255,255,255); 
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjY2NjY2NjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background-image: -moz-radial-gradient(left, ellipse cover,  rgba(255,255,255,1) 0%, rgba(204,204,204,0.3) 100%), -moz-radial-gradient(center, ellipse closest-side,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%),  -moz-radial-gradient(bottom, ellipse closest-side,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background-image: -webkit-gradient(radial, left top, 0px, left top, 100%, color-stop(0%,rgba(255,255,255,0.3)), color-stop(100%,rgba(204,204,204,1))), -webkit-gradient(radial closest-side, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))), -webkit-gradient(radial closest-side, left bottom, 0px, left bottom, 100%, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background-image: -webkit-radial-gradient(left, ellipse cover,  rgba(255,255,255,1) 0%,rgba(204,204,204,0.3) 100%), -webkit-radial-gradient(center, ellipse closest-side,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%), -webkit-radial-gradient(left, ellipse closest-side,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background-image: -o-radial-gradient(left, ellipse cover,  rgba(255,255,255,1) 0%,rgba(204,204,204,0.3) 100%), -o-radial-gradient(center, ellipse closest-side,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%), -o-radial-gradient(left, ellipse closest-side,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Opera 12+ */
	background-image: -ms-radial-gradient(left, ellipse cover,  rgba(255,255,255,1) 0%,rgba(204,204,204,0.3) 100%), -ms-radial-gradient(center, ellipse closest-side,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%), -ms-radial-gradient(left, ellipse closest-side,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
	background-image: radial-gradient(ellipse at left top,  rgba(255,255,255,1) 0%,rgba(204,204,204,0.3) 100%), radial-gradient(ellipse closest-side at center,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%), radial-gradient(ellipse closest-side, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */


	background-size: 100% 100%, 30% 30%, 50% 50%;

	background-repeat:no-repeat;

	background-position: left top, center 300px, -50% 400px;

	-webkit-box-shadow: -1px 0px 2px rgba(0,0,0,0.1), 1px 1px 2px rgba(0,0,0,0.1); 
	-moz-box-shadow: -1px 0px 2px rgba(0,0,0,0.1), 1px 1px 2px rgba(0,0,0,0.1); 
	-o-box-shadow: -1px 0px 2px rgba(0,0,0,0.1), 1px 1px 2px rgba(0,0,0,0.1);
	box-shadow: -1px 0px 2px rgba(0,0,0,0.1), 1px 1px 2px rgba(0,0,0,0.1);
	max-width:1200px;
}

ul li {	
	list-style:none;
}

ul.service {
	padding-left:0;
}

.shadow {
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.5); 
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.5); 
	-o-box-shadow: 0px 1px 2px rgba(0,0,0,0.5);
	box-shadow: 0px 1px 2px rgba(0,0,0,0.5);
}

.zitatstil{
	margin-bottom:15px;
}

.custom_zitat {
	font-style: italic;
	font-weight: 400;
	text-align: center;	
}


td p{
	margin:0 0 0px;
}

#vita tr td{
	vertical-align:top;
}

#vita tr td:first-child{
	margin-right: 20px;
	width:100px;
}

.custom_zeile{
	padding:0 20px 0;
}

.blog, .items-leading{
	padding:1em;
}

.item-page{
	padding:2em;
}

.teaser {
	background: rgba(255,255,255,0.7);
	border-top:1px solid #e3e5d6;
	border-bottom:1px solid #e3e5d6;	
}

.teaserblock {
	background: rgba(255,255,255,0.7);
	border-top:1px solid #e3e5d6;
	border-bottom:1px solid #e3e5d6;
	padding-bottom:1em;
	margin-top:20px;
}

/*.leading-0 {
	width:50%;
	float:left;
	padding-left:10px;
}*/

/* --Navi oben-----------*/

.navbar {
	margin-top:15px;
	max-height:40px;
	border-radius: 0;	
	background-color: #fff;	
	/*
	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.5); 
	-moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.5); 
	-o-box-shadow: inset 0 0 3px rgba(0,0,0,0.5); 
	box-shadow: inset 0 0 3px rgba(0,0,0,0.5);
	border-bottom-left-radius: 30px;
	border-top-left-radius: 30px;
	*/
	border-top:1px solid #CECDC4!important;
	border-bottom:1px solid #CECDC4!important;
}

.navbar-default .navbar-brand {
	font-weight: 400;
	color:#41464c;
	font-size:18px;
}

.navbar-default{
	border-color: transparent;
}

.navbar-brand {
	padding-top:13px;
}

.navbar-default .navbar-brand:hover{
	color:#ec6104 !important;
	background-color: #efefef !important;
}

ul.menu_contact{
	width:93px;
	height:50px;
	float:left;
}

.menu_contact>li>a{
	padding:14px 15px;
}

.menu_topnav{
	float:right;
	margin-right:10px;
}

.topnav {		
	height:50px;
	border-radius: 0;	
	background-color: transparent;	
	margin:0 auto;
	padding:0;
	float:right;
	}

.topnav li{
	background-color: #fff;	
	height:44px;
	float: left;
	padding:0;
	margin-left:2px;
	}

.topnav li a{
	font-weight: 400;
	color:#41464c;
	text-decoration:none;
	font-size:18px;
	padding:15px 5px 13px;
	}

.topnav li a:hover{
	background-color: #efefef;
	}

.topnav li a:hover{
	color: #ec6104;	
	}

.glyphicon{
	text-shadow: 1px 1px 1px rgba(255,255,255,0.7);
	display:none;
}

/*---------Sprachauswahl-----------------*/

.mod-languages{
float:right;
margin-top:5px;
}



/* --Navi links-----------*/

ul.menu_leftnav{
	margin:0;
	padding:0;
}


.menu_leftnav li a{	
	text-align:right;				
}

.menu_leftnav>li>a:hover, .menu_leftnav>li>a:focus{
	background-color:#fff!important;
	border-bottom:1px solid #CECDC4!important;
}

, .menu_leftnav li.active a{
	background-color:#fff;
	border-bottom:1px solid #CECDC4!important;
}

.gross{
	font-family:'Pompiere';
	font-size:2em;
	color:#7a921b;
	border-bottom:1px solid #CECDC4!important;
	margin-bottom:15px;
}

.klein{
	font-family: 'Pompiere';
	font-size:1.6em;
	margin-top:0px;
	margin-bottom:0px;
	color:#41464c;
	border-bottom:1px solid rgba(255,255,255,0)!important;
}

.gross:hover{	
	color: #ec6104;
}

.klein:hover{
	color: #ec6104;
}

/* --Footer-----------*/

footer{margin-bottom:100px;}

.footernav {
	background-color: rgba(255,255,255,0.5);	
	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.5); 
	-moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.5); 
	-o-box-shadow: inset 0 0 3px rgba(0,0,0,0.5); 
	box-shadow: inset 0 0 3px rgba(0,0,0,0.5);
	border-radius: 30px;
	color:#41464c;
	height:30px;
	margin:30px 0;	

}

.menu_footer{
	width:100%;
	margin-top:2px;
}

.menu_footer li{
	background-color: #fff;	
	height:26px;
	float: left;	
	}

.menu_footer>li>a {
	font-weight: 300;
	color:#7a921b;
	text-decoration:none;	
	padding: 4px 5px 2px 5px;
	}

.menu_footer>li>a:hover, .menu_footer>li>a:focus
	{
	background-color: #efefef;
	color: #ec6104;
	}


/* --Interne Links Navigation Block 2-----------*/

.menu_internelinks{
	background-color: rgba(255,255,255,0);
}

.menu_internelinks li{
	height:26px;	
	}

.menu_internelinks>li>a{
	font-weight: 400;
	color:#7a921b;
	text-decoration:none;	
	padding: 4px 5px 2px 5px;
	}

.menu_internelinks>li>a:hover, .menu_internelinks>li>a:focus
{
	background-color: #fff;
	color: #ec6104;
	}


/* --Slider-----------*/

.sliderbox {
	padding-right: 0;
	padding-left: 0;	
}

.flexslider.position-nav-bottom .flex-control-nav {
bottom: 0px;
}


/* --Spalten Layout-----------*/


.linkespalte{
	padding-left:0;
}

.rechtespalte{
	padding-left:0;
}


/* --Simple Image Gallery-----------*/

ul.sigProClassic li.sigProThumb a.sigProLink img.sigProImg {
    max-width: 100% !important;
    width: 100% !important;
    height: auto !important;
}

ul.sigProPolaroids li.sigProThumb {
margin: 20px 0 27px 20px;
padding: 10px;
}

ul.sigProPolaroids{
	margin:0 !important;
	padding:0 !important;
}

.row-fluid div{
	float:left;
	padding:10px;
}

.icons{display:none;}

ul.sigProClassic li.sigProThumb a.sigProLink span.sigProPseudoCaption {
background: #fff;
}

ul.sigProClassic li.sigProThumb a.sigProLink:hover span.sigProPseudoCaption {
background: #ec6104;
}

ul.sigProClassic span.sigProPseudoCaption, ul.sigProClassic span.sigProCaption {
font-family: 'Open Sans', sans-serif;
}

ul.sigProClassic li.sigProThumb a.sigProLink {
color: #222;
}

ul.sigProClassic li.sigProThumb a.sigProLink:hover {
color: #eee;
}

div.pp_default .pp_description {
font-family: 'Open Sans', sans-serif;
font-size:1em;
font-weight:400;
line-height: 1.2em;
margin: 5px 50px 5px 100px;
}

div.pp_default .pp_close {
margin-right:0px;
float:left;
top: 0px;
}

div.pp_default .pp_nav {
width: 90px;
}

div.pp_default .pp_nav .currentTextHolder {
font-family: 'Open Sans', sans-serif;
font-style: italic;
color: #999;
font-size: 1em;
left: 0px;
line-height: 1.2em;
position: absolute;
top: 42px;
margin: 0;
padding: 0;
}

.pp_social {
margin-left: 0px;
}

.fullResImage{
	width:60% !important;
	height:60% !important;
}

/* --sigPro description-----------*/

.descr_text{
	width:50%;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}

.descr_text h3{
	margin-top:0;
}

.clear{
	clear:both;
}

strong.orange, strong.orange a{
	color:#ec6104!important;
}

strong.orange:after
{ 
	font-family: FontAwesome;
    font-style: normal;
    font-weight: bold;
	content:" \f101";
	text-decoration: none !important;
}

a.pp_expand {display:none !important;}

/* --Phoca Gallery-----------*/

.lightBox{
	width:960px;
}

.image-browser-thumb-box{
	width:55px !important;
}

.image-browser-active{
	width:57px  !important;
	height:57px  !important;
	border-color:#ec6104  !important;
}

div.mosaic a img{
	border:2px solid #fff  !important;
}

div.mosaic a img:hover{
	border:2px solid #ec6104  !important;
}

/* --Guestbook-----------*/

#easybook{margin:20px;}

/* --Media Queries-----------*/

@media (max-width: 1000px) {

.span6{
	width:100%;
}

.menu_topnav>li>a, .navbar-default .navbar-brand{
	font-size:14px;
}

}



@media (max-width: 767px) {

	.menu_footer{
		margin-left:30px;
	}	
	
}
