/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * central stylesheet - layout example "flexible-grids"
 *
 * @copyright       Copyright 2005-2012, Dirk Jesse
 * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-CDL (http://www.yaml.de/license.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         v4.0.1
 * @lastmodified    $Date: 2012-03-03 11:45:41 +0100 (Sa, 03 Mrz 2012) $
 */




/* import core styles | Basis-Stylesheets einbinden */
@import url(core/base.css);

/* import screen layout | Screen-Layout einbinden */
@import url(navigation/touch-menu.css);
@import url(forms/gray-theme.css);

@import url(screen/typography.css);
@import url(screen/screen-FULLPAGE-layout.css);

/* import print layout | Druck-Layout einbinden */
@import url(print/print.css);


@font-face {
    font-family: 'roman_sdregular';
    src: url('Roman_SD-webfont.eot');
    src: url('Roman_SD-webfont.eot?#iefix') format('embedded-opentype'),
         url('Roman_SD-webfont.woff') format('woff'),
         url('Roman_SD-webfont.ttf') format('truetype'),
         url('Roman_SD-webfont.svg#roman_sdregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* fonts ********************************** */


/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/open-sans-v29-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-v29-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v29-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v29-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v29-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v29-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/open-sans-v29-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-v29-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v29-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v29-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v29-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v29-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}


/********************************************************************/
/* ---------- here add your additional CMSimple styles------------- */
/********************************************************************/


.distance {
    float: left;
    width: 5.833em;
}

.scroll-to-top {
			position: fixed;
			background:url(../../userfiles/images/to-top.png) no-repeat;
			cursor: pointer;
			bottom: 1em;
			right: 0px;
			width:40px;
			height: 40px;
			padding-right: 1em;
			display: none;
			z-index: 999;
		}



.scroll-left {color:#000; 
    font-size: 90%;
    font-weight: 400;
    line-height: 150%;
    margin:  0;
	padding: 0;
	text-align:left;	
	}
	
	
	.scroll-right {color:#000; 
    font-size: 90%;
    font-weight: 400;
    line-height: 150%;
    margin:  0;
	padding: 0;
	text-align:right;	
	float:right;
	}



.bildbox_links {float: left; margin:1em 1em 1em 0; font-size:90%; font-style:italic;}

.bildbox_rechts {float:right; margin:1em 0 1em 1em; font-size:90%; font-style:italic;}



figure {
  padding: 0px;
  float: left;
  border: 0px solid #cccccc;  
   max-width:240px; 
  
}

figure img {margin:0; padding:0;}

figure figcaption {
  padding: 2px 4px 2px 4px;
  background-color: #C5B190;
  color: #000;
  font-style: italic;
  font-size:85%;
 
}



.back {/*background:#C8EF68; background:#DF8D00;*/  background:;
  /*max-width: 100%; width: 100%; height: auto; background:#f8e5c5; */} /*Hintergrundfarbe der Webseite*/

.bottom {vertical-align:bottom; margin-top:20px; clear: both;
    float: left;   }


 .news h4 {
    background: none repeat scroll 0 0 #ff0000;
    border: 0 solid #FFFFFF;
    color: #FFFFFF;
    font-size: 130%;
    font-weight: 700;
    line-height: 1.2em;
    margin: 0 0 10px 0;
    padding: 10px;
    text-align: left;
}

.news {	border: 1px solid #ff0000; background: #ffffff;	}
	
.news p {padding: 8px;	}	


.breadcrumps {font-size:85%; background: transparent; line-height:200%; clear:both; margin: 0 20px;}

.subnav {margin:0 ; font-size:90%; line-height:130%;}

.fb-like-box, .fb-like-box span, .fb-like-box span iframe[style] { width: 100% !important; }
.fb-comments, .fb-comments span, .fb-comments iframe[style] {
width: 100% !important;
}
#fb-root {display: none;}
.fb-wrap {  min-width:50%;   margin: 0 auto;}




.embed-container {
    position: relative;
    padding-bottom: 56.25%; /* 16/9 ratio */
    padding-top: 30px; /* IE6 workaround*/
    height: 0;
    overflow:hidden;
	
}

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



	#topnav {
		position:absolute;
		float:left;
		top: 10px;
		right: 10px;
		color: #fff;
		background: transparent;
		text-align: right; /* Erforderlich, damit im Opera 6 wirklich rechts plaziert ! */
			}
			
	#topnav a { color: #fff; background:transparent; text-decoration:none; }
#topnav a:hover { text-decoration:underline; background-color: transparent;}
#topnav a:focus { text-decoration:underline; background-color: transparent;}

#sitename{color:White; padding:60px 0 0 50px; font-size:32px; display:none;}
ul.sitemaplevel1, ul.sitemaplevel2, ul.sitemaplevel3 {list-style-type:circle;}
ul.submenu, ul.search {list-style-type: none; color:#000; margin-left:-10px;}
#copyright{text-align:left; font-size:75%;}
#searchbox{text-align:left; margin-top:5px; float:right;}
#login{margin-left:20px;}

.edit {
	font-size: 100%;
	color: black;
	background: buttonface;
	margin: 10px;
	padding:2px;
	
}
.edit a:link, .edit a:visited, .edit a:active, .edit a:hover {
	font-weight: normal;
	color: black;
	padding:5px;
}
input, select {
	font-size: 9pt;
	background: #ffffff;
}
textarea {
	width: 98%;
	background: #ffffff;
	font: 9pt Verdana, Geneva, Arial, Helvetica;
}


.adresse {font-size:95%; margin: 10px 0; }

ul.subnav {list-style-type: none; padding: 10px 0 10px 0; margin: 0;}
ul.subnav li {padding: 5px 12px; margin: 0;}
.Impressum {text-align:justify; font-size:85%;}