body, p a {
	color: black; background-color: white;
	font-size: 11pt;
	font-family: Helvetica,Arial,sans-serif;
	margin: 0px;
	padding: 0px;
	line-height: 1.5;
  }

.abstand {
	height:1px;
	line-height:1px;
	width:1px;
	font-size:1px;
}

a:hover {
    color: #DF0000;
  }

 hr
 {
	height:1px;
	line-height:1px;
	color: silver;
 }

  ul#Navigation {
    font-size: 9pt;
    float: left; 
    width: 15em;
    margin: 0;
    padding: 0;
    border: 0px dashed silver;
    height: 100%;	
  }
  ul#Navigation li {
    list-style: none;
    margin: 0;
    padding: 0.5em;
  }
  ul#Navigation a {
    display: block;
    padding: 0.0em;
    font-weight: bold;
  }
  ul#Navigation a:link {
    color: #666; background-color: white;
  }
  ul#Navigation a:visited {
    color: #666; background-color: white;
  }
  ul#Navigation a:hover {
    color: #DF0000; background-color: white;
  }
  ul#Navigation a:active {
    color: #DF0000; background-color: white;
  }

  ul#Navigation2 {
    font-size: 9pt;	
    margin-left: 0;
    padding: 15px;
   border: 0px dashed blue;
	}
 
  ul#Navigation2 li {
    list-style-type: circle;
    border: 0px dashed silver;
  }
 
  ul#Navigation2 a {
    font-weight: bold;
  }

  ul#Navigation2 a:link {
    color: #666; background-color: white;
  }

  ul#Navigation2 a:visited {
    color: #666; background-color: white;
  }

  ul#Navigation2 a:hover {
    color: #DF0000; background-color: white;
  }

  ul#Navigation2 a:active {
    color: #DF0000; background-color: white;
  }

  div#Inhalt {
    margin-left: 13em;
    padding: 0 1em;
    border-left: 1px solid silver;
    min-width: 16em;
    vertical-align: top;
    /* Mindestbreite (der Ueberschrift) verhindert Anzeigefehler in modernen Browsern */
  }

  div#Inhalt h1 {
    font-size: 15pt;
    padding-top: 15pt;
    padding-bottom: 5pt;
    margin: 0;
  }

  div#Inhalt h2 {
    font-size: 13pt;
    padding-top: 13pt;
    margin: 0 0 1em;
  }

  div#Inhalt h3 {
    font-size: 12pt;
    padding-top: 12pt;
    margin: 0 0 1em;
  }

  div#Inhalt h4 {
    font-size: 12pt;
    padding-top: 12pt;
    margin: 0 0 1em;
  }

  div#Inhalt p {
    font-size: 11pt;
    margin: 0 0 1em;
  }

  div#imagecontainer {
    text-align: center;
    vertical-align: top;
    padding:1px;
    margin:0;
    border:0px solid silver;
  }

  div#imagecontainer p {
    font-size: 8pt;
    text-align: center;
    padding:1px;
   }

  div#imagecontainer Div {
    font-size: 8pt;
    text-align: center;
    padding:1px;   
 }

 .imagecontainer_hp {
   text-align: center;
   font-size: 7pt;
   text-align: top;
   padding:0px;
   margin:0;
   border:0px solid silver;
  }

 .imagecontainer_hp p {
    font-size: 2pt;
    text-align: center;
    padding:0px;
  }

 .imagecontainer_hp img {
   border:1px solid rgb(230,230,230);
 }

.flex-container {
  display: flex;
  padding-bottom:0px;
  /* border:0px solid lightblue; */
}

.flex-container > div {
  margin: 0px;
  padding: 0px;
  width:100%;
}

.flex-container .col1 {
	width:480px;
}

.flex-container .col2 {
	width:180px;
	padding-left:12px;
	margin-left:20px;
	border-left:1px solid silver;
}

.flex-container .col1_and_col2 {
	width:calc(480px + 180px + 12px + 20px + 1px);
}

.flex-container .col3 {
	width:340px;
	padding-left:12px;
	margin-left:20px;
	text-align: center;
}

.flex-container .col3 > h2 {
	color: rgb(0, 153, 0);
}

.flex-container .topbanner_right > a {
	color: rgb(51, 153, 255);
}


.flex-container .col3 > a {
	color: rgb(51, 153, 255);
}

.flex-container .col3 > img,  a > img {
	width:100%;
}



/* Style the body */
body {
   margin: 0;
}

/* Header/logo Title */
.header {
  padding: 60px;
  text-align: center;
  background: #1abc9c;
  color: white;
}

/* Style the top navigation bar */
.navbar {
  display: flex;
  background-color: #333;
}

/* Style the navigation bar links */
.navbar a {
  color: white;
  padding: 14px 20px;
  text-decoration: none;
  text-align: center;
}

/* Change color on hover */
.navbar a:hover {
  background-color: #ddd;
  color: black;
}

/* Column container */
.row {  
  display: flex;
  flex-wrap: wrap;
}

/* Create two unequal columns that sits next to each other */
/* Sidebar/left column */
.side {
  flex: 220px;
  background-color: #f1f1f1;
  padding: 20px;
}

/* Create two unequal columns that sits next to each other */
/* Sidebar/right column */
.subc {
  flex: 20px;
  background-color: grey;
  padding: 20px;
}

/* Main column */
.main {
  flex: 699px;
  background-color: green;
  padding: 20px;
}

/* Fake image, just for this example */
.fakeimg {
  background-color: #aaa;
  width: 100%;
  padding: 20px;
}

/* Footer */
.footer {
  padding: 20px;
  text-align: center;
  background: #ddd;
}

/* Responsive layout - when the screen is less than 700px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 700px) {
  .row, .navbar {   
    flex-direction: column;
  }
}