/* reset + html5 boilerplate*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
nav ul{list-style:none;list-style-image:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
q{quotes:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff0;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #686868;margin:1em 0;padding:0}
/* reset end - fonts.css aus der YUI Bibliothek developer.yahoo.com/yui/ */
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small}
select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif,margin:0;vertical-align:baseline;*vertical-align:middle}
table{font-size:inherit;font:100%}
pre,code,kbd,samp{font-family:monospace;*font-size:108%;line-height:100%}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none;height:0}
h1,h2,h3,h4,h5,h6{font-weight:normal}
html{overflow-y:scroll;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
a:hover,a:active{outline:none;text-decoration:underline}
a,a:active,a:visited{color:#003866;text-decoration:none}
a:active,a:hover{text-decoration:underline;outline:0}
a:focus{outline:thin dotted}
ul,ol{margin-left:18px}
ol{list-style-type:decimal}
nav ul,nav li{margin:0}
small{font-size:85%}
b,strong,th{font-weight:bold}
td,td img{vertical-align:top}
sub{vertical-align:sub;font-size:smaller}
sup{vertical-align:super;font-size:smaller}
pre{padding:15px;white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word}
dfn{font-style:italic}
textarea{overflow:auto}
svg:not(:root){overflow:hidden}
legend{white-space:normal;*margin-left:-7px}
input[type="radio"]{vertical-align:text-bottom}
input[type="checkbox"]{vertical-align:bottom}
label,input[type=button],input[type=submit],button{cursor:pointer}
input:valid,textarea:valid{}
input:invalid,textarea:invalid{border-radius:1px;-moz-box-shadow:0px 0px 5px red;-webkit-box-shadow:0px 0px 5px red;box-shadow:0px 0px 5px red}
::-moz-selection,::selection{background:#00ADEF;color:#fff;text-shadow:none}
a:link{-webkit-tap-highlight-color:transparent}
button{width:auto;overflow:visible}
button,select{text-transform:none}
button,input{line-height:normal}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}
button[disabled],html input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width: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-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top;resize:vertical}
img{-ms-interpolation-mode:bicubic}
/* --- */
.hidden{display:none;visibility:hidden}
.visuallyhidden{position:absolute !important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}
.invisible{visibility:hidden}
.clearfix:after{content:"\0020";display:block;height:0;visibility:hidden;}
.clearfix:after{clear:both}
.clearfix{zoom:1}
/* design start */
body{background:#fff;color:#003866;    font-size: 16px;
    line-height: 25px;text-align:center;font-family:Helvetica,Arial,Geneva,sans-serif}
#page-header,nav,main,#page-footer{min-width:1100px}
.wrapper{width:1100px;margin:0 auto;text-align:left;position:relative}
#page-header .wrapper {width:1200px;}
#page-title{font-size:28px;line-height:35px;padding:90px 0 10px;text-align:left;width:700px;margin:0 auto;font-weight:700}
#page-title a{display:inline-block}
#page-title a:link,#page-title a:visited{color:#003866;text-decoration:none}
#page-title span{display:block}
#bmi{text-indent:-99999px;text-align:left;float:left;margin-top:31px;width:131px;height:68px;overflow:hidden;background:url(../img/logo-bmi.png) no-repeat 0 0 #fff}
#esww{text-indent:-99999px;text-align:left;float:right;width:170px;height:151px;overflow:hidden;background:url(../img/logo-esww.png) no-repeat 0 0 #fff}
nav{background:#e61177;font-size:15px;line-height:19px;text-align:center}
nav ul{margin:0;padding:0;display:inline-block;transform:translateX(-35px)}
nav li{display:inline; position: relative;}
nav a:link,nav a:visited{display:inline-block;padding:8px 24px;color:#fff;text-decoration:none}
nav a:hover,nav a:active,nav a:focus,nav a.active:link,nav a.active:visited{text-decoration:underline}
nav ul ul{display:none;position:absolute;top:23px;text-align:left;left:35px;background:#e61177}
nav ul ul li {display:block;}
nav ul ul a:link, nav ul ul  a:visited {white-space: nowrap; display:block;}
nav ul li:hover ul {display:block;}
main{overflow:hidden;padding-top:280px;background:#fff url(../img/header.jpg) no-repeat 50% 0;    background-size: 1200px 280px;}
main .wrapper{width:700px}
.light-blue{background:#e0f1fa;padding:20px 0}
.blue{background:#c2e3f4;padding:20px 0}
.pink{color:#e61177}
.block{display:block}
.center{text-align:center}
.bold{font-weight:700}
h2{font-size:32px;line-height:36px;color:#003866;font-weight:700;margin:20px 0 5px}
h2 span{display:block;font-size:20px}
h3{font-size:18px;line-height:24px;color:#003866;font-weight:700;margin:20px 0 5px}
h4{margin-top:16px;margin-bottom:8px;text-decoration:underline}
p + p,p + ul,ul + p{margin-top:18px}
main p a:link,main p a:visited,main a.normal-link:link,main a.normal-link:visited{text-decoration:underline}
main p a:hover,main p a:active,main p a:focus, main a.normal-link:hover,main a.normal-link:active,main a.normal-link:focus{text-decoration:none}
#dl-bubble,#info-bubble{font-size:14px;line-height:20px;position:absolute;background:#e61177;color:#fff;width:174px;padding: 50px 0 0 30px;height:154px;border-radius:102px;left:-250px;top:305px;box-shadow:0 0 7px #333}
#dl-bubble h2{font-size:14px;margin:0;color:#fff;font-weight:400}
#dl-bubble ul{margin:0;list-style-type:none}
#dl-bubble li:before{content:url('../img/point.png');vertical-align:middle;margin-right:5px}
#dl-bubble li{max-width:160px;margin:0 0 4px}
#dl-bubble li span:after{content:'-'}
#dl-bubble a:link,#dl-bubble a:visited{color:#fff}
#info-bubble{    left: auto;
    top: -109px;
    right: -302px;
    width: 200px;
    height: 170px;
    padding: 60px 0 0 30px;
    border-radius: 172px;
    color: #fff;
    font-size: 22px;
    line-height: 30px;}
#info-bubble h2{margin:0 0 15px;color:#fff;max-width:190px;font-size:28px;line-height:34px}
#info-bubble p{max-width:190px;font-size:14px;line-height:20px}
#info-bubble p span {font-size:24px;}
.subcol{overflow:hidden}
.subcol + .subcol{margin-top:20px}
.c50l{float:left;width:261px}
.c50r{float:right;width:261px}
#page-footer ul{margin:0 auto;width:780px;list-style-type:none;display:inline-block;text-align:left}
#page-footer li{display:inline}
#page-footer ul a:link,#page-footer ul a:visited{display:inline-block;width:150px;height:110px;text-indent:-9999px;overflow:hidden;background:#fff url(../img/footer-nsp.png) no-repeat 50% 50%}
#page-footer #sb{background-image:url(../img/footer-sb.png)}
#page-footer #ekj{background-image:url(../img/footer-ekj.png)}
#page-footer #dstgb{background-image:url(../img/footer-dstgb.png)}
#page-footer #dst{background-image:url(../img/footer-dst.png)}
.subcol h2{margin-top:0}
.subcol h2 a{display:block;color:#fff;font-size:23px;background:url(../img/bg-green.png) 0 0 no-repeat;background-size:100% auto;line-height:32px;text-align:center;padding:28px 25px 28px 0;font-weight:400}
#bg-orange{line-height:118px;padding:0 25px 0 0;background-image:url(../img/bg-orange.png)}
#bg-green{line-height:118px;padding:0 25px 0 0}
#bg-blue{background-image:url(../img/bg-blue.png)}
#bg-turquoise{background-image:url(../img/bg-turquoise.png)}
.subcol h2 span{color:#fff;font-size:23px}
#cat-green,#cat-blue,#cat-orange,#cat-turquoise{background:transparent url(../img/bg-head-green.jpg) no-repeat 0 0;color:#fff;line-height:53px;padding:0 0 0 20px;font-size:20px;margin:20px 0 10px}
#cat-blue{background-image:url(../img/bg-head-blue.jpg);margin-top:0;}
#cat-orange{background-image:url(../img/bg-head-orange.jpg)}
#cat-turquoise{background-image:url(../img/bg-head-turquoise.jpg)}
p + h3{margin-top:20px}
#imprint{background:#eee;color:#003669;padding:5px 0;font-size:12px}
#imprint .wrapper{text-align:right}
#m{background:rgb(255,0,0)}
#navtoggle{display:none}
#preistraeger-liste dl:before,#preistraeger-liste dl:after{content:'';display:table;clear:both}
#preistraeger-liste dt{float:left;width:420px;clear:left}
#preistraeger-liste dd{float:left;width:calc(100% - 450px);margin-left:30px}
#preistraeger-liste li a{text-decoration:underline}
#preistraeger-liste li{list-style:none}
.row:before,.row:after{content:'';display:table;clear:both}
.row .c50l{width:48%;float:left}
.row .c50r{width:48%;float:right}
#media-list figure, #bild-preisverleihung figure{margin-bottom:15px}
#media-list figure img, #bild-preisverleihung figure img{width:calc(100% - 20px);height:auto;display:block;border:10px solid #fff}
#media-list figure figcaption, #bild-preisverleihung figure figcaption{font-size:12px;color:#706f6f}
figure video{width:100%;height:auto}

@media screen and (max-width: 992px){
	#dl-bubble,#info-bubble{display:none}
	#page-header,nav,main,#page-footer{min-width:0}
	.wrapper,#page-footer ul,#page-header .wrapper {width:auto}
	main .wrapper{max-width:542px;width:auto;box-sizing:border-box;padding:0 10px}
	.c50l,.c50r,.row .c50l,.row .c50r{float:none;width:auto;margin-bottom:15px}
	h2 span{display:inline}
	#bg-orange{line-height:32px;padding:28px 25px 28px 0}
	.subcol + .subcol{margin:0}
	#imprint .wrapper{text-align:center}
	nav ul{transform:none}
	main{background-size:contain;padding-top:25vw}
	#bmi{margin-left:15px}
	#imprint a{line-height:40px;height:40px}
	#m{background:rgb(0,255,0)}
	nav{padding:10px 0}
	nav a:link,nav a:visited{display:inline-block;width:170px;text-align:left;padding:12px 24px}
	#navtoggle{display:block;margin-left:calc(100% - 50px);width:40px;height:40px;background:transparent;border:0;position:relative;outline:0}
	#navtoggle > span.text{position:absolute;top:2px;bottom:0;line-height:38px;height:38px;right:45px;color:#fff;font-weight:700}
	#navtoggle > span.icon{display:block;width:40px;height:40px;position:absolute;top:0;left:0}
	#navtoggle > span.icon > span{width:26px;height:4px;display:block;background:#fff;position:absolute;left:50%;margin-left:-13px;-webkit-transition:all .1s ease;-moz-transition:all .1s ease;-ms-transition:all .1s ease;-o-transition:all .1s ease;transition:all .1s ease}nav ul{display:none}nav.open ul{display:block}
	#navtoggle > span.icon > span:nth-child(1){top:10px}
	#navtoggle > span.icon > span:nth-child(2){top:18px}
	#navtoggle > span.icon > span:nth-child(3){top:26px}
	nav.open #navtoggle > span.icon > span:nth-child(1){top:18px;transform:rotate(-45deg)}
	nav.open #navtoggle > span.icon > span:nth-child(2){opacity:0}
	nav.open #navtoggle > span.icon > span:nth-child(3){top:18px;transform:rotate(45deg)}
	nav li{display:block}
	nav.open ul li:hover ul, nav.open ul ul, nav ul ul {display:none;}
}
@media screen and (max-width: 840px){
	#page-title{width:100%;clear:both;padding:20px 10px;box-sizing:border-box;font-size:20px;line-height:26px}
}

@media screen and (max-width: 600px){
	#preistraeger-liste dt{width:50%;margin-top:20px}
	#preistraeger-liste dd{width:45%;margin-left:5%;margin-top:20px}
}