/* Topnavigation */
@media screen {
#topnav { text-align:right; color: #aaaaaa; background-color: transparent; background-image: none; position:relative; margin: 0 0.9em 0 auto; z-index:1000; height:2.68em;}
#topnav a { color: #999999; font-weight: normal; background-color: transparent; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0% 0%; background-clip: border-box; background-origin: padding-box; background-size: auto auto; }
#topnav a:focus, #topnav a:hover, #topnav a:active { background-color: transparent; }
#topnav a:focus, #topnav a:hover, #topnav a:active { background-color: transparent; }
/* Language Navigation */
#langnav {position:relative; float:right;font-size:.9167em; font-weight:bold; margin: 0.25em auto; }
#langnav a {font-weight:bold; color: #4d87c7;}

/* Language Icon */
div #langnav span.sp {float:left;}
div #langnav span.langicon{width:auto;height:auto;/* margin-right:3px;margin-top:-4px; */}
.en{background-position:-8px -60px;background:url('../../bilder/logos/gb.png') no-repeat;overflow:hidden;padding:0;} 
div#lang_select {
	position:relative; 
	float:right;
	padding-right:0.2em;
}
div#lang_select a[lang|='en'] {
	background: url('../../bilder/logos/gb.png') no-repeat 0 10%;
	text-indent: 20px;
	margin:0.25em auto;
}
div#lang_select a[lang|='de'] {
	background: url('../../bilder/logos/de.png') no-repeat 0 10%;
	text-indent: 20px;
}

 .wrap {
    padding: 0;
    margin: 10px 0 -10px  0;
   }
     
   .tableWrap {
    overflow-x: hidden;
    margin:-10px 10px;
    }

   .tableBlock {
    display: table;
    table-layout:fixed;
    border-collapse: separate;
    border-spacing:21px;
    margin: 0 -4px; 
   } 

.tableRow {
    display: table-row;
   }

.tableCell {
    display: table-cell;
    padding: 0.7em 1.25em;
    margin:0 9px 0 0; 
    width: 33.333%;
    text-align:left;
}

.tableCell p {
    font-family: 'Trebuchet MS',Verdana,Helvetica,Arial,sans-serif;
    font-size:1em;
    line-height:1.14em;
    padding-top:.32em;
    color:#777;
    background:transparent;
    margin:0;
}
  
  .tableCell:hover {
   background:#fff;
   color:#0060a7; 
    z-index: 100;
   box-shadow: 0 3px 9px 3px rgba(0,0,0,.25);
   } 

.tableCell a { display: block; padding:0;margin:0;color:#0060a7;} 
 .tableCell a:hover { 
    text-decoration:none; 
    } 

 .tableCell h3 {
      color:#333;
    font-size:109%;
    font-weight:bold;
    padding:0;
    margin-top:11px;
   }

.tableCell .cell50 {
   width: 50%!important;
}

.tableCell .cell25 {
   width: 25%;
}

.tableCell .cell20 {
   width: 20%!important;
}


 .tableCell img {
      width: 100%;
      max-width: 100%;
     height: auto;
}

.transparent {
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.5;
}

/* -- Berechnung -- */
/* Breite / Hoehe = Prozent fuer padding-bottom */

div.sprite1 {
    width: 100%;
 	height: 0;
	padding-bottom: 43.47826%;
	background-image: url("../../bilder/thumbs/sprite-wir2.jpg");
	background-position: 0 0;
      background-size: 200%;
	display:block;
     }

div.sprite1:hover {
	background-position: 100% 0; /* Use ONLY percents here */
     /* background-position: 33.33333333333% 0; */
}

div.sprite2 {
    width: 100%;
      height: 0;
	padding-bottom: 43.47826%;
	background-image: url("../../bilder/thumbs/sprite-services.jpg");
	background-position: 0 0;
      background-size: 200%;
	display:block;
     }

div.sprite2:hover {
     	background-position: 100% 0; /* Use ONLY percents here */
     /* background-position: 33.33333333333% 0; */
}

div.sprite3 {
    width: 100%;
      height: 0;
	padding-bottom: 43.47826%;
	background-image: url("../../bilder/thumbs/sprite-support.jpg");
	background-position: 0 0;
      background-size: 200%;
	display:block;
     }

div.sprite3:hover {
     	background-position: 100% 0; /* Use ONLY percents here */
     /* background-position: 33.33333333333% 0; */
}

div.sprite4 {
    width: 100%;
      height: 0;
	padding-bottom: 43.47826%;
	background-image: url("../../bilder/thumbs/sprite-super.jpg");
	background-position: 0 0;
      background-size: 200%;
	display:block;
     }

div.sprite4:hover {
     	background-position: 100% 0; /* Use ONLY percents here */
     /* background-position: 33.33333333333% 0; */
}

div.sprite5 {
      width: 100%;
 	height: 0;
	padding-bottom: 43.47826%;
	background-image: url("../../bilder/thumbs/sprite-mwn.jpg");
	background-position: 0 0;
      background-size: 200%;
	display:block;
}

div.sprite5:hover {
	background-position: 100% 0; /* Use ONLY percents here */
     /* background-position: 33.33333333333% 0; */
}

div.sprite6 {
    width: 100%;
      height: 0;
	padding-bottom: 43%;
	background-image: url("../../bilder/thumbs/sprite-data.jpg");
	background-position: 0 0;
      background-size: 200%;
	display:block;
     }

div.sprite6:hover {
     	background-position: 100% 0; /* Use ONLY percents here */
     /* background-position: 33.33333333333% 0; */
}

div.sprite7 {
    width: 100%;
      height: 0;
	padding-bottom: 43%;
	background-image: url("../../bilder/thumbs/sprite-vr.jpg");
	background-position: 0 0;
      background-size: 200%;
	display:block;
     }

div.sprite7:hover {
     	background-position: 100% 0; /* Use ONLY percents here */
     /* background-position: 33.33333333333% 0; */
}

div.sprite8 {
    width: 100%;
      height: 0;
	padding-bottom: 43%;
	background-image: url("../../bilder/thumbs/sprite-forschung.jpg");
	background-position: 0 0;
      background-size: 200%;
	display:block;
     }

div.sprite8:hover {
     	background-position: 100% 0; /* Use ONLY percents here */
     /* background-position: 33.33333333333% 0; */
}

div.sprite9 {
    width: 100%;
      height: 0;
	padding-bottom: 43.47826%;
	background-image: url("../../bilder/thumbs/sprite-green.jpg");
	background-position: 0 0;
      background-size: 200%;
	display:block;
     }

div.sprite9:hover {
     	background-position: 100% 0; /* Use ONLY percents here */
     /* background-position: 33.33333333333% 0; */
}

div.bluebox {
  text-align:center;
}

div.bluebox:hover {
  background:#6daddf;
  color:#fff;
}

div.bluebox a:hover {
   color:#fff;
   text-decoration:none;
}

div.bluebox:hover h3 {
   color:#fff;
}
div.bluebox:hover hr {
   color:#fff;
}

}


@media all {
   .mobile-menu {
     display:none;
	}
  .ym-hlist {
    /* (en) containing floats in IE */
    /* (de) Einfassen der Floats im IE */
    width: 100%;
    overflow: hidden;
    position: relative;
    }
  
   .ym-hlist {
   background:#6daddf;
   margin: 0.3em 0 -0.25em 0;
   font-size:16px; /* fixe Groesse wg. Opera -Bug */
   font-weight:600;
   } 

  .ym-hlist ul {
    margin: 0;
    padding: 0.06em;
    display: inline;
    float: right;
  }
  .ym-hlist ul li {
    display: inline;
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align:center;
    text-transform: uppercase;
  }
  .ym-hlist ul li a, .ym-hlist ul li strong {
    border-left:1px solid #fff; 
    background: transparent;
    color: #fff;
    display: block;
    font-size: .85em;
    line-height: 2em; 
    padding: 0 0.62em;
    text-decoration: none;
   /* text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); */
   /* width: auto; */
    width:8.5em;
  }
  .ym-hlist ul li a:focus,
  .ym-hlist ul li a:hover,
  .ym-hlist ul li a:active {
    color: #fff;
    background:#444;
    border-radius: 0.1em; 
    text-decoration: none;
    outline: 0 none;
  }
  .ym-hlist ul li.active {
    background: #0060a7;
    border-radius: 0.2em;
    color: #fff;
  }
  .ym-hlist ul li.active strong,
  .ym-hlist ul li.active a:focus,
  .ym-hlist ul li.active a:hover,
  .ym-hlist ul li.active a:active {
   background: transparent; 
   color: #fff;
    text-decoration: none;
  }

/* search form -------------------------------------- */
.ym-searchform {
	float:right;
	display: inline;
	line-height: 2em;
	padding: 0.5em 1.5em;
}
.ym-searchform .ym-searchfield {
	background: #fff;
	line-height: 1em;
	padding: 0.25em;
	width: 12em;
	border: solid 1px #888;
	border: solid 1px rgba(255,255,255,.1);
	outline: none;
	-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
	-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
	box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
}
.ym-searchform .ym-searchbutton {
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 1em;
	line-height: 1.3571em;
	padding: 0.25em;
	border: solid 1px transparent;
	text-shadow: 0 1px 1px rgba(0,0,0,.5);
	-webkit-border-radius: .2em;
	-moz-border-radius: .2em;
	border-radius: .2em;
	background: #5f5f5f;
	background: rgba(255,255,255,.2);
}
/* Breadcrumb */
#crumbcontainer { margin: 0.25em 0 0.95em 0.2em; border-bottom: 2px solid #efefef; color:#777; background:transparent; 
    -ms-word-break: break-all;  word-break: break-all;
     word-break: break-word;  }   
.breadcrumb a, .breadcrumb span {margin-left: 0.28em; margin-right: 0.28em;}

.ym-vlist { margin:0.48em 0 1.5em 0; list-style-type:none; text-decoration:none; background: transparent; color:#333; border: 0 none; font-family: Arial, Helvetica, sans-serif; font-size:0.9em!important; line-height:0.55em; display:block; }
/* title */
#ym-vtitle { font-weight:600; width:100% display:block; padding:0; margin:0; }
#ym-vtitle a, #ym-vtitle strong, #ym-vtitle div #ym-vtitle a { display: block; padding-top: 3px; padding-right: 0px; padding-bottom: 3px; padding-left: 0; margin:0;}
.ym-vlist ul { list-style-type:none!important; margin:0; padding:0; width:100%; overflow:hidden; border-top:2px #ddd solid; border-bottom:2px #ddd solid; }
#ym-vtitle + ul { border-top:4px #888 solid; }
.ym-vlist ul ul { border: 0 none; }
.ym-vlist li { float:left; width:100%; margin:0; padding:0; background-color:#fff; }
.ym-vlist .h-static { font-weight:700; }
.ym-vlist a,
.ym-vlist strong,
.ym-vlist span { display:block; padding: 3px 0 3px 0; text-decoration:none; border-bottom:1px #ddd solid; }
.ym-vlist a,
.ym-vlist a:visited { color:#444; }
.ym-vlist li span { display:block; font-weight:bold; border-bottom:1px #ddd solid; }
/* active list element */
.ym-vlist li.active { color:#000; background-color:transparent; }
.ym-vlist li.active strong {font-weight:bold;}
/* Level 1 */
.ym-vlist li a,
.ym-vlist li strong,
.ym-vlist li span { width:91%; padding-left:9%; } /* LTR */
.ym-vlist li a:focus,
.ym-vlist li a:hover,
.ym-vlist li a:active { background-color:#f6f6f6; color:#000; text-decoration:none; outline: 0 none; }
/* Level 2 */
.ym-vlist li ul li a,
.ym-vlist li ul li strong,
.ym-vlist li ul li span { width:86%; padding-left:14%; } /* LTR */
.ym-vlist li ul li a,
.ym-vlist li ul li a:visited { background-color:transparent; color:#222; }
.ym-vlist li ul li a:focus,
.ym-vlist li ul li a:hover,
.ym-vlist li ul li a:active { background-color:#transparent; color:#222; }
/* Level 3 */
.ym-vlist li ul li ul li a,
.ym-vlist li ul li ul li strong,
.ym-vlist li ul li ul li span { width:81%; padding-left:19%; } /* LTR */
.ym-vlist li ul li ul li a,
.ym-vlist li ul li ul li a:visited{ background-color:transparent; color:#222; }
.ym-vlist li ul li ul li a:focus,
.ym-vlist li ul li ul li a:hover,
.ym-vlist li ul li ul li a:active { /* background-color:#888; color:#fff;  font-weight:600;*/ }
/* Level 4 */
.ym-vlist li ul li ul li ul li a,
.ym-vlist li ul li ul li ul li strong,
.ym-vlist li ul li ul li ul li span { width:76%; padding-left:24%; } /* LTR */
.ym-vlist li ul li ul li ul li a,
.ym-vlist li ul li ul li ul li a:visited {/* background-color:#e8e8e8; color:#222; */ }
.ym-vlist li ul li ul li ul li a:focus,
.ym-vlist li ul li ul li ul li a:hover,
.ym-vlist li ul li ul li ul li a:active {/* background-color:#888; color:#fff; */ }
/* rechte Spalte */
ul.sidemenu { font-size:.99em; line-hight:0.71em; margin:0.65em 2px 0.5em 5px; padding-left:6px; }

.sidemenu li {color:#6dadda;background:transparent; padding-bottom:1px;}
.sidemenu li a {
    color:#333; background:transparent;
}

}