@charset "utf-8";

/*********************************************************************************************************************************************/
/*** BODY ************************************************************************************************************************************/
/*********************************************************************************************************************************************/

* {
  margin:0px;
  padding:0px;
  font-family: 'Monda', sans-serif;
  font-size:11pt;
  line-height:23pt;
  color: darkslategrey;
}

.container { 
  height:100vh; 
  display: grid; 
  grid-template-rows: 100px 1fr 50px; 
  grid-template-columns: 100%; 
} 
header { 
  background:white; 
  grid-column:1/2;
  grid-row:1/2;
  border-bottom: 1px solid gray;
} 
article { 
  background:white; 
  grid-column:1/2;
  grid-row:2/3;
} 
footer { 
  background:white; 
  grid-column:1/2;
  grid-row:3/4;
}

#navigation, #content, #footer {
  width:1300px;
  margin:0px auto;
  margin-top: 15px;
}

#footer {
  border-top:1px solid #ec6719;
}

.header-logo {
  float: left;
  height: 77px;
  width: 220px;
}

.header-menu {
  float: right;
  margin-top: 15px;
}

#content .image {
  height: 450px;
  width: 1300px;
  margin-bottom: 30px;
  max-width: 1300px;
  max-height: 450px;
}

h1 {
  font-size: 20px;
  color: #9d9d9c;
  text-indent: 2px;
  text-transform: uppercase;
  border-bottom: 1px solid #ec6719;
  margin:0px 0px 15px 0px;
  padding-bottom: 10px;
}


#left, .left {
  float: left;
  width: 750px;
}

#right, .right {
  float: right;
  width: 500px;
}

#right img, .right img {
  max-width: 500px;	
}

#clear, .clear {
  clear: both;
}

.text-block {
  text-align: justify;
}

.text-bold {
  font-weight: bold;
}

.text-small {
  font-size: 9pt;
}
p {
  margin-bottom: 15px;
  text-align: justify;
}

/*********************************************************************************************************************************************/
/*** LINKS ***********************************************************************************************************************************/
/*********************************************************************************************************************************************/

a:link, a:visited, a:active, a:hover {
  text-decoration: none;
  color: #ec6719; 
}
a:hover {
  text-decoration: underline;
}

.header-menu a:link, .header-menu a:visited, .header-menu a:active, .header-menu a:hover {
  text-decoration: none;
  color: #ec6719; 
  font-size: 18px;
  display: block;
  width: 150px;
  float: left;
  padding:5px;
  text-align: center;
    
}
.header-menu a:hover {
  border-bottom:2px solid #9d9d9c;
}

/*********************************************************************************************************************************************/
/*** LISTEN **********************************************************************************************************************************/
/*********************************************************************************************************************************************/

li {
  list-style-image: url(grafiken/main/li.png);
  margin-left: 15px;
  
}