@charset "UTF-8";
/*
Styles for TYPO3 extensions and special elements
*/



@media all
{
	
	.floatbox { display: table; width: 100%; }
	
	



	/**
	 * Tables | Tabellen
	 * (en) Generic classes for table-width and design definition
	 * (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
	 *
	 * @section content-tables
	 */
	.secondtable thead th { background: #efefef; }


	/**
	* subheadline
	*/
	.subheadline { color: #666; padding-left: 2em; }

	/**
	* New login box
	*/
	.tx-newloginbox-pi1 thead th, .tx-newloginbox-pi1 th {background:none; padding:0; color:#222;}
	.tx-newloginbox-pi1 input {margin:0;}

 	/**
	* langMenu
	*/ 
    .language-menu ul{ list-style: none; margin:10px 25px 0 0;} 
    .language-menu li{ float:left; margin:0px 0px 0 0;} 
    .language-menu {float:right; margin:0;}
    .language-menu a:hover {background:transparent;}
    .language-menu img {margin-top:5px;padding-right:3px;}


	/**
	* Other
	*/
    input:focus,
    select:focus,
    textarea:focus,
    button:focus {
    outline: none;
    }
    .csc-mailform {margin-top: 1em;}
	input, textarea, select { -webkit-appearance: none;-webkit-border-radius: 0px; margin-bottom:1em; padding:2%; width:auto; font:1em 'roboto_cnregular', Verdana, Arial, Helvetica, Sans-Serif; border:1px #C4D1E1 solid; background:#fff; color:#444; width: 65.0%;}
	input[type=text]:focus, textarea:focus {background:#FAFBFC; color:#444; border-color:#E2001A;}
    .csc-form-element-submit input {
    	border-style: none;
        background-color:#00377F;
        color:#fff;
        margin-left:1em;
        width: auto;
        padding:2% 3em;
        -webkit-appearance: none;
        -webkit-border-radius: 0px;
    }
    select {width: 69.5%;}
    div.csc-mailform .kontakt .csc-form-17 {padding-left: 25%;}
    div.csc-mailform .kontakt li label {
	float: left;
	width: 25%;
	margin-right: 1em;
    }
    div.csc-mailform .kontakt li {
        list-style: none;
    }
	#field-18 {
	   position:absolute; margin:0 0 0 -999em; 
	}
    .kontakt label strong, legend strong {
        display: block;
        color: #C00;
        font-size: 80%;
        font-weight: normal;
        text-transform: none;
    }
    
    
	p.csc-linkToTop {text-align:right; margin:0;}
	p.csc-form-label-req {font-weight:bold;}
	.csc-caption {font-size:0.9em; background-color:#E0E7F5; padding:2px;}
	dd.csc-textpic-caption { font-size:0.9em; background-color:#ddd; padding: 0 4px; }
	
	.csc-header-date { text-align: right; margin-top: 0; color: #999; }
	
	
	/**
	* tt_news
	*/
	.tx-ttnews-browsebox {text-align:center; padding:0; margin:1.2em 0 1em 0; padding:1px; border:1px solid #ccd; background:#f0f0f4;}
	.tx-ttnews-browsebox a, .tx-ttnews-browsebox strong {padding:0 0.4em 0.4em 0; margin:0; background:transparent;}
	
	hr.clearer { clear: both; }
	
	/* LATEST Ansicht */
	.news-latest-item {margin-bottom:2em;}
	.news-latest-item img {padding-right:1em; padding-top:0.5em; float:left;}
	.news-latest-morelink {padding:1px; border:1px solid #ccd; background:#f0f0f4; text-align:center;}
	
	/* LIST Ansicht */
	.news-list-container { margin-top: 1.5em; }
	.news-list-item {margin-bottom:1em;}
    .news-list-item h2 {margin: 0; font-size:150%;}
    .news-list-item p {margin: 0.6em 0 0 0;}
	.news-list-item img { padding-right:15px; float: left; margin-top:1em; }
	.news-list-morelink {  }
	.news-list-morelink a {
	}
	.news-list-morelink a:hover { }
	.news-list-category {}
	.news-list-date {		
	    font-family: 'roboto_cnitalic', Arial, Helvetica, sans-serif;
		font-weight: normal;
		color:#444;
		margin:0; 
        }
	
	/* SINGLE Ansicht */
    .news-single-rightbox {
        font-family: 'roboto_cnitalic', Arial, Helvetica, sans-serif;
		font-weight: normal;
		color:#444;
		margin:1em 0 0 0;   
    }
	.news-single-img {padding-right:15px;	float:left; margin-top: 1em; }
    .news-single-item h1{margin: 0;}
    .news-single-item p {margin: 0.6em 0 0 0;}
	.news-single-img p {padding:0; margin:0;}
	.news-single-timedata {color:#aaa; margin-bottom:1em;}
	.news-single-additional-info {}
	.news-single-additional-info dd {margin-top:-1em;}
	.news-single-additional-info dt {margin-bottom:1.4em; color:#aaa;}
	.news-single-imgcaption { font-style: italic; font-size: 0.8em; }
    .news-single-backlink{margin-top: 1em;}
	
	/* CATEGORY Menu */
	.news-catmenu {font-size:0.8em; margin-top:2em; padding:1em; background:#eee; border:1px dotted black;}
	.news-catmenu a {display:inline; padding-left:2px;}
	.news-catmenu a:hover {background:transparent; font-style:italic; font-weight:bold;}
	.news-catmenu .news-catmenu-NO {height:16px;}
	p.news-catmenu-header {line-height:1em; margin:0;}
	
    /* BROWSE */
    .browseLinksWrap a{ text-decoration: none;color:#fff;}
    .browseLinksWrap{clear:both;padding-top:15px; padding:0px;}
    .browseLinksWrap .inactive{border:1px solid #00377F; padding:0 3px; font-size:85%; background:#00377F; margin-right: 5px;}
    .browseLinksWrap .active {background:#444; padding:0 5px; font-size:85%; margin-right: 5px; color:#fff; border:1px solid #444;}
	
	/**
	* tx_indexedsearch
	*/
	.tx-indexedsearch .tx-indexedsearch-whatis P .tx-indexedsearch-sw {font-weight:bold; font-style:italic;}
	.tx-indexedsearch .tx-indexedsearch-whatis {margin-top:10px; margin-bottom:5px;}
	.tx-indexedsearch P.tx-indexedsearch-noresults {text-align:center; font-weight:bold;}
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title {background:#eeeeee;}
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title P {font-weight:bold;}
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title P.tx-indexedsearch-percent {font-weight:normal;}
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr P {font-style:italic;}
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr P .tx-indexedsearch-redMarkup {}
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info {background:#E0E7F5;}
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead {margin-top:20px; margin-bottom:5px;}
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2 {color:#006699; margin-top:0px; margin-bottom:0px; background:transparent;}
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TABLE {background:#cccccc;}
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TD {vertical-align:middle;}
	.tx-indexedsearch .tx-indexedsearch-res .noResume {color :#666666;}
	.tx-indexedsearch-sw, .csc-sword, .tx-indexedsearch-redMarkup {background:#FEC216;}
	
	
	.tx-indexedsearch { margin-top: 1.5em; }
	.tx-indexedsearch .searchbox-tmpl-css form fieldset legend {display:none;}
	.tx-indexedsearch .tx-indexedsearch-browsebox {background:#eee;}
	.tx-indexedsearch .res-tmpl-css h3 {font-size:105%; clear:both;}
	.tx-indexedsearch .res-tmpl-css .tx-indexedsearch-result-number {display:none;}
	.tx-indexedsearch .res-tmpl-css.tx-indexedsearch-res .tx-indexedsearch-title {background:transparent;}
	.tx-indexedsearch .res-tmpl-css.tx-indexedsearch-res .percent-tmpl-css {color:#aaa;}
	.tx-indexedsearch .res-tmpl-css p.tx-indexedsearch-descr { font-size: 100%;}
	.tx-indexedsearch .res-tmpl-css dl.info-tmpl-css {font-size:0.8em; background:transparent; font-weight:normal; margin:0 0 4em 0;}
	.tx-indexedsearch .res-tmpl-css dt {float:left;}
	.tx-indexedsearch .res-tmpl-css dd {float:left; margin:0 0.5em 0 0;}
	.tx-indexedsearch .tx-indexedsearch-browsebox ul.browsebox {list-style:none; background:#fff; margin:0 0 3em 0;}
	.tx-indexedsearch .tx-indexedsearch-browsebox ul.browsebox li {font-size:0.8em; float:left; margin:0 1em 0 0;}
	.tx-indexedsearch .tx-indexedsearch-res { overflow: hidden; border-bottom: 1px solid #ccc; padding-bottom:1em; }
	
	.tx-indexedsearch .submit { float: left; }
	.tx-indexedsearch .extendedsearch { float: right; line-height: 200%; }
	

	/* Datei links */
	.csc-uploads-description { color: #999; padding-left: 1em; font-size: 90%; }
	.csc-uploads-fileSize { color: #999; padding-left: 1em; font-size: 90%; }
	a:hover .csc-uploads-fileName { color: #000; }

	/* Flexslider */
	.tx-ws-flexslider { }
	
	/* News system. Extension "news" */
	.news .article .news-img-wrap { margin-top: 1.5em; }
	.news .footer p { margin-top: 0; }

	/* Core mods */
	div.csc-textpic-left div.csc-textpic-text { overflow: hidden; }

	/* Border just around the image */
	div.csc-textpic-border div.csc-textpic-imagewrap img { border-radius: 5px; }
	
	figcaption { padding: 4px 4px 2px 4px; color: #666; font-style: italic; border-radius: 0 0 3px 3px; font-size: 80%; }
	
	/* Flash animation, videos */
	object, .video-js-box { margin-top: 1.5em; }

	/* Fancybox */
	.fancybox-wrap a { background-color: transparent; }
		
	/* Flexi columns */
	
/* default styles for extension "tx_cssfilelist" */
	.filelinks div{padding-left:25px; background:url('/fileadmin/yaml/img/icon/default.gif') left top no-repeat; margin-bottom:10px;}
	.filelinks span{display:block; font-size:80%;}
	.filelinks .filecount{display:block; margin-bottom:5px;} 
	.filelinks a{ padding-right:1em; font-size:120%;}
	.filelinks .filecount {display:none;}
	.filelinks .odd { border-bottom:1px dotted #ddd; padding-bottom:5px; }
	.filelinks .even { border-bottom:1px dotted #ddd; padding-bottom:5px;}
	/* Icons begin */
	.filelinks .ai{background-image:url('/fileadmin/yaml/img/icon/ai.gif')!important;}
	.filelinks .ani{background-image:url('/fileadmin/yaml/img/icon/ani.gif')!important;}
	.filelinks .au{background-image:url('/fileadmin/yaml/img/icon/au.gif')!important;}
	.filelinks .avi{background-image:url('/fileadmin/yaml/img/icon/avi.gif')!important;}
	.filelinks .bmp{background-image:url('/fileadmin/yaml/img/icon/bmp.gif')!important;}
	.filelinks .cdr{background-image:url('/fileadmin/yaml/img/icon/cdr.gif')!important;}
	.filelinks .css{background-image:url('/fileadmin/yaml/img/icon/css.gif')!important;}
	.filelinks .csv{background-image:url('/fileadmin/yaml/img/icon/csv.gif')!important;}
	.filelinks .doc{background-image:url('/fileadmin/yaml/img/icon/doc.gif')!important;}
	.filelinks .dtd{background-image:url('/fileadmin/yaml/img/icon/dtd.gif')!important;}

	.filelinks .eps{background-image:url('/fileadmin/yaml/img/icon/eps.gif')!important;}
	.filelinks .exe{background-image:url('/fileadmin/yaml/img/icon/exe.gif')!important;}
	.filelinks .fh3{background-image:url('/fileadmin/yaml/img/icon/fh3.gif')!important;}
	.filelinks .flash{background-image:url('/fileadmin/yaml/img/icon/flash.gif')!important;}
	.filelinks .folder{background-image:url('/fileadmin/yaml/img/icon/folder.gif')!important;}
	.filelinks .gif{background-image:url('/fileadmin/yaml/img/icon/gif.gif')!important;}
	.filelinks .htm{background-image:url('/fileadmin/yaml/img/icon/htm.gif')!important;}
	.filelinks .html{background-image:url('/fileadmin/yaml/img/icon/html.gif')!important;}
	.filelinks .ico{background-image:url('/fileadmin/yaml/img/icon/ico.gif')!important;}
	.filelinks .inc{background-image:url('/fileadmin/yaml/img/icon/inc.gif')!important;}
	.filelinks .java{background-image:url('/fileadmin/yaml/img/icon/java.gif')!important;}
	.filelinks .jpg{background-image:url('/fileadmin/yaml/img/icon/jpg.gif')!important;}
	.filelinks .js{background-image:url('/fileadmin/yaml/img/icon/js.gif')!important;}
	.filelinks .max{background-image:url('/fileadmin/yaml/img/icon/max.gif')!important;}
	.filelinks .mid{background-image:url('/fileadmin/yaml/img/icon/mid.gif')!important;}
	.filelinks .mov{background-image:url('/fileadmin/yaml/img/icon/mov.gif')!important;}
	.filelinks .mpeg{background-image:url('/fileadmin/yaml/img/icon/mpeg.gif')!important;}
	.filelinks .mpg{background-image:url('/fileadmin/yaml/img/icon/mpg.gif')!important;}
	.filelinks .pcd{background-image:url('/fileadmin/yaml/img/icon/pcd.gif')!important;}
	.filelinks .pcx{background-image:url('/fileadmin/yaml/img/icon/pcx.gif')!important;}
	.filelinks .pdf{background-image:url('/fileadmin/yaml/img/icon/pdf.gif')!important;}
	.filelinks .png{background-image:url('/fileadmin/yaml/img/icon/png.gif')!important;}
	.filelinks .ps{background-image:url('/fileadmin/yaml/img/icon/ps.gif')!important;}
	.filelinks .psd{background-image:url('/fileadmin/yaml/img/icon/psd.gif')!important;}
	.filelinks .rtf{background-image:url('/fileadmin/yaml/img/icon/rtf.gif')!important;}
	.filelinks .sgml{background-image:url('/fileadmin/yaml/img/icon/sgml.gif')!important;}
	.filelinks .swf{background-image:url('/fileadmin/yaml/img/icon/swf.gif')!important;}
	.filelinks .sxc{background-image:url('/fileadmin/yaml/img/icon/sxc.gif')!important;}
	.filelinks .sxw{background-image:url('/fileadmin/yaml/img/icon/sxw.gif')!important;}
	.filelinks .tga{background-image:url('/fileadmin/yaml/img/icon/tga.gif')!important;}
	.filelinks .tif{background-image:url('/fileadmin/yaml/img/icon/tif.gif')!important;}
	.filelinks .ttf{background-image:url('/fileadmin/yaml/img/icon/ttf.gif')!important;}
	.filelinks .txt{background-image:url('/fileadmin/yaml/img/icon/txt.gif')!important;}
	.filelinks .wav{background-image:url('/fileadmin/yaml/img/icon/wav.gif')!important;}
	.filelinks .wrl{background-image:url('/fileadmin/yaml/img/icon/wrl.gif')!important;}
	.filelinks .xls{background-image:url('/fileadmin/yaml/img/icon/xls.gif')!important;}
	.filelinks .xml{background-image:url('/fileadmin/yaml/img/icon/xml.gif')!important;}
	.filelinks .xsl{background-image:url('/fileadmin/yaml/img/icon/xsl.gif')!important;}
	.filelinks .zip{background-image:url('/fileadmin/yaml/img/icon/zip.gif')!important;}

	/* Icons end */

	.filelinks a:hover{text-decoration:underline;}
    .facebookButton {padding: 0.4em 0.6em; background: #01377F; float:left; cursor: pointer; margin:2em 0 0 5%; color:#fff; font-size:120%  }
    .copyright {clear:both; padding:4em 0; font-size: 80%; margin-left:5%;}
    
    .closeBut {padding:1em; color:#CCD7E5; z-index: 100; top:0px; right:1px; cursor: pointer;background:#F5F7FA; width: 18px; height:18px; float:right}
     
    .ym-lowerhold { position:absolute; left:25%; width:25%;}
    .ym-lowerhold2 { position:absolute; left:25%; width:55%;}
    .ym-lower {display:none}
    .infoBut {padding:1em; color:#00377F; position: absolute; z-index:2; top:0em; left:0%; cursor: pointer; background:#F5F7FA; width: 50px; display:block;}
    .infoBut span{padding-left:0.5em;}
    
    .block_holder {
        padding: 0px;
        margin-bottom: 0em;
        margin-top: 1em;
    }
    .block_holder img {
        padding: 0px;
        width:100%;
    }
    .block {
        position: relative;
        overflow: hidden;
    }
    
    .hover_info {
        position: absolute;
        background: rgba(239, 239, 239, 0.8); 
        width: 100%;
        height:98%;
        position: absolute;
        left: -100%;  
        top: 0%;
        transition: all 200ms linear; 
        -webkit-transition: all 200ms linear; 
        -moz-transition: all 200ms linear;
        padding:0;
 
    }
    
    .block:hover .hover_info { 
        top: 0; left: 0;}
    
    .hover_info h2 {padding:0.5em;font-family: 'roboto_cnregular', Arial, Verdana, Georgia, "Times New Roman", Times, serif; font-size: 140%;}
    .hover_info span { font-size: 1em; padding: 0.5em 2em; background: rgba(0, 55, 125, 1.0); color: #fff; position: absolute; bottom:1px; right:0%; text-decoration: none; }
    .hover_info:hover h2 { left: 0; transition-delay: 200ms; -webkit-transition-delay: 200ms; -moz-transition-delay: 200ms; }
    .hover_info:hover p { opacity: 1; transition-delay: 200ms; -webkit-transition-delay: 600ms; -moz-transition-delay: 200ms; }
    .hover_info:hover a {  }
    .hover_info a:hover {  }


/* ### ACCORDION ### */
/* Component containers
----------------------------------*/
    .ui-widget-content { border: 1px solid #00377F; background:#fff; color: #444; }
    .ui-widget-header { border: 1px solid #e78f08; background: #f6a828; color: #ffffff;}
    .ui-widget-header a { color: #ffffff; }

/* Interaction states
----------------------------------*/
    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #00377F; background:#00377F; color: #fff;}
    .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4;}
    .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #E2001A; background:#E2001A; color:#fff; }
    .ui-state-hover a, .ui-state-hover a:hover { color: #fff;}
    .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #00377F; background:#00377F; color: #fff; }
    .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00;}

/* Interaction Cues
----------------------------------*/
    .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fed22f; background: #ffe45c url(images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x; color: #363636; }
    .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
    .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #b81900 url(images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; color: #ffffff; }
    .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; }
    .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; }


}
.neutral {
  padding:33px 0 0 40px;
}
@media screen and ( max-width: 1360px ) {
    
            .ym-lowerhold { position:absolute; left:25%; width:35%;}
      }





@media screen and ( max-width: 860px ) {
    
    .ym-lower {display:block; position:relative;}
    .ym-lowerhold { position:relative; width:100%; left:0px}
    .ym-lowerhold2 { position:absolute; left:0px; width:100%;}
    .facebookButton {font-size:140%  }
    .infoBut {display: none;}
    .closeBut {display: none;}
    .hover_info {height:99%;}
    .hover_info a { padding: 1em 2em;}
      }
@media screen and ( max-width: 480px) {
	
	/* tt_news */
	.news-single-img { clear: both; float: none; }
	
    input, textarea { margin-bottom:1em; padding:1%; width:auto; font:1em 'roboto_cnregular', Verdana, Arial, Helvetica, Sans-Serif; border:1px #C4D1E1 solid; background:#fff; color:#444; width: 97.0%;}
	input[type=text]:focus, textarea:focus {background:#f0f0f0; color:#444; border-color:#666;}
    div.csc-mailform .kontakt li label {
	float: none;
	width: 80%;
	margin-right: 0em;
    }
    .csc-form-element-submit input {
    margin-left: 0%;
    }
}