@import url(https://fonts.googleapis.com/css?family=Oswald:400,300,700);




*{
	margin: 0px;
	padding: 0px;
}

html {height: 101%;}



header, main, footer, section, aside, nav, article { display: block;}



body {
	font-size: 18px;
	/*font-family: Verdana, Geneva, sans-serif;*/
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	letter-spacing: 0.05em;
	color: #6d5e51;
	
}

.responsive-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.responsive-video {
position: relative;
padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
padding-top: 0px;
height: 0;
overflow: hidden;
}

.ulmercontainer {
	background-color: transparent !important;
	display: flex;
	max-width: 1200px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-size: 1em;
	clear: both;
	padding: 0px;	/*border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #F0C058;*/
	/*background-image: url(../images_2016/hg_container.png);
	background-repeat: repeat-y;
	background-position: left top;*/
}


header {
	display: flex;
	max-width: 1200px;
	color: #6d5e51;
	margin: 0px;
	background-color: transparent !important;
	padding: 0px;
	/*border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #F8F7F6;
	border-left-color: #F8F7F6;*/
	background-image: url(../images_2016/hg_pixel_transparent_50weiss.png);
}

.infocontainermobile {
	max-width: 1200px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #F0C058;
	

}



.adresszeile {
	display: flex;
	background-color: #F0C058;
	padding: 0px;
	/*border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #F8F7F6;*/
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	margin-top: 0px;
	margin-bottom: 0px;
}





.adresszeileinner {
	background-color: #F0C058;
	margin: 0px;
	/*max-height: 80px;*/
	width: 100%;
	/*border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #F8F7F6;*/
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 350px;
	}
	
footer {
	display: flex;
	background-color: transparent !important;
	padding: 0px;
	margin: 0px;
	/*border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #F8F7F6;*/

	height: 50%;
	/*background-image: url(../images_2016/hintergrund_footer.gif);
	background-repeat: repeat-y;*/
}


header, footer {
	/*background-color: transparent !important;*/
	max-width: 1200px;
	
	margin-right: auto;

	margin-left: auto;	
}


.logo {
	float: left;
	flex: 1;
	min-width: 249px;
	max-width: 249px;
	margin: 0px;
	
	padding: 0px;
	background-color: #F0C058;
}

.logo img {
	max-width: 235px;
	max-height: 210px;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;	
	}
	

	

.diaschau {
	/*float: right;*/
	flex: 2;
	background-color: transparent;
	/*display: block;*/
	
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px !important;
	margin-bottom: 0px;
	margin-left: 0px;
	
}


.diaschau img {
	margin: 0px;
	width: 100%;
	height: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: right;		
	}
	
	.cycle-slide {
	margin: 0px;
	width: 100%;
	float: right;
	
	}


.navspalte {
	flex: 1;
	float: left;
	background-color: #F0C058;
	min-width: 249px;
	max-width: 249px;
	margin: 0px !important;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	/*-webkit-transform: translate(-20px, 0px); /*Safari*/
/*-moz-transform: translate(80px, 50px);
-ms-transform: translate(80px, 50px);
-o-transform: translate(80px, 50px);
transform: translate(80px, 0px);*/
}

.navigation {
	background-color: transparent;
	padding: 0px;
	min-width: 249px;
	max-width: 249px;
	margin-top: -1px;
	margin-right: 0px;
	margin-bottom: 40px;
	margin-left: 0px;
	
}



.oeffnungszeiten {
	background-color: transparent;
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 30px;
	padding-left: 10px;	/*min-width: 250px;
	max-width: 250px;*/
}

.telefon {
	background-color: transparent;
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;	/*min-width: 250px;
	max-width: 250px;*/	
}

.swissqualiquest {
	background-color: transparent;
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;	/*min-width: 250px;
	max-width: 250px;*/	
}


#mobilenav {
	width: 100%;
	float: left;
	display: block;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	z-index: 1000;
	position: relative;
	/*border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #6d5e51;
	border-bottom-color: #6d5e51;*/
	background-color: white;
}

main {
	flex: 3;
	float: left;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: transparent !important;
	padding-top: 76px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 100px;
	/*background-image: url(../images_2016/hg_pixel_transparent_70weiss.png);*/	
}


.inhalt {
	flex: 2;
	float: left;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: transparent !important;
	padding-top: 76px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 100px;
	background-image: url(../images_2016/hg_pixel_transparent_70weiss.png);	
}

.facebook {
	max-width: 100%;

}
.facebookmobile {
	width: 100%;
	background-color: transparent;
}

.links {
	float: left;
	background-color: transparent;
	/*max-width: 350px;
	min-width: 350px;*/
	min-width: 100%;
	max-width: 100%;
	padding: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.rechts {
	float: right;
	background-color: transparent;
	min-width: 100%;
			max-width: 100%;


	/*max-width: 350px;
	min-width: 350px;*/
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	
}

.links img {
	padding: 0px;
	max-width: 100%;
	height: auto;
	display: block;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;	
	}
main img {
	margin: 0px;
	padding: 0px;
	max-width: 100%;

	height: auto;
	display: block;
	
	}



aside {
	flex: 1;
	float: left;
	
	min-width: 250px;
	color: #6d5e51;
	/*min-width: 250px;
	max-width: 250px;*/
	background-image: url(../images/hg_news.png);
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.firmenname {
	flex: 1;
	float: left;
	background-color: transparent !important;
	padding: 0px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
	
	}
	
.adresse {
	flex: 2;
	float: left;
	
	}
	
.socialmedia {
	flex: 1;
	float: left;
	text-align: right;	
	}


.update {
	float: left;
	width: 100%;
	text-align: right;
	margin: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 50px;
	padding-left: 0px;
	}
	
img {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;	
	
	
	}

/* 
-------------------------------------------------
Elemente für mobile
-------------------------------------------------*/

#headersmart {
	
	display: flex;
	-ms-flex-direction: row !important;
	-webkit-box-orient: horizontal !important;
	flex-direction: row !important;


	color: #6d5e51;
	background-color: #F0C058 !important;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.logomobile {
	/*flex: 1;*/
	padding: 0px;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}
	

.logomobile img {
	/*width: 180px !important;
	heigth: 161px !important;*/
	background-color: white;
	margin: 0px;
	padding: 0px;
	width: 100%;
	heigth: auto;

	}
	
.telefonmobile {
	float: left;
	flex: 1;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;	
	}
.oeffnungszeitenmobile {
	float: left;
	flex: 1;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
	}
	
.swissqualiquestmobile {
	float: left;
	flex: 1;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
	}
	
.telefonmobile p {
	font-size: 0.9em;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	}
	
.oeffnungszeitenmobile p {
	font-size: 0.9em;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 5px;
	
	}
.swissqualiquestmobile a:link, .swissqualiquestmobile a:visited  {
	font-size: 1em;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	font-weight: 400;
	color: black;	
	}
	
.swissqualiquestmobile a:hover, .swissqualiquestmobile a:active  {
	font-size: 1em;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	font-weight: 400;
	color: white;	
	}


/* 
-------------------------------------------------
Textformatierungen
-------------------------------------------------*/

/*pre, code, p, a {
  font-size: 0.9em;
}*/

p {
	font-size: 1.05em;
	line-height: 1.3em;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	/*text-shadow: 1px 1px #ccc;*/
}




a:link, a:visited {
	color: #6d5e51;
	background-color: transparent;
	text-decoration: underline;
	margin: 0px;
	padding: 0px;
}

a:hover, a:active {
	color: #F0C058;
}

a.hover {color:#F0C058 !important;
}

/*a:link, a:visited {
	color: #6d5e51;
	background-color: transparent;
	text-decoration: underline;
	margin: 0px;
	padding: 0px;
}

a:hover, a:active {
	color: #F0C058;
}

a.hover {color:#F0C058 !important;
}*/


h1{
	font-size: 1.4em;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	letter-spacing: 0.03em;
	line-height: normal;
}



h2 {
	font-size: 1.2em;
	font-family: 'Oswald', sans-serif;
	font-weight: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	letter-spacing: 0.03em;
	line-height: 1.5em;
	color: #6d5e51;
	padding: 0px;
}

h3 {
	font-size: 1.1em;
	font-family: 'Oswald', sans-serif;
	font-weight: normal;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding: 0px;
	letter-spacing: 0.03em;
	color: #6d5e51;
	line-height: 1.5em;
}

h4 {
	font-size: 1.1em;
	font-family: 'Oswald', sans-serif;
	font-weight: normal;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding: 0px;
	letter-spacing: 0.03em;
	color: #6d5e51;
		line-height: 1.5em;
}

h5 {
	font-size: 1.1em;
	font-family: 'Oswald', sans-serif;
	font-weight: normal;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding: 0px;
	letter-spacing: 0.03em;
	color: #6d5e51;
		line-height: 1.5em;
}

ul, li {
	padding: 0px;
	list-style-type: square;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}
li {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	/*margin-bottom: 10px;*/
	margin-left: 10px;
	margin-bottom: 20px;
}

.kompakt {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	/*margin-bottom: 10px;*/
	margin-left: 10px;
	margin-bottom: 0px !important;
    color: red;
}


aside h2 {
	font-size: 1.1em;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	letter-spacing: 0.1em;
	color: #403e3a;
	background-color: #F0C058;
	margin: 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	text-transform: uppercase;
}


/*aside p {
	font-size: 1.4em;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	padding: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 19px;
	margin-left: 0px;
	letter-spacing: 0.08em;
	color: #6d5e51;
}

aside a:link, aside a:visited {
	color: white;
	
	}
	
aside a:active, aside a:hover {
	color: #F89E00;	
	}*/


.firmenname p {

	color: #403e3a;
	}
	


.telefon a:hover, .telefon a:active

{
	color: #FFF;
} 

.telefonmobile a:hover, .telefonmobile a:active

{
	color: #FFF;
} 

 
.oeffnungszeiten a:hover, .oeffnungszeiten a:active

{
	color: #FFF;
} 

.oeffnungszeitenmobile a:hover, .oeffnungszeitenmobile a:active

{
	color: #FFF;
} 



footer p  {
	margin: 0px;
	padding: 0px;
	font-size: 0.9em;
	
}




.adresszeile h2  {
	margin: 0px;
	padding: 0px;
	font-size: 1em;
	letter-spacing: 0.05em;
	font-weight: 400;
}

.adresszeile p  {
	margin: 0px;
	padding: 0px;
	font-size: 1em;
	letter-spacing: 0.05em;	
}





.adresse a:link, adresse a:visited {
	color: #6d5e51;
	background-color: transparent;
	text-decoration: underline;
	margin: 0px;
	padding: 0px;
}

.adresse a:hover, .adresse a:active {color:#fff;}

.artundmedia a {
	font-size: 0.7em;
	color: #CCC;
}

.bold400inhalt {
	
	font-weight:400;
	color: #6d5e51;
	
	}
	
.bold700inhalt {
	
	font-weight:700;
	color: #6d5e51;
	
	}
	
hr
{
color: #6d5e51;
background-color: #6d5e51;
height: 1px;
}

.abstandunten20

{
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}


.icons {
	background-color: gainsboro !important;
	float: right;
	color: #000;
	margin: 0px !important;
	padding: 0px  !important;	
}

.shariff .mail .fa-envelope {
	font-size: 1em;
	padding: 0px !important;
	margin-top: 0px !important;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
   

}

.shariff .info .fa-info {
	display: none;
}

.shariff .theme-white .shariff-button a:link, .shariff .theme-white .shariff-button a:visited {
	background-color: #6d5e51 !important;
	color: white;
    margin: 0px !important;
	padding: 0px  !important;
}

.shariff .theme-white .shariff-button a:hover, .shariff .theme-white .shariff-button a:active {
	background-color: #F0C058 !important;
	color: #000;
    margin: 0px !important;
	padding: 0px  !important;
}

/*.shariff .article-social  {
	
		display: none;
}*/

.shariff li .fa {
    line-height: 30px;
    width: 30px;
}

.shariff .orientation-horizontal.col-1 li, .shariff .orientation-horizontal.col-2 li {
	max-width: 30px;
	min-width: 30px !important;
	margin: 0px;
	padding: 0px;    
}




/* 
-------------------------------------------------
Tabellenformatierungen
-------------------------------------------------*/


table.tabellekontakt {
	border: 1px solid #333;
	margin: 0px;
		
	
	}
.tabellekontakt tr {

	margin: 0px;
	padding: 0px;	
	
	}
	
.tabellekontakt td {
	background-color: #FFF;
	margin: 0px;
	padding: 0px;	
	
	}
	
td.formularintro {
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 5px;
	}

td.spaltelabels {
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	}
	
td.spalteinputs {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	}		
	
	
.bold400 {
	font-weight: 400;
	color: #333;	
	}
.bold700 {
	font-weight: 700;
	color: #333;	
	}
	
.kleintext {
	font-size: 0.9em;
	
	
	}

.kleintext2 {
	font-size: 0.5em;
	
	
	}

.inner {
	margin: 0px;
	padding-top: 60px;
	padding-right: 40px;
	padding-bottom: 0px;
	padding-left: 60px;
}
.reset {
	clear: both;
	margin: 0px;
	padding: 0px;
	height: 1px;
	
}
/*img {
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	border: none;*/


/* 
-------------------------------------------------
Formularformatierungen
-------------------------------------------------*/

label {
	font-weight: 400;
	margin: 0px;
	padding: 0px;	
	
	}
	
input {
	/*font-family: Verdana, Geneva, sans-serif;*/
	margin: 0px;
	padding: 5px;
	background-color: #C7C7C7;
}

textarea {
		/*font-family: Verdana, Geneva, sans-serif;*/
	margin: 0px;
	padding: 5px;
	background-color: #C7C7C7;
	
}

/* remove standard-styles */
select {
    background-color: #C7C7C7;
    border-radius: 0px !important;
    font-size: 1em;
    width: 100%;
    padding-top: 3px;
    padding-bottom: 3px;
    letter-spacing: 0.01em;
} 


.form_success {
	font-weight: 400;
	color: #3C3;
	margin: 10px;
	padding: 0px;
	}


.form_error {
	font-weight: 400;
	color: #F03;
	margin: 10px;
	padding: 0px;
	
	
	}




/* ------------------------------------------------------------------ */
/* config_general */
/* BEGIN-CSS: ALL ARTICLES (articles.tpl) */

div.dynpg_AA_row_HeadtextA {
	font-size: 1.2em;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	letter-spacing: 0.03em;
	line-height: 1.5em;
	color: #6d5e51;
	padding: 0px;
}
div.dynpg_AA_row_HeadtextB {
	font-size: 1.2em;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	letter-spacing: 0.03em;
	line-height: 1.5em;
	color: #6d5e51;
	padding: 0px;
}
div.dynpg_AA_row_DescriptionA {
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 40px;
	margin-left: 110px;
	padding: 0px;
}
div.dynpg_AA_row_DescriptionB {
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 40px;
	margin-left: 110px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

div.dynpg_AA_row_DescriptionB {
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 40px;
	margin-left: 110px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


div.dynpg_AA_row_ContentA {
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 40px;
	margin-left: 110px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

div.dynpg_AA_row_ContentB {
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 40px;
	margin-left: 110px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}




div.dynpg_AA_row_Table {}
div.dynpg_AA_row_MainA {
    clear: both;
}


div.dynpg_AA_row_Main_Col_01A img {
	padding: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 0px;
	height: 100px;
	width: 100px;	
	}
	
	
	
div.dynpg_AA_row_Main_Col_01B img {
	padding: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 0px;	
		height: 100px;
	width: 100px;
	
	}


div.dynpg_AA_row_Main_Col_01A {}
div.dynpg_AA_row_Main_Col_02A {}
div.dynpg_AA_row_Main_Col_03A {}
div.dynpg_AA_row_Main_Col_04A {}
div.dynpg_AA_row_MainB {
    clear: both;
}
div.dynpg_AA_row_Main_Col_01B {}
div.dynpg_AA_row_Main_Col_02B {}
div.dynpg_AA_row_Main_Col_03B {}
div.dynpg_AA_row_Main_Col_04B {}
div.dynpg_AA_breadcrumb_navi { }
div.dynpg_AA_breadcrumb_pages { text-align: right;  }
div.dynpg_AA_edit_mode { text-align: right; }
div.dynpg_AA_edit_mode img { border: 0; width: 20px; }
div.dynpg_AA_btnprint {
	float: right;
	font-size: 11px;
	text-align: right;
	padding-right: 10px;
	margin-top: 12px;
}

/* END-CSS: ALL ARTICLES */
/* ------------------------------------------------------------------ */


/* ------------------------------------------------------------------ */
/* BEGIN-CSS: ARTICLES (detail.tpl) */

div.dynpg_A {

	color: #6d5e51;
	
	}
div.dynpg_A_EM { border: 0 #ffaaaa dashed; }
div.dynpg_A_EM_glow { border: 0 red solid; background-color: #ffd8d8; }
div.dynpg_A_breadcrumb { cursor: default; }
div.dynpg_A_header {
	
	color: red;
	
	
	}
div.dynpg_A_header .dynpg_A_header_text {
	font-size: 18px;
	font-weight: bold;
	color: red;	
	
}
div.dynpg_A_header div.dynpg_A_header_lead {
	font-size: 12px;
	font-weight: bold;
}
div.dynpg_A_header .dynpg_A_header_date {}
div.dynpg_A_content {
	
	
	
	
	
	}
div.dynpg_A_btnprint {
	float: right;
	font-size: 11px;
	text-align: right;
	padding-right: 10px;
	margin-top: 12px;
}
div.dynpg_A_btnlink {
	float: right;
	font-size: 11px;
	text-align: right;
	padding-right: 10px;
	margin-top: 12px;
}
div.dynpg_A_btnrecommend {
	float: right;
	font-size: 11px;
	text-align: right;
	padding-right: 10px;
	margin-top: 12px;
	clear: both;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
div.dynpg_A_btnpdf {
	float: right;
	font-size: 11px;
	text-align: right;
	padding-right: 10px;
	margin-top: 12px;
}
div.dynpg_A_btnfacebook {
	float: right;
	font-size: 11px;
	text-align: right;
	padding-right: 10px;
	margin-top: 12px;
}
div.dynpg_A_btntwitter {
	float: right;
	font-size: 11px;
	text-align: right;
	padding-right: 10px;
	margin-top: 12px;
}
div.dynpg_A_more { display: none; }
div.dynpg_A_edit_mode {
    position: relative;
    top: 0;
    float: right;
    z-index: 999;
    width: 16px;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}
div.dynpg_A_edit_mode img {
    border: 0;
    height: 16px;
}

/* END-CSS: ARTICLES */
/* ------------------------------------------------------------------ */


/* ------------------------------------------------------------------ */
/* BEGIN-CSS: HOME (home.tpl) */

div.dynpg_H {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F2F1EE;
}



div.dynpg_H_EM { border: 1px #ffaaaa dashed; }
div.dynpg_H_EM_glow { border: 1px red solid; background-color: #ffd8d8; cursor: pointer; }
div.dynpg_H_parentgroup {
	display: none;
}
div.dynpg_H_header {}

.dynpg_H_header_image {
	width: 96%;
	height: 96%;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
}

div.dynpg_H_header div.dynpg_H_header_text {
	font-size: 1em;
	font-weight: 400;
	/*dunkelbraune Textfarbe*/
	color: #403e3a;
	margin: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	letter-spacing: 0.03em;
}
div.dynpg_H_header div.dynpg_H_header_lead {
	font-size: 1em;
	margin: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}

div.dynpg_H_header div.dynpg_H_header_lead p {
	font-size: 1em;
	margin-top: 4px;
	padding: 0px;
	color: #403e3a;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

/*div.dynpg_H_header img {
	display: none;
}*/

.dynpg_H_header_lead img {
	width: 100%;
	height: 100%;
}




div.dynpg_H_header div.dynpg_H_header_lead a:link, div.dynpg_H_header div.dynpg_H_header_lead a:visited {
	font-size: 1em;
	padding: 0px;
	margin: 0px;
	color: #403e3a;
}

div.dynpg_H_header div.dynpg_H_header_lead a:hover, div.dynpg_H_header div.dynpg_H_header_lead a:active {
	font-size: 1em;
	padding: 0px;
	color: #FFF;
	margin: 0px;
}


div.dynpg_H_header p.dynpg_H_header_date {}
div.dynpg_H_content {}
div.dynpg_H_btnprint {}
div.dynpg_H_more {
	font-size: 1em;
	text-align: right;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 12px;
}



div.dynpg_H_more a:link, div.dynpg_H_more a:visited  {
	font-size: 1em;
	text-align: right;
	padding-bottom: 5px;
	color: #403e3a;
	text-decoration: underline;
	background-color: transparent;
	margin: 0px;
}

div.dynpg_H_more a:hover, div.dynpg_H_more a:active  {
	font-size: 1em;
	text-align: right;
	padding-bottom: 5px;
	color: #FFF;
	text-decoration: underline;
	background-color: transparent;
	margin: 0px;
}



div.dynpg_H_edit_mode { text-align: right; }
div.dynpg_H_edit_mode img { border: 0; }
/* END-CSS: HOME */
/* ------------------------------------------------------------------ */


/* ------------------------------------------------------------------ */
/* menu.css*/

/* -------------------------------------- */
/* [level 1] */
/* -------------------------------------- */
    /* active | level 1 | [no]successors | expanded | no hover */
    div#course_categories_menu div.level_1_r_a_cll, div#course_categories_menu div.level_1_e_a_cll,
    div#course_categories_menu div.level_1_r_a_exp, div#course_categories_menu div.level_1_e_a_exp {
	background-color: #FFF;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
    }

	div#course_categories_menu div.level_1_r_a_cll a.hlink, div#course_categories_menu div.level_1_e_a_cll a.hlink,
	div#course_categories_menu div.level_1_r_a_exp a.hlink, div#course_categories_menu div.level_1_e_a_exp a.hlink {
	
	font-size: 1.1em;
	color: #6d5e51;
	line-height:40px;
	font-weight: 400;
	
	text-decoration: none;
	background-color: transparent;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	display: block;
	

	}

    /* inactive | level 1 | [no]successors | expanded | no hover */
    div#course_categories_menu div.level_1_r_i_cll, div#course_categories_menu div.level_1_e_i_cll,
    div#course_categories_menu div.level_1_r_i_exp, div#course_categories_menu div.level_1_e_i_exp {

	
	
	background-color: #6d5e51;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;	margin-bottom: 2px;
	margin-left: 0px;

    }

	div#course_categories_menu div.level_1_r_i_cll a.hlink, div#course_categories_menu div.level_1_e_i_cll a.hlink,
	div#course_categories_menu div.level_1_r_i_exp a.hlink, div#course_categories_menu div.level_1_e_i_exp a.hlink {
	font-size: 1.1em;
	color: #FFF;
	line-height: 40px;
	font-weight: 400;
	
	text-decoration: none;
	background-color: transparent;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	display: block;


	}

    /* active | level 1 | [no]successors | expanded | hover */
    div#course_categories_menu div.level_1_r_a_cll_hover, div#course_categories_menu div.level_1_e_a_cll_hover,
    div#course_categories_menu div.level_1_r_a_exp_hover, div#course_categories_menu div.level_1_e_a_exp_hover {
	background-color: #FFF;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
    }

	div#course_categories_menu div.level_1_r_a_cll_hover a.hlink, div#course_categories_menu div.level_1_e_a_cll_hover a.hlink,
	div#course_categories_menu div.level_1_r_a_exp_hover a.hlink, div#course_categories_menu div.level_1_e_a_exp_hover a.hlink {
	
	font-size: 1.1em;
	color: #6d5e51;
	line-height:40px;
	font-weight: 400;
	
	text-decoration: none;
	background-color: transparent;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
		display: block;
		
		
	}

    /* inactive | level 1 | [no]successors | expanded | hover */
    div#course_categories_menu div.level_1_r_i_cll_hover, div#course_categories_menu div.level_1_e_i_cll_hover,
    div#course_categories_menu div.level_1_r_i_exp_hover, div#course_categories_menu div.level_1_e_i_exp_hover {
	
	
	background-color: #FFF;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;	margin-bottom: 2px;
	margin-left: 0px;
    }

	div#course_categories_menu div.level_1_r_i_cll_hover a.hlink, div#course_categories_menu div.level_1_e_i_cll_hover a.hlink,
	div#course_categories_menu div.level_1_r_i_exp_hover a.hlink, div#course_categories_menu div.level_1_e_i_exp_hover a.hlink {
	
	font-size: 1.1em;
	color: #6d5e51;
	font-weight: 400;
	line-height:40px;
	letter-spacing: 0.03em;
	text-decoration: none;
	background-color: transparent;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	display: block;
	
			
	}

/* -------------------------------------- */
/* mobile.css */





/* desktops */
@media screen and (min-width: 992px) {
	
	.ulmercontainer {
	padding: 0px;
	width: 100%;
}

.links {
	max-width: 45%;
	min-width: 45%;
	}
	
.rechts {
	max-width: 45%;
	min-width: 45%;
	}


.infocontainermobile {
	display: none;
	}
	
	
label {
	display: none;
	
	}
	
	 .logomobile {display: none;
	 }	
	 
	 #mobilenav {display: none;
	 }
	
	
}



/* smarttablets*/
@media screen and (min-width: 768px) and (max-width: 991px) {
	
	
	.ulmercontainer {
	padding: 0px;
	width: 100%;
	background-image: url(../images_2016/hg_pixel_transparent_70weiss.png);
	background-repeat: repeat;
}
td.spaltelabels {
		display: none;	
	}	
	
header {
display: none;	
	}



	


main {
	margin: 0px;
	padding: 10px;	
}



aside {
	min-width: 100%;	
}

	 .navigation {
	display: none;	
}
  .navspalte {
	display: none;	
}

	

 .ulmercontainer { 
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    flex-direction: column; 
  }
  .inner {
	margin: 0px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}


.adresszeile {
	-ms-flex-direction: column;
	-webkit-box-orient: vertical;
	flex-direction: column;

	border-left-color: #F0C058


}

  .adresszeileinner {
	margin: 0px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 10px;

}


footer {
	-ms-flex-direction: column;
	-webkit-box-orient: vertical;
	flex-direction: column;
	background-image: none;
	/*border-left-color: #F0C058*/
	height: 10%;
	background-color: #69F;	
  }




.dynpg_H_header_image {
	display: none;
}

.dynpg_H_header_lead img {
	display: none;
}




}


		
/* minitablets */
@media screen and (max-width: 767px) {
	.ulmercontainer {
	padding: 0px;
	width: 100%;
		
	
}

header {
display: none;	
	}


td.spaltelabels {
		display: none;	
	}	



 body {
	/* The file size of this background image is 93% smaller
     * to improve page load speed on mobile internet connections */
	
	background-repeat: no-repeat;
  }
    main {
	margin: 0px;
	padding: 10px;
	
}


	
	 
	  .navigation {
	display: none;	
}


  .navspalte {
	display: none;	
}




 .ulmercontainer { 
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    flex-direction: column; 
  }
  
  aside {
	min-width: 100%;	
}

.adresszeile {
	-ms-flex-direction: column;
	-webkit-box-orient: vertical;
	flex-direction: column;

	border-left-color: #F0C058


}

  .adresszeileinner {
	margin: 0px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 10px;

}



footer {
	-ms-flex-direction: column;
	-webkit-box-orient: vertical;
	flex-direction: column;
	background-image: none;	
	/*border-left-color: #F0C058
	height: 120px;*/
	
  }



  
    .inner {
	margin: 0px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}






.dynpg_H_header_image {
	display: none;
}


.dynpg_H_header_lead img {
	display: none;
}


  
  
}



/* smartphones */
@media screen and (max-width: 480px) {
.ulmercontainer {
	padding: 0px;
	width: 100%;
	
}

	
header {
	display: none;	
}

td.spaltelabels {
		display: none;	
	}	


  main {
	margin: 0px;
	padding: 10px;
	
}
		
	
	
	 .navigation {
	display: none;	
}

  .navspalte {
	display: none;	
}


aside {
	min-width: 100%;	
}

 .ulmercontainer { 
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    flex-direction: column; 
  }

.adresszeile {
	-ms-flex-direction: column;
	-webkit-box-orient: vertical;
	flex-direction: column;

	border-left-color: #F0C058


}

  .adresszeileinner {
	margin: 0px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 10px;

}

footer {
	-ms-flex-direction: column;
	-webkit-box-orient: vertical;
	flex-direction: column;
	background-image: none;	
		/*border-left-color: #F0C058
	height: 120px;*/
	
  }


  
    .inner {
	margin: 0px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}

.logomobile img {
	
	
	width: 100%;
	height: auto;
	}





.dynpg_H_header_image {
	display: none;
}


.dynpg_H_header_lead img {
	display: none;
}



}
@media screen and (max-width: 479px) {

#headersmart {
	-ms-flex-direction: row !important;
	-webkit-box-orient: horizontal !important;
	flex-direction: row !important;
	background-color: #6FF;
}
}

/* korr bootstrap */
/*.navbar-default {
	min-width: 100%;
	background-color: #C00;
	margin: 0px;
	padding: 10px;
	}*/

@media screen and (max-width: 991px) {
	
	.navbar-collapse {
	max-height: 340px;
	padding-right: 15px;
	padding-left: 10px;
	overflow-x: visible;
	-webkit-overflow-scrolling: touch;
	border-top: 1px solid transparent;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
	margin: 0px;
}

	
	
	.navbar-default {
	min-width: 100%;
	background-color: #F0C058;
	margin: 0px;
	font-family: 'Oswald', sans-serif;
	font-size: 1em;
	font-weight: 400;
	letter-spacing: 0.03em;
	padding: 0px;	
	}
	
	.navbar-header {
	float: none;

	}
	.navbar-toggle {
	display: block;
	margin-right: 30px;
	}
	.navbar-collapse {
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #F0C058
	}
	.navbar-collapse.collapse {
		display: none!important;
	}
	.navbar-collapse.collapse.in {
	  	display: block!important;
	}
	
	
.navbar-nav {
	float: none!important;
	background-color: transparent !important;
	padding: 0px;
	margin: 0px;
	letter-spacing: 0.1em;
	}
	
	/* hover inactive */
	.navbar-nav li {
	float: none;
	background-color: white;
	list-style-type: none;
	padding: 0px;
	color: #6d5e51;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
		font-weight: 400 !important;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	}
	
	.navbar-nav li a {
	padding-top: 10px;
	padding-bottom: 0px;
	/*background-color: red;*/
	margin: 0px;
	padding-right: 0px;
	padding-left: 0px;
	color: #6d5e51;
		font-weight: 400 !important;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	}

	.scroller,
	.dropdown-toggle {
	font-size: 1em;
	font-weight: 400;
	margin: 3px;
	}
	
	.dropdown-menu .d_2 .hlink {
	padding: 10px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	font-size: 1em;
	font-weight: 400;
	color: #FFF;
	}
	.dropdown-menu .d_2 .hover {
		margin: 10px;
		color: #FFF!important;
	}
	.dropdown-menu .d_2 .hlink_a {
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
		font-size: 1em;
	font-weight: 400 !important;
	}
	
	/*hintergrund level 1 inactive */
	
	.navbar-default .navbar-nav li .hlink {
	color: white;
	background-color: #6d5e51;
	letter-spacing: 0.1em;

	}
	.navbar-default .navbar-nav li a {
			font-weight: 400 !important;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	
	}
	
	/*text level 1 inactive */
	.navbar-default .navbar-nav li .hlink {
	color: white;
	text-decoration: none;
	font-weight: 400 !important;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	}
	.navbar-default .navbar-nav li a {
		color: #214b7d;
			font-weight: 400 !important;
	text-transform: uppercase;
	letter-spacing: 0.1em;
		
	}
	.dropdown-toggle:hover{
		background-color: transparent;
	}
	.navbar-default .navbar-nav .open .dropdown-menu li a  {
		color: #333;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a.hlink_a {
	}
	.navbar-collapse.in {
	  overflow-y: visible;
	}
	.navbar-collapse {
	  max-height: none!important;
	}
	.navbar-collapse.collapse {
	  display: none !important;
	}
	.navbar-nav {
	float: none !important;
	margin-bottom: 7px;
	margin-top: 7px;

	}
	.navbar-nav > li {
	  float: none;
	  letter-spacing: 0.1em;
	}
	.navbar-nav .open .dropdown-menu {
	border: 0 none;
	box-shadow: none;
	float: none;
	margin-top: 0px;
	position: static;
	width: auto;

	}
	.dropdown-menu {
	 
	  /*left: 10px;*/
	}
	.left_inner {
	padding: 0px;
	margin: 0px;
	}
	#icons {
		display: none;
	}
	
	.navbar-default .navbar-brand {
	color: #6d5e51;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
	color: #6d5e51;
}
.navbar-default .navbar-text {
	color: #6d5e51;
}
.navbar-default .navbar-nav > li > a {
 color: #6d5e51;
	background-color: #FFF;
	font-size: 1.2em;
	font-family: 'Oswald', sans-serif;
	padding: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	letter-spacing: 0.1em;
	font-weight: 400;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	color: #6d5e51;
	background-color: #F0C058
	font-size: 1.2em;
	font-family: 'Oswald', sans-serif;
	padding: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	letter-spacing: 0.1em;
	font-weight: 400;
	display: block;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	color: #6d5e51;
	background-color: #FFF;
	font-size: 1.2em;
	font-family: 'Oswald', sans-serif;
	padding: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	letter-spacing: 0.1em;
	font-weight: 400;
	display: block;
	text-decoration: none;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	color: #FFFFFF;
	background-color: green;
	font-size: 1.2em;
	font-family: 'Oswald', sans-serif;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	letter-spacing: 0.1em;
	font-weight: 400;
	display: block;
	padding: 10px;
}

/*rahmen burger */
.navbar-default .navbar-toggle {
	border: 2px solid #6d5e51;
}

/*hintergrund burger */
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: white;
}

/*strichli burger */
.navbar-default .navbar-toggle .icon-bar {
	background-color: #6d5e51;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #f6f8f9;
}
.navbar-default .navbar-link {
	color: red;
	background-color: #F0C058;
}
.navbar-default .navbar-link:hover {
	color: red;
	background-color: #F0C058;
}

}



@media print {
 a[href]:after {
   content: none !important;
 }
}


/*.fb-page {
	
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
	
	
	}*/


	
/* portrait and landscape */
@media screen and (min-width: 320px) and (max-width: 1164px) {

.facebook {
	display: none;
}

.facebookmobile {
	display: block;
}
}

@media screen and (min-width: 1165px) {

.facebookmobile {
	display: none;
}
}




/*------------------------------- gallery inhalt ---------------------------------*/
.DynPG_Gallery_P_div_0 {
	float: left;
	width: 24%;
	padding: 0px;
	margin-top: 0%;
	margin-right: 1%;
	margin-bottom: 1%;
	margin-left: 0%;
}
.DynPG_Gallery_P_div_0 .play_button_overlay { position: absolute; left: 0; top: 0;}
.DynPG_Gallery_P_div_1 { 

float: left;
	width: 24%;
	padding: 0px;
	margin-top: 0%;
	margin-right: 1%;
	margin-bottom: 1%;
	margin-left: 0%;
	}
.DynPG_Gallery_P_div_2 { 

float: left;
	width: 24%;
	padding: 0px;
	margin-top: 0%;
	margin-right: 1%;
	margin-bottom: 1%;
	margin-left: 0%;
	}
.DynPG_Gallery_P_div_3 { 
float: left;
	width: 24%;
	padding: 0px;
	margin-top: 0%;
	margin-right: 1%;
	margin-bottom: 1%;
	margin-left: 0%;
	}
	
	.DynPG_Gallery_P_div_4 { 
float: left;
	width: 20%;
	padding: 0px;
	margin-top: 0%;
	margin-right: 1%;
	margin-bottom: 1%;
	margin-left: 0%;
	}



.like::before {
  content: "\1F44D";

}

.sonnenbrille::before {
  content: "\01F60E";
}