/* Dieses CSS regelt die Darstellung der Unterseiten für die Bildschirmausgabe */
/* Die Styleanweisungen sind nach folgendem Schema sortiert:Breite, Höhe, Außenabstand, Innenabstand, Ausrichtung, Schriftformatierung, Farbe, Hintergrund, Rahmen */
html { width:100%; height:100%; }
body { margin:0; padding:0.5em; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:95.1%; font-weight:400; color:#000; background:#ffffff; }
hr { margin:1.5em 0 0 0; padding:0; color:#000; background:#fff; border:thin solid #000; }
hr.black { clear:both; color:#000; border:thin solid #000;}

a, a:link, a:visited, a:hover, a:active, a:focus { text-decoration:underline; color:#000; }
a, a:link { font-weight:700; }
a:visited { font-weight:inherit; }
a:hover { color:#000; background:#fff; text-decoration:none; }
a:active, a:focus { color:#000; background:#fff; }

h1, h3, h4, h5, h6 { margin:0; padding:1.5em 0 0.5em 0; text-decoration:none; font-weight:700; }
h1 { margin:0.5em 0 0 0; padding:0  0 0.5em 0; font-size:1.5em; text-align:center; }
h2 { font-size:1.0em; } 
h3 { font-size:1.15em; }
h4 { font-size:1.2em; }

ul { list-style-type: disc; }
dl { padding:0 1em; }
dt { margin:0 0 0.5em 0; padding:0; font-size:1.1em; font-weight:inherit; }
dd { margin:0 0 1em 0; padding:0 0 0 1em; }
blockquote, p { margin:0.3em 0 1em 0; padding:0; line-height:1.3em; }
blockquote { padding:0 0 0 2em; }
fieldset, img { border:none; }

a img, a:link img, a:visited img { padding:0.1em; text-decoration:none; border:thin solid #000; }
a:hover img, a:active img { padding:0.1em; text-decoration:none; border:thin solid #fff; }
img.left { float:left; margin:0 1em 0 0; }
img.right { float:right; margin:0 0 0 1em; }
img.center { width:100%; height:auto; text-align:center; }

.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }
.newline { clear:both; }
.nichtzeigen, #header a .mobile, #footer label { display:none;}

/* Darstellung von Bildern mit Bildunterschrift. Es gilt:p=bild (pic), b=breiter als hoch, h=höcher als breit, l=linksbündig, r=rechtsbündig */
/* Im Html werden die Bilder in ein div mit entsprechender class gepackt. Darin das Bild normal über img aufrufen. Bildunterschrift einfach nach dem img anfügen */
.p-b-r, .p-b-l, .p-h-r, .p-h-l { position:relative; max-width:100%; text-align:center; padding:0.4em; font-size:0.7em; color:#000; background:#fff; border:thin solid #000; }
.p-b-r img, .p-b-l img, .p-h-r img, .p-h-l img { width:100%; height:auto; margin:0 0 0.15em 0; }
.p-b-l, .p-h-l { margin:1em 1.25em 0.5em 0; float:left; }
.p-b-r, .p-h-r { margin:1em 0 0.5em 1.25em; float:right; }
.p-b-l, .p-b-r { width:27em; }
.p-h-l, .p-h-r { width:13.5em; }

/* Der eigentliche Seiteninhalt */
#content { min-width:18em; min-height:15em; margin:0.25em 5em 0.25em 5em; padding:1em; color:#000; background:none; border:none; }

/* Fußleiste */
#footer input, #footer .finden, form { margin:0; padding:0 0 0 0.1em; font-size:1em; border:none; }
#footer .finden { width:5em; font-family:Geneva, Arial, Helvetica, sans-serif; font-weight:700; color:#9c3; background:none; }
#footer { margin:0.75em 0 0 0; padding:0; clear:both; list-style:none; text-align:center; font-size:1em; color:#000; background:#fff; }
#footer li { width:20%; min-width:8em; margin:0; padding:0; float:left; }
#footer li a, #footer li a:link, #footer li a:visited, #footer fieldset { margin:0 0.1em 0.2em 0.1em; padding:0.4em 0; display:block; text-decoration:none; font-weight:700; color:#fff; background:#000; border:thin solid #fff; }
#footer fieldset { padding:0.35em 0 0.35em 0; }

/* Hover-Effekt */
a.aktiv:hover, a.aktiv:active, a.aktiv:focus { text-decoration:none; border:thin solid #060; }
#menue li a[href]:hover, #menue li a[href]:active, #menue li a[href]:focus, #subnavi li a[href]:hover, #subnavi li a[href]:active, #subnavi li a[href]:focus, #footer li a[href]:hover, #footer li a[href]:active, #footer li a[href]:focus, #footer .finden:hover, #footer .finden:active, #footer .finden:focus { color:#9c3; text-decoration:underline; background:#000; border:thin solid #9c3;  }
.finden:hover, .finden:active, .finden:focus { border:none; }


.material {
 margin:0.4em 0.4em 0.4em 0.5em; padding:0.3em 0.4em 0.4em 0.8em;
 width: 25em;
 float: right;
 margin-right: 10px;
}

#unodcHeader {
 background:#4990d5 url(/img/unodc_bg_theme.png) no-repeat; 
 height:80px;
 border-bottom:5px solid #fff;
}

/* common */
.invisible	{display:none;}
.clearance	{clear:both;}
/* top bar navigation */

#unodcTopNav {
clear:both;
width: 100%;
height:2.5em;
       /*
	* border-top:1px solid #7096c5;
	* border-bottom:1px solid #7096c5;
	* */
font:normal 0.8em Verdana, Arial, Helvetica, sans-serif;
background:#fff;
}

h1,h2 {
font-family: Georgia, "Times New Roman", Times, serif;
}
h1 {
font:normal 1.5em;
color:#000;
padding:0 0 0.8em 0;
}

h2 {
padding: 0.5em 0;
color:#69c;
}