@import url("//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,800,400,300,600,700");

@media all
{
  /**
   * (en) Formatting YAML's  basic layout elements
   * (de) Gestaltung des YAML Basis-Layouts
   */

/* (en) Marginal areas & page background */
/* (de) Randbereiche & Seitenhintergrund */
     /*body {background:#f3f3f3 url("../../images/bg_grau.gif") repeat-x top left fixed; padding:10px 0;}*/
     body {background:#fff;}
    /*body {background:#4d87c7 padding: 15px 0;}*/

/* (en) Layout: width, background, borders */
/* (de) Layout: Breite, Hintergrund, Rahmen */
  #page_margins {border:0px #889 solid; margin-top:10px}
  #page{width:796px; margin:0 auto; padding:0px; background:#ffffff; border:0px #ffffff solid; box-shadow:/*0px 13px 50px -5px #ccc*/ 0px 13px 59px -15px #CCC;}

/* (en) Centering layout in old IE-versions */
/* (de) Zentrierung des Layouts in alten IE-versionen */
  html {overflow-y:scroll}
  body {text-align:center;}
  #page_margins {text-align:left;}

/* (en) Designing main layout elements */
/* (de) Gestaltung der Hauptelemente des Layouts */
  #header { padding:0px 0px; height:79px; text-align:justify; position:relative;}
  #header > .container {width:auto;}
  #header > .container:after {content:''; line-height:0; height:0; font-size:0; display:inline-block; width:100%;}
  #header img.headImg1 {height:63px; width:auto; transition-duration:0.8s}
  #header h1 span {display:block; height:1px; width:1px; overflow:hidden; line-height:105px;}
  #header div.tx-macinasearchbox-pi1 {position:absolute; top:0px; bottom:0px; right:0px; font-size:11px; z-index:30;}
  #header div.tx-macinasearchbox-pi1 input {margin-left:0;}
  #header div.tx-macinasearchbox-pi1 form span {display:block; font-weight:bold; color:#aaa;}
  #header div.tx-macinasearchbox-pi1 form input {width:170px; height:13px; padding:5px 10px;}
  #header #banner {position:absolute; top:225px; right:10px; z-index:10;}
  #header #topnav {top:2px; font-size:0.9em; color:#aaa; background:transparent;display:none;}
  #header #topnav span.accessKey {text-decoration:underline;}
  #header #topnav span.showAccessKey {font-size:80%; font-style:italic;}

/* (en) Designing Picture elements */
/* (de) Gestaltung des Picture Layouts */ 
   /*#picture {height:244px; color:#fff; background:#232324 url("../../images/teaser_new.jpg") repeat-x;}*/
   #picture {color:#fff; background:#ffffff; width: 100%; margin-bottom:10px;}  

/* (en) adjustment of main navigation */
/* (de) Anpassung der horizontalen Hauptnavigation */
  #nav_main {border-bottom:0;}
  #nav ul {margin-left:0;}
  
  /* Neues Menü */
  #nav .menu > li:hover ul {visibility:visible; opacity:1; margin-top:2px;} 
  #nav .menu > li:hover a.active+ul {visibility:visible; opacity:1; margin-top:0px;} 
  #nav_main {width:auto; overflow:auto; float:none; display:block;}
  #nav_main ul {display:block; float:none;}
  #nav_main ul li {display:block !important;}
  #nav ul ul {position:absolute; min-width:200px; z-index:9999;}
  #nav ul ul {margin-top:0\9 !important; } 
  #nav ul ul li, #nav ul ul li a {display:block; float:none; transition:0.3s ease all;}
  #nav ul ul li a {background:none !important; color:#000 !important;}
  #nav ul ul li {background:#F0F0F0; background:rgba(243,243,243,0.95);}
  #nav ul ul li:hover {background:#E2E2E2; background:rgba(233, 233, 233, 0.95);}
  /* Neues Menü */

  #main {background:#fff;padding:0 0; font-size:84%;}

/*###############
* ### Footer ####
* ###############
*/
  #footer {
    font-size:0.8em;
    color:#666; 
    background:#f9f9f9;
    padding:7px;
    border-top:2px #efefef solid;

  }
  
/*###############
* ### Teaser ####
* ###############
*/
  #teaser {margin:0; padding:0; margin-bottom:5px; background:#ffffff; color:#888;}
  #teaser div {float:left; width:auto; font-size:1em;}

  #teaser .rootline {margin:6px 0 6px 10px;}
  #teaser .rootline a {color:#888; text-decoration:none;}
  #teaser .rootline a:hover {background:transparent;}

  #teaser .langMenu {float:right; margin:1px 8px 1px 0px;}
  #teaser .langMenu a:hover {background:transparent;}
  #teaser .langMenu .tx-srlanguagemenu-flags .NO {float:right;}
  #teaser .langMenu .tx-srlanguagemenu-flags .NO img {opacity:0.2;}
  #teaser .langMenu .tx-srlanguagemenu-flags .CUR img {padding-right:1px;}
  #teaser .langMenu .tx-srlanguagemenu-flags .CUR img.tx-srlanguagemenu-flags-flag {padding-right:3px;}
  .tx-srlanguagemenu .CUR a.flag:before, .tx-srlanguagemenu .CUR a.linked-language:before {content:'';}
  .tx-srlanguagemenu .CUR, .tx-srlanguagemenu .NO, .tx-srlanguagemenu .INACT {margin:0; margin-left:5px;}
  #teaser .langMenu .tx-srlanguagemenu-flags form#sr_language_menu_form fieldset legend {display:none;}
  #teaser .langMenu .tx-srlanguagemenu-flags form#sr_language_menu_form fieldset label {display:none;}

  #teaser .selectFontSize {float:right; margin:6px 10px 0 0;}
  #teaser .selectFontSize a {color:#fff;}
  #teaser .selectFontSize a:hover {background:transparent;}

  #teaser .aktDatum {float:right; margin:6px 20px 4px 0; display:none;}
    
/*#####################
* ### Main Content ####
* #####################
*/
  #col1_content {padding:10px 10px; margin: 0; padding-right:0;}
  #col2_content {padding:10px 10px;}
  #col3_content {padding:10px 10px; padding-left:0;}
  
}





/*topthema*/
#top_thema {left:-20px; display:block; color:#666; text-decoration:none; text-align:left;cursor:pointer;opacity:0.7;background:#efefef url(../../styles/06_layouts_0col/css/images/pfeil_kl.png) center right no-repeat;border:1px solid #ccc; border-radius:0px 10px 10px 0px;box-shadow:5px 5px 10px #efefef;box-shadow:2px 2px 1px #F0F0F0; width:165px;position:fixed;top:20px;padding:5px 5px 5px 10px;	background: url(../../styles/06_layouts_0col/css/images/pfeil_kl.png) center right no-repeat, -moz-linear-gradient(bottom, #E1E1E1 22%, #F9F9F9 65%);
	background: url(../../styles/06_layouts_0col/css/images/pfeil_kl.png) center right no-repeat, -o-linear-gradient(bottom, #E1E1E1 22%, #F9F9F9 65%);
	background: url(../../styles/06_layouts_0col/css/images/pfeil_kl.png) center right no-repeat, -webkit-gradient(linear, left bottom, left top, color-stop(0.22, #E1E1E1), color-stop(0.65, #F9F9F9));
	background: url(../../styles/06_layouts_0col/css/images/pfeil_kl.png) center right no-repeat, -webkit-linear-gradient(bottom, #E1E1E1 22%, #F9F9F9 65%);
	background: url(../../styles/06_layouts_0col/css/images/pfeil_kl.png) center right no-repeat, linear-gradient(bottom, #E1E1E1 22%, #F9F9F9 65%);
	background-color: #E1E1E1; text-shadow:1px 1px 1px #fff;}
#top_thema:hover{opacity:1; box-shadow:none; margin-top:1px; margin-left:1px;}
#top_thema .flag_desc {margin-top:0.5em; margin-bottom:0.25em;}
#top_thema .head_h3{font-size:130%; margin-bottom:1em}

/*left_side_bar_flags*/
#page_margins {width:888px; margin:0 auto; margin-top:10px;} /*width:616px alt*/
#page {position:relative; margin-right:0}
/*#page:before {position:absolute;top:-15px;right:-18px;width:250px;height:120px;content:'';background:url(../../styles/06_layouts_0col/css/images/snow5.png) right top no-repeat;}*/
#leftsidebar {position:fixed; left:-1px; top:87px; width:154px; min-height:300px; z-index:1;}
.left_flag, .info_flag {position:relative; display:block; text-decoration:none; height:125px;border-left:0px solid #F33;cursor:pointer;margin-bottom:40px;left:-14px;transition: 0.3s ease all;}

.left_flag h3, .left_flag .head_h3 {margin:0; font-weight:normal; color:#666; padding:18px 12px 4px 12px; display:block; background:#F7F7F7; font-size:100%;
         -webkit-transform:rotate(-90deg);
         -webkit-transform-origin:103px 91px;
         -moz-transform:rotate(-90deg);
         -moz-transform-origin:103px 91px;
         transform:rotate(-90deg);
         transform-origin:103px 91px;
}
.left_flag p, .left_flag .flag_desc {line-height:1.5em; margin:0 0 1em 0; display:block; overflow:hidden; padding:6px 6px 4px 6px; background:#EFEFEF; height:144px; padding-left:50px; color:#000;font-size:91%; overflow:hidden; width:150px; margin-left:-150px; display:block;
           transition:0.6s ease all;
}
.left_flag:hover p, .left_flag:hover .flag_desc {box-shadow:54px 0 32px -15px #B6B6B6 inset; margin-left:15px;}
.flag_gradient {background:url(../../styles/06_layouts_0col/css/images/left_flag_gradient.png) top right no-repeat;height:1px;top:-1px;right:0;width:184px;position:absolute; display:block;}
.flag_gradient {display:none;}
/*.left_flag .snow {position:absolute;z-index:999;top:-13px;left:-16px;right:0;bottom:0;background:url(../../styles/06_layouts_0col/css/images/snow1.png) no-repeat};
#left_flag1 .snow {background-image:url(../../styles/06_layouts_0col/css/images/snow1.png);}
#left_flag2 .snow {background-image:url(../../styles/06_layouts_0col/css/images/snow2.png);}
#left_flag3 .snow {background-image:url(../../styles/06_layouts_0col/css/images/snow3.png);}*/
#left_flag0 {display:none;}
#quick_info {height:140px; border-left-color:#ccc;}
/*#quick_info .snow {background-image:url(../../styles/06_layouts_0col/css/images/snow4.png);}*/


/* Animierte Teaser */
.animated_teaser {
display:none;
height:220px;
width:796px;
overflow:hidden;
transition:0.5s ease all;
transition-delay:0.2s;
}

.animated_teaser.big {
    height:370px;
}

.animated_teaser .inner_shadow {box-shadow:0px 0px 100px #000 inset;}
/*.animated_teaser:hover {height:400px}*/

/*.animated_teaser {display:none !important;}
#picture .csc-default>.animated_teaser+img {display:inline;}*/

/*.html5_supported2 */.animated_teaser {display:block !important;}
/*.html5_supported2 */#picture .csc-default>.animated_teaser+img {display:none;}

* html .animated_teaser {display:none !important;}
*+html .animated_teaser {display:none !important;}
*+html #picture .csc-default>.animated_teaser+img {display:inline;}

@media only screen and (max-device-width: 768px) {
	.animated_teaser img {display:none}
} 
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	.animated_teaser img {display:none}
}

.self_scrolling_outer {height:100%;}
.self_scrolling {position:absolute; top:0; left:0; right:0; bottom:0; padding:0; margin:0; list-style-type:none;}
.self_scrolling li {margin:0; padding:0; text-align:center; font-size:60%;}
.self_scrolling li:nth-child(3n+1) {font-size:90%;}
.self_scrolling li:nth-child(2n+1) {font-size:30%;}
.teaser_image .self_scrolling li {float:left; padding:20px; margin:10px; background:rgba(100,100,100,0.2); border-radius:10px; border:1px solid #efefef; background:-webkit-linear-gradient(bottom, rgba(240,240,240,0.8) 22%, rgba(249,249,249,0.8) 65%)}
.teaser_image .self_scrolling li:nth-child(odd) {float:right;}
.teaser_image .self_scrolling li.force_small {font-size:30%}
.teaser_image .self_scrolling li.force_big {font-size:90%}

/*Menü-Schatten*/
#col3 {
    background:url(menu_shadow.png) no-repeat top left;
    padding-left:35px;
}

a.highlighted {background:#DC0000; padding:10px; color:#FFF !important; display:block;margin:10px 0px; box-sizing:border-box; text-align:center; font-size:15px; transition:0.5s; border-left:1px solid #fff;}
a.highlighted:hover {background:#cc0000;}
a.highlighted:first-child, a.highlighted:only-child {border:0;}
a.highlighted > * {vertical-align:middle;}

#easyfpga_order .easyfpga_order {width:579px; box-sizing:border-box;}

/* Start Layout 2015 */
body {
    font-family:'Open Sans', Arial, sans-serif !important;
    margin-top:95px;
}

.container {
    width: 1000px;
    margin: 0 auto !important;
}

a {
    color:#DC0000;
}

#main {
    padding-bottom:30px;
    min-height:786px;
    margin-top:10px !important;
}

#page_margins, #page {
    margin:auto;
    width:auto;
}

#page {
    box-shadow:none;
}

#teaser .rootline {
    margin-left:0;
}

.upper {
    margin:3em 0 !important;
    padding:0 !important;
}

#teaser, #teaser .rootline a, #topnav, #topnav a {
    color:#D5D5D5 !important;
}

#footer {
    text-align:center;
    color:#B1B1B1;
    background:#F5F5F5;
}

#header div.tx-macinasearchbox-pi1 form, #header div.tx-macinasearchbox-pi1 form input {
    height:100%;
}

#header div.tx-macinasearchbox-pi1 form input {
    border:0;
    text-align:left;
    width:32px;
    background:url(/fileadmin/css/images/search.png) no-repeat left center;
    background-size:20px;
    background-origin:content-box;
    color:transparent;
    cursor:pointer;
    padding:0;
    padding-left:10px;
    text-indent:40px;
    opacity:1;
    transition:0.5s ease all;
    transition-property:width,background-size,background;
    font-size:25px;
}

#header div.tx-macinasearchbox-pi1 form input:focus {
    color:#000;
    width:185px;
    background-color:#ECECEC;
}

#picture {
    margin-bottom:40px;
}

#picture img {
    width:100%;
}

#col1_content {
    padding:0;
}

.animated_teaser {
    width:1000px;
}

#nav {
    display:inline-block;
    vertical-align:middle;
    position:relative;
    z-index:1;
    margin-right:5%;
}

#nav_main {
    background:none;
    border:0 !important;
}

#nav_main ul li:hover a, #nav_main ul a.active {
    background:#DC0000;
}

#nav_main ul li a, #nav_main ul li strong {
    padding:20px;
    font-size:1em;
}

#nav_main > .container > ul > li:first-child a, #nav_main > .container > ul > li:first-child strong {
    padding-left:5px;
}

#nav_main > .container > ul > li:last-child a, #nav_main > .container > ul > li:last-child strong {
    padding-right:5px;
}

#nav ul ul {
    margin-top:10px;
    opacity:0;
    visibility:hidden;
    transition:0.3s ease all;
    border:1px solid #E6E6E6;
    border-top:0;
}

#teaser .langMenu {
    margin-right:0;
}

body.small-header {
    margin-top:75px;
}

#header {
    background:rgba(243, 243, 243, 0.95);
    border-bottom:1px solid #E7E7E7;
    transition:0.3s ease all;
    position:fixed;
    left:0;
    right:0;
    top:0;
    height:79px;
    z-index:900;
}

#headermain {
    display:inline-block;
    vertical-align:middle;
    margin-left:10px;
}

#headermain > a {
    display:block;
    font-size:0;
}

.small-header #nav_main > ul > li > a, #nav_main > ul > li > strong {
    padding:18px 5px;
}

.small-header #header img.headImg1 {
    height:40px;
}

.small-header #header {
    background:rgba(250, 250, 250, 0.95);
    margin-top:0;
    height:51px;
}

.small-header #nav ul ul li {
    background:rgba(250, 250, 250, 0.95);
}

.small-header #nav ul ul li:hover {
    background:rgba(243, 243, 243, 0.95);
}

#nav_main ul li:hover a, #nav_main ul a.active {
    background:none;
    color:#DC0000;
}

#nav_main > ul > li > a, #nav_main > ul > li > strong {
    padding:32px 5px;
}

#nav_main > ul > li {
    margin:0 5px;
}

#nav_main > ul > li:first-child {
    margin-left:0;
}

#nav_main > ul > li:last-child {
    margin-right:0;
}

#nav_main > ul > li > a.active {
    border-bottom:2px solid #DC0000;
}


.flexi.two-cols .left {
    width:50% !important;
}
.flexi.two-cols .right {
    width:50% !important;
}

.flexi.three-cols .left {
    width:25% !important;
}
.flexi.three-cols .center {
    width:45% !important;
}
.flexi.three-cols .right {
    width:25% !important;
}

.caption-line {
    position:relative;
    text-align:center;
    color:#8F8F8F;
}

.caption-line:before {
    content: '';
    position:absolute;
    left:0;
    right:0;
    background:#E2E2E2;
    height:1px;
    top:50%;
}

.caption-line span {
    display:inline-block;
    background:#fff;
    position:relative;
    z-index:1;
    padding:20px 25px;
    text-transform:uppercase;
    letter-spacing:5px;
}

#pageUID-69 .subcolumns {
    overflow:visible;
}

#col2 {
    width:237px;
}

#col3 {
    margin-right:237px;
}

.csc-default {
    overflow:auto;
}

#pageUID-69 DIV.csc-textpic IMG {
    opacity:0.4;
    transition:0.2s ease all;
}

#pageUID-69 .csc-default DIV.csc-textpic:hover IMG {
    opacity:0.6;
}

#pageUID-67 h1, #pageUID-67 h5 {
    height:60px;
}

/* End Layout 2015 */