@font-face {
  font-family: 'aller_rg';
  src: url('fonts/Aller_Rg.eot');
  src: local("aller_rg"), url('fonts/Aller_Rg.ttf') format("truetype");
}

@font-face {
  font-family: 'aller_lt';
  src: url('fonts/Aller_Lt.eot');
  src: local('aller_lt'), url('fonts/Aller_Lt.ttf') format("truetype");
}

@font-face {
  font-family: 'aller_bd';
  src: url('fonts/Aller_Bd.eot');
  src: local('aller_bd'), url('fonts/Aller_Bd.ttf') format("truetype");
}

body {
	padding: 0;
	margin: 0;
	font-family: "Arial Unicode HD", Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	color: #000;
	background-image:url(images/body_bg.jpg);
	background-color:#333;
	background-attachment:fixed;
	background-position:center;
	text-align: center;
}

h1,h2,h3,h4,h5,h6 {
  color:#000;
  /*font-family: 'aller_bd', Arial, Helvetica, sans-serif;*/
  font-weight:normal;
  /*text-transform: uppercase;*/
}

h1{
  color:#036330;
  font-size:1.6em;
}

h2{
  color: #036330;/*#007235;*/
  font-size:1.4em;
  margin-top:1.5em;
}

h3{
  color: #036330;/*#007235;*/
  font-weight:bold;
  margin-bottom:0.35em;
}

h4{
  margin-bottom:0.35em;
  font-weight:bold;
  font-style:italic;
}

img {
	border-width: 0px;
}

cite {
	display: block;
	padding-left: 70px;
	border-left:3px solid #007235;
}

textarea,input,select,option {
	font-family:  "Arial Unicode HD",Arial,Helvetica,sans-serif;
  font-size:1.0em;
}

abbr, acronym{
  cursor:help;
}

/* *********************************************************************  * GENERAL LAYOUT  * *********************************************************************/
#frame {
	text-align: left;
	margin: 10px auto;
	padding-left:20px;
	padding-right:20px;
	width: 80%;
  max-width:1200px;
  /*max-width: 80%;*/
}

#top_container {
  background-color:#fff;
  height:50px;
	background-image:url(images/ghead_bg_slice.png);
	background-repeat:repeat-x;
	background-position:bottom left;
  position:relative;
}

#skin_selector{
  float:right;
  margin-top:10px;
  margin-right:10px;
}

#stg_logo{
  background-image:url(images/stg_logo.png);
	background-repeat:no-repeat;
	background-position:top left;
  width:58px;
  height:40px;
  position:absolute;
  top:5px;
  left:5px;
}

#top_menu{
  position:absolute;
  left:90px;
  top:15px;
  font-size:0.85em;
}

#top_menu ul{
  margin:0px;
  padding:0px;
  list-style-type:none;
}

#top_menu ul li{
  margin:0px;
  padding:0px;
  margin-left:0.7em;
  float:left;
}

#top_menu ul li a{
  text-decoration:none;
  padding-right:0.5em;
}

#top_menu ul li a, #top_menu ul li a:link, #top_menu ul li a:visited{
  display:block;
  color:#000;
}

#top_menu ul li a:hover, #top_menu ul li a.selected{
  color:#036330;
}

#top_menu ul li{
  border-right:1px dotted #000;
}

#top_menu ul li a.selected{
  font-weight:bold;
}

#logo{}

#multimedia_container{
  clear:both;
  background-color:#fff;
  text-align:center;
  height:210px;
	background-image:url(images/mmhead_bg_slice.png);
	background-repeat:repeat-x;
	background-position:bottom left;
	overflow:hidden;
}

#menu_container{
  background-color:#007235;
  background-image: url(images/Menu_texture.jpg);
  background-repeat: repeat-x;
  background-position: bottom left;
  padding-left:2px;
  padding-top:2px;
  min-height:26px;
}

* html body #menu_container{
  height:26px;
}

#menu {
	font-family: 'aller_lt', "Arial Unicode HD",Arial,Helvetica,sans-serif;
  /*
  background-image:url(images/mainmenu_bg_slice.png);
	background-color:#58595b;
  background-repeat:repeat-x;
	background-position:bottom left;
	*/
  color:#fff;
  font-size:1.25em;
}




#menu ul {
	margin: 0;
  padding: 0;
	list-style-type: none;
}

#menu ul li {
	padding: 0;
	margin: 0;
	float:left;
	border-right:1px dotted #cac9cc;
}


#menu ul li img {
	margin: 0;
}

#menu ul li a dfn{
  visibility:hidden;
  display:none;
}

#menu ul li a {
	text-decoration: none;
	color: #fff;
	display: block;
	text-align: center;
	padding:5px;
	padding-left:1.5em;
	padding-right:1.5em;
  text-transform:uppercase;
}

#menu ul li a:link {}
#menu ul li a:visited {}

#menu ul li a:hover {
	background-color:#fff;
  color:#333;
  border:0px solid #fff; 
} 

#menu ul li a.selected,#menu ul li a.selected:link,#menu ul li a.selected:visited{
	background-color:#fff;
  color:#333;   
}

/*
#menu ul li a:hover:after, #menu ul li a:focus:after {
  content: " [" attr(accesskey) "] ";
}
*/

#main_container {
	background-color:#fff;
	padding:0.8em;  
}

.menu_item_separator {
	padding:0;
  margin:0;
  height:100%;
	border-left:2px solid #666;
  font-size:0;
  line-height:0; 
}

#submenu{
  /*font-family: aller_rg;*/
  font-size:1em;
  width:22%;
  margin-top:1em;
  margin-left:0.2em;
}

#submenu ul li a dfn{
  visibility:hidden;
  display:none;
}

#submenu ul{
	margin: 0px;
	padding: 0px;
  list-style-type: none;
	margin-bottom:0.5em;
}

#submenu ul li {
	padding: 0;
	margin: 0;
	background-image: url(images/sm_list_icon_inactive.png);
	background-repeat: no-repeat;
	background-position: 0em 0.3em;
	padding-left:15px;
}

#submenu ul li.selected {
	background-image: url(images/sm_list_icon_active.png);
}

#submenu ul li a{
	display: block;
	color: #007235;
	margin: 0;
	padding-bottom: 0.4em;
	padding-top: 0;
	text-align:left;
}

#selected_submenu_item {}

#submenu ul li a:link, #login ul li a:link {
	color: #007235;
	text-decoration: none;
	/*background-image: url(img/white_50p.png);*/
	background-color: transparent;
}

#submenu ul li a:visited, #login ul li a:visited {
	color: #007235;
	text-decoration: none;
	/*background-image: url(img/white_50p.png);*/
	background-color: transparent;
}

#submenu ul li a:hover {
	color:#007235;
	background-color: transparent;
	text-decoration: underline;
}

#submenu ul li a.selected,#submenu ul li a.selected:link,#submenu ul li a.selected:visited{
	/*font-family:aller_bd;*/
  font-weight:bold;
  color:#007235;
	background-color: transparent;
	text-decoration: none;
}

#submenu ul.level_n {
  margin-left:0.8em;
}

#submenu ul.level_n li{
	background-image: none;
	margin:0;
	padding:0;
}

#submenu ul.level_n li a.selected:visited{
	
}

#content {
  float:right;
  width:75%;
  color:#222;
  line-height:1.6em;
  padding-right:2em;
  padding-top:1.25em;
  margin-bottom:1em;
}

#content a:link {
	color:#036330;
	text-decoration: underline;
}

#content a:visited {
	color:#036330;
	text-decoration: underline;
}

#content a:hover {
	color: #555;
	text-decoration: none;
}

#content a:active {
	color: #555;
	text-decoration: none;
}

#content p,#content div {}

#content p {
	padding-top: 0;
	margin-top: 0;
}

#content ul { /*list-style-image: url(img/bullet_arrow_black.gif);*/
	margin:auto;
}

#content ul {
  margin-bottom:1.5em;
}

#content div {}

#content table {
	font-family:  "Arial Unicode HD",Arial,Helvetica,sans-serif;
	font-size: 1.0em;
}

#content table tr td {
	font-family: "Arial Unicode HD",Arial,Helvetica,sans-serif;
	margin: 0;
	padding: 0;
	line-height: 1.6em;
	color: #333;
	font-size: 1.0em;
	vertical-align: top;
}

#breadcrumb{
  padding:0.5em;
  color:#333;
  font-style:normal;
  font-size: 0.85em;
}
#breadcrumb ul{
  list-style-type:none;
  display:inline;
  margin:0;
  padding:0;
}

#breadcrumb ul li{
  display:inline;
}

.page_area_label{
  visibility: hidden;
  padding:0.25em;
  color:#007235;
  font-style: italic;
}


.widget{}

.widget a:link, .widget a:visited{
  color:#666;
}

.widget a:hover{
  color: #D64B48;
	text-decoration: none;
}

.widget .heading{
  width:149px;
  padding:0;
  margin:0;
  padding-left:1em;
  font-family: "Arial Unicode HD",Arial,Helvetica,sans-serif;
  color:#BBB;
  border-bottom:1px solid #BBB;
}

.widget .heading .icon{}

.widget .content{
  padding:0.5em;
  padding-top:1em;
  padding-bottom:0.75em;
}

.widget form, .widget form div, .widget form label{
  margin:0;
  padding:0;
}

.widget .content form div{
  margin-bottom:0.5em;
}

.widget input{
  
}

#event_widget{
  font-size:0.85em;
}

#event_widget p{
  margin-top: 0.25em;
}

#footer{
  text-align:center;
  background-color: #fff;
  color:#000;
  margin-top: 5px;
  
  -khtml-opacity: 0.9 /* sehr alte Versionen von Mozilla Firefox */
  -moz-opacity: 0.9 /* alte Versionen von Mozilla Fireox */
  -webkit-opacity: 0.9 /* alte Versionen von Webkit-Browsern */
  filter: alpha(opacity=90)   /* ältere Versionen des Internet Explorers inklusive Version 7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";  /* Internet Explorer Version 8 */
  opacity: 0.9;                            /* Der Befehl mit Gültigkeit in aller gängigen Browsern in Zukunft? */
}

#footer .inner_container {
  padding:0.8em; 
}


#footer .footer_content {
  font-size:0.8em;
}


#footer .footer_content p{
  padding:0;
  margin:0;
}

#footer ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: inline;
}

#footer ul li {
	margin: 0;
	padding: 0;
	display: inline;
	margin-left: 0.8em;
}

#footer a:link {
	color: #000;
	text-decoration: underline;
}

#footer a:visited {
	color: #000;
	text-decoration: underline;
}

#footer a:hover,#footer a:active,#footer a.selected {
	color: #000;
	text-decoration: none;
}

#bottom_content{
  padding:0.75em;
}

.button {
	cursor: pointer;
}

object, embed, param{

}

#content ul.download_list {
	list-style-image: none;
	line-height: 1.3em;
	margin-top: 1.25em;
}

.err_msg{
  background-color:#f3f3f3;
  color:red;
  padding:0.8em;
  border:1px solid #b3b3b4;
}

.success_msg{
  background-color:#f3f3f3;
  color:green;
  font-weight:bold;
  padding:0.8em;
  border:1px solid #b3b3b4;
}

.info_msg{
  background-color:#f3f3f3;
  color:#3356a1;
  
  padding:0.8em;
  border:1px solid #b3b3b4;
}

form{
  font-size:1.0em;
}

/*
form fieldset legend {
	text-transform: uppercase;
	padding: 0.5em;
	color: #666;
	border: 1px solid #b3b3b4;
	margin-bottom: 0.75em;
	background-image: url(images/white_50p.png);
}
*/

form fieldset{
  border:1px dotted #036330;
  margin-top:1em;
}

form fieldset legend {
  /*border-bottom: 1px solid #036330;*/
  background-color:#fff;
  color: #036330;
  padding:0.2em;
  padding-left:1em;
  padding-right:1em;
  font-size:1.25em;
  font-style:italic;
}

/*
input[type=text], input[type=password], textarea {
    outline:none;
    transition: all 0.15s ease-in-out;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border:1px solid rgba(0,0,0, 0.2);
}


input:focus, textarea:focus {
    box-shadow: 0 0 5px rgba(112, 178, 227, 1);
    -webkit-box-shadow: 0 0 5px rgba(112, 178, 227, 1); 
    -moz-box-shadow: 0 0 5px rgba(112, 178, 227, 1);
    border:1px solid rgba(112, 178, 227, 0.8);
}
*/

.row {
	margin-bottom: 0.5em;
	margin-top: 0.5em;
}

.row label,.label {
	display: block;
	float: left;
	width: 11em;
  overflow: auto;
	text-align: right;
	padding-right: 0.5em;
}

.row input[type=text], .row input[type=password], .row textarea{
  width:18em;
}

#search{
  position:absolute;
  top:0px;
  right:0px;
  text-align:right;
  z-index:99;
}

#search_form{}

#squery{
  width:50%;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding:0.2em;
  font-size:1em;
}

#btn_search{
  vertical-align:middle;
  width:6.3em;
  margin-top:-2px;
}

#content ul.comments {
	list-style-type: none;
	padding-left: 0.75em;
}

ul.comments li {
	margin-top: 1.5em;
}

.comment_title {
	text-transform: uppercase;
	padding: 0.2em;
	padding-left: 0.6em;
	border-top: 1px dotted #666;
	border-bottom: 1px dotted #666;
}

.comment_meta_data {
	color: #666;
	margin-top: 0.3em;
	margin-bottom: 0.3em;
}

/*************************** SEARCH RESULTS ********************************/
.search_result li {
	margin-bottom: 1em;
	padding-bottom: 1em;
	font-size:0.9em;
	border-bottom:1px solid #ccc;
}

.search_result a {
	font-weight:bold;
	display:block;
	margin-bottom:0.5em;
}

.search_result .path {
	color: green;
}

.search_result .meta {
	color: #666;
}

.invisible {
	height:1px;
	left:-999em;
	overflow: hidden;
	position:absolute;
}

.row {
	margin-bottom: 1em;
	clear: both;
}

.MailFormObject {
	
}

.MailFormObject label {
	width: 11em;
	text-align: right;
	float: left;
	margin-right: 0.5em;
}

.clear{
  clear:both;
  font-size:0px;
  line-height:0px;
}

/* TinyMCE CLASSES */
.mce_content_item_left {
	float: left;
	margin: 1.2em;
	margin-left: 0;
	margin-top: 0;
}

.mce_content_item_right {
	float: right;
	margin: 1.2em;
	margin-right: 0;
	margin-top: 0;
}

#content img.mce_content_item_left, #content img.mce_content_item_right {
	
}


.mce_block_separator {
	clear: both;
	display: block;
}

.mce_hide_element{
  display:none;
  visibility:hidden;
}

#facebook_widget{
  float:right;
  display:block;
  margin-right:20px;
  margin-top:45px;
}

* html body #facebook_widget img{
  margin-left:4px;
}

.exception_message{
  color:red;
  padding:0.25em;
  background-color: #f3f3f3;
}



.rollover_button:hover{
  -khtml-opacity: 0.8 /* sehr alte Versionen von Mozilla Firefox */
  -moz-opacity: 0.8 /* alte Versionen von Mozilla Fireox */
  -webkit-opacity: 0.8 /* alte Versionen von Webkit-Browsern */
  filter: alpha(opacity=80)   /* ältere Versionen des Internet Explorers inklusive Version 7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";  /* Internet Explorer Version 8 */
  opacity: 0.8;
}



/* *******************************
 ** SRFA EXTENSION STYLES       **
 **                             */

.barriere{
  width:80%;
}

.barriere span {
    display: block;
    float: left;
    font-size: 85%;
    min-width: 15em;
    padding-left: 20px;
    white-space: nowrap;
}

#svgmap_container{
  background-color:#f9f9f9;
  border:1px solid #ccc;
  text-align: center;
  overflow:hidden;
  margin-bottom:1em;
}

object#svgmap{
  width:600px;
  height:350px;
}

.open{
  padding-left:20px;
  background-image: url("images/arrow_down.png");
  background-repeat:no-repeat;
  background-position: 0em 0.3em;
  cursor: pointer;
}

.closed{
  padding-left:20px;
  background-image: url("images/arrow_right.png");
  background-repeat:no-repeat;
  background-position: 0.2em 0.2em;
  cursor: pointer;
}

@media screen and (max-width: 700px) {
  #svgmap_container{
    display:none;
  }
}

/* @ToDo: Fix me. Not working.
@media screen and (max-width: 900px) and (orientation:portrait){
  #svgmap_container{
    display: none;
  }
}
*/

.list_item{
 
}

.odd{
  background-color: #fff;
}

.even{
  background-color: #EBF5F0;
}

#SRFA_tbl_rs{
  border-spacing:5px;
}

#SRFA_div_rs{
  list-style-type:none;
  margin:0px;
  padding:0px;
}

#SRFA_tbl_rs th{
  text-align: center;
}

#SRFA_tbl_rs tr td.image{
  vertical-align:top;
  background-color:#fff;
  padding-top:0.75em;
}

#SRFA_div_rs li div.image{
  vertical-align:top;
  padding-top:0.75em;
  width:15%;
  min-width: 70px;
  float:left;
}

#SRFA_tbl_rs tr td.info{
  padding:0.75em;
}

#SRFA_div_rs div.info{
  width:80%;
  float:right;
  font-size:1.2em;
}

#SRFA_div_rs div.targetgorups, #SRFA_div_rs div.contact{
  clear:both;
  text-align:center;
  margin-top:1em;
  margin-bottom:1em;
}

#SRFA_div_rs div.contact div{
  display:inline;
  margin-right:0.5em;
}

#SRFA_tbl_rs tr td.targetgorups img, #SRFA_div_rs div.targetgorups img{
  width:40px; 
  height:40px;
  margin-right: 0.5em;
  margin-top: 0.5em;
}

#SRFA_tbl_rs tr td.targetgorups img.tg_fully_accessible{
  /* you could do some css styled emphasize */
}

#SRFA_tbl_rs tr td.contact{
  font-size:0.85em;
  line-height: 1.45em;
  color:#333;
  padding:0.75em;
}

#SRFA_tbl_rs .img_container{
  /*
  overflow:hidden;
  max-width:120px;
  max-height:120px;
  */
  padding:0.2em;
  text-align:center;
}

#content .list_item .image img{  
  /*
  width:auto;
  height:auto;
  */
  width:80px;
  height:auto;
  vertical-align:middle;
  text-align:center;
}

#SRFA_div_rs li.list_item{
  display:block;
  clear:both;
  padding:0.5em;
}

#content .list_item div.no_image{
  text-align:center;
  vertical-align:middle;
  width:70px;
  height:70px;
  background-color:#fff;
  border:1px solid #999;
  position:relative;
}

#content .list_item div.no_image div.text_overlay{
  color:#333;
  font-size:0.9em;
  line-height:normal;
  position:absolute;
  top:35%;
  width:100%;
  text-align:center;
}

.list_item .object_name{
  font-weight:bold;
  display:block;
  color:#045C2D;
}

.list_item .object_short_desc{
  display:block;
  /*font-style:italic;*/
  font-size:0.85em;
  line-height: 1.45em;
  color:#333;
  margin-top: 0.25em;
}

.list_item .details_link_container{
  font-size:0.85em;
  margin-top:0.75em;
}

#SRFA_object_details h2.object_name{
}

#SRFA_object_details .address{
  font-weight:bold;
}

#SRFA_object_details .image{
  margin-bottom:0.75em;
}

#SRFA_object_details .left{
  float:left;
  width:45%;
  margin-right:2.5em;
}

#SRFA_object_details .right{
  float:right;
  width:45%;
}

#SRFA_object_details .targetgroups img{
  margin-right:0.5em;
}

#SRFA_object_details .targetgroups{
  
}

#SRFA_object_details .targetgroups img{
  width:60px; 
  height:60px;
  margin-right: 0.5em;
  margin-top: 0em;
}

#SRFA_object_details #map_canvas {
    width: 100%;
    height: 250px;
    border:1px solid #666;
    
}

#SRFA_object_details .contact{
  margin-top:0.75em;
}

#SRFA_object_details h3{
  margin-top:2em;
  border-bottom:1px dotted #036330;
}

#map-canvas {
    display: none;
    width: 500px;
    height: 500px;
}

.display_map_button {
    clear: both;
    cursor: pointer;
}

.targetgroup_container {
    float: left;
    padding-bottom: 4px;
    padding-right: 4px;
}


#slideshow{
    position:relative;
}
#slideshow > div { 
    position: absolute; 
    width:100%;
    height:100%;
}