/* HTML5 Boilerplate  */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #777; }
body { margin: 0; font-size: 0.75em /* 12px / 16px */; font-weight: 300; line-height: 1.5; font-family: Arial,Helvetica,sans-serif  }

::-moz-selection { background: #777; color: #fff; text-shadow: none; }
::selection { background: #777; color: #fff; text-shadow: none; }

a { color: #00aced; text-decoration: underline;}
a:visited { color: #00aced; }
a:hover { color: #000; text-decoration: none; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong{ font-weight: 600; font-family: Arial,Helvetica,sans-serif }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%;}
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 1em 0 1em 0.3em; padding: 0 0 0 1em; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }




 /* Primary Styles KWT 2012 V1.0
    Author: 1105 // elfnullfuenf // Joerg Gehring
 */
body {overflow-x: hidden; overflow-y: scroll; background: #eeeeee; color: #777}

.noscript {width: 1040px; padding: 20px; margin: 0 auto; background: red; color: #fff; font-size: 1.2em; }

.h {float: left; display: inline;text-indent: -9999px;}

a { -webkit-transition: color 0.2s ease-in-out;-moz-transition: color 0.2s ease-in-out;-o-transition: color 0.2s ease-in-out;-ms-transition:color 0.2s ease-in-out;transition:color 0.2s ease-in-out;/*  -webkit-perspective: 1000;*/ /*  -webkit-backface-visibility: hidden;*/}
h2, h3, h4 {display: block}
h2, h3 {font-weight: 500; font-size: 1em;margin:0;padding:0; font-family: Arial,Helvetica,sans-serif; line-height: 1.2em;  }
h3 {font-weight: 600;}
h2 {margin-bottom: 1em; font-size: 1.666666666em /* 20px / 12px */;color: #444; }
h3, h4 {margin-bottom: 1em}
p {margin:0;margin-bottom: 1.25em}
p {-webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto;}


.trennerBig {clear: both; float: left;display: block;width: 100%;border: 0px; /* For Firefox and Opera */ border-bottom: 5px solid #eee; margin: 25px 0 30px 0; font-size:0px;}
hr, .trenner {display: block;width: 100%;border: 0px; /* For Firefox and Opera */ border-bottom: 1px solid #eee; margin: 30px 0; font-size:0px;}
.ir {margin:0; padding: 0; line-height:0;}
.small {font-size: 0.71428571428em /* 10px / 12px */;}

.csc-default figcaption, #contentMain figcaption {float:left; display: inline;padding: 10px 0 20px 0; background: none; color: #999; font-size: 0.91666666667em /* 11px / 12px */; font-style: italic}


#wrapAll {width: 1080px; position: absolute; left: 50%; margin-left: -540px; }
#wrapInner {width: 1078px; float: left; background: #fff; border-left: 1px solid #cbcbcb; border-right: 1px solid #cbcbcb; }
#top {background: #444; display:block; width: 100%; height: 10px;}

#header { position: relative; padding: 0 59px; width: 960px; /*height: 313px*/height: 278px;z-index:400}
#headerBorder { width: 1078px; background: url(../img/ag/borderHeader.png) repeat-x; height: 10px;position: absolute; /*top: 322px;*/ top: 287px; z-index: 25; left: 0px;}

.row {clear: both;float: left; position: relative; padding: 0 59px; width: 960px;}
.x180,.x228, .x440, .x472, .x716, #colLeft, #colMiddle, #colRight, #colMiddleWide {float:left;}
.x180 {width: 180px}
.x228, #colRight {width: 228px}
.x716 {width: 716px}
.x440 {width: 440px; padding-right: 30px;}
#colLeft {width: 200px; margin-right: 44px}
#colMiddle {width: 440px; margin-right: 48px}
#colMiddleWide {width: 716px; }
.x472 {width: 472px}
.mR15 {margin-right: 15px;}
.mR16 {margin-right: 16px;}
.technologie {color: #00467e}
.patente {color: #8ac53e}
.gruender {color: #00aced}
.kongresse {color: #fbb813}

#colRight img {width: 228px; height: auto; }

a.button {clear: both; float: left;padding: 10px 15px 10px 30px; background: #666 url(../img/ag/arrowWhiteTrans.png) no-repeat 10px center; color: #fff; font-weight: 500; font-style: italic; text-decoration:none;}
a:hover.button {background-color: #444}
a.mehr, .mehr a {font-style: italic; text-decoration: none; }
a.mehr:before, .mehr a:before, a.mehrButton:before, a:before.mehrButton {content:'\2014\0000a0'}
a:hover.mehr, .mehr a:hover, a:hover.mehrButton, .mehrButton a:hover {color: #000}
a.mehrButton, .mehrButton a {text-decoration: none;font-style:italic;float:left; padding: 20px 0; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; width: 100%;margin: 1em 0 1.5em 0} 




/* Logo H1 */
h1#logo {position:absolute;float:left; width: 615px;right:59px;top:78px}
h1#logo a {display: block; width: 615px; height: 59px;font-size: 0.1em; background: url(../img/ag/logoKWTWut-1x.png) no-repeat;}
h1#logo a:hover, #logoUni a:hover {opacity:.9;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter: alpha(opacity=90);}
#logoUni {float: left; width: 130px;position:absolute;left:60px;top:30px;display:block}
#logoUni a {display: block; width: 130px; height: 51px;font-size: 0.1em; background: url(../img/ag/logoUdS-1x.png) no-repeat;}
h1#logo a.biobarriers-2016 {
	background-position: -348px 0;
	width: 265px;
}
#logoTA {float: left; width: 262px;position:absolute;right:59px;top:78px;display:block}
#logoTA a {display: block; width: 262px; height: 53px;font-size: 0.1em; background: url(../img/ag/logo-TA-1x.png) no-repeat;}

/* Nav Top */
#navTop {height:30px; line-height:30px;padding:0 4px;position:absolute; top:0;right:209px;color: #999999; font-weight: 300;margin:0;float: right; text-align: right;/*width: 580px; margin-top: 140pxmargin-top: 130px;*/background:#f9f9f9}
#navTop li {margin-left: 5px;display:inline}
#navTop li a {text-decoration: none; color: #999999; margin-left: 5px; }
#navTop li a.on, #navTop a:hover {text-decoration: none; color: #000}

/* Nav Level 1, Stage 1 */
#navLevel1 { font-size: 1.083333333333 /* 13px / 12px */; float: left; position:absolute; /*top: 210px;*/top: 185px; left: 59px; z-index: 500; width: 961px; font-weight: 500; font-family: Arial,sans-serif; box-shadow: 0px 1px 7px #666; -webkit-box-shadow: 0px 1px 7px #666; -moz-box-shadow: 0px 1px 7px #666; margin: 0; background: #444 url(../img/ag/navHG.png) repeat-x;}

#navLevel1 li { display: inline; margin: 0; padding: 0; position: relative; float: left;
background: #444 url(../img/ag/navHG.png) repeat-x; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyMyUiIHN0b3AtY29sb3I9IiM2NjY2NjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMzMzMzMzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top,  #666666 23%, #333333 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(23%,#666666), color-stop(100%,#333333)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #666666 23%,#333333 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #666666 23%,#333333 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #666666 23%,#333333 100%); /* IE10+ */
background: linear-gradient(to bottom,  #666666 23%,#333333 100%); /* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#333333',GradientType=0 );*/ /* IE6-8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#333333' );" /* IE8 */
}
.ie9 #navLevel1 li {filter: none;}

#navLevel1 li a {display: block; color: #f9f9f9; text-decoration: none; line-height: 46px; height: 46px;width: 151px; padding: 0 20px; border-left: 1px solid #6a6a6a; font-size: 0.95em  }
#navLevel1 li.first a {width: 152px; border: none }
body.en #navLevel1 li a {width:199px}
body.en #navLevel1 li.first a {width: 200px; border: none }
#navLevel1 li a:hover, #navLevel1 li a.on {background: #444}
/*#navLevel1 li.lineHeight a {line-height:1em; height: 22px; padding: 14px 20px 12px 20px}*/
#navLevel1 li:nth-child(4) a {line-height:1em; height: 22px; padding: 14px 20px 12px 20px}
body.en #navLevel1 li:nth-child(4) a {line-height:46px; height: 46px; padding: 0 20px}
body.en #navLevel1 li:nth-child(4) ul li a {padding: 0}

/* Nav Level 1, Stage 2 */
#navLevel1 li ul {width: 151px; padding: 20px; margin:0; position: absolute; left: -999em; top: 46px; background: #444; text-align: left;}
#navLevel1 li.first ul {width: 152px}
#navLevel1 li ul:last-child {width:152px}
body.en #navLevel1 li ul {width:199px;}
body.en #navLevel1 li.first ul {width: 200px}
body.en #navLevel1 li ul:last-child {width:200px}

#navLevel1 li:hover ul, #navLevel1 li.sfhover ul {left: 1px; font-size: 0.92307692307em /* 12px / 13px */; font-weight: 300}
#navLevel1 li.first:hover ul, #navLevel1 li.first.sfhover ul {left: 0px}
#navLevel1 li:hover ul li {float: left; width: 150px; margin:0;padding:0; height: auto;line-height: 1.1em;  }
#navLevel1 li:hover ul li a {float: left; border: none; color: #bbb; display: block;line-height: 1.2em; margin: 0;height: auto; padding:13px 0;  }
#navLevel1 li:hover ul li:hover {background: none; text-shadow: none; color:#fff }
#navLevel1 li:hover ul li a:hover {background: none; text-shadow: none; color:#fff }
#navLevel1 li.on ul li a {background: none; text-shadow: none;}
.ie6 #navLevel1 li ul li a {margin: 0; padding:0;  border: none;}
/* Deactivate Gradient Level 2*/
#navLevel1 li ul li { filter: none; background: #444}

/* Nav Level 2, SubNav */
#navLevel2 {float: left; width: 200px; font-weight: 600;}
#navLevel2 li a {display: block; color: #666; text-decoration: none;margin: 0 0 1em 0; }
#navLevel2 li a:hover, #navLevel2 li a.on, #navLevel2 li.sub ul li a.on {color: #00aced}
#navLevel2 li ul {margin: 0 0 10px 15px;}
#navLevel2 li.sub a {}
#navLevel2 li.sub a.on {}
#navLevel2 li ul li a {font-weight: 500;}
#navLevel2 li.sub a:hover {}


/* Footer */
#footer { color: #888; font-weight: 300; clear: both;float: left; padding: 55px 59px; width: 960px; background: #f9f9f9 url(../img/ag/footerTop.png) repeat-x; margin-top: 60px;}
#footer a:link, #footer a:visited {color: #888}
#footer h4 {margin: 0 0 1.25em 0; font-size: 1.1666666667em /* 14px / 12px */;  color: #555; font-weight: 500}
#footer ul {margin: 0; padding: 0; list-style: none}
#footer ul li {display: block; padding: 0 0 0.5em 0;}
#footer ul li a, #footer ul li a:visited { display: block; color: #888; text-decoration: none }
#footer ul li a:hover {color: #000}


/* Breadcrumb */
#breadcrumb { clear: both; float: left; width: 960px; padding: 0 59px; height: 50px; line-height: 50px;  margin: 0; color: #999; font-weight: 300; font-size: 0.91666666667em /* 11px / 12px */; border-bottom: 1px solid #eee; margin-bottom: 50px}
#breadcrumb li {display: inline; float: left; margin-left: 5px;padding-right: 5px;}
#breadcrumb li.first {margin: 0;}
#breadcrumb li a { color: #999;  text-decoration: none;}
#breadcrumb li a:hover {color: #000;  }
#breadcrumb li a.on, #breadcrumb li.on {font-weight: 600;}


/* End */
#end {float: left; background: #444; display:block; width: 960px; padding: 0 59px;height: 40px; overflow: hidden; position: relative; font-weight: 300 }
#end a, #end a:visited {color: #cccccc; text-decoration: none;}
#end a:hover {color: #fff;}
.copy { margin: 0; line-height: 42px; }
.up a {margin: 0;position: absolute; right: 60px; top: 8px; width: 24px; height: 24px; display: block; text-indent: -9999em; font-size: 0.1em; background: url(../img/ag/arrowUp.png) center 1px no-repeat;}
.up a:hover {background-position: center -24px}


/* Stage  */
#stageStart {display; block; width: 100%}
#stage { position: relative; height: 300px;margin-bottom: 15px; width: 100%;margin:0 auto; overflow: hidden;border-bottom: 1px solid #eee}
#stageBottom {position: absolute; width: 1078px;height: 38px; bottom: 0; background: url(../img/ag/teaserBottom.png) no-repeat 0 0;z-index: 10; float: left}
.ie6 #stageStart, .ie6 #stage {float: left; width: 1078px;overflow: visible;}
.ie6 #stageBottom {display: none;}

.rslides .sliderKooperation {background-image: url('../../../KWT-Datenordner/Bilder_gesamt/Startseite_Buehne/slider_kooperationen_DE-1x.jpg'); background-repeat: no-repeat}
.rslides .sliderPatente {background-image: url('../../../KWT-Datenordner/Bilder_gesamt/Startseite_Buehne/slider_patente_DE-1x.jpg'); background-repeat: no-repeat}
.rslides .sliderGruender {background-image: url('../../../KWT-Datenordner/Bilder_gesamt/Startseite_Buehne/slider_gruender_DE-1x.jpg'); background-repeat: no-repeat}
.rslides .sliderVeranstaltungen {background-image: url('../../../KWT-Datenordner/Bilder_gesamt/Startseite_Buehne/slider_veranstaltungen_2015_DE-1x.jpg'); background-repeat: no-repeat}
.rslides .sliderCareer {background-image: url('../../../KWT-Datenordner/Bilder_gesamt/Startseite_Buehne/slider_career_DE-1x.jpg'); background-repeat: no-repeat}


/* Language Panel */
a#languageButton {display: block; position: absolute; top: 0; right: 59px; background: #f9f9f9; width: 140px; padding: 0 4px; height: auto; color: #a1a1a1; text-decoration: none; background: #f9f9f9 url(../img/ag/languageSelect.png) no-repeat right 2px; height:30px;line-height:30px }
a:hover#languageButton {color: #000}
a#languageButton.active {background-position: right -75px}
#languagePanel { background: #444; color: #bbb; padding: 20px; width: 920px;position: absolute; z-index: 500; display: none; /*top: 100px;*/top: 28px; left: 59px}
/*#languagePanel ul {float: left; display: inline; }*/
#languagePanel li {float: left; width: 120px;display: inline;padding-right: 20px;margin: 0 0 20px 0;}
#languagePanel li a, #languagePanel li a:visited {display: block; color: #bbb; text-decoration: none;}
#languagePanel li a:hover, #languagePanel li a:visited, #languagePanel li a.on, #languagePanel li.on a:hover, #additionalLanguages a:hover.showLanguage {color: #fff; text-decoration: none;}
#additionalLanguages a.showLanguage {float:left;width: 120px;display: inline;padding-right: 20px;margin: 0 0 20px 0;color:#bbb;text-decoration: none;}
.languageInfo {position: absolute; top: 0px; left: 0; width: 900px;padding: 30px; background:#444;color: #fff;  float: left; z-index: 2000; }
.languageInfo a {color: #bbb}
.languageInfo a:hover {color: #fff; text-decoration: none}
a.close {clear: both;float: left;padding: 8px 15px; background: #666; color: #fff;}
a:hover.close {color: #444; background: #fff; }
.languageInfo .csc-default {width: 40%; margin-right: 10%; }
.languageInfo hr {margin: 10px 0}



/* Start Page: Sectors */
#sectors {margin: 30px 0; clear: both;float: left; position: relative; padding: 0 59px; width: 960px;}
#sectors figure {position: relative; width: 228px; height: 115px; background: #f9f9f9; margin-bottom: 20px; overflow: hidden; }
#sectors .x180 figure {width:180px;height:100px} 

#sectors figure .active {position: absolute; z-index: 5; display: block; width: 100%; height: 115px; }
#sectors figcaption {position: absolute; width: 32px; height: 32px;line-height: 32px; color: #fff; text-align: center; z-index:10; bottom: 0; right: 0;}
#sectors .technologie figcaption, #sectors .technologie .active {background: #00467e}
#sectors .patente figcaption, #sectors .patente .active {background: #8ac53e}
#sectors .gruender figcaption, #sectors .gruender .active {background: #00aced}
#sectors .kongresse figcaption, #sectors .kongresse .active {background: #fbb813}
#sectors .technologie, #sectors .patente, #sectors .gruender, #sectors .kongresse {color: #777 }
#sectors h3 {color: #444; font-weight: 600; font-size: 1.1666666666em /*14px / 12px */; margin-bottom: 0.75em}
#sectors h3 {font-size: 1em}
#sectors a.mehr {font-style: italic; text-decoration: none; }
#sectors a.mehr:before {content:'\2014\0000a0'}

#sectors figure a {font-size:0;text-indent:-9999em;display:block;float:left;width: 228px; height: 115px;}
#sectors .x180 figure a {width:180px;height:100px} 

#sectors .technologie figure {background:#00467e url(../img/ag/startKooperation_2015-1x.png) no-repeat;}
#sectors .patente figure {background: #8ac53e url(../img/ag/startPatente_2015-1x.png) no-repeat;}
#sectors .gruender figure {background: #00aced url(../img/ag/startGruender_2015-1x.png) no-repeat;}
#sectors .kongresse figure {background: #fbb813 url(../img/ag/startVeranstaltungen_2015-1x.png) no-repeat;}
#sectors .career figure {background: #0089d0 url(../img/ag/start_Career_2015-1x.png) no-repeat;}

body.en #sectors .technologie figure {background:#00467e url(../img/ag/startKooperation-EN-1x.png) no-repeat;}
body.en #sectors .patente figure {background: #8ac53e url(../img/ag/startPatente-EN-1x.png) no-repeat;}
body.en #sectors .gruender figure {background: #00aced url(../img/ag/startGruender-EN-1x.png) no-repeat;}
body.en #sectors .kongresse figure {background: #fbb813 url(../img/ag/startVeranstaltungen-EN-1x.png) no-repeat;}

#sectors .x180 figure {background-size:cover}

/* Start Page: Highlight Panel */
.highlightPanel {float: left; background: #f9f9f9; position: relative;width: 1019px; padding: 0 0 0 59px;overflow: hidden; border-top: 1px solid #eee; border-bottom: 1px solid #eee; margin: 30px 0 0 0}
.highlightPanel .top {position: absolute; z-index: 10; left: 0; top: 0; width: 100%; height: 6px; background: url(../img/ag/shadowDown.png) repeat-x}
.highlightPanel .bottom {position: absolute; z-index: 10; left: 0; bottom: 0; width: 100%; height: 6px; background: url(../img/ag/shadowUp.png) repeat-x}
.highlightPanel .text {float: left; width: 500px; padding: 40px 0}
/*.highlightPanel .image {position: absolute; width: 430px; z-index: 5; bottom: -12px; right: 0;text-align: right;
  transform:rotate(-3deg);-ms-transform:rotate(3deg);
-moz-transform:rotate(-3deg); 
-webkit-transform:rotate(-3deg);
-o-transform:rotate(-3deg); 
}*/
.highlightPanel .colLeft, .highlightPanel .colRight {float:left;padding: 40px 0}
.highlightPanel .colLeft {float:left;width: 45%;margin-right:5%;}
.highlightPanel .colRight {float:left;width:50%}


/* Start Page: Info Panel */
#infoPanel {clear: both;float: left; position: relative; padding: 0 59px 50px 59px; width: 960px; background:url(../img/ag/dividerVert.png) repeat-y 776px 0; margin-bottom: -60px; }
#infoPanel header h2 {display: block; background: url(../img/ag/dividerHor.png) repeat-x 0 center; color: #444; font-weight: 600; font-size: 1.33333333em /* 16px / 12px */; height: 20px; line-height: 20px; }
#infoPanel header h2 span {padding: 0 10px 0 0; background: #fff}
#infoPanel .newsArea {float: left; width: 670px; padding-right: 46px;}
#infoPanel .newsArea .more a {float: right; padding: 0 0 0 30px; background: #fff url(../img/ag/arrowGreyTrans.png) no-repeat 10px center; color: #aaa; margin-top: -35px; height: 20px; line-height: 20px; text-decoration: none; font-style: italic; font-weight: 600}
#infoPanel .newsArea .more a:hover {color: #000}
#infoPanel .newsArea article {float: left; width: 500px; margin: 1.25em 0}
#infoPanel .newsArea article h2, #infoPanel .newsArea article h2 a {color: #444; font-size: 1.08333333333em /* 13px / 16px */; margin: 0 0 0.75em 0; font-weight: 600; text-decoration: none; }
#infoPanel .newsArea article h2 a:hover {color: #999;  }
#infoPanel .newsArea .newsText {overflow: hidden; zoom:1;margin:0 0 0 40px;}
#infoPanel .newsArea article figure {float: left; margin: 0 20px 0 0}
#infoPanel .newsArea article .info {float: left; position: relative;clear:both;}
#infoPanel .newsArea article .info .catImage {float: left; width: 30px; height: 30px; position: absolute; z-index: 5; top: 0px; left: 0px;}
/*#infoPanel .newsArea article .mehr {clear:both;float: left;width:100%;padding-top: 10px; margin-top:10px; border-top: 1px solid #eee }*/

.ie6 #infoPanel {margin:0; top: 30px}

header.headerInfoPanel {clear: both;float: left; position: relative; padding: 35px 59px 25px 59px; width: 960px;  }
header.headerInfoPanel h2 {display: block; background: url(../img/ag/dividerHor.png) repeat-x 0 center; color: #444; font-weight: 600; font-size: 1.33333333em /* 16px / 12px */; height: 20px; line-height: 20px; }
header.headerInfoPanel h2 span {padding: 0 10px 0 0; background: #fff}

/* Newscalendar */
.newsCalendar_calendarItem div.newsCalendar_calendarItem_image {display: none;border: none;float: none,}


/* Subpage Specials */
.sectorMarker {float: left; display: block; width: 30px; height: 30px; text-align: center; color: #fff; position: absolute; left: 0px;line-height: 30px;background: none}
.moreContents {margin-top: 60px;}
#content li {margin-bottom: 0.5em}
#content h2 {color: #333; font-size: 1.5em /* 18px/12px */}
#colRight header h3 {display: block; background: url(../img/ag/dividerHor.png) repeat-x 0 center; color: #666; font-weight: 600; font-size: 1.1666666667em /* 14px / 12px */; height: 20px; line-height: 20px; }
#colRight header h3 span {padding: 0 10px 0 0; background: #fff}
#colRight p {margin-bottom: 0.5em}
#colRight #news, #colRight #events {margin-bottom: 40px;}


.testimonials {margin-top: 30px}
.testimonials article {width: 100%; padding-top:20px}
.testimonials article figure {float: left; width: 230px;margin: 0 20px 0 0; overflow:hidden;}
.testimonials article .statement {font-size: 1.2em; font-style: italic; font-weight: 300; }
.testimonials article .name {float: right; font-weight: bold; margin-top: 20px;}
.testimonials h2 {display: block; background: url(../img/ag/dividerHor.png) repeat-x 0 center; color: #666; font-weight: 300; height: 20px; line-height: 20px; }
.testimonials h2 span {padding: 0 10px 0 0; background: #fff}


.pageTechnologie #content a.button, .pagePatente #content a.button, .pageGruender #content a.button, .pageKongresse #content a.button, .pageTechnologie #content a:visited.button, .pagePatente #content a:visited.button, .pageGruender #content a:visited.button, .pageKongresse #content a:visited.button {color: #fff;}


/* News Subpages */
#colRight #newsListRecent article {display: block; margin-bottom: 1em}
#colRight #newsListRecent a {color: #777}
#colRight #newsListRecent a:hover {color: #000}

.newsList {float: left; width: 440px; }
.newsList article {float:left; width: 100%; margin: 30px 0; position:relative;}
.newsList article h2 {margin:0}
.newsList article h2 a {display: block;padding-right: 35px;color: #444; font-size: 0.777777777778em /* 14px / 18px */; margin: 0 0 0.75em 0; font-weight: 600; text-decoration: none; padding-bottom: 5px; margin-bottom:15px; border-bottom: 1px solid #eee}
.newsList article h2 a:hover {color: #999;  } 
.newsList article figure {float: left; margin: 0 20px 0 0}
.newsList article .info {float: left; position: relative;clear:both;}
.newsList article .info .catImage {float: left; width: 30px; height: 30px; position: absolute; z-index: 5; top: 0px; left: 0px;}
.newsList article p {overflow: hidden; zoom:1;margin:0 0 0 40px;}
.newsList article .mehr {clear:both;float: left;width:100%;padding-top: 10px; margin-top:10px; border-top: 1px solid #eee }

.news-single-item {}
.news-single-item h2 { }
.news-single-img { }


.newsSingleContent {clear: both; padding-top: 15px;}
.news-single-item article .info {display:block;height: 30px; line-height: 30px; padding: 10px 0; margin: 10px 0; border-bottom: 1px solid #eee; border-top: 1px solid #eee }
.news-single-item article .info .catImage {float: left; display: inline; margin-right: 10px;}

.news-single-item .trenner {margin: 10px 0}

.news-single-img {padding-top: 10px}
.news-single-img img {float:left}

.news-single-imgcaption {
  clear: both;
  float: left;
  display: inline;
  padding: 5px 10px;
  background: #bbb;
  color: #fff;
  font-size: 0.9em;
 }


.nextAndPrevious {
  clear: both;
  float: left;
  width: 100%;
   }

.nextAndPrevious a:link, .nextAndPrevious a:visited {
  font-size: 0.9em;
  text-decoration: none;
  color: #777;
  }
  
.nextAndPrevious a:hover {
  color: #000;
   }

.nextLink, .prevLink {float: left; width: 45%;display:block;}
.nextLink {float:right;text-align: right}

.news-list-browse {
  float: left;
  width: 100%;
  margin: 40px 0 0 0;
  font-size: 0.9em;
  }

.browseLinksWrap { float: left; padding: 0; }
.browseLinksWrap a:link,.browseLinksWrap a:visited, .activeLinkWrap a:link, .activeLinkWrap a:visited { float:left; display: inline; padding: 4px 12px; background: #bbb; text-decoration: none; margin: 0 5px 5px 0; color: #fff; }
.browseLinksWrap a:hover, .activeLinkWrap a:link, .activeLinkWrap a:visited { background: #444; text-decoration: none;color: #fff; }


.news-amenu-container {width: 200px; float: right;}
.news-amenu-container ul {list-style: none;margin:0;padding:0}
.news-amenu-container ul li {padding: 5px 8px; border-bottom: 1px solid #ccc}
.news-amenu-container ul li.news-amenu-item-year {background: #fff; font-weight: 600;}
.news-amenu-container ul li a {color: #666;}
.news-amenu-container ul li a:hover {color: #e2001a;text-decoration: none;}
li.amenu-act {background: #fff; font-weight: 600;}
 
.news-catmenu {padding-left: 1px;}
.news-catmenu a {padding:0 0 1em 0; display:block;color:#666}
.news-catmenu-NO {}
.news-catmenu-ACT {font-weight: 600;}





/* Forms + Definition list*/

dl {float: left; width: 100%}
dt, dd {float: left; margin: 0 0 10px 0; padding: 0;}
dt {width: 25%; margin-right: 5%; padding: 10px 0 0 0 }
dd {width: 69%; min-height: 45px;}
label {float: left; display: inline;}

input {margin-right:10px}
textarea { border: 1px solid #eee; padding: 5px 10px; background: #f9f9f9 }
input, select { border: 1px solid #eee; height: 26px; line-height: 26px; padding: 5px 10px;background: #f9f9f9 }
select {height: 36px; padding: 10px}
select:hover {cursor:pointer}
option { padding: 5px 10px}

input[type="checkbox"], input[type="radio"], .checkbox, .radio {line-height: 1em; height: auto; margin: 0 10px 10px 0}
.checkbox, .radio {clear: both;float: left; display: inline; padding:0; border: none;}

.submitButton { clear:both;float:left; background: #666; color: #fff; border: 1px solid #666; height: 37px;  }
.submitButton:hover {background: #333; cursor: pointer}

#colRight .csc-default .news-search-form {display: block; padding-bottom: 40px}
#colRight .news-search-form input {float: left; width: 120px}
#colRight .news-search-form .submitButton {width: 60px;}
#colRight .news-search-form-list {display: none}


/* TYPO3 CEs */
.csc-default {float: left; width:100% }
.csc-textpic-intext-left-nowrap .csc-textpic-text, .csc-textpic-intext-right-nowrap .csc-textpic-text {overflow: hidden; zoom: 1}
.csc-frame-rulerAfter {border-bottom: 1px solid #eee; padding-bottom: 10px;}
#colRight .csc-default {margin-bottom: 30px }

.teamBox {float:left;margin-bottom:40px;padding-bottom:30px; border-bottom: 1px solid #eeeeee}
.teamBox .csc-textpic-imagewrap {float:left;width:240px;overflow:hidden;position:relative;}
.teamBox figure {float:left; width:228px}
.teamBox figure img {width:228px; height:auto;margin:0}
.teamBox .csc-textpic-text {clear:none;float:left;width:200px;position:relative;height:130px;}
.teamBox .csc-textpic-text p {position:absolute;bottom:0px; left:0px;margin:0}
.teamBox div.csc-textpic-left div.csc-textpic-text {clear:none}




/*Tabellen; Text-Definitionen wiederholt wegen IE*/

table {float:left;width: 100%; margin:0; border:none; padding:0; }
table thead th { text-align: left; line-height: 1.2em; font: 12px 600 Arial,Verdana, sans-serif; padding:20px 10px; background: #666;color: #fff }
table td { line-height: 1.5; font-size: 12px; font-weight: 400; font-family: Arial, Helvetica, Verdana, sans-serif; padding:20px 10px;border-bottom: 1px solid #ccc;  }
table tr:hover {background: #eee; color: #000}
table p {margin-bottom: 0.5em}
table caption {text-align: left; margin-bottom: 10px; font-weight: 600;}

table.contenttable {float:none; width: 100%; }

/*table.Tabelle-Gruender { display:block;padding:0 0 0 40px; background: url(../img/ag/markerGruender.png) no-repeat left 20px;  }
table.Tabelle-Patente {display:block;padding:0 0 0 40px; background: url(../img/ag/markerPatente.png) no-repeat left 20px; }
table.Tabelle-Veranstaltungen {display:block;padding:0 0 0 40px; background: url(../img/ag/markerVeranstaltungen.png) no-repeat left 20px; }
table.Tabelle-Unternehmenskooperationen {display:block;padding:0 0 0 40px; background: url(../img/ag/markerKooperation.png) no-repeat left 20px; }*/

table.Tabelle-Gruender {border-collapse: separate;-webkit-border-horizontal-spacing: 0;-webkit-border-vertical-spacing: 0px;padding:0 0 0 40px; background: url(../img/ag/markerGruender.png) no-repeat left 20px; }
table.Tabelle-Patente {border-collapse: separate;-webkit-border-horizontal-spacing: 0;-webkit-border-vertical-spacing: 0px; padding:0 0 0 40px;background: url(../img/ag/markerPatente.png) no-repeat left 20px; }
table.Tabelle-Veranstaltungen {border-collapse: separate;-webkit-border-horizontal-spacing: 0;-webkit-border-vertical-spacing: 0px;padding:0 0 0 40px; background: url(../img/ag/markerVeranstaltungen.png) no-repeat left 20px; }
table.Tabelle-Unternehmenskooperationen {border-collapse: separate;-webkit-border-horizontal-spacing: 0;-webkit-border-vertical-spacing: 0px;padding:0 0 0 40px;background: url(../img/ag/markerKooperation.png) no-repeat left 20px; }


table.Tabelle-Gruender thead th, table.Tabelle-Patente thead th, table.Tabelle-Veranstaltungen thead th, table.Tabelle-Unternehmenskooperationen thead th {background-color: transparent;color: #000 }
table.Tabelle-Gruender tr:hover, table.Tabelle-Patente tr:hover,table.Tabelle-Veranstaltungen tr:hover, table.Tabelle-Unternehmenskooperationen tr:hover {background-color: transparent; color: #000}

table.Tabelle-Gruender h3, table.Tabelle-Patente h3,table.Tabelle-Veranstaltungen h3, table.Tabelle-Unternehmenskooperationen h3 {color: #000; font-weight:600}

table.Tabelle-Gruender, table.Tabelle-Patente, table.Tabelle-Veranstaltungen, table.Tabelle-Unternehmenskooperationen {margin-bottom: 60px;}


/*table.Tabelle-Gruender tbody, table.Tabelle-Patente tbody, table.Tabelle-Veranstaltungen tbody, table.Tabelle-Unternehmenskooperationen tbody {display:block;width:100%}
table.Tabelle-Gruender tr, table.Tabelle-Patente tr, table.Tabelle-Veranstaltungen tr, table.Tabelle-Unternehmenskooperationen tr {display:block;width:100%}
table.Tabelle-Gruender td, table.Tabelle-Patente td, table.Tabelle-Veranstaltungen td, table.Tabelle-Unternehmenskooperationen td {width:100%;display:block;}
*/


/*Powermail*/

/**
 * Main Settings
 */
div.tx-powermail h3 {
  display: none;
}
div.tx-powermail {
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
}
.powermail_message {
  padding-left: 20px;
  min-height: 65px;
  background: #eee;
  background-position: 98% 10px;
  background-repeat: no-repeat;
  margin: 0 0 20px 0;
}
.powermail_message_ok {
  background-image: url("/typo3conf/ext/powermail/Resources/Public/Image/icon_ok.png");
}
.powermail_message_error {
  background-image: url("/typo3conf/ext/powermail/Resources/Public/Image/icon_error.png");
}
.powermail_message li {
  padding: 10px 50px 10px 0;
  font-weight: bold;
  color: #000;
}
.clear {
  clear: both;
}

/**
 * Form
 */
.powermail_form {
  position: relative;
}
.powermail_fieldset {
  clear: left;
  border: 0;
  margin-bottom: 20px;
}
.powermail_legend {
  font-weight: bold;
  float:left;
  margin: 3px 10px 20px 0;
  padding: 0 0 5px 0;
  font-size: 1.1em;
  color: #333;
  width:100%;
  border-bottom: 1px solid #ccc;
  white-space:normal;
}
.powermail_label {
  /* label */
  display: block;
  width: 140px;
  float: left;
  clear: left;
  font-weight: bold;
  margin: 0 20px 0 0;
  }
div.powermail_fieldwrap {
  margin: 0 0 1em 0;
  clear: both;
}
.powermail_field {
  width: 250px;
  border: 1px solid #ccc;
  padding: 5px;
  background: #f9f9f9
}
.powermail_captcha {
  width: 392px;
}
.powermail_textarea {
  height: 80px;
}
input.powermail_field:focus {
  background-color: #fff;
  border: 1px solid #666;
  outline: none;
}
.powermail_submit {
  padding: 5px;
  margin:20px 20px 0 0;
  color: white;
  cursor: pointer;
  background: #666; color: #fff; border: 1px solid #666; height: 37px;
  float:right;
  width:260px;
}
.powermail_submit:hover {background: #333;}

.powermail_fieldwrap_radio fieldset,
.powermail_fieldwrap_check fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}
.powermail_fieldwrap_radio fieldset legend,
.powermail_fieldwrap_check fieldset legend {
  padding: 0;
}
.powermail_radio_outer,
.powermail_captcha_outer,
.powermail_check_outer {
  background-color: white;
  border: 1px solid #ccc;
  float: left;
  padding: 5px;
  width: 250px;
}
.powermail_radio_outer label,
.powermail_captcha_outer label,
.powermail_check_outer label {
  padding: 0 10px 0 0
}


.powermail_check_inner label, .powermail_radio_inner label {float: none; clear: both;}

.powermail_captchaimage {
  width: 392px;
  margin-top: 10px;
}
div.error {
  background-color: #FFCA4B;
  border: 1px solid #FF8100;
}
.powermail_field_error {
  background-color: #FFCA4B;
  border: 1px solid #FF8100;
}
div.powermail_fieldwrap_file_inner {
  overflow: hidden;
  height: 26px;
  padding: 3px;
  width: 392px;
  color: white;
  font-weight: bold;
  cursor: pointer;
  background-image: url('/typo3conf/ext/powermail/Resources/Public/Image/upload_bg.png');
}
input.powermail_file {
  position: relative;
  height: 100%;
  width: auto;
  opacity: 0;
  -moz-opacity: 0;
  -webkit-opacity: 0;
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}
ul#powermail_tabmenu {
  float:left;
  list-style-type: none;
  width: 99.5%;
  padding: 0;
  margin:0;
  background: #f9f9f9; /* Old browsers */
  margin-bottom:20px;
}
ul#powermail_tabmenu li {
  float: left;
  padding: 8px 10px;
  cursor: pointer;
  font-weight: bold;
  color: #666;
  margin:0;
}
ul#powermail_tabmenu li.act, ul#powermail_tabmenu li.act:hover {
  text-decoration: none;
  color: #fff;
  background: #666
}
ul#powermail_tabmenu li:hover {
  background: #ddd;
}
.ui-datepicker-next span,
.ui-datepicker-prev span {
  text-indent: -99999px;
  cursor: pointer;
}

/**
 * Confirmation
 */
.powermail_confirmation {
  clear: left;
  border: 0;
  margin-bottom: 20px;
}
input.powermail_confirmation_form {
  float:left;
  padding: 5px 10px;
  color: white;
  cursor: pointer;
  background: #ccc; color: #fff; border: 1px solid #ccc; height: 37px;
  margin-top:20px;
}
input.powermail_confirmation_submit {
  float:right;
  padding: 5px 10px;
  color: white;
  cursor: pointer;
  background: #666; color: #fff; border: 1px solid #666; height: 37px;
  margin-top:20px;
}
input.powermail_confirmation_submit:hover, input.powermail_confirmation_form:hover  {background: #333;}

/**
 * Powermail All
 */
dl.powermail_all {
  padding: 5px 0;
  margin:0;
  border-bottom: 1px solid #ccc
}
dl.powermail_all dt {
  font-weight: bold;
  float: left;
  width: 140px;
  margin-right: 20px;
  clear: left;

}
dl.powermail_all dd {
  float: left;
  width: 250px;
  padding:10px 5px;
  margin:0;
    
}

/**
 * Create
 */
.powermail_create {
  border: 0;
  margin-bottom: 20px;
}

/**
 * JS Form Validation
 */




/* Z-INDEX */
.formError { z-index: 990; }
.formError .formErrorContent { z-index: 991; }
.formError .formErrorArrow { z-index: 996; }
.formErrorInsideDialog.formError { z-index: 5000; }
.formErrorInsideDialog.formError .formErrorContent { z-index: 5001; }
.formErrorInsideDialog.formError .formErrorArrow { z-index: 5006; }
.inputContainer {
  position: relative;
  float: left;
}
.formError {
  position: absolute;
  top: 300px;
  left: 300px;
  display: block;
  cursor: pointer;
}
.ajaxSubmit {
  padding: 20px;
  background: #55ea55;
  border: 1px solid #999;
  display: none
}
.formError .formErrorContent {
  width: 100%;
  position:relative;
  color: #fff;
  width: 150px;
  font-size: 11px;
  border: 2px solid #ddd;
  padding: 4px 10px 4px 10px;
  background: rgb(30,87,153); /* Old browsers */
}
.greenPopup .formErrorContent {
  background: #33be40;
}
.blackPopup .formErrorContent {
  background: #393939;
  color: #FFF;
}
.formError .formErrorArrow {
  width: 15px;
  margin: -2px 0 0 13px;
  position: relative;
}
body[dir='rtl'] .formError .formErrorArrow,
body.rtl .formError .formErrorArrow {
  margin: -2px 13px 0 0;
}
.formError .formErrorArrowBottom {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  margin: 0px 0 0 12px;
  top:2px;
}
.formError .formErrorArrow div {
  border-left: 2px solid #ddd;
  border-right: 2px solid #ddd;
  font-size: 0px;
  height: 1px;
  margin: 0 auto;
  line-height: 0;
  font-size: 0;
  display: block;
  background: rgb(30,87,153); /* Old browsers */
}
.formError .formErrorArrowBottom div {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
.greenPopup .formErrorArrow div {
  background: #33be40;
}
.blackPopup .formErrorArrow div {
  background: #393939;
  color: #FFF;
}
.formError .formErrorArrow .line10 {
  width: 15px;
  border: none;
}
.formError .formErrorArrow .line9 {
  width: 13px;
  border: none;
}
.formError .formErrorArrow .line8 {
  width: 11px;
}
.formError .formErrorArrow .line7 {
  width: 9px;
}
.formError .formErrorArrow .line6 {
  width: 7px;
}
.formError .formErrorArrow .line5 {
  width: 5px;
}
.formError .formErrorArrow .line4 {
  width: 3px;
}
.formError .formErrorArrow .line3 {
  width: 1px;
  border-left: 2px solid #ddd;
  border-right: 2px solid #ddd;
  border-bottom: 0 solid #ddd;
}
.formError .formErrorArrow .line2 {
  width: 3px;
  border: none;
  background: #ddd;
}
.formError .formErrorArrow .line1 {
  width: 1px;
  border: none;
  background: #ddd;
}


/*.powermail_checkbox {float:left;margin-right:100px}*/

.powermail_check_inner {clear:both; float:left;width: 100%;margin: 0 0 10px 0}
.powermail_check_inner label {float:left;margin:-3px 0 0 10px;padding:0; width: 85%;clear:none}
.powermail_check_inner .powermail_checkbox {float:left;margin:0;padding:0}





/* pt_extlist Starter */

.tx-ptextlist-filterbox, .tx-ptextlist-filters, .tx-ptextlist-filter {background:none; margin:0;padding:0;border:none;}
#tx-ptextlist-list-starterList { }
#content #tx-ptextlist-list-starterList th a {color:#fff}
#tx-ptextlist-list-starterList th {background:#444;padding:10px 5px }
#tx-ptextlist-list-starterList td {padding:10px 5px; white-space:wrap}

.tx-ptextlist-pager-wrapper, .tx-ptextlist-pager  {border:none; margin:0;padding:0;background: none;text-align: left}
.tx-ptextlist-pager {margin:15px 0}
#content .tx-ptextlist-pager a:link, #content .tx-ptextlist-pager a:visited, .tx-ptextlist-pager .cur {margin-right:8px; padding:6px 8px; background: #aaa; color: #fff; text-decoration: none}
#content .tx-ptextlist-pager a:hover, #content .tx-ptextlist-pager .cur {background: #444} 

.starterListCompany { font-weight: 600; color: #333  }


/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 * 
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  cursor: pointer;
  overflow: hidden;
  z-index: 1104;
  display: none;
}

#fancybox-loading div {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 480px;
  background-image: url('../fancybox/fancybox.png');
}

#fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1100;
  display: none;
}

#fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  overflow: auto;
  display: none;
}

#fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  padding: 20px;
  z-index: 1101;
  outline: none;
  display: none;
}

#fancybox-outer {
  position: relative;
  width: 100%;
  height: 100%;
  background: #fff;
}

#fancybox-content {
  width: 0;
  height: 0;
  padding: 0;
  outline: none;
  position: relative;
  overflow: hidden;
  z-index: 1102;
  border: 0px solid #fff;
}

#fancybox-hide-sel-frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  z-index: 1101;
}

#fancybox-close {
  position: absolute;
  top: -15px;
  right: -15px;
  width: 30px;
  height: 30px;
  background: transparent url('../fancybox/fancybox.png') -40px 0px;
  cursor: pointer;
  z-index: 1103;
  display: none;
}

#fancybox-error {
  color: #444;
  font: normal 12px/20px Arial;
  padding: 14px;
  margin: 0;
}

#fancybox-img {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  border: none;
  outline: none;
  line-height: 0;
  vertical-align: top;
}

#fancybox-frame {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}

#fancybox-left, #fancybox-right {
  position: absolute;
  bottom: 0px;
  height: 100%;
  width: 35%;
  cursor: pointer;
  outline: none;
  background: transparent url('../fancybox/blank.gif');
  z-index: 1102;
  display: none;
}

#fancybox-left {
  left: 0px;
}

#fancybox-right {
  right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
  position: absolute;
  top: 50%;
  left: -9999px;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  cursor: pointer;
  z-index: 1102;
  display: block;
}

#fancybox-left-ico {
  background-image: url('../fancybox/fancybox.png');
  background-position: -40px -30px;
}

#fancybox-right-ico {
  background-image: url('../fancybox/fancybox.png');
  background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
  visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
  left: 20px;
}

#fancybox-right:hover span {
  left: auto;
  right: 20px;
}
.fancybox-bg {
  position: absolute;
  padding: 0;
  margin: 0;
  border: 0;
  width: 20px;
  height: 20px;
  z-index: 1001;
}

#fancybox-bg-n {
  top: -20px;
  left: 0;
  width: 100%;
  background-image: url('../fancybox/fancybox-x.png');
}

#fancybox-bg-ne {
  top: -20px;
  right: -20px;
  background-image: url('../fancybox/fancybox.png');
  background-position: -40px -162px;
}

#fancybox-bg-e {
  top: 0;
  right: -20px;
  height: 100%;
  background-image: url('../fancybox/fancybox-y.png');
  background-position: -20px 0px;
}

#fancybox-bg-se {
  bottom: -20px;
  right: -20px;
  background-image: url('../fancybox/fancybox.png');
  background-position: -40px -182px; 
}

#fancybox-bg-s {
  bottom: -20px;
  left: 0;
  width: 100%;
  background-image: url('../fancybox/fancybox-x.png');
  background-position: 0px -20px;
}

#fancybox-bg-sw {
  bottom: -20px;
  left: -20px;
  background-image: url('../fancybox/fancybox.png');
  background-position: -40px -142px;
}

#fancybox-bg-w {
  top: 0;
  left: -20px;
  height: 100%;
  background-image: url('../js/fancybox/fancybox-y.png');
}

#fancybox-bg-nw {
  top: -20px;
  left: -20px;
  background-image: url('../fancybox/fancybox.png');
  background-position: -40px -122px;
}

#fancybox-title {
  font-size: 16px;
  z-index: 1102;
  text-shadow: none;
  height:20px
}

.fancybox-title-inside {
  padding-bottom: 10px;
  text-align: left;
  color: #333;
  background: #fff;
  position: relative;
}

.fancybox-title-outside {
  padding-top: 10px;
  color: #fff;
}

.fancybox-title-over {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #FFF;
  text-align: left;
}

#fancybox-title-over {
  padding: 10px;
  background-image: url('../fancybox/fancy_title_over.png');
  display: block;
}

.fancybox-title-float {
  position: absolute;
  left: 0;
  bottom: -20px;
  height: 32px;
}

#fancybox-title-float-wrap {
  border: none;
  border-collapse: collapse;
  width: auto;
}

#fancybox-title-float-wrap td {
  border: none;
  white-space: nowrap;
}

#fancybox-title-float-left {
  padding: 0 0 0 15px;
  background: url('../fancybox/fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
  color: #FFF;
  line-height: 29px;
  font-weight: bold;
  padding: 0 0 3px 0;
  background: url('../fancybox/fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right {
  padding: 0 0 0 15px;
  background: url('../fancybox/fancybox.png') -55px -90px no-repeat;
}

/* IE6 */

.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./html/schiel02/assets/fancybox/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./assets/fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./assets/fancybox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./assets/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./assets/fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./assets/fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./assets/fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
  height: expression(this.parentNode.clientHeight + "px");
}

#fancybox-loading.fancybox-ie6 {
  position: absolute; margin-top: 0;
  top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}

#fancybox-loading.fancybox-ie6 div  { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./assets/fancybox/fancy_loading.png', sizingMethod='scale'); }

/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg { background: transparent !important; }

.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./assets/fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./assets/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./assets/fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./assets/fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./assets/fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./assets/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./assets/fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./assets/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }





/*! http://responsiveslides.com v1.32 by @viljamis */

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.ie6 .rslides {float: left}

.rslides li {
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }


.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 960px;
  margin: 0 0 0 60px;
  border: 0;
  }

.rslides .sliderImage {
  display: block;
  height: 300px;
  float: left;
  width: 960px;
  margin: 0 0 0 60px;
  border: 0;
  }


.rslides {
  margin: 0 auto;
  }

.rslides_container {
  margin-bottom: 50px;
  position: relative;
  float: left;
  width: 100%;
  }
  
 
.centered-btns_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 50%;
  left: 0;
  opacity: 0.3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("../img/ag/stageArrow.gif") no-repeat left top;
  margin-top: -45px;
  z-index:30;
  }
 
.centered-btns_nav:hover {opacity: 0.7;} 

.centered-btns_nav:active {
  opacity: 1.0;
  }

.centered-btns_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }

.transparent-btns_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 0;
  left: 0;
  display: block;
  background: #fff; /* Fix for IE6-9 */
  opacity: 0;
  filter: alpha(opacity=1);
  width: 48%;
  text-indent: -9999px;
  overflow: hidden;
  height: 91%;
  }

.transparent-btns_nav.next {
  left: auto;
  right: 0;
  }

.large-btns_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  opacity: 0.6;
  text-indent: -9999px;
  overflow: hidden;
  top: 0;
  bottom: 0;
  left: 0;
  background: #000 url("../img/ag/stageArrow.gif") no-repeat left 50%;
  width: 38px;
  }

.large-btns_nav:active {
  opacity: 1.0;
  }

.large-btns_nav.next {
  left: auto;
  background-position: right 50%;
  right: 0;
  }

.centered-btns_nav:focus,
.transparent-btns_nav:focus,
.large-btns_nav:focus {
  outline: none;
  }

.centered-btns_tabs,
.transparent-btns_tabs,
.large-btns_tabs {
  margin-top: 10px;
  text-align: center;
  }

.centered-btns_tabs li,
.transparent-btns_tabs li,
.large-btns_tabs li {
  display: inline;
  float: none;
  _float: left;
  *float: left;
  margin-right: 5px;
  }

.centered-btns_tabs a,
.transparent-btns_tabs a,
.large-btns_tabs a {
  text-indent: -9999px;
  overflow: hidden;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background: #ccc;
  background: rgba(0,0,0, .2);
  display: inline-block;
  _display: block;
  *display: block;
  -webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  width: 9px;
  height: 9px;
  }

.centered-btns_here a,
.transparent-btns_here a,
.large-btns_here a {
  background: #222;
  background: rgba(0,0,0, .8);
  }




/* News calendar */
table.calendar-table{
  padding:1em;
  float: left; 
  width: 228px;
  overflow: visible;
}
.calendar-table a{
  text-decoration:none;
}
.calendar-table TD, .calendar-table TH{
  padding:3px;
  text-align:center;
}
.calendar-table TH{
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
}
.calendar-table caption{
  font-size:200%;
  text-transform:uppercase;
}
.linked_today{
  float: left; display: inline;
  padding:2px 4px;
  color:#fff;
  background-color:#999;
  cursor:pointer;
  text-decoration:none;
  border:1px solid #999;
}
.linked_today_nolink{
  float: left; display: inline;
  padding:2px 4px;
  background-color:#eee;
  border:1px solid #eee;
  color: #444;
}
.linked_day{
  float: left; display: inline;
  padding:2px 4px;
  color:#fff;
  background-color:#999;
  cursor:pointer;
  text-decoration:none;
  border:1px solid #999;
  cursor:pointer;
}

/**
CANVAS
http://forge.typo3.org/issues/35236
*/
.newscalendar-canvas {
 left:0px;
}

/**
 * styling for tip content
 * mostly for example
 * note: canvas (the tip itself) cannot be styled here. use javascript options for that.
 */
.bt-content {
  font-size: small;
  color: #000;
  /*line-height: normal;*/
}

/* styling for active target elements - usually for background hilighting */
.bt-active {
  /* example:*/
  background-color: #666 !important;
  border:1px solid #666;
  
}


/**
 * Content related
 */

.newscalendarTooltip {
  display: none;
}
.newscalendarTooltipHeader {
  display: block;
  font-size: 12px;
  padding:0 0 5px 0;
  margin:0 0 5px 0;
  border-bottom: 1px solid #ccc;
}

.newscalendarTooltipItemContainer {
  font-size: 12px;
  padding:0 0 5px 0;
  margin:0 0 5px 0;
  border-bottom: 1px solid #ccc;
}

.newscalendarTooltipItemContainer a {font-size: 13px;color: #555; font-weight: 600; text-decoration: underline}
.newscalendarTooltipItemContainer a:hover {color: #000}

.newscalendar-tip {
  /* for IE */
  filter:alpha(opacity=90);
  /* CSS3 standard */
  opacity:0.9;
}

.newscalendar-tip-selector {
    background-color:#eee;
    border:1px solid #CCC;
}

/*
 * Render item related
 */

.newsCalendar_calendarItem{
  display: table;
  font-size:1em;
  padding-top:5px;
}
.newsCalendar_calendarItem a{
  font-weight: bold;
}
.newsCalendar_calendarItem_image{
  display: table;
  float:left;
  padding: 3px;
  border: 1px solid #CCC;
  margin-top: 3px;
  margin-right: 3px;
}
.newsCalendar_calendarItem_subheader{
}
.newsCalendar_calendarItemHeader{
}



/* mediaqueries */

@media (-webkit-min-device-pixel-ratio: 2), /* Webkit */
       (min-resolution: 192dpi)             /* Everyone else */ {

#sectors .technologie figure {background-image: url(../img/ag/startKooperation_2015-2x.png);background-size:100%}
#sectors .patente figure {background-image: url(../img/ag/startPatente_2015-2x.png);background-size:100%}
#sectors .gruender figure {background-image: url(../img/ag/startGruender_2015-2x.png);background-size:100%}
#sectors .kongresse figure {background-image: url(../img/ag/startVeranstaltungen_2015-2x.png);background-size:100%}
#sectors .career figure {background-image: url(../img/ag/start_Career_2015-2x.png);background-size:100%}

body.en #sectors .technologie figure {background-image: url(../img/ag/startKooperation-EN-2x.png);background-size:100%}
body.en #sectors .patente figure {background-image: url(../img/ag/startPatente-EN-2x.png);background-size:100%}
body.en #sectors .gruender figure {background-image: url(../img/ag/startGruender-EN-2x.png);background-size:100%}
body.en #sectors .kongresse figure {background-image: url(../img/ag/startVeranstaltungen-EN-2x.png);background-size:100%}



.rslides .sliderKooperation {background-image: url('../../../KWT-Datenordner/Bilder_gesamt/Startseite_Buehne/slider_kooperationen_DE-2x.jpg'); background-size:100%}
.rslides .sliderPatente {background-image: url('../../../KWT-Datenordner/Bilder_gesamt/Startseite_Buehne/slider_patente_DE-2x.jpg'); background-size:100%}
.rslides .sliderGruender {background-image: url('../../../KWT-Datenordner/Bilder_gesamt/Startseite_Buehne/slider_gruender_DE-2x.jpg'); background-size:100%}
.rslides .sliderVeranstaltungen {background-image: url('../../../KWT-Datenordner/Bilder_gesamt/Startseite_Buehne/slider_veranstaltungen_2015_DE-2x.jpg'); background-size:100%}
.rslides .sliderCareer {background-image: url('../../../KWT-Datenordner/Bilder_gesamt/Startseite_Buehne/slider_career_DE-2x.jpg'); background-size:100%}

h1#logo a {background-image: url(../img/ag/logoKWTWut-2x.png);background-size:100%}
h1#logo a.biobarriers-2016 {
	background-position: -348px 0;
	width: 265px;
	background-size:cover;
}
#logoUni a {background-image: url(../img/ag/logoUdS-2x.png);background-size:100%}
#logoTA a {background-image: url(../img/ag/logo-TA-2x.png);background-size:100%}

}



@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } 
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  /*@page { margin: 0.5cm;}*/
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  body {font: 500 0.7em Arial, Helvetica, sans-serif}
  /*#wrapAll {width: 100%; margin: 0}*/
  /*#wrapInner {width: 100%; padding: 0; margin: 0}*/
  nav, header, #stage, #colLeft, footer {display: none;}
}