body {
        background-color:#FFFFFF ;
        color: #2e2e2e; 
        font-family: Arial,sans-serif;
	font-size: 10pt;
        -moz-hyphens: auto;
        -o-hyphens: auto;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto; 
}
b {
        -moz-hyphens: none;
        -o-hyphens: none;
        -webkit-hyphens: none;
        -ms-hyphens: none;
        hyphens: none; 

}

.twi {
    width: 160px;
    vertical-align: top;
}

@media all and (max-width: 928px) {
    .twi {
	display: none;
    }
}

#delang {
    display: none;
}

.ttop {
      width: 100%
}

.xtop {
      width: 100%
}

.ppt {
     width: 900px;
     height: 700px;
     overflow: hidden;
     border: 0;
     border-radius: 15px;
}

hr {
  height: 1px;
  border: none;
  color: inherit;
}

dt {
  margin-left: 0;
}
dd {
  margin-left: 2em;
}

#top {
   width: 100%
}

blockquote {
  margin-left: 2em;
  margin-right: 2em;
}

    nav{	
    display: -webkit-box;
    -webkit-box-orient:horizontal;}

nav ul li {

display: inline; 
}

.XXcol3 {
-moz-column-count: 3;
-webkit-column-count: 3;
-moz-column-gap: 2em;
-webkit-column-gap: 2em;
-moz-column-rule-style: solid;
-moz-column-rule-color: #fff;
-moz-column-rule-width: 2px;
-webkit-column-rule-style: solid;
-webkit-column-rule-color: #fff;
-webkit-column-rule-width: 2px;
}

.flags {
    width: 160px;
    vertical-align: top;
}

.mtab {
    width: 768px;
    vertical-align: top;
}

img { border: 0px;
   max-width: 100%;
    height: auto;
}

input.button {
  margin-left: 0.5em;
  margin-right: 0.5em;
  border-width: 1px;
  border-style: solid;
  border-color: #6f6f6f;
  background-color: #ffffdf;
  color: #00007f;
  font-family: Tahoma, sans-serif;
  font-size: 14px;
  font-weight: bold;
}

.center {
  text-align: center;
}

.notes {
  font-size: 85%;
  font-style: italic;
}

#top {
	background-image: url(logo32k.png);
	background-repeat: no-repeat;
	float: none;
	width: 100%;
        height: 90px;
	color: white;
}

#top h1 {
	margin-left: 260px;
	margin-top: 1px;
	font-size: 20pt;
	padding-top: 36px;
	color: blue;
}

#top p {
	text-align: right;	
}
@media screen {

#side {
  position: fixed; /* not working in IE */
  float: left; /* workaround for IE, correctly overridden by "position: fixed" elsewhere */
  top: 16em; /* overriding Opera default of 0 */
  left: 1em; /* ditto */
  width: 160px;
  height: 100%; /* partial workaround for IE, which has an ugly bug causing right side main content to unalign vertically */
  text-align: right;
  font-family: Tahoma, sans-serif;
  font-size: 70%;
}

#side ul {
  margin-left: 0; /* workaround for IE and Opera, where list margins only surrounds the principle boxes of the items within the list */
  margin-right: 0;
  padding-left: 0; /* correct in Mozilla, where list margins surrounds not only the priciple boxes, but also the marker boxes of the items */
  padding-right: 5px;
  list-style-type: none;
/*  list-style-img: */
  font-weight: bold;
}

#side li {
  margin-top: 0; /* overriding Opera default of 3px */
  margin-bottom: 0; /* ditto */
  line-height: 120%; /* workaround for IE, which has a non-standard line height (*@#?!) */
}
}
#menu {
  margin-bottom: 3ex;
  font-size: 14px;
  font-weight: normal;
}
#menu a {
  margin-right: 3px;
  border-right-width: 1px;
  border-right-style: solid;
  border-color: blue;
  padding-right: 5px;
  text-decoration: none;
  background-color: inherit;
  color: blue;
}
#menu a:hover {
  margin-right: 0;
  border-right-width: 4px;
}
#menu a.current {
  margin-right: 0;
  border-right-width: 4px;
}
#menu .highlight {
  padding-left: 0.5ex;
  padding-right: 0.5ex;
  background-color: #1f1f9f;
  color: #ffffdf;
}
#menu ul.submenu {
  margin-right: 3px;
  border-right-width: 1px;
  border-right-style: solid;
  border-color: blue;
  padding-right: 0;
}
#menu ul.submenu a {
  margin-right: 0;
  border-right-width: 4px;
  border-color: #5f7f9f;
  padding-right: 5px;
  color: #5f7f9f;
}
#menu ul.submenu a:hover {
  margin-right: 0;
  border-color: blue;
}
#menu ul.submenu a.current {
  border-color: blue;
}

#main {
  margin-top: 40px;
  margin-bottom: 0;
  padding-top: 2px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: justify;
  width: auto;
  right: auto;
  max-width:768px;
}


#main h1 {
	color: black;
	font-size: 14pt;
	text-align: left;
}

#main h2 {
	color: black;
	font-size: 10pt;
	text-align: left;
}
/*
#main img {
	vertical-align: text-top;
	float: left;
	margin-right: 20px; 
}
*/
#home {
  margin-top: 40px;
  margin-bottom: 0;
  padding-top: 2px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: justify;
  width: auto;
  right: auto;
}

#leiste img {
/* img {*/
border: 0;
margin-right: 0.25em;
vertical-align: top;
}

#home h1 {
	color: red;
	font-size: 12pt;
	text-align: left;
}

#home h2 {
	color: black;
	font-size: 8pt;
	text-align: left;
}

#home td { padding: 10px; 
	vertical-align: top;
}

.cap
{
    background: #f0f0f0;
    background: -moz-linear-gradient(top, #f0f0f0, #fcfcfc);
    background: -webkit-gradient(linear, center top, center bottom, from(#f0f0f0), to(#fcfcfc));
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #303030;
    border: 1px solid #e0e0e0;
    border-bottom-width: 2px;
    white-space: nowrap;
    font-family: monospace;
    padding: 1px 6px;
}

.fadein { position:relative; height:282px; width:473px; }
.fadein img { position:absolute; left:0; top:0; }

a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a:active {
    text-decoration: underline;
}

p.auto {
  -moz-hyphens: auto;
  hyphens: auto;
}

table.drittel {
  width: 100%;
}

table.drittel  table  {
    width: 100%;
}

table.drittel  tr > td:nth-child(1) {
  width: 250px;
}

table table {
  border: 0;
}


table {
  border : 0;
  table-layout : fixed;
}

table.newsletter table td {
  padding: 10px;
}

table.newsletter table td.c1 {
  padding: 0px;
}

footer {
    font-size: 7pt;
}

/* Make it a marquee */
.marquee {
    width: 780px;
    margin: 0 auto;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
    animation: marquee 50s linear infinite;
}

@media all and (max-width: 928px) {
    .marquee {
	display: none;
    }
}


.marquee:hover {
    animation-play-state: paused
}

/* Make it move */
@keyframes marquee {
    0%   { text-indent: 100% }
    100% { text-indent: -4672px }
}
figure {
    display: block;
    float: left;
    margin-top: 0em;
    margin-bottom: 1em;
    margin-left: 0px;
    margin-right: 1em;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
} 
figcaption {
    font-size: 0.8em;
}
figcaption {
    color: black;
}

footer {
    font-size: 0.8em;
    line-height: 140%;
}
/* Used for new HTML5 specific design */
div.html5#main {
    display: flex;
    flex-flow: row wrap;
    margin-top: 3.3em;
    margin-left: 0.2em;
}
div.html5 header {
    flex: 1 1 100%;
}
div.html5 article {
    flex: 2 1 1em;
}
div.html5 aside {
    flex: 1 1 1em;
}
div.html5 section {
    margin-right: 1em;
}
div.html5 article > h1 {
    margin-top: 1.15em;
    margin-bottom: 0.85em;
}
div.html5 section.newsbox {
    background-color: #1e3d75;
    border: 0.1em solid #1e3d75;
    border-radius: 1em;
    box-shadow: 0.3em 0.2em 0.7em black;
    color: white;
    padding: 1em;
    margin-bottom: 1em;
}
div.html5 section.newsbox ul {
    font-style: italic;
    list-style: outside none none;
    padding: 0;
}
div.html5 section.newsbox h3 {
    font-size: 1.1em;
    margin: 0;
}
div.html5 section.newsbox h3 + p {
    margin-top: 0;
}
div.html5 span.bold {
    font-weight: bold;
}
div.html5 section.newsbox a {
    color: white;
}
div.html5 section.newsbox p:last-child {
    margin-bottom: 0;
}
div.html5 footer p {
    margin: 0;
    font-size: 0.8em;
}
div.html5 section.abstract > h2 {
    display: none;
}
div.html5 nav {
    display: flex;
    justify-content: space-between;
}
/*
div.html5 div#ctcpp_slidein {
  height:150px; 
  width:786px;
}*/

@media screen and (max-width: 320px) {
  div.html5 { flex-flow: column wrap; }
  div.html5 div#ctcpp_slidein { width:320px; }
}

div.form_field {
    display: flex;
    align-items: flex-start;
}
div.form_field textarea {
    resize: vertical;
}
div.form_field input,textarea {
    flex: 1 1 1em;
    margin: 1ex 0.5ex;
}
div.form_field label {
    flex: 0 1 18em;
    text-align: right;
    margin-top: 1.2ex;
}
div.form_field label:after {
    content: ":";
}


ul.comma-list  li {
  display: inline-block;
  font-weight: normal;
}
ul.comma-list li:after {
  content: ",";
/*  margin-right: 1ex;*/
}
ul.comma-list li:last-child:after {
  content: "";
}
ul.comma-list {
  padding-left: 1ex;
  text-align: left;
}
ul.bold-items > li {
  font-weight: bold;
}

h3.distanced {
	    margin-top: 3em;
}

.kontakt_box {
  border : 2pt solid black;
  padding: 1em;
  border-radius: 2ex		
}