/* ############################
   Allgemeine Einstellungen
  #############################
*/


* {
   margin:0px;
   padding:0px;
   list-style-image:none;
   list-style-position:outside;
   list-style-type:none;
   text-decoration:none;
   box-sizing: border-box;
   }

html, body {
  font-family:arial, "lucida console", sans-serif;
  line-height:25px;
  background-color: #e4f7fc;
  color:#000000;
  font-size: 90%;
}

h1 {font-size: 35px;}
h2 {font-size: 22px;}
h4 {font-size: 20px;}
h6 {font-size: 15px;}

nav a {
	color: #00005E;
	text-decoration: none;
	line-height:20px;
	padding: 5px 5px;
	background-color:#dfdfdf;
}

nav a:hover {
	color: #00005E;
	background-color:#8C998C;
	border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}



.currentLink {
    color:#0909FF;
}


li:{list-style-type:circle;}




/* ############################
    Containerstruktur
  #############################
*/

#wrapper{
    width: 1050px;
    margin: 0px auto;  
    
   
}

#main-header{
    
    width: 1050px;
    height: 170px;
    background-color: #dfdfdf;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}


/*  SECTIONS  */
.section {
	
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
  
	
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */}


/*  GRID OF THREE  */

.span_1_of_3 { 
               width: 150px;
               height:170px;
                 
}

.span_2_of_3 { width: 630px;
    		   text-align: center;
               padding-top: 10px;
               color: #5A5A5A;
          
}

.span_3_of_3 { 
               width: 250px;
               height: 80px;    
               margin-top: 30px;
}


.flex-container {
  display: flex;
  flex-wrap: wrap;
 
}

.flex-item1 {
  width: 160px;
  background: #dfdfdf;
  padding-top: 10px;
  padding-left: 7px;
  line-height: 35px;
   
}

.flex-item2{
   width: 890px;
 
   padding: 30px;
   background-color: #ffffff;
}


.flex-container {
  display: flex;
  flex-wrap: wrap;
 
}

.flex-item1a {
  width: 160px;
  background: #dfdfdf;
  padding-top: 10px;
  padding-left: 7px;
  line-height: 35px;
   
}

.flex-item2a{
   width: 550px;
   padding: 20px;
   background-color: #ffffff;
}

.flex-item3a{
   width: 340px;
   padding: 20px;
   background-color: #ffffff;
}


/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
}


.ClemensTriphaus{padding-left: 10px;}

.list-title{width: 250px;}
.list-date small {width: 50px;}


#footer{
    width: 1050px;
    height: 30px;
    font-size: 12px;
    
    background: #dfdfdf;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    		 
}
    

.horizontal_menu li{
display:inline;
list-style-type:none;
padding: 20px;

}


.span_1_of_2 {width: 840px;
              text-align: left;  
              padding-left: 350px;
}


.span_2_of_2{text-align: right;
             width: 200px;
}