@charset "UTF-8";
/**
 *
 * (en) Screen layout based on YAML
 * (de) Bildschirmlayout auf YAML basierend
 *
 */
@media screen, projection {

	#layer {
		padding: 1px 0 5px;
		background-color: #fff;
		background-image: none;
		width: 100%;
		text-align: left;
		position: relative;
		z-index: 104;
		color: #444444;
		filter:alpha(opacity=100); /* ie hack */
	}

	#layer.nostyle {
		padding: 0;
		background: none transparent
	}

	#layer h3 {
		color: #fff;
		height: 26px;
		line-height: 26px;
		background-image: url(images/bg_layerheader.png);
		background-color: #333;
		background-repeat: repeat-x;
		background-position: top left;
		border-top: 1px solid #aaa;
		border-right: 1px solid #777;
		border-bottom: 1px solid #777;
		border-left: 1px solid #aaa;
		padding: 5px 5px 5px 10px;
		margin: 3px 3px 0 3px;
	}

	div.layer-content {
		clear: both;
		background-image: url(images/bg_layercontent.png);
		background-repeat: repeat-x;
		background-position: top left;
		padding: 16px 10px 3px 10px;
	}

	div.layer-content-noshadow {
		clear: both;
		padding: 10px 10px 3px 10px;
	}

	div.layer-footer {
		clear: both;
		background-image: url(images/bg_layerfooter.gif);
		background-repeat: repeat-x;
		background-position: top left;
		padding: 16px 10px 3px;
	}

	div.layer-process {
		float: left;
		background-image: url(images/bg_layerprocess.gif);
		background-repeat: repeat-x;
		background-position: 0px 2px;
		padding: 0;
		height: 40px;
		width: 380px;
		overflow: hidden !important;
		display: block;
	}

	div.layer-process-container {
	 	float: left;
	 	width: 500px;
	}

	div.layer-process-container div {
		float: left;
		background-image: url(images/bg_layerprocess_arrow.gif);
		background-repeat: no-repeat;
		background-position: top right;
		padding: 9px 10px 10px 3px;
		vertical-align: middle;
		height: 19px;
		font-weight: normal;
	}

	div.layer-process div.last {
		background: none;
	}

	div.layer-process div.active {
		color: #C60;
		font-weight: bold;
	}

	td.layer-label {
		padding: 0.5em 0 0;
	}

	td.layer-input {
		padding: 4px 0;
	}

	td.layer-buttons {
		padding: 4px 0;
	}

	div.layer-form-row {
		margin: 0.5em 0 0;
		min-height: 26px;
		clear: both;
	}

	div.layer-form-row-last {
		margin: 0.5em 0 10px;
		min-height: 26px;
		clear: both;
	}

	div.layer-block-left {
		width: 320px;
	}

	div.layer-block-left input {
		width: 318px;
	}

	div.layer-block-left .form-select {
		width: 320px;
	}

	div.layer-block-left input[type=checkbox] {
		width: 15px;
	}

	div.layer-buttons-text input[type=checkbox], div.layer-radiobuttons input[type=radio] {
		float: left;
		margin: 3px 8px 3px 0;
	}

	div.layer-radiobuttons label {
		clear: left;
		display: block;
		width: 310px;
		font-weight: normal;
	}

	div.layer-radiobuttons {
		padding: 4px 0 10px;
	}

	div.layer-block-left label.box-text {
		display: block;
		float: left;
	}

	div.layer-submit, div.layer-close, div.layer-right {
		float: right;
		text-align: left;
	}

	div.layer-buttons-text {
		clear: left;
		padding: 4px 0 0;
	}

	div.layer-close {
		float: right;
	}

	div.layer-close img {
		vertical-align: top;
	}


	a.layer-popuplink {
		text-decoration: underline;
		color: #444;
	}

	.layer-form-spacebefore {
		padding-top: 15px;
	}

	#layer-messages {
		padding: 0;
		margin: 0;
		list-style-type: none;
	}

	#layer-load{
		height:51px;
		width:51px;
	}

	#layer-captcha {
		min-height: 95px;
	}

	#captcha-reload {
		margin-right: 38px;
	}

	#popup-overlay {
		position: fixed;
		z-index:100;
		top: 0px;
		left: 0px;
		height:100%;
		width:100%;
		background-color:#000;
		filter:alpha(opacity=75);
		-moz-opacity: 0.75;
		opacity: 0.75;
	}

	* html #popup-overlay { /* ie6 hack */
	     position: absolute;
	     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
	}

	#popup-window {
		position: absolute;
		z-index: 102;
		display:none;
		border: none;
		text-align:left;
		color: white;
		height:100%;
	}

	#popup-load{
		position: fixed;
		display:none;
		height:51px;
		width:51px;
		z-index:100;
		top: 50%;
		left: 50%;
		margin: -25px 0 0 -25px; /* -height/2 0 0 -width/2 */
	}

	* html #popup-load { /* ie6 hack */
		position: absolute;
		margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
	}


	#popup-iframe-content{
		clear:both;
		border:none;
		margin-bottom:-1px;
		margin-top:1px;
	}

	#popup-ajax-content{
		clear:both;
		padding: 0;
		overflow:auto;
		text-align:left;
		height: 100%;
	}




/**
* GALLERY
*/
	#gallery-fade-bg {
		width: 800px;
		margin: 0;
		padding: 0;
		overflow: hidden;
	}

	#gallery-slider {
		margin-top: 5px;

		width: 800px;
		height: 82px;
		padding: 0px 0;

		border: 1px solid #ddd;
		background: url(images/bg_gallery_slider.png) top left repeat-x;
	}

	#gallery-slider div.container {
		float: left;
		width: 575px;
		height: 82px;
		overflow: hidden;
	}

	#gallery-slider a.move {
	}

	#gallery-slider a.prev {
		float: left;
		width: 29px;
		height: 82px;
		border-right: 1px solid #ddd;
		display: block;
		padding-right: 1px;
	}

	#gallery-slider a.next {
		float: right;
		display: block;
		width: 29px;
		height: 82px;
		border-left: 1px solid #ddd;
		padding-left: 1px;
	}


	#gallery-slider .move {
		float: left;
		display: block;
		width: 29px;
		height: 82px;
		cursor: pointer;
		text-indent: -10000px;
	}

	#gallery-prev {
		border-right: 1px solid #ddd;
		padding-right: 1px;
		background: url(images/gallery_previous.png) top left no-repeat;
	}

	#gallery-slider .inactive {
	  	background: none;
	}


	#gallery-next {
		border-left: 1px solid #ddd;
		padding-left: 1px;
		background: url(images/gallery_next.png) top left no-repeat;
	}


	#gallery-slider-inner a {
		float: left;
		padding-top: 5px;
		padding-left: 13px;
	}

	#gallery-slider-inner .ytthumb {
	  display: block;
	  width: 128px;
	  height: 72px;
	  background-position: center;
	  background-repeat: no-repeat;
	}
}