/* ©attacca 2023-2024 :  Coalition suisse aus css/_quellen2024/00_cdc_res_2024 / css/_quellen2024/10_cdc_bas_2024 / css/_quellen2024/30_cdc_tab_2024 / css/_quellen2024/40_cdc_dtp_2024 / css/_quellen2024/50_cdc_big_2024 / css/_quellen2024/90_cdc_prt_2024 / / 2024-06-28T16:23:49+02:00 */ 
@media all {
/* coalition reset */
*,html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,article,big,cite,code,del,dfn,em,font,img,ins,kbd,nav,q,s,samp,
small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,section,table,caption,tbody,tfoot,thead,tr,th,td{
	background-color: transparent;
	border: none;
	color: #000;
/*	font-family: Lucida,"Lucida Sans Unicode","Lucida Grande",Verdana,Georgia,sans-serif;*/
	font-family: "Palatino Linotype", Palatino, Georgia, serif;
	font-size: 100.01%;
	font-style: normal;
	font-variant-numeric:oldstyle-nums;
	margin: 0;
	outline: 0;
	padding: 0;
	text-decoration: none;
	text-indent: 0;
	vertical-align: baseline;
}


} 
@media all {
::selection,em{background-color:#360;color:#fff}
:root{--ci-col:#700;--ci-marker:#966;--ci-hd1:#038/* Titel komplement zu Kopffarbe */}
a#top{position:relative;top:-20px}
a:visited{color:#616}
a:hover,a.pfr:hover,a b:hover,article h1 a:hover{background-color:#f4f4f4;color:#c00;z-index:98}
a.pfr::before,li.pfr::before,p.pfr::before{color:#c00;content:"\20\25B6\A0"}
a:link,ul.snav li a{color:#038}
a.hbg-menu:hover{background:transparent}
article{border-top:1px solid #c00;padding:8px 0;clear:both}
article h1 a:link,article h1 a:visited,article h2 a:link,article h2 a:visited{color:#038 !important;font-size:1em}
article h1,article h2{
	margin: 0 2em .6em 0;
	color: #038;
	font-size: 1.1rem;
	font-family: Tahoma,Verdana,Helvetica,Arial,Geneva,sans-serif;
	line-height: 1.2em;
}
article.kasten{border:1px solid #988;margin:2px 0;padding:.2em .5em;background-color:#f0f0f0}
article.nmsg p{font-size:1rem;line-height:140%}
#inhalt .nmsg p.cmpr{
	font-family: Arial,Helvetica,sans-serif;
	font-stretch:extra-condensed;
	font-size: .95rem;
	line-height: 140%;
	font-weight:bold;
	letter-spacing: .03em;
	padding:0 0 .2em 0;
}
article.nmsgdet p{font-size:1.2rem;line-height:140%}
article.volltext{padding:.6rem 0 1rem}
article::before,article.nmsg,article.nmsgdet,.clb,article.nmsg::after,article.nmsgdet::after,
hr.clrb::before,div.kasten::after,div#kasten::after,div.kasten-re::after,div.kastgr::after,div.kasten::after,
div#kasten::after,div.karot::after,div.kablau::after,div.kasten-re::after,div.kastgr::after,div.ablock::before,div.ablock::after{clear:both}
blockquote{margin-left:30px}
body{margin:0 auto;padding:0;background-color:#fffffc;max-width:1024px;min-width:690px}
body,#inhalt{position:relative}
div#zelle50 h3,div#zelle50 p,div.kablau p{margin:0;padding:0/* aktuell Unesco-Kasten  */}
div.ablock{border-bottom:1px solid #000;position:relative}
div.aform{padding:.1rem 1rem 1rem 1rem;background-color:#e8e8e8;text-align:left}
div.aform label{width:7rem;display:inline-block}
div.img-re{float:right;margin:0 0 0 10px;padding:3px 0 0 0;position:relative}
div.kablau,div.karot{border:1px solid #ccc;margin:2px 0;padding:0 .2em;background-color:#f0f0f0}
div.karot{background-color:#ffe0e0}
div.kasten,div#kasten,div.kasten-flex{border:1px solid #ccc;margin:2px 0 .5rem 0;padding:0 .2em;background-color:#eee}
div.kasten-flex{display:flex;flex-flow:row wrap;justify-content:space-between;gap:0 .5rem}
div.kasten-flex > div.zelle50{flex:0 1 auto}
div.kasten-re{float:right;margin:0 -5em 1em 5px;padding:5px 10px;width:230px;background-color:#eee}
div.kasten-re p,.cmprtit,#inhalt p.spitzm + h2,div.karot h2,div.kablau h2,table.sp2,div.kasten-flex h3{margin:0 0 .5em 0}
div.kastgr{clear:both;margin:0 5px;padding:5px;background-color:#ddd}
div.kelectionafett{border:4px solid #069;padding:.8em;background-color:#f8f8f8}
div.literatur{width:650px;display:flex;min-width:300px;flex-flow:row wrap;justify-content:flex-start}
div.literatur section{padding:.5em 0;max-width:210px;flex:1 1 210px}
div.literatur section img,.bdr-ccc{border:1px solid #ccc}
div.literatur section p{width:93%}
div.programmliste p{
	text-indent:-2rem;
	line-height:1.1em;
	margin: 0 0 .5rem 2rem;
}
div.programmliste h2{
padding: 1em 0 .1em 0;
font-family:helvetica,arial,sans-serif;
	font-size:1.5em;
	color:#00a;
}
div.programmliste h3{
padding: 1em 0 .1em 0;
font-family:helvetica,arial,sans-serif;
	font-size:.1.3rem;
	color:#a00;
}
div.sp2{margin:.5rem 0;display:flex;max-width:39rem;flex-flow:row wrap}
div.sp2 div.sp{width:50%}
div.sp2 ul{padding:0 .5em 0 0;max-width:18.2rem}
dt{margin:6px 10px 0;font-size:1em;font-weight:bold}
footer{border-top:1px solid #333;clear:both;padding:.5em 0;background-color:#222;color:#fff}
form{max-width:95vw}
h0,h1,h6,h2,h3,h4,h5{margin:10px 0 1em 0;font-family:Lucida,"Lucida Sans Unicode",Verdana,Helvetica,Arial,Geneva,sans-serif;font-weight:bold}
h1{margin:8px 0 1em 0;color:var(--ci-hd1);font-size:1.6em;line-height:120%}
h1.splash,#nav h1.splash{color:#fff;font-family:Lucida,"Lucida Sans Unicode",Verdana,Helvetica,Arial,Geneva,sans-serif;font-size:24px;font-weight:normal;letter-spacing:0.5px}
h2{margin:.3em 2em 5px 0;color:#028;font-size:1.3em;font-weight:bold}
h3,article h3{margin-bottom:1px;margin-top:12px;font-size:1.3em}
h4{margin:1.5rem 0 .3em 0;color:#444;font-size:.8rem;font-weight:bold;line-height:100%}
#pgindex h1{margin:1em 0 .3em 0;color:#666;font-size:1rem;font-weight:bold;line-height:100%}
h5,article h4{margin-bottom:2px;margin-top:10px;font-size:.8rem;font-weight:bold;line-height:100%}
h6,article h5{margin-bottom:1px;margin-top:14px;font-size:9px;font-weight:normal;line-height:100%;text-decoration:underline}
header#kopf{
	border-bottom: 1px solid #ccc;
	padding: 3px 0;
	width: 100vw;
	background-color: var(--ci-col); /*#dce7d1; #810826*/
	color: #fff;
/*	height: 150px;*/
	position: absolute;
	display:flex;
	flex-flow:row wrap;
	top: 0;
	left: 0;
	z-index: 200;
/*	flex: 1 1 auto;*/
}
header#kopf div#komob{width:8em;background-color:transparent;bottom:1.5em;height:5.5em;left:0;position:absolute}
header#kopf div#komob img{bottom:0;left:.3em;position:absolute}
header#kopf h1.hd{
display: inline;
	padding: 0px 0 3px 1rem;
	margin: 0;
	white-space: nowrap;
	color: #fff;
	font-family: Palatino,'Palatino Linotype',Minion,"Minion Pro",Georgia,serif;
	font-size: 1.6rem;
	font-weight: bold;
	font-style: italic;
	letter-spacing: 0;
	line-height: 1.1em;
	text-align: left;
	overflow: hidden;
}
hr{border:#336;margin:10px 0;background-color:#336;color:#336;height:1px}
html{padding:5px 0;background-color:#999;min-height:1080px;min-width:600px}
html>body{font-size:80%}
i,.cmpri{font-style:italic}
iframe.cdc-yt{margin:1.5em auto 1em 0}
img{border:none}
img.sh{box-shadow:.5rem .3rem 5px #999;margin:0 .5rem .5rem 0}
input,textarea,kopf #kosrch input:hover,#kopf #kosrch input:focus{padding:3px;background-color:#f5f5f5;font-size:1em;max-width:550px}
input.btn,a.btn,p.btn{border:thin outset;padding:3px 5px;background-color:#ccc}
label.hide{border:0;margin:-1px;padding:0;width:1px;clip:rect(0 0 0 0);height:1px;overflow:hidden;position:absolute}
main{margin:0 1em 0 5px;position:relative;flex:1 1 auto}
mark{background-color:#fea}
nav#nav{margin:0;padding:14px 5px 0 0;width:100%;background-color:#ccc;flex:1 0 100%}
nav#nav .kl a:hover{color:#ccc;text-decoration:none}
nav#nav .sub a:hover{color:#fff;text-decoration:underline}
nav#nav hr{margin-bottom:1em;margin-top:1.2em;color:#4e4e4e}
nav#nav p.csw{padding:0 1em;width:15em;color:#099;font-size:1em}
nav#nav ul#navlg{margin:5em 0/*  todo: Touch-tauglich in Mob */}
nav#nav ul#navlg li{margin:0 10px;list-style-image:none;list-style-type:none;font-size:.9em;line-height:1.3em;text-indent:.5em}
nav#nav ul#navlg li a{color:#666}
nav#nav ul#navlg li a::before{color:#444;content:"\25b6\a0"}
nav#nav ul#navmain{padding:1.9rem 0 0 .5rem/* Navigation  */}
nav#nav ul#navmain li{border:none;list-style-type:none;font-size:1.2rem;letter-spacing:-.025em;line-height:1.7em}
nav#nav ul#navmain li a.act:link,nav#nav ul#navmain li a.act:visited{border:none;color:var(--ci-col);text-decoration:none}
nav#nav ul#navmain li a:link,nav#nav ul#navmain li a:visited{border:none;margin:-1em 0 1em 0;display:block;white-space:nowrap;color:#000}
nav#nav ul#navmain li a:hover,#nav ul#navmain li a.act:hover{border:none;background-color:#ccc;color:#000}
nav#nav ul#navmain li a::before{color:var(--ci-marker);background-position:0.8em 1px;background-repeat:no-repeat;content:"\25a0\a0\a0"}
nav#nav ul#navmain li.abstvor{margin-top:2.3rem}
ol,ol li{margin:0 20px 1px 30px;list-style-type:decimal;font-size:1.1em;line-height:125%}
ol.srch{margin:1em 10px;font-size:.9em}
ol.srch a{color:#069}
ol.srch li{margin:.5em 0 0 1.5em;line-height:1.5em}
ol.srch u{background-color:#fea;text-decoration:none}
p{margin:3px 50px .5em 0}
p,input,textarea,blockquote{font-size:.9rem;line-height:1.35em}
p.em,ol.srch li em,#inhalt em,li.em{padding:0 1px;background-color:#fea;color:#000}
p.ft a:hover,#nav ul#navlg li a:hover{background-color:transparent;color:#ccc}
p.in20{margin-left:35px;margin-right:30px}
p.lead{color:#444;font-weight:bold;line-height:130% !important}
p.px13{font-size:1.3em}
p.sm,#nav .kl{font-size:.8rem}
div.img-li p.smleg,div.img-re p.smleg{font-size:.7rem !important; margin:0; text-align:left;}
span.tab1{font-style:italic;left:20em;position:absolute}
sup,a > sup{font-size:.7em;vertical-align:super}
table{margin-left:15px;margin-right:10px}
table#visa{border-spacing:1px;max-width:600px}
table#visa h2{margin:.5em 0}
table#visa input,table#visa textarea{margin:2px 0;padding:2px;max-width:30em}
table#visa td{background-color:#ccc;line-height:1.2em}
table#visa td.lab{width:100px;color:#333;font-size:1em !important;line-height:1.6em}
table.conf{margin:0 0 0 1em;width:600px;border-spacing:2px}
table.conf td{border-top:1px solid #999;padding:.2em;max-width:800px}
table.conf td.lab{width:150px}
table.form{margin:0;width:600px;border-spacing:2px}
table.form .btn:focus{background-color:#ff9191}
table.form td,form.srch{padding:4px 2px;width:auto;background-color:#d8d8d8;font-size:1.2em;font-weight:normal;line-height:140%;vertical-align:top}
table.form td.lab{width:150px;font-weight:bold;text-align:right}
table.hd{margin-left:0;margin-top:0}
td,th{margin:0;font-size:1em;line-height:1.6em}
td.ctr{background-color:transparent !important}
td.ind p{margin:0 .5rem .4em 3em;line-height:1.1em;text-indent:-3em}
td.liu{border-bottom:1px solid #1f1f1f}
th{background-color:#ccc}
u{text-decoration:underline}
ul{padding:.5rem 0}
ul,ul li{margin:0 0 .5em 0;font-size:1rem;line-height:1.2em;text-indent:0}
ul.pte,ul.pte li{margin:0 20px 8px 30px;font-size:1.1em;line-height:18px}
ul.rtq li,#inhalt ul li{margin:0 0 0 1.5em;list-style-type:none;text-indent:-1.5em}
ul.rtq li::before,#inhalt ul li::before,ul.weit::before,
li.weit::before{color:var(--ci-marker);content:"\25a0\a0\a0"}
ul.weit,li.weit{margin-bottom:5px;margin-top:5px;list-style-image:none;font-size:1.1em;line-height:130%}
ul.liste1 li{
	padding:0 0 .5em 0;
}

.bdr-trsp{border:1px solid transparent}
.cbl{color:#3d5bb1}
.center{text-align:center}
.cgn{color:#080}
.cgr{color:#669}
.clr{clear:right}
.cmpr,.cmpri{margin:0;line-height:1em}
.copy{font-size:1.2em}
.crt,#fuss p.ft,footer p.ft,p.ft a{color:#c00}
.csw{color:#000}
.flr{
	float:right;
}
.hbg-menu{padding:1.25em;font-size:3rem;position:absolute;top:1rem;right:1rem}
.hbg-menu:before{width:1em;box-shadow:0 .25em 0 0 #fff,
0 .5em 0 0 #fff;background:#fff;content:"";position:absolute;right:.8rem;top:.1em;height:.15em}
.img-li{float:left;margin:0 10px 0 0;padding:3px 0 0 0}
.img-re a:hover{background-color:transparent}
.img-re,.img-li{background-color:transparent;font-size:.6em;text-align:center;position:relative}
.img-re-logo{float:right;padding:0 0 0 1em;right:0;top:0}
.kap{font-variant:small-caps;font-size:smaller}
.li{float:left;margin-right:1em}
.ndat{float:right;padding-left:1em;color:#777;font-size:16px}
.nob,#nav a:link,#nav a:visited,#nav a:active{font-weight:normal}
.re{float:right;margin-left:1em}
.red{color:#f00}
.redd{color:#c30}
.rgt{text-align:right}
.tp{font-size:1.2em;text-align:right}
#awrapper{padding-top:150px;display:flex;position:relative;max-width:900px;min-height:600px;flex-flow:row wrap}
#bwrapper{float:left;margin-right:-230px;width:100%;background-color:#ddd}
#cont-2{margin:0;background-color:#223}
#cont-3{margin-right:220px;background-color:#0ff}
#dispres em{color:#900;font-style:normal;font-weight:bold}
#fuss p.ft,footer p.ft{padding-left:205px;color:#ccc}
#inhalt{margin:0 0 0 10px;padding:20px 0 1em 0;max-width:95vw;min-height:100vh;position:relative}
#inhalt div.blq{width:35em;margin:1rem auto 2rem auto}
#inhalt div.blq ul li{margin:0 0 .2em 0}
#inhalt p{font-size:1rem}
#inhalt p.spitzm{margin:0 0 .2em 0;font-size:.9rem;font-family:Verdana,Helvetica,Arial,Geneva,sans-serif;font-weight:normal;;
color:#000}
#inhalt td.ind ul.ind{margin:0 0 0 2em}
#inhalt td.ind ul.ind > li{margin:0 0 .3em 0;line-height:1.1em;text-indent:-2em}
#inhalt ul li.pfr{list-style:none;background-image:none}
#inhalt ul.doss li{margin-bottom:.6em}
#kosrch{border:1px solid #222;background-color:#222;bottom:5px;position:absolute;right:1em}
#kosrch input{border:none;background-color:#999;font-size:1em}
#kosrch input.btn{background-color:#666;color:#fff}

} 
@media only screen and (min-width: 720px) {
/*  cdc ab tablet 2024 min-w 720 */

a.hbg-menu{
	display: none;
}

header#kopf{
	height: 135px;
}

nav#nav{
	margin: 0;
	padding: 14px 5px 0 0;
	width: 205px;
	background-color: #eee;
	top: 0; /*	flex: 0 0 210px;*/
	position: absolute;
	top: 130px;
	left: -210px;
}

#awrapper{
	padding-top: 130px;
	border-left: 210px solid #eee;
	flex-flow: row-reverse wrap;
}

#inhalt{
	min-height: auto;
	max-width: 600px;
}

} 
@media only screen and (min-width: 860px) {
/* 2024 dtsktop kleiner als 950px  */
header#kopf h1.hd{

	padding: 6px 0 3px 1rem;
	margin: 2px 0 0 0;
}

} 
@media only screen and (min-width: 950px) {
/* coalition dtp min-w 860 */



body{
	box-shadow: #888 2rem 1rem 40px 0;
}

header#kopf{
	width: 100%;
	height: 130px;
}

header#kopf h1.hd{
	padding: 6px 0 3px 226px;
	margin: 2px 0 0 0;
}

nav#nav ul#navlg{
	margin: 5em 0 0 0;
}

nav#nav ul#navlg li{
	margin: 0 10px;
	list-style-image: none;
	list-style-type: none;
	font-size: .9em;
	line-height: 1.3em;
	text-indent: .5em;
}

nav#nav ul#navlg li a{
	color: #666;
}

nav#nav ul#navlg li a::before{
	color: #444;
	content: "\25b6\a0";
}

} 
@media print {
/*  coalition --- vorbereitet --  aufruf Printer styles */
body,h1,h2,h3,h4,p{background-color:#fff;font-family:Palatino,Minion,Garamond,Times,"Times New Roman",Helvetica,Verdana,sans-serif}
div#cont h1{margin:1em 0 0 0}
div#cont p,p,td{margin:0 0 5.5pt 0;background-color:transparent;font-size:11pt;line-height:150%}
div#cont,div.prtxt{margin:1em;padding:0;width:auto;position:relative;top:1em}
div#formadr{border:none;width:300px;left:0;position:absolute;top:100px}
div#header h1{margin:0 0 0 5.5em;padding:0;width:auto;right:0}
div#menu,div.or{width:0;display:none}
div#sp-ft,.nopr,p.regnav,p.scrn,#nav,nav,footer{display:none}
div.clear{clear:both}
h1,h2,h3,h4,h5{color:#000}
h1.tit{margin:0;font-family:Palatino,Minion,Garamond,Times,"Times New Roman",Helvetica,Verdana,sans-serif;font-size:2.6em;font-style:normal;font-weight:normal;letter-spacing:0.05em}
html,body{margin:0;padding:0}
#awrapper{border:none}
#cont,#kopf{margin:0;background-color:#fff}
#header{width:auto;display:inline;height:auto;position:relative}
#inhalt{max-width:900px}
#kopf h1.hd{padding:0;color:#000;font-weight:bold;font-style:italic;font-size:14pt}

}