*   {
   padding: 0;
   margin: 0;
}
div {display: block;}
div.clear {clear: both; width: 100%; height: 1px;} 

body {
   font: normal 11pt/13pt verdana, ariel, helvetica, sans-serif;
   /* font: normal 12pt/14pt "Times New Roman", Times, serif; /* printer */
   color: #000000;
   text-align: left;
   background: #fffcc7 url("../images/layout/body-back.jpg") repeat-x top left;
   /*  #a6d6ff */
}
/* div container & field start */
#container {
   width: 960px; /* printer: no */
   position: relative;
   margin-left: auto;
   margin-right: auto;
   display: block;
}
#header {
   width: 960px;
   height: 158px;
   display: block;
   /* background: #FF00FF;*/
}
#box {
   width: 960px;
   display: block;
}

#boxin {
   width: 960px;
   padding-top: 7px;
   display: block;
   /* background: #99CC00;*/
}
#navdiv {
   width: 250px;
   display: block; /* printer */
   float:left;
   /* background: #FF6600;*/
}
#field {
   width: 690px;
   float: right;
   padding-top: 15px;
   /* background: #993366;*/
   background-color: transparent;
}
#footer {
   width: 960px;
   padding-top: 10px;
   display: block;
}
/* div container & field end */

/* general formats start */
h1 {
   font: bold 2.0em/50px serif;
   text-align: left;
   margin-left: 450px;
}
h1.field  {
   font: bold 2.0em/50px serif;
   text-align: center;
	margin-left: 0;
}
h2 {
   font: bold 1.2em/1.4em verdana, sans-serif;
   text-align: center;
   margin: 5px 0 10px 0;
}
.h2field {
   font: bold 1.2em/1.4em verdana, sans-serif;
   text-align: left;
   margin: 5px 0 10px 0;
}
h3 {
   font: bold 1em/1.2em verdana, sans-serif;
   text-align: left;
   margin: 5px 0 10px 0;
}
p {
   margin: 5px 0 15px 0;
}

p.pline1:first-letter  {
	font-size: 1em;
	font-style: normal;
	margin-left: 14px;
}
.smalltext {font: normal 10pt/12pt verdana, ariel, helvetica, sans-serif;}
.normaltext {font: normal 11pt/13pt verdana, ariel, helvetica, sans-serif;}

.tacenter   {text-align: center;}
.taright   {text-align: right;}
.taleft      {text-align: left;}
.flleft      {float: left;}
.flright   {float: right;}

em.norm {
   font-style: normal;
}
em.emrcite {
	float: right;
}

img {
   border: 0;
   font: normal 0.85em/0.95em sans-serif;
}
.imgbod {
   border: 1px solid #b0aea5;
}
.imgbook {
   border-top: 1px solid #808080;
   border-left: 1px solid #808080;
   border-right: 3px solid #999999;
   border-bottom: 3px solid #999999;

}
.imgfr {
   border: 4px ridge #999999;
}
.imgfrp {
   border: 4px ridge #D0C58D;
   padding: 10px;
   background: #FFFDE4;
}
.imginset {
   border-top: 2px solid #808080;
   border-left: 2px solid #808080;
   border-right: 2px solid #d3d3d3;
   border-bottom: 2px solid #d3d3d3;
}
.imgoutset1 {
   border-bottom: 1px solid #808080;
   border-right: 1px solid #808080;
   border-left: 1px solid #d3d3d3;
   border-top: 1px solid #d3d3d3;
}
.imgflr {
   float: right;
   margin: 10px 0 10px 15px;
}
.imgfll {
   float: left;
   margin: 10px 15px 10px 0;
}
.imgcnt {
   text-align: center;
   margin: 10px 15px 10px 15px;
}
acronym {
   border-bottom: black dotted 1px;
}
a:link, a:active {
   font-weight: normal;
   text-decoration: underline;
   color: blue;
}
a:hover {
   text-decoration: underline;
   color: blue;
}
a.extern_link {
   padding-left: 15px;
   background: transparent url("../images/layout/externlink.gif") left bottom no-repeat;
}
a.ablue:link, a.ablue:active, a.ablue:visited, .ablue {
   text-decoration: none;
   color: blue;
}
a.anorm:link, a.anorm:active, a.anorm:visited, .anorm {
   text-decoration: underline;
   color: blue;
}
a.ablack:link, a.ablack:active, a.ablack:visited, .ablack {
   text-decoration: none;
   color: black;
}
a.agreen:link, a.agreen:active, a.agreen:visited, .agreen {
   text-decoration: none;
   color: darkgreen;
}
a.aviolet:link, a.aviolet:active, a.aviolet:visited, .aviolet {
   text-decoration: none;
   color: #7000F0;
}

a.anodeco, a.nounder {
   text-decoration: none;
}
a.anodeco:hover {
   text-decoration: underline;
}
.spbold      {font-weight: bold;}
.spunder   {text-decoration: underline;}
.spnorm      {font-style: normal;}
.spitalic   {font-style: italic;}
.spred      {color: #D50000;}
.spdred      {color: #660000;}
.spgreen   {color: #006C36;}
.spgrey      {color: #333333;}
.spblue      {color: #1000D7;}
.spauthor   {margin-left: 60px; font-size: 0.9em;}
.fgap   {margin-left: 10px;}

.small {font: normal 9pt/13pt verdana, ariel, helvetica, sans-serif;}

ol {margin: 5px 0 10px 30px;}
div.ftext {
   min-height: 300px;
   padding: 15px 20px 15px 20px;
   background: #f5f2ef;
   border: 1px solid #b0aea5;
   position: relative;
   bottom: 2px;
   right: 2px;
}
div.shadow {
   position: relative;
   bottom: 2px;
   right: 2px;
   background-color: #d3d0c2; /*shadow color*/
   color: inherit;
}
.linesplit {
   text-align: center;
   width: 100%;
   height: 21px;
   margin: 15px 0 30px 0;
   background: url('../images/layout/small_sun_line.gif') no-repeat top center;
}
.linesplit2 {
   text-align: center;
   width: 100%;
   height: 21px;
   background: url('../images/layout/small_sun.gif') no-repeat top center;
}
/* general formats end */

/* div navigation bar start */
#navbox {background: url("../images/layout/back-navdiv.jpg") repeat-y left center; padding-top: 0px;}
.navbox {background: url("../images/layout/header_nav_top.jpg") no-repeat top left;}

#navdiv p {
   font-size: 0.5em;
   line-height: 0.8em;
   padding: 0px 0px 0px 24px;
   margin-bottom: 0;
}
.navlist {
   width: 195px;
   margin-left: 50px;
   padding-top: 25px;
   color: black;
   text-align: left;
}
.navlist li {
   list-style-type: none;
   padding: 5px 0px 3px 5px;
}
.navlist a {
   text-decoration: none;
   display: block;
}
.navlist a.nava1 {font: bold 12pt/16pt verdana, arial, helvetica, sans-serif;}
.navlist a.nava2 {font: normal 12pt/14pt verdana, arial, sans-serif; margin-left: 10px;}
.navlist a.nava3 {font: normal 11pt/13pt verdana, arial, sans-serif; margin-left: 25px;}

.navlist a:link,
.navlist a:visited {color: #0d2f94;}
.navlist a:hover {color: #0151bf;}
.navlist a.act {color: #3366FF;}

.navlist .nodis {display: none;}

#navend {
   width: 260px;
   height: 30px;
   margin-left: 0px;
   background: url("../images/layout/bottom-navbox.jpg") no-repeat top left;
}
#navdesign {
   margin-left: 35px;
}
#navdesign, #navdesign span, #navdesign a {
   color: #484848;
   font: normal 10pt/10pt verdana, ariel, helvetica, sans-serif;
}
#navdesign .spred {color: #AA231C;}
#navdesign a:link,
#navdesign a:visited,
#navdesign a:active {
   color: #484848;
   text-decoration: none;
}

/* div navigation bar end */

/* div header start*/
#imgh1 {float:left;}
#divhtitle {
   margin-left: 220px;
   width: 600px;
   text-align: center;
}
#h1head {
   margin: 0;
   padding: 0;
   text-align: center;
}
#h3head {
   margin: 0;
   padding: 0;
   color: #f7713c;
   font: 2.2em/1.1em serif;
	text-align: center;
}

#h1title {
   padding: 0px;
   text-align: left;
   margin: 0px;
}
#header a, #header a:hover, #header a:active {
   font: bold 1.7em/1.5em serif;
   color: darkblue; /*  f7713c; */
   text-decoration: none;
}
.imghor {
   margin-bottom: 8px;
}
#header li {
   list-style-type: none;
   float: left;
}
#langselect {
   text-align: right;
   margin: 20px 0 10px 310px;
}
#langselect a {
   font-style: normal;
   margin-right: 14px;
   color: darkgreen;
   /* font: bold 10pt/10pt verdana, ariel, helvetica, sans-serif; */
}
img.langselimg {
   margin-bottom: 4px;
}

#imgtitle {margin-left: 460px;}
#divyogatitle {height: 40px;}
/* div header end*/

/* div footer start */
#imgbnav {
   margin-left: 40px;
}
#footertext {
   margin-left: 45px;
   text-align: left;
   display: block;
}
#footer {
   font: normal 8pt/8pt verdana, ariel, helvetica, sans-serif;
   color: #404040;
   text-align: center;
   margin-bottom: 18px;
}
#footer a:link, #footer a:active, #footer a:visited, #footer a:hover {
   color: #5F5F5F;
   margin: 0 5px 0 5px;
   text-decoration: none;
}
#footer a:link.spunder, #footer a:active.spunder, #footer a:visited.spunder, #footer a:hover.spunder {
   color: #5F5F5F;
   margin: 0 5px 0 5px;
   text-decoration: underline;
}
#footerend {
   height: 20px;
   display: block;
}
/* div footer end */

/* form start */
h2.inset, p.inset {
   margin-left: 170px;
   line-height: 1.4em;
   text-align: left;
}
.tblcontact {
   margin: 0 0 20px 170px;
}
#form-box {
   font: 1em/1.3em verdana, ariel, helvetica, sans-serif;
   padding: 5px 5px 10px 5px;
}
.borderdg {border: 1px solid #222222;}

#form br {      /* Alle Zeilenumbrüche in Formularen auswählen */
   clear: left;   /* das floating der labels und inputs aufheben */
}
#form a:link {
   font-weight: normal;
   text-decoration: underline;
   color: blue;
   /* color: black; /* printer */
}
#form label.labnorm, #form label.labnorm1, #form label.labnorm2, #form label.labnorm3, #form label.labshort,
.form label.labnorm, .form label.labnorm1, .form label.labnorm2, .form label.labnorm3, .form label.labshort {
   vertical-align: bottom;
   padding-top: 4px;
   text-align: right;
   width: 160px;
   padding-right: 10px;
   margin-bottom: 8px;
   display: block;
   float: left;
}
#form label.labnorm2, .form label.labnorm2 {
   width: 140px;
}
#form label.labshort, .form label.labshort {
   width: 80px;
}
#form label.labnorm3, .form label.labnorm3 {
   width: 330px;
   text-align: left;
   margin-left: 15px;
   font-size: 0.9em;
}
#form label.labnorm1 {
   width: 250px;
}
#form label.labback, .form label.labback {
   vertical-align: top;
   text-align: left;
   padding-left: 10px;
   padding-top: 5px;
   margin-bottom: 0px;
}
#form select {
   margin-bottom: 8px;
}
#form select#formof {
   display: inline;
   float: left;
   width: 100px;
}
#form input {
   display: block;
   padding-left: 2px;
   padding-right: 2px;
   margin-bottom: 8px;
   float: left;
}
#form textarea {
   width: 304px;   /* width */
   display: block;
   float: left;
   margin-bottom: 8px;
   border-bottom: thin;
}
#form textarea.torder {
   height: 80px;
}
#divinput input,
#form textarea, #form select {
   border-top: 1px solid #4F4F4F;
   border-left: 1px solid #4F4F4F;
   border-bottom: 1px solid #DFDFDF;
   border-right: 1px solid #DFDFDF;
}

#form input.inpnorm {width: 300px;}
#form input.inpmed {width: 185px; margin-right: 15px;}
#form .inpmedi {width: 150px; margin-right: 15px;}
#form input.inpmini {width: 80px;}
#form input.inpshort {width: 80px; margin-right: 15px;}
#form input.inpmicro {width: 45px; margin-right: 15px;}
#form input.inpnano {width: 20px; margin-right: 15px;}

#divinput input.const, .divinput input.const {
   width: 0;
   padding: 0;
   margin: 0;
}
.checkshow {
   float: none;
   padding: 0 2px 0 2px;
   margin: 0px 10px 0px 20px;
}
input.inpradio, input.inpcheck {
   width: 20px;
   float: left;
}
input.inppers {
   width: 20px;
   float: left;
}
input.inpplace {
   width: 200px;
   float: left;
}
#formbuttons {
   display: block;
   margin: 20px 0 0px 0;
}

input#submit {   /* for submit-button */
   text-align: center;
   float: none;
}
input#reset {   /* for reset-button */
   width: auto;
}
#tdformbuts {   /* because of IE6 error */
   padding-top: 5px;
}

.formerr, #formerr, .formok {
   font-weight: bold;
   color: #000000;
   padding-left: 30px;
   text-align: left;
   font-size: 0.9em;
   background: #FFE1E1;
}
.formok {
   background: #EAFFE8;
   margin: 0 60px 15px 60px;
}
#formerr {
   padding-left: 30px;
}
#formerr li {
   list-style-image: url("../images/layout/attention.png");
   padding-left: 10px;
}

/* form end */


/* error page start */
.h2err {
   margin-top: 15px;
   font-size: 1.1em;
   line-height: 1.2em;
   font-weight: normal;
   color: #222222;
   text-align: left;
}
#error p {
   font-size: 0.9em;
}
#error a {
   color: blue;
   text-decoration: underline;
   font-weight: normal;
}
#error a:hover {
   color: blue;
}
/* error page end */

/* pages start */
.author {
   font-style: italic;
   margin-left: 30px;
}
.imgtitle {
   margin-bottom: 25px;
   text-align: center;
   color: #424242;
}
.imgshadow {
   float: right;
   margin:0px 2px 2px 0px;      /* Offset the image by certain pixels to reveal the shadow, as the shadows are 6 pixels wide, offset it by that amount to get a perfect shadow */
   background: url("../images/layout/back_shadow.gif") no-repeat top left; /* Most major browsers other than IE supports transparent shadow. Newer release of IE should be able to support that. */
}
.imgshadowl {
   float: left;
   margin:0px 2px 2px 0px;      /* Offset the image by certain pixels to reveal the shadow, as the shadows are 6 pixels wide, offset it by that amount to get a perfect shadow */
   background: url("../images/layout/back_shadow.gif") no-repeat top left; /* Most major browsers other than IE supports transparent shadow. Newer release of IE should be able to support that. */
}
img.imgshadow, img.imgshadowl  {
   padding: 5px;            /* This creates a border around the image */
   background-color: #ffffff;   /* Background color of the border created by the padding */
   border: 1px solid #b0aea5;   /* A 1 pixel greyish border is applied to the white border created by the padding */
   display: block;            /* IE won't do well without this */
}
img.idmgnorm {
	background: none;
	padding: 0;
	border: none;
}

#tblpainposes {
   margin: 0 0 20px 20px;
}
.tblprogram {
   width: 100%;
   margin: 5px 0 3px 0;
}
.tblprogram td, .tblprogram th {
   font-size: 0.95em;
   padding: 3px 0 3px 0;
   width: 16.66%;
   text-align: center;
   border-right: 1px solid #B0AEA5;
   border-bottom: 1px solid #B0AEA5;
   background: url("../images/layout/back-program2.jpg") bottom left repeat-x;
}
.tblprogram td {
   font-size: 0.85em;
   color: blue;
   background: url("../images/layout/back-program.jpg") top left repeat-x;
}
.timetext {font: normal 8pt/11pt verdana, ariel, helvetica, sans-serif; color: #303030;}

.tblbooks1, .tblbooks2,  .tblbooks3 {
   margin: 10px 10px 20px 30px;
   font-size: 0.9em;
}
.tblbooks1, .tblbooks1 a {color: #051f1e;}
.tblbooks2, .tblbooks2 a {color: #3c006b;}
.tblbooks3, .tblbooks3 a {color: #4F3214;}

.divbook {
   width: 680px;
}
table.tblbooks, table.tblcds {
   font: normal 10pt/12pt verdana, ariel, helvetica, sans-serif;
   width: 480px;;
   margin-bottom: 20px;
}
td.tdtitle {width: 90px;}
table.tblcds td.tdtitle {width: 70px;}
table.tblcds {width: 550px;}
.tblbooks td, .tblcds td {
   vertical-align: top;
   padding: 2px 5px 2px 2px;
}
.tbllinks {
   width: 95%;
   margin-left: 4%;
}
.tbllinks th, .tbllinks td {
   padding: 2px 5px 2px 2px;
   vertical-align: middle;
}
.tbllinks th {
   text-align: center;
}
div.divdist {
	margin: 0 20px 20px 20px;
	display: block;
}
.tblekumnye, .tblkumnye, .tblseml {
   border-spacing: 0;
   border: 1px solid #cccccc;
   margin: 5px 10px 10px 10px;
   padding: 5px;
}
.tblsem2 {width: 100%; margin-top: 10px; border-bottom: 2px ridge #555;}
.tblseml {
   font-size: 0.9em;
   margin: 0px;
   background: #fffde0 url("../images/layout/back_streu_yellow.jpg");
}
.tblekumnye td, .tblsem td, .tblsem2 td, .tblseml td, .tblseml th {
   padding: 3px 5px 3px 5px;
   vertical-align: top;
}
.tblkumnye td, .tblkumnye th {
   padding: 6px 25px 6px 2px;
   vertical-align: top;
}
.tblekumnye tr:hover, .tblkumnye tr:hover, .tblsem tr:hover, .tblsem2 tr:hover, .tblseml tr:hover {
   background: #CCFFCC;
}
.tblseml a:link, .tblseml a:visited {
   color: black;
   text-decoration: none;
}
.tblseml a:hover {
   text-decoration: underline;
}
.tblseml img {
   display: inline;
}
.trdark {
	background-color: #CCCCCC;
}
div.imgshadow, div.imgshadowl {
   padding: 0 2px 2px 0;
   display: block;
}
.divsem {display: block;}
.divsem h3 {margin-top: 0; padding-top: 5px;}
tr.topevent, h3.topevent {background-color: #fffaa6;}
img.imgsin {border: none; margin: 0 0 0 5px; padding: 0;}
.formcont br {clear: left;}   /* Alle Zeilenumbrüche in Formularen auswählen float:right; */
                     /* das floating der labels und inputs aufheben */
.formcont input {float: left;}
.formcont input#submit {margin-left: 30px; margin-bottom: 12px; font-weight: bold;}
/* pages end */

/* links page start */
.ulwebcat {
   margin-left: 30px;
   margin-bottom: 30px;
}
.ulwebcat li {
   list-style-type: none;
   font-size: 10pt;
   margin-top: 5px;
   line-height: 1.2em;
}
.ulwebcat a {
   text-decoration: none;
}

/* links page end */

/* css page start */
#tblcenters {
   border-spacing: 0;
   margin: 10px 0 10px 40px;
}
#tblcenters td {
   width: 50%;
   vertical-align: top;
   padding: 2px 0px 25px 30px;
   font-size: 0.9em;
}
#tblcenters h2 {
   color: #8B1A08;
   margin: 0;
   padding: 0;
   text-align: left;
   font-size: 1.2em;
   font-weight: bold;
   line-height: 1.6em;
}
#tblcenters td:hover {
   background: #FFFFCF;
}
/* css page end */

/* display */
.nodis {
   display: none;
}
/* printer only
.noprint {
   display: none;
}
*/
.pad {
   padding: 20px;
   background: #FFFDEF;
   display: block;
   color: #800000;
   text-align: center;
}