/*reset*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;

	font-family: inherit;
	vertical-align: baseline;
}
html {
  font-size:10px;
  width: 100%;
  height:100%;
  box-sizing: border-box;

}


body{
  font-size:10px; 
  border:0;
  margin:0;
  padding:0;
  min-width: 100%;
  min-height:100%;
  position: relative;
  
  box-sizing: border-box;
}m

div#site{ height: 100%;
  position: relative;
  margin:0;

}
div#rahmen {
  min-width: 100%;
   clear:left;
   min-height:90em;

  margin:0;
  position:relative; /* puts container in front of distance */
  text-align:left;

   }

  div#head_top {
    position:relative;
   clear: both;
   width: auto;
    margin-top:0;
    margin-left:21em;
    margin-bottom: 0;
    height:8em;
    padding-bottom: 0;
	}
  div#head_top  h1{
font-size:7em;position: relative;
z-index: 99;
text-shadow: 2px 2px 12px #aaa;
  z-index:209;
  color:#4A7B8A;
  font-weight:normal;
  margin-bottom: 0.3em; 
text-align: left;}
  
  div.navbar {
    position: absolute;
    top: 0;
  left:.0;
    clear: both;

    margin:0 auto 1em;
    height:55em;
    width:22em;
    }
	div#nav_bg {

		margin:0;
height: 55em;
width:22em;
	
		}
		div#nav_bg div.moduletable{
			position:relative;
			z-index:300;
			}
	
	div#main {
    position:relative;
    margin-top:8em;

    height:55em;
   
		margin:0;
 background-color: #8C0000;

  }
    div#nav.navbar {
    position: absolute;
    top: 0;
  left:.0;
    clear: both;
    z-index:56;

    margin:0 auto 1em;
    height:46em;
    }
  div#content  {
   
	width:100em;
  height: auto;

  margin-left:22em;
	}

    div#news {
    position: absolute;
    top: 16em;
	left:22em;
  right:0;
    width:22em;
    height:44em;
    padding:2em;
    
    }
      div#news_text{
        margin-right:1em;
        }

    div#pics {
     

      width:120em;
  
     height: 55em;
   position: absolute;
   top:8em;
   overflow:hidden;
   padding-bottom: 8em;

   margin:0
      }
	  div#pics div.moduletable {
    margin:0;
    height: 55em;
overflow: hidden;

		}
	  div#pics div.moduletable div.random-image{
    margin:0;

		overflow:hidden;
		padding:0;
		}
		
  
  div.item-page{
    position:relative;
    left: 22em;
  height: auto;
  z-index:0;
  text-align: initial;
  margin-top: 10em;
  }
   
   div.blog {
  

    position:relative;
    left: 22em;
  height: auto;
  z-index:0;
 
  margin-top: 10em;
   }
    div.leading-0{
      margin-left: 0;
      margin-right: auto;
      width: 120em;
      height:auto;
      z-index: 3;
      text-align: initial;
      margin-top: 0;

    }
 div.leading-0  p{font-size: 3em;}
      
    
    @media only screen and (max-width: 600px) {
      div#vmobile Links {background:#cc0000}
    div#vmobile Links i{display: block;}    
    }
@media only screen and (max-width:1024px) {



	div#rahmen {
	  clear:left;
	  margin:0;
	  position:relative; /* puts container in front of distance */
    text-align:left;
    min-height:90em;
   }
	  

	  div#head_top {
		clear: both;
		width:165em;
		margin:0 25em;
    height:8em;
    padding-bottom:0;
		}
	  div#head_top  h1{
		position:relative;
	
		z-index: 209;
	
		
  }
	  div#nav {
		clear: both;

		}

		
		
		div#main {

			height:59em;
			margin:0;
     
      
		}
	  div #content {
 position: unset;
	margin:0;
		width:80em;
		height:auto;
		}
div #pics{
  position:absolute;
top:14em;
left:22em;
	
overflow:hidden;
}
	
	

		  
		  div#pics div.moduletable {
        margin:0;}
	
		  div#pics div.moduletable div.random-image{
			margin:0;
			
		
			padding:0;
			}
			div#pics div.moduletable div.random-image 
		
			


	
/* ''''''''''' - Site */
div#s_rahmen {

  margin:0;

    overflow: hidden;
    padding: 0;
    position: relative;
  }
  div#head_top {
    width: 220em;
    height:8em;
    margin:0 25em;
    }
  div#s_head_outer {
    width:100%;
    height:20em;
    margin:0;
    }
  div#s_head_innner {
    margin:0 auto;
    width:100em;
    height:20em;
    position:relative;
    }
  div#s_news {
    position: absolute;
    bottom: 1.5em;
    margin-left:2.5em;
    width:48em;
    padding:1em;
    }
      div#s_news_text{
        margin-right:1em;
        }
    div#s_pics {
    float:right;
    margin: 0 1em;
    width: 98em;
    height:20em;
    overflow:hidden;
    }
  div#s_content {
    width: 98em;
  
    margin-left:72em;
    }
  div#bottom {
    position: static;
    bottom: 0;
    width:220em;
    
 
    z-index:99;
    }
    div#bottom_inner {
      margin:0 auto;
      height: 3em;
   
      bottom:12em;
      }

@media only screen and (max-width:1024px ) {
/* ''''''''''' - Site */
div#s_rahmen {

  margin:0;
  
    overflow: hidden;
    padding: 0;
    position: relative;
  }
  div#head_top {
    width:120em;
    height:8em;
    margin:0 25em;;
    }
  div#s_head_outer {
    width:100%;
    height:19.1em;
    margin:0;
    }
  div#s_head_innner {
    margin:0 auto;
    width:80em;
    height:19.1em;
    background:#fff;
    position:relative;
    }
  div#s_news {
    position: absolute;
    bottom: 1.5em;
    margin-left:2.5em;
    width:40em;
    padding:1em;
    }
     


  
    }
  div#bottom {
    position: static;
    bottom: 0;
    height: 3em;
  
    }
    div#bottom_inner {
      margin:0 auto;
      height: 3em;
    
      }


	  


    

  div#head_top {
    width:165em;
    height:8em;
    margin:0 25em;
    }
  div#s_head_outer {
    width:100%;
    height:19.1em;
    margin:0;
    }
  div#head_innner {
    margin:0 auto;
    width:80em;
    height:19.1em;
    background:#fff;
    position:relative;
    }
  div#s_news {
    position: absolute;
    bottom: 1.5em;
    margin-left:2.5em;
    width:40em;
    padding:1em;
    }
      divnews_text{
        margin-right:1em;
        }
  
    
    
  div#content {
    width: 78em;
 
    }
  div#bottom {
    position: static;
    bottom:12em;
    height: 3em;
    width: 120em;
    z-index:-3;
    }
    div#bottom_inner {
      margin:0 auto;
      height: 3em;

      }


	  
/*anpassungen raNDOM IMAGE*/
div.item-page div.random-image {
 margin: 0 1em 0.4em 0;
 padding: 1em 0 0 0;
 width:45%;
 float: left;}
}



@media screen and (max-width: 437px)  {
div.leading-0{margin-top:27em;}                            
}