/**
2 Theme Name: itn
3 Theme URI: http://www.itn-ol.de
6 Author URI: http://www.itn-ol.de
7 **/


/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/lato-v23-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/lato-v23-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/lato-v23-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/lato-v23-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/lato-v23-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/lato-v23-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}


  div.content{ width: 300px; height:200px; overflow-y :scroll; 
  
    overflow: scroll;
  scrollbar-color: red orange;
  scrollbar-width: thin;}

  div.content img { width: 100%; height: auto; }

.skin.flat .layer-content {padding:0 !important;}



 body  {
margin:0;
left:0;
font-family: 'Lato', sans-serif;
text-align:left;
color:#5e5d5d;
font-size:1.2em;
line-height:1.3em;
height: 100%;
 }



   /* Überschriften*/  

h1 {	
text-align:center;
 font-size:1.5em; 
 line-height:1.3em;
 margin-bottom:40px;
 font-weight:100; 
	color:#5e5d5d;
	text-transform: uppercase;
	}
 

 
 h2 {	
 text-align:center;
 font-size:1.2em; 
 line-height:1.3em; 
 font-weight:100;
 padding-bottom:0px;
 margin-bottom:30px;
 color:#00abbe;
 text-transform: uppercase;
 }
 


 
 h3 {
 font-size:1.1em; 
 text-align:center;
 line-height:1.3em; 
 font-weight:bold; 
 color:#5e5d5d;
 text-transform: uppercase;
}
 


 
 h4 {
 font-size:.8em; 
 text-align:center;
 line-height:1em; 
 font-weight:100; 
 color:#00abbe;
 margin:0;
 padding:0;
 margin-top:30px;
 padding-top:0;
 text-transform: uppercase;
 }

 
 
 
    /* Formular*/ 
	     
.formname {
    background-color: #ffffff;
    border: 0 solid #b31217;
    font-size: 1em;
    height: 30px;
    width: 99%;
	color:#010b10;
	padding:5px;
	padding-left:10px;
	margin-bottom:5px;
	border-radius: 0px;
}

.formfeld {
    background-color: #ffffff;
    border: 0 solid #b31217;
    font-size: 1em;
    height: 200px;
    width: 99%;
	color:#010b10;
	padding:5px;
	padding-left:10px;
	border-radius: 0px;
}

.formspam {
    background-color: #ffffff;
    border: 0 solid #b31217;
    font-size: 0em;
    height: 30px;
    width: 80px;
	color:#010b10;
	padding:5px;
	padding-left:10px;
	border-radius: 0px;
}





 
      /* Container Gesamt*/    
 
#container_gesamt {	
float:left;
height:auto;
text-align:center;
width:100%;
padding-top:0px;
margin:0px;
z-index:1;}
 
 
 
 	/* header*/  
 
 header {
	position:fixed;
	width: 100%;
	height:120px;
	margin-left: auto; 
	margin-right:auto; 
	margin-top:auto;  
	text-align: center;
	background-color:#ffffff;
	z-index:500;
}
 
 
#headerbereich
 {
	position:relative;
    overflow:hidden;
    padding:0px;
    margin:0px;
    z-index:501;
 }
 
 #headerbereich.left { float:left; left:2%; top:5px; width:215px; height:110px;}
 
#headerbereich img { width:100% !important; height:auto !important; border:0;}
#headerbereich p { padding:0; margin:0;}	  
 
nav#header {
	position:relative;
	float:right;
   height:auto;
   right:2%;
   text-align:right;
   top:60px;
   width:auto;
   max-width:1500px;
   padding:0px;
   z-index:504;
}

     /* Container*/   
	 
	 
section {
	float:left;
	height:auto;
	text-align:center;
	width:100%;
	padding-top:0px;
    z-index:5;
	} 
	
	section.blank { }
	section.weiss { background-color:#ffffff; }
	section.grau {  background-color:#f4f3f3; }
	section.blau { background-color:#00abbe; }
	
section  a {color:#5e5d5d; text-decoration: underline;}
section  a:hover {color:#0084bc;}



 
#container_zentrieren {
	width: auto;
	max-width:1500px;
 	margin: 0px auto;  
	text-align: center;
	z-index:20;
}


	#container_zentrieren.header {max-width:2000px;}
	#container_zentrieren.footer {}
	#container_zentrieren.slider {max-width:2000px;}
	#container_zentrieren.slider_unten {max-width:3000px;}
	#container_zentrieren.blank {}
	#container_zentrieren.schwarz { background-color:#000}
	#container_zentrieren.seitenname { background-color:#00abbe; color:#ffffff;  font-size:1.5em; text-align:center; padding-top:15px; padding-bottom:15px; }
	#container_zentrieren.dreieck { text-align:center; }

#container_zentrieren.slider_unten img {width:100% !important; height:auto !important} 
#container_zentrieren.slider_unten p { padding:0; margin:0;} 


#content_text {
	height:auto;
	text-align:left;
	margin-left:10%;
	width:80%;
	max-width:1300px;
	min-height:0px;
	margin-bottom:10px;
	margin-top:10px;
	padding-top:2%;
	padding-bottom:2%;
	z-index:50;
	font-size:1em;
	line-height:1.4em;
 }


#content_slider {
	float:left;
	height:auto;
	text-align:left;
	margin-left: 0;
	width: 100%;
	max-width:2000px;
	margin-top:120px;
	margin-bottom:0px;
	z-index:51;
 }	
 
 
 


  /*footer*/ 
  
 footer {
	float:left;
	height:auto;
	text-align:center;
	width:100%;
	padding-top:0px;
	   background-color:#596870;
	height:auto;
    z-index:5;
}


footer  a {color:#ffffff; text-decoration: none;}
footer  a:hover {color:#eb6e08;}

        #footer_block {
   height:auto;
   text-align:left;
   margin-left:0;
   min-height:0px;
   margin-bottom:0px;
   margin-top:0px;
   padding-top:0px;
   color:#FFF;
   font-size:.9em;
   z-index:91;
 }
 
 
#footer_block.first {float:left; width:320px;}
#footer_block.last {float:right; width:450px; text-align:right;}


  #footer_block a { text-decoration: none; color:#ffffff; }


#footer_block a:hover {	 color:#00abbd; }

  /*Beiträge*/ 

 #termine_beitraege { float:left; border-bottom: solid 3px #706f5f; margin-bottom:10px; width:100%;}
 .termine_beitraege_bild {  width:35%;  float:left; text-align:left; padding-top:25px; padding-bottom:15px;}
.termine_beitraege_bild img {width:80% !important; height:auto !important; border: solid 3px #000000;  }
.termine_beitraege_inhalt {   width:65%; float:left;}

  /*Site - NAV*/ 

nav#header ul  {
margin:0px;
padding:0px;
margin-top:0px;
margin-left:0;
}


nav#header ul li{
list-style-type: none;
width: auto;
text-align: right;
font-size:.9em;
line-height:1em;
margin-left:10px;
display: inline-block;
}


nav#header li a {
color: #b0b0b0;
text-decoration: none;
font-weight: bold;
height:auto;
display: table-cell;
border: solid 0px #ffffff;
vertical-align: middle;
padding:15px;}


nav#header li a:hover { background-color:#e9e8e8; border-radius: 10px; }

	
ul#menu-header li.current-menu-item a, ul#menu-header li.current-post-ancestor a, ul#menu-header li.current-page-ancestor  a {color:#5b626b; }

   /*End Site - NAV*/ 
   
   
   /*Site - NAV footer */  
  
nav#footer ul  {
margin:0px;
padding:0px;
margin-top:25px;
margin-left:0;
}


nav#footer ul li{
list-style-type: none;
border-left: solid 1px #ffffff;
width: auto;
padding-top: 0px;
padding-bottom:0px;
padding-left:20px;
margin-left:15px;
text-align: center;
font-size:1em;
line-height:1em;
display: inline-block;
}


nav#footer li:first-child {  border-left: solid 0px #ffcc00;}


nav#footer li a {
color: #ffffff;
text-decoration: none;
font-weight: 100;
height:auto;
display: table-cell;
vertical-align: middle;
padding-left:0px;
padding-right:0px;}


nav#footer li a:hover {color:#00abbd; }


ul#menu-footer li.current-menu-item a, ul#menu-footer li.current-post-ancestor a, ul#menu-footer li.current-page-ancestor  a {color:#00abbd;}

   /*End Site - NAV footer*/  




@media only screen and (max-width: 1000px) {
#content_text {	margin-left:5%;	width:90%;}
header {display:none;}
nav#header {display:none;}  
nav#footer {display:none;}  
#footer_block.first {width:100%;}
#content_slider {margin-top:0px;}	
}
 


@media only screen and (max-width: 900px) {
	
}

@media only screen and (max-width: 800px) {






@media only screen and (max-width: 700px) {

.termine_beitraege_bild {width:100%;  float:left; text-align:center !important; padding-top:25px; padding-bottom:15px;}
.termine_beitraege_bild img {width:100% !important; height:auto !important; }
.termine_beitraege_inhalt {   width:100%; float:left;}

}

@media only screen and (max-width: 500px) {
.post-grid .grid-items { margin:0 !important; padding:0 !important;}
#post-grid-361 { padding:0 !important; margin:0 !important;}
}