/* also see resposive... !!!!!!!!!!!!! :D */

/**************** MAINMENU und MenuSubs, MenuSubsMobile ****************/
/** Hauptmenue **/
ul.mainmenu, ul.cat-menusubs {
    margin          : 0 0 0.5em 0;
    list-style-type : none;
    padding-left    : 0;
    font-size       : 1em;
}

li.mainmenu, li.cat-menusubs {
    border-bottom : 1px solid #e6e6e6;
}

/* Hauptmenuepunkt */
a.menu, a.cat-menusubs-link {
    padding     : 15px 20px 15px 25px;
    color       : #000000;
 text-align    : left !important;
    font-weight : bold;
    display     : block;
}

/* aktiver Hauptmenuepunkt */
a.menuactive, a.cat-menusubs-link.menusubs-linkactive {
    padding       : 15px 20px 15px 25px;
    color       : #e95d0f !important;
    text-align    : left !important;
    margin        : 0px;
    font-weight   : bold !important;
font-style:italic !important;
    display       : block;
    margin-bottom : 10px;
}

/* ul.page-menusubs { border:1px solid green !important; } */
 
 /* ul.menusubs-show { border:1px solid blue !important; } */

 /*  http://hex2rgba.devoth.com/   */
 
/* ohne Hover */
a.menu, a.menuactive, a.cat-menusubs-link {
    text-decoration  : none;
    color            : #000000;
    /*background-color : #E6DD84;*/
	background-color : rgba(217, 217, 217, 0.25);
    transition       : all 0.2s ease 0s;
}

/* Hover */
a.menu:hover, a.menuactive:hover, a.cat-menusubs-link:hover {
    text-decoration  : none;
    color            : #000000;
    /*background-color : #E6DD84;*/
	background-color : rgba(217, 217, 217, 0.50);
    transition       : all 0.2s ease 0s;
}

/** Submenue / Detailmenue **/
ul.detailmenu, ul.page-menusubs, ul.subcat-menusubs {
    margin-bottom   : 0px;
    padding-bottom  : 5px;
    padding-left    : 35px;
    list-style-type : none;
}

ul.subcat-menusubs {
    padding-left : 15px;
}

li.detailmenu, li.page-menusubs, li.subcat-menusubs {
    padding : 2px;
}

/* Submenuepunkt */
a.submenu, a.page-menusubs-link, a.subcat-menusubs-link {
    display     : block;
    font-weight : normal;
    color       : #404040;
    font-size   : 0.875em;
}

/* aktiver Submenuepunkt */
a.submenuactive, a.page-menusubs-link.menusubs-linkactive, a.subcat-menusubs-link.menusubs-linkactive {
    font-weight : bold;
    color       : #E95D0F !important;
    font-size   : 0.875em;
}

/* Hover */
a.submenu:hover, a.submenuactive:hover, a.page-menusubs-link:hover, a.subcat-menusubs-link:hover {
    color           : #A94342;
    text-decoration : none;
    transition      : color 0.2s ease 0s;
}

a.subcat-menusubs-link, a.subcat-menusubs-link.menusubs-linkactive {
    font-weight : bold;
}

/* see also responsive............................................ */

.cat-menusubs {
	width:55% !important;
	/* background:yellow !important; */
}

ul.searchmap, ul.searchmap  li { list-style-type:none; }

#responsive_info_header {
position:absolute;
bottom:30px;
left:50px;
font-size: 1.0em;
border:5px solid #C7863F;
/*background:#ffffff;*/
background: rgba(255,255,255,0.7);
padding:8px 12px 8px 12px;
}

#responsive_info_header h1 {
  font-size : 22px;
  color:#C7863F;
  /* font-size : 1.375rem; ORG! */
  font-weight: bold;
  font-size : 2.0rem;
  margin-top    : 1px;
	margin-bottom : 1px; /*5px;*/
	font-family: 'Ubuntu Condensed', Calibri, Arial, Helvetica, sans-serif;
}

/* ***************************************************** */

/* Newsbox auf Startseite */
div.infobox-re {
		float   : right;
        /*width   : 16.5em;*/
        min-width: 260px; /* ex  220 300 */
		/*border:1px solid red;*/
		padding : 0;
        margin  : 0 auto;
        }

div.infobox-re-var {
		float   : right;
        width   : auto;
        min-width: 200px; /*ex 220 300*/
		/*border:1px solid red;*/
		padding : 0;
        margin  : 0 auto;
        }

.newsboxcontentms .contentimage  {
/*border:1px solid red;*/
box-shadow: 5px 5px 10px #000000;
width:90%;
}

.newsboxcontentos .contentimage  {
/*border:1px solid red;*/
/*box-shadow: 5px 5px 10px #000000;*/
width:90%;
}

/* in order to keep the shadow working at BOXbild/colorbox */
.newsboxcontent  .contentimage  .imagesubtitle  {
border:none;
color:white;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.buttonizeDIV {
	float:left;
  	width:auto;
  	padding:6px 0 7px;
  	margin:2px 4px 2px 4px;
  	border:1px solid #ECDCC5;
  	background-color:#ECDCC5;
  	cursor:pointer;
	-webkit-box-shadow: 3px 3px 4px #333333 !important;
    -moz-box-shadow: 3px 3px 4px #333333 !important;
    box-shadow: 3px 3px 4px #333333 !important;
}

.buttonizeDIV:hover {
  	background-color:#C7863F;
  	border:1px solid #C7863F;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}

.buttonizeDIV a {
	padding:6px 22px 7px;
	color:#C7863F;
	font-size:1.0em;
	/*text-transform: uppercase;*/
	/*font-weight:bold;*/
	text-decoration:none !important;
}

.buttonizeDIV a:hover {
	color:#FFFFFF !important;
	text-decoration:none !important;
}



.buttonizeDIVbgwhite {
	float:left;
  	width:auto;
  	padding:6px 0 7px;
  	margin:2px 4px 2px 4px;
  	border:1px solid #ECDCC5;
  	background-color:#ECDCC5;
  	cursor:pointer;
	-webkit-box-shadow: 3px 3px 4px #333333 !important;
    -moz-box-shadow: 3px 3px 4px #333333 !important;
    box-shadow: 3px 3px 4px #333333 !important;
}

.buttonizeDIVbgwhite:hover {
  	background-color:#FFFFFF;
  	border:1px solid #333333;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}

.buttonizeDIVbgwhite a {
	padding:6px 22px 7px;
	color:#C7863F;
	font-size:1.0em;
	/*text-transform: uppercase;*/
	/*font-weight:bold;*/
	text-decoration:none !important;
}

.buttonizeDIVbgwhite a:hover {
	color:#FFFFFF !important;
	text-decoration:none !important;
}





.buttonizeSPAN {
  	width:auto;
  	padding:6px 0 7px;
  	/*margin:2em auto;*/
    margin:2.0em 0 2.0em 0em;
  	border:1px solid red;
  	background-color:#ECDCC5;
  	cursor:pointer;
	-webkit-box-shadow: 3px 3px 4px #333333 !important;
    -moz-box-shadow: 3px 3px 4px #333333 !important;
    box-shadow: 3px 3px 4px #333333 !important;
}

.buttonizeSPAN:hover {
  	background-color:#C7863F;
  	border:1px solid #C7863F;
  	background-image:none;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}

.buttonizeSPAN a {
	padding:6px 22px 7px;
	color:#C7863F;
	font-size:1.0em;
	/*text-transform: uppercase;*/
	/*font-weight:bold;*/
	text-decoration:none !important;
}

.buttonizeSPAN a:hover {
	color:#FFFFFF !important;
	text-decoration:none !important;
}


input#contact_submit {
  	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  	width:auto;
  	/*font-size:1.0em;*/
  	padding:4px 12px 4px;*/
  	margin:20px 0;
	/*text-transform: uppercase;*/
	font-weight:bold;
  	color:#FFFFFF;
  	background-color:#c7863f;
  	border:1px solid #000000;
  	cursor:pointer;
	transition: all 0.44s linear 0.22s;
}

input#contact_submit:hover {
  	color:#C7863F;
  	background-color:#000000;
  	border:1px solid #000000;
  	background-image:none;
	transition: all 0.11s linear 0.11s;
}
		
a.toggle-link:link {
    /*font-family: Courier, 'Courier New', monospace;*/
    text-decoration:none;
    font-weight:bold;
	background: #ECDCC5;
	color: #C7863F;
}

a.toggle-link:hover {
    /*font-family: Courier, 'Courier New', monospace;*/
    text-decoration:none;
    font-weight:bold;
	background: #C7863F;
	/*color: #ECDCC5;*/
	color:#ffffff;
}


#ang_beschreibung_mitte
{
  margin: auto;
  width: 600px;
  border:1px solid blue;
}
#ang_beschreibung_links
{
  float:left; /* left */
  margin-top 5px;
  width:49%;
  /*min-width:150px;*/
  height:auto;
  min-height:250px;
}
#ang_beschreibung_rechts
{
  float:left; /*right*/
  margin-top 5px;
  padding-top:30px;
  width:49%;
  height:auto;
  min-height:250px;
} 

.schatten {
    -webkit-box-shadow: 3px 3px 4px #333333 !important;
    -moz-box-shadow: 3px 3px 4px #333333 !important;
    box-shadow: 3px 3px 4px #333333 !important;
}

.rund {
border-radius:.3em;
-moz-border-radius:.3em;
-webkit-border-radius:.3em;
}

.sitemap { width:75%; margin:1em auto 4em auto; padding-top: 1.2em; border:0px solid blue; }

		.sitemap h2 a:link {
		/*text-transform: uppercase;*/
		color:#D09B60;
		}
		
		.sitemap h2 a:hover {
			color:#000000;
			/*border-bottom:1px #ffa500 dotted;*/
		}

		.sitemap h2 a:visited {
		/*text-transform: uppercase;*/
		color:#D09B60;
		}		

		
		.sitemap h3 a:link {
		/*text-transform: uppercase;*/
		color:#ff0000;
		}
		
		.sitemap h3 a:hover {
			color:#000000;
			/*border-bottom:1px #ffa500 dotted;*/
		}

		.sitemap h3 a:visited {
		/*text-transform: uppercase;*/
		color:#ff0000;
		}


		.sitemap li a:link {
			padding-bottom:5px;
			color:#000000;
			/*text-transform: uppercase;*/
			/*list-style-type:none;*/
		}

		.sitemap li a:hover {
			padding-bottom:5px;
			/*text-transform: uppercase;*/ /* may obso but older handys... */
			color:#C7863F;
		}		

		.sitemap li a:visited {
			padding-bottom:5px;
			color:#000000;
			/*text-transform: uppercase;*/
			/*list-style-type:none;*/
		}		
		
		.sitemap ul { list-style: none }
	/*	.sitemap li a:before { color: green; content: "\2606" " "; } /* /*  \25BA  */
		.sitemap li h3:before { color: #ff0000; content: "\2606" " "; } /*  \25BA  */
		.sitemap a {
			text-decoration:none;
		}




/* breadcrump cms */
#breadcrump {
font-size:0.85em;
transition: all 0.25s linear 0s;
}

/* EMOTs*/
.noborder {/*border:1px solid blue;*/
			/*vertical-align:text-bottom;}  /* ABWARTEN .... servercache .... */
			vertical-align:middle;
			}

#rssfeed .RSSReaderItem { 
	max-width:95%;
	height:auto;
	/*border:1px solid blue;*/
}

#rssfeed .RSSReaderItem img {
	max-width:80%;
	height:auto;
	/*border:1px solid red;*/}


#rssfeed .RSSReaderItem p {
/*max-width:80%;*/ /* entfall wg. Item-Deklaration 95%*/
font-size:1.0em;
/*border:1px solid red;*/
}

#rssfeed .RSSReaderItemTitle {
background:#E26A0F;
}

#rssfeed .RSSReaderItemDate {
font-size:0.6em;
color:#999999;
}



/* http://blog.kulturbanause.de/2012/10/google-maps-im-responsive-webdesign/ */

.responsive-video {
	position: relative;
	padding-bottom: 56%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

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

.responsiveContainer {
  position: relative;
  padding-bottom: 56%;
  height: 0;
  overflow: hidden;
}

.responsiveContainer iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}