/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * central stylesheet - layout example "flexible-grids"
 *
 * @copyright       Copyright 2005-2012, Dirk Jesse
 * @license         CC-BY 2.0 (https://creativecommons.org/licenses/by/2.0/),
 *                  YAML-CDL (https://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) $
 */

/* Google Font API */


/* 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);

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

.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;
}

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



.logo {text-align:center; margin:0.5em 0;}


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

.distance2 {
    float: left;
    width: 7.8em;
}

.distance3 {
    float: left;
    width: 9.0em;
}


.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;
	}
	
	.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%;
}
	
	

#sitename{color:White; padding:60px 0 0 50px; font-size:32px; display:none;}
ul.sitemaplevel1, ul.sitemaplevel2, ul.sitemaplevel3 {list-style-type:circle;}

li.doc a {color:#000;}

.submenu {color:#000;}

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:left;}
#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;
}

.back {background: url(../../userfiles/images/back.jpg) top center no-repeat fixed;} /*Hintergrundfarbe der Webseite*/

.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%;}


/* realblog ------------- */

.realblog_buttons {
padding: 6px 0;
margin:10px 0;
}

.realblog_show_box h4 {
margin:1em 0;	
}

.realblog_read_more  {
    margin:1em 0;
}