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
 {
	size: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#2ndNavigation {
    font-size: 9pt;	
    margin-left: 0;
    padding: 15;
   border: 0px dashed blue;
 
	}
 
 ul#2ndNavigation li {

    list-style-type: circle;
    border: 0px dashed silver;

  }
  ul#2ndNavigation a {

    font-weight: bold;
  }
  ul#2ndNavigation a:link {
    color: #666; background-color: white;
  }
  ul#2ndNavigation a:visited {
    color: #666; background-color: white;
  }
  ul#2ndNavigation a:hover {
    color: #DF0000; background-color: white;
  }
  ul#2ndNavigation 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{
    align: center;
    vertical-align: top;
   padding:1px;
    margin:0;
    border:0px solid silver;

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

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

 .imagecontainer_hp {
   text-align: center;
   font-size: 7pt;
   vertical-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);
}

* {
  box-sizing: border-box;
}

/* 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;
  }
}