@import url('/webseitendaten/stylesheet/roboto_condensed.css');

	html{
	
	}
	
	
	/*
	
	Test Neues Layout
	*/ 
 
 #banner_txt h1{
	 display: none !important;
 }

	
figure{
  position: relative;
  padding:2px 0 20px 0;
  margin:0;
  max-width:100%;
}

figcaption {
  font-size:0.8em;
  color: grey;
  width: 100%;
  overflow: hidden;
  text-align: left;
  text-align: justify;
}
figure img, figure picture{
	float:none !important;
	width: auto !important;
	max-width: 100%  !important;
	height: auto !important;
	padding: 0  !important;
	margin:  0  !important;
}
	
body{
 /*font-family: ;*/
 font-family: 'Roboto Condensed', Verdana, Helvetica, Arial ;
 color: #000000;
 font-size: 14px;
 /*font-size: 100.1%;*/
 -webkit-hyphens: auto;
 -moz-hyphens: auto;
 -ms-hyphens: auto;
 hyphens: auto;
}


td{
	 -webkit-hyphens: none;
	 -moz-hyphens: none;
	 -ms-hyphens: none;
	 hyphens: none;
	
}

iframe{
	 
}

#content table{
display: table;
clear: both;
min-width: 70%;
}


h1, h2, h3, h4{
  font-weight: 700 !important;
  margin: 10px 0 5px 0;
}

h1, h2, h3{
  clear: both;
}

a:link                 { color:#000080; text-decoration:none }
a:visited              { color:#000080; text-decoration:none }
a:hover                { color:#C0c0c0; text-decoration:none }
a:active               { color:#000080; text-decoration:none }


a.navi:link          { color:#FFFFFF; text-decoration:none }
a.navi:visited       { color:#FFFFFF; text-decoration:none }
a.navi:hover         { color:#c0c0c0; text-decoration:none }
a.navi:active        { color:#FFFFFF; text-decoration:none }


a.navi_aktiv:link          { color:#FFFFFF; text-decoration:none; font-weight:600 }
a.navi_aktiv:visited       { color:#FFFFFF; text-decoration:none; font-weight:600 }
a.navi_aktiv:hover         { color:#c0c0c0; text-decoration:none; font-weight:600 }
a.navi_aktiv:active        { color:#FFFFFF; text-decoration:none; font-weight:600 }


#navigation a:link          { color:#FFFFFF; text-decoration:none }
#navigation a:visited       { color:#FFFFFF; text-decoration:none }
#navigation a:hover         { color:#c0c0c0; text-decoration:none }
#navigation a:active        { color:#FFFFFF; text-decoration:none }

#naviblende{
z-index:1009;
display: none;
position: fixed;
height:100%;
width: 100%;
background-color: rgba(255,255,255,0.05);
top:0px;
left:0px;
}

#navigation ul li span{
  display: inline-block;
  margin: 0 0 0 1em;
  padding: 7px 0px 7px 5px;
  float: right;
  width: 20px;
  text-align: center;
  font-weight: bold;
}

#navigation ul li{
  clear: both;
  padding:0;
  margin: 0;
}

#navigation a{
			display:block;
			width: auto;
		    border-style: dotted;
		    border-width: 0 0 1px 0;
		    border-color: rgb(0,0,0);
			padding: 7px 0px 7px 0px;
		}

#unternavigation{
  text-align: left;
}			
#unternavigation span{
  display:none;
}		

#unternavigation ul{
 list-style-type: square;	
 margin: 0 20px 0px 20px;
 padding: 0;
}
#unternavigation ul li{
  padding:0;
  margin: 0 0 5px 0;
}

#unternavigation a{
			
}	

#CoppyFF-Signet{
   display: inline-block;
   width: auto;
   padding: 10px;
   font-size:0.8em;
}		
#CoppyFF-Signet a{
  display: inline !important;
  border: none;
  padding:0;
  margin:0;
}
#MenueButton{
  top:20px;
  background-image:url(/webseitendaten/images/layout/menue.svg);
  background-repeat: no-repeat;
}
#MailButton{
  top:60px;
  background-image:url(/webseitendaten/images/layout/Mail.svg);
  background-repeat: no-repeat;
}
#SuchButton{
  top:100px;
  background-image:url(/webseitendaten/images/layout/Suchicon.svg);
  background-repeat: no-repeat;
}


div.table{
 display: table;
 table-layout:fixed;
}
div.table{
 display: table;
 table-layout:fixed;
}


div.tr{
 display: table-row;
}



div.td{
 display: table-cell;
}


#rechter_bereich h3{
  display: block;
  background-color: #464646;
  color: #ffffff;
  text-align: center;
  padding:0.3em;
}
#rechter_bereich h4{  
  text-align: left;
  margin: 0 0 0.2em 0;
}

div.rechter_bereich_box{
  border: none 1px #000000;
  padding:0 0 0.5em 0;
  margin: 0 0 0.8em 0;
}

div.rechter_bereich_box p{
  padding: 0px 0px 0px 0px;
  margin:  0px 0px 0px 0px;
}

div.rechter_bereich_box img{
 display: block;
 max-width : 100%; width: auto; height: auto;
 margin: 0 auto 0.5em auto;
}

div.rechter_bereich_box ul{
 display: block;
 padding:0 0 0.3em 0em ;
 margin: 0em 0em 0em 0em;
}

.rechter_bereich_box_link{
  display: block;
  text-align:left;
  padding: 0em 0em 0.2em 2.5em !important;
  margin:  1em 0em 0em 0em !important;
  background-image:url(/webseitendaten/images/layout/Symbol_Holstrahlrohr.svg);
  background-size: 2em auto  ;
  background-repeat: no-repeat;
  background-position: bottom left;
  
}
#recherBereichFoerdererThumb{
	width: 100%;
	text-align: justify;
	padding:0; 
	margin:0;	
	display:bolck;
}
#recherBereichFoerdererThumb img{
	display: inline;
	height:20px; 
	width: auto;
	padding: 2px; 
}

table table
{
 table-layout: fixed;
 overflow: visible;
 width: 100%;
}
table{
 display:inline-block;
 overflow: auto;
 max-width: 100%; 
 width: auto;
}


form{
  width:                      100%;
}

select, .eingabe,input[type=text], input, textarea{
  border: #afafaf solid 1px;
  font-size:1.0em;
  margin: 0.2em 0 1em 0;
}

select, .eingabe, input[type=text], textarea{
 width: 100%;
 max-width: 20cm;
 display: block;
}

form lable{
  font-weight: 500;
}

form lable small{
  font-weight: 100;
}
form lable[for=sicherheistcode]{
 display:inline-block;
 clear: both;
 padding-top:5px;
}
#untereNavi{
text-align: center;
}
#untereNavi a{
		color:#ffffff;
}
#untereNavi a:hover{
		color:#c0c0c0;
}
#untereNavi ul{
 list-style: none;
 margin:0; padding: 0;
}
#untereNavi li{
 display: inline-block;
 background-color:#323232;
 padding:5px;
 margin-top:0.5em;
}


#content ul {
  overflow:auto;
  
}

#content li {  

}

.einsatzberichte_uebersicht_datensatz {	
	background-size: cover;	
	display: table-row;
	/*-webkit-filter: brightness(0.4);
    filter: brightness(0.4) ;*/
	height:100%; 
	
}
.einsatzberichte_uebersicht_datensatz div{
	display: table-cell;
	background-color: rgb(3, 1, 41,0.7);
	min-height:100% !important; 
}

.einsatzberichte_uebersicht_datensatz h2{
	padding-bottom: 5px;
	
}
.einsatzberichte_uebersicht_datensatz a{
    margin-top: 50px;
   display:block;	
   text-align: right;
}

.einsatzberichte_uebersicht_datensatz table{
	height:100%;	
	width: 100%;
	text-align: left;
	padding: 3px;
	margin: 0;
}



@media screen and (max-width: 565px) {
	  div.vorschaubox, div.foerderer_vorschaubox{
		width:  100%;
		/*height: 600px;*/
	  }
	  #banner_bild1, #banner_bild2 {
		height: 170px;
	  }
	   #layout{   
	   margin: 200px 0px 0px 0px;
	 }
	 #banner_txt h1 a{
	   display: none !important;
	 }
	 
	  #wappen_print{
   height: 40px !important;
   width:auto;   
   cursor: pointer;
   position:absolute;
   top:120px;
   right:10px;
 }
 
	 #content img, #content picture, #content video{
		max-width:100%;
		max-height: 500px;
		height: auto;
		width: auto;
		margin: 0 0px 20px 0;
	 }
	 
	 
	 #sozialnet_nav{
	  display: block;
	  position: absolute;
	  top:180px;
	  left: 5px;
	  z-index: 1001;
	}
	#sozialnet_nav img{
	  display: inline !important; 
	  width: auto !important;
	  height: 2em !important;
	  padding: 0 .2em 0em 0;
	}
}

@media screen and (min-width: 566px){
	
	#sozialnet_nav{
	  display: block;
	  width:100%;
	  padding: 0 0 1em 0;
	  text-align: right !important;
	}
	#sozialnet_nav img{
	  display: inline !important; 
	  width: auto !important;
	  height: 2em !important;
	  padding: 0 .2em 0em 0;
	}
	
    #wappen_print{
	   height: 60px;
	   width:auto;   
	   cursor: pointer;
	   position:absolute;
	   top:195px;
	   right:10px;
    }
	
}
@media screen and (max-width: 850px) and (min-width: 566px){
  div.vorschaubox, div.foerderer_vorschaubox{
    width:  100%;
	/*height: 600px;*/
  }
  #banner_bild1, #banner_bild2 {
    height: 270px;
  }
  
 #wappen_print{
   height: 60px;
   width:auto;   
   cursor: pointer;
   position:absolute;
   top:195px;
   right:10px;
 }
   #layout{   
   margin: 300px 0px 0px 0px;
 }
 #banner_txt h1 a{
   display: none !important;
 }
 #content img,#content picture,  #content video{
	max-width:100%;
	max-height: 500px;
	height: auto;
	width: auto;
	margin: 0 0 10px 0;
 }
}

@media screen and (min-width: 851px) and (max-width: 1250px) {
  div.vorschaubox, div.foerderer_vorschaubox{
    width:  44%;
	
  }
  #banner_bild1, #banner_bild2 {
    height: 350px;
  }
   #layout{   
   margin: 370px 0px 0px 0px;
 }
 
 #wappen_print{
   height: 60px;
   width:auto;   
   cursor: pointer;
   position:absolute;
   top:270px;
   right:10px;
 }
 
 #content img,#content picture, #content figure,  #content video{
	max-width:40%;
	height: auto;
	width: auto;
	float: left;
	margin: 0 10px 50px 0;
 }
}

@media screen and (min-width: 1251px) {
  div.vorschaubox, div.foerderer_vorschaubox{
    width:  29%;
  }
  #banner_bild1, #banner_bild2 {
    height: 380px;
  }
  #layout{   
   margin: 400px 0px 0px 0px;
 }
 #content img,#content picture, #content figure,  #content video{
	max-width:40%;
	height: auto;
	width: auto;
	float: left;
	margin: 0 10px 50px 0;
 }
 #wappen_print{
   height: 60px;
   width:auto;   
   cursor: pointer;
   position:absolute;
   top:295px;
   right:10px;
 }
}

/*Navigation vorwiegend ;-)*/
@media screen and (max-width: 900px) {
		#navigation  h2{
		   color:#ffffff;
		}
		
		 .seitenueberschrift{
		  margin :                    15px  0px 30px 0px !important;
		  padding :                   0px  0px 0px 0px; 
		  font-size: 1.3em;
		}
		
				
		#navigation{
		   position: absolute;
		   display: none;
		   width: 95%;
		   background-color: rgba(190,0,0,0.95);
		   left:0px;
		   top: 0px;
		   color:#ffffff;
		   z-index:1010;
		   margin: 0px;
		   padding: 75px 0 100px 0;
		   font-size: 1.3em;
		}
		 
		#navigation div.naviblock1, #navigation div.naviblock2, #navigation div.naviblock3 {
		   padding: 0;
		   margin: 0;
		   display:inline-block;
		   width: 100%;
		   /*max-width: 500px;*/
		   clear: both;
		}
 
        #navigation  ul{		  
		  text-align: left;
		  list-style-type: square;	
		  margin: 0 20px 0px 25px;	
          padding:0;
		}
		#navigation  ul ul{		   
		  margin: 5px 0 0px 10px;	
		}
		
		#navigation  li{
		  padding: 6px 0 6px 0;
		  text-align: left;
		}
		 
		 #navigation h2{		 
		   text-align: left; 
		   margin-left: 5px;
		 }
 
 #navigation div.naviblock1, #navigation div.naviblock2, #navigation div.naviblock3 {

 }
}
@media screen and (min-width: 901px) {

		 
		 #navigation{
		   width: auto !important;
		   position: absolute;
		   display: none;
		   z-index:1010;
		   background: rgba(190,0,0,0.95);
		   left:0px;
		   top: 0px;
		   color:#ffffff;
		   opacity: 0;
		   text-align: left;
		 }
		 
		 #navigation_table {
		   display: table;
		   width: 100%;
		   color:#ffffff;
		   table-layout: fixed;
		 }
		 
		 #navigation_tr{
		   display: table-row;
		 }
		 
		 #navigation div.naviblock1, #navigation div.naviblock2, #navigation div.naviblock3 {
		   display: table-cell;
		   text-align: left;
		   vertical-align: top;
		   width: 33%;
		   padding: 65px 15px 50px 15px;
		 }
		 
		 #navigation div.naviblock1 div, #navigation div.naviblock2 div, #navigation div.naviblock3 div {
		   display: inline-block;
		   width: 100%;
		 }
		 
		#navigation div.naviblock1 div{
		   text-align: left;
		}

		#navigation div.naviblock3 div{
		   text-align: left;
		} 
		
		#navigation div.naviblock3 {
		}
		
		#navigation  ul{		  
		  text-align: left;
		  list-style-type: square;	
		  margin: 0 5px 0px 15px;	
          padding:0;
		}
		#navigation  ul ul{		  
		  margin: 0 0px 0px 15px;	 
		}
		
		#navigation  li{
		  padding: 6px 0 6px 0;
		  text-align: left;
		}

		 
		 #navigation h2{ 
		   text-align: left;
		 }

}

@media screen and (min-width: 566px){

body{
  margin:  0px auto;
  padding: 0px ;
  max-width: 1400px;
  background-color: #ffffff;
}

#GoogleCalendar{
	display:block; 
	width:100%; 
	overflow: auto;	
}

#body2{    
	margin: 0px auto;
	padding:10px;
	
	position:relative;
	
	/*position: relative;
	margin: 0px;
	width:100%;
	padding:5px;
	font-size: 1em;*/
	
}

#MenueButton,#MailButton,#SuchButton{
  background-color: rgba(190,0,0,0.7);
  padding: 3px;
  background-size:auto 22px;
  background-repeat: no-repeat;
  background-position:  center left 10px;
  width:150px;
  position: absolute;
  left:0px;
  z-index:1011;
  height: 25px;
  display:table;
  text-align: right;   
  vertical-align: middle;
}

#MenueButton a, #MailButton a, #SuchButton a{
  display:table-cell;
  vertical-align: middle;
  text-align: right;
  height: 20px;
  padding: 0 10px 0 40px;
  font-size:0.9em;
}

#MenueButton p,#MailButton p, #SuchButton p{
  color: rgba(255,255,255,0.8);
}



#fussnote{
  font-size: 0.8em;
  color:#000000;
  text-align: center;
  margin: 5em;
}


#navigation  h2{
  color:#ffffff;
}



#banner_bild1, #banner_bild2 {
  width: 100%;
  position: absolute;
  left: 0;
  top:0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-color: #ffffff;
  z-index: 1;
  opacity: 1;
  max-width: 1400px;
}
 #banner_bild2 {
 z-index: 2;
 }
 
#banner_txt{
   display: table;
   position: absolute;
   top: 0px;
   left:0;
   z-index: 4;
   color: #ffffff;
   background-image: linear-gradient( rgba(0,0,0,0.5) 50%, rgba(0,0,0,0) 80%);
   width:100%;
   max-width: 1400px;   
 }
 
#banner_txt h1{
   display: table-cell;
   color: #ffffff;   
   vertical-align: top;
   text-align: right;
   padding: 20px 0px 10px 180px;
   font-size:2em;
}
#banner_txt h1 a{   
  color: #ffffff;
 }
 
 #banner_txt span{ /* für das Bild*/
   height: 100px;
   width:100px;   
   display: table-cell;
   vertical-align: top;
   text-align: right;
   padding: 10px;
 }
 
 

 #layout{   
   display: table;
   width:100%;
   table-layout:fixed;
   vertical-align: top;
 }
 
 #content{
   display: table-cell; 
   padding: 0px 50px 0px 0px;  
   vertical-align: top; 
 } 

 #rechter_bereich{
   display: table-cell;   
   width:   250px;
   padding: 0 0px 30px 0;
   vertical-align: top;
 } 
 
#siesindhier{
   text-align: left;
   margin-bottom: 20px;
 }
 
 .seitenueberschrift{
  margin :                    0px  0px 30px 0px;
  padding :                   0px  0px 0px 0px; 
  font-size: 1.3em;
 }
 
 
 h2{
  font-size:                  1.2em;
}

h3{
  font-size:                  1.1em;
  margin :                    0px  0px 10px 0px;
  padding :                   0px  0px 0px 0px;
}

h4{
  font-size:                  1em;
  margin :                    0px  0px 0px 0px;
  padding :                   0px  0px 0px 0px;
}


/*Content*/

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/





hr{
 border-style: solid;
 border-color: #afafaf;
 border-width: 0px 0px 1px 0px;
 font-size:1px;
 padding:0;
 margin:0px;
}

/*Linkliste*/

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

td.linkliste_link{
  padding:                    0px 0px 10px 0px;
}



.linkliste_titel {
  font-weight:                500;
  color:                      #000080;
  border-width:               0px 0px 1px 0px ;
  border-style:               solid;
  border-color:               #afafaf;
  margin:                     0px 0px 0px 0px;
  padding :                   2px 1px 2px 5px;
  background-color :          #EBEBEB;
}

div.linkliste_beschreibung     {
  border-width:               0px 0px 0px 0px ;
  border-style:               solid;
  border-color:               #afafaf;
  margin:                     0px 0px 0px 0px;
  padding :                   2px 2px 12px 5px;
  background-color :          #FFFFFF;
  text-align:                 left;
}





td.button_linkliste{
  text-align:                 center;
}



a.button_linkliste:link                 { color:#000080; text-decoration: none; }
a.button_linkliste:visited              { color:#000080; text-decoration: none; }
a.button_linkliste:hover                { color:#c0c0c0; text-decoration: none; }
a.button_linkliste:active               { color:#000080; text-decoration: none; }

a.button_linkliste
{
width:            100%;
}



table.linkliste

{

  border-width:        1px;
  border-style:        solid;
  border-color:        #afafaf #afafaf #afafaf #afafaf;
  padding:             0px 0px 0px 0px;
  margin:              0px 0px 10px 0px;
  background-color:    #FFFFFF;
}





div.button_linkliste         /* Allgemeine Angaben */

{

  background-color:           #E6E6E6;
  border-width:               1px;
  border-style:               solid;
  border-color:               #afafaf #afafaf #afafaf #afafaf ;
  padding :                   1px 1px 2px 10px;
  margin :                    1px 1px 1px 1px;
}



/*Layout extra Meschede*/

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/



span.seitenueberschrift_kapitel

{

  color:                      #D00008;
  font-weight:                400;
  font-size:                  1.1em;
  margin :                    0px  0px 0px 0px;
  padding :                   0px  0px 15px 0px;
  text-align:                 left;
  width:                      100%;
}



span.seitenueberschrift_mes

{
  color:                      #000080;
  font-weight:                400;
  font-size:                  1.1em;
  margin :                    0px  0px 0px 0px;
  padding :                   0px  0px 15px 0px;
  text-align:                 left;
  width:                      100%;
}







/*Allgemeine Angaben im CONTENT*/

img.bild_im_text_ganz_oben{/*Bild im Flie?text*/
  border-style: none;
  margin:       0px 50px 30px 0px;
  float:        left;
}



.content_bild{/*Bild im Flie?text*/
  border:       none 0px #000000;
  margin:       0px 10px 10px 0px;
  float:        left;
  display:      inline-block;
  max-width:    400px;
  height:       auto;
  width:        auto;
}



.content_bild_db{/*Bild im Flie?text Datenbank*/
  border:       none 0px #000000;
  margin:       0px 10px 10px 0px;
  float:        left;
  display:      inline-block;
  max-width:    400px;
  height:       auto;
  width:        auto;
}



div.standard_db{/*Bild im Flie?text Datenbank*/
  margin:       0px 0px 30px 0px;
  display:      inline-block;
  width:        100%;
  clear:        both; /* hierdurch wird ein Zeilenumbruch erzwungen*/

}





img.bild_im_text{/*Bild im Fliesstext*/
  border:     none 0px #000000;
  margin:     10px 10px 10px 0px;
}











/* Vorschauboxen*/

div.vorschaubox_haupt{
   padding-top: 1em;
   clear: both;
}



div.vorschaubox{
 
  float: left;
  padding: 0px;
  margin: 0px 10px 10px 0px;
  text-align: justify;
  display: table;
  table-layout: fixed;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  border-color: #afafaf;
}

div.vorschaubox_ebene2{
  display: table-cell;
  vertical-align: top;
  padding:3px;
  margin:3px;
  height: 100%;
}



div.vorschaubox p{  
}

div.vorschaubox img{
  border-style: none;
  margin:       0px auto 10px auto !important;
  display:      block !important;
  max-width:    100% !important;
  max-height:   250px !important;
  width:        auto !important;
  height:       auto !important;
  margin: 		0px auto 5px auto;
  clear: both !important;
  float: none !important;

}

div.vorschaubox h3{  
  text-align: center;	
}

.vorschaubox_smaltext{
 display: table-cell;
 vertical-align: bottom;
 text-align: left;
 padding: 20px 3px 0 3px;
}


.vorschaubox_detaillink{
 display: table-cell;
 text-align: right;
 vertical-align: bottom;
 padding: 20px 3px 0 3px;
}



hr{
  color:      #c0c0c0;
}

p{
  padding:      0px;
  margin:       0px
}





/*Haarlinien bei Tabellen*/


td.tab_rahmen_zeile1_start,td.tab_rahmen_zeile1,td.tab_rahmen_rest,td.tab_rahmen_rest_start{
 border-style:    solid;
 border-color:    #a3a3a3;
}

td.tab_rahmen_zeile1_start{
 border-width:    1px 1px 1px 1px;
}

td.tab_rahmen_zeile1{
 border-width:    1px 1px 1px 0px;
}

td.tab_rahmen_rest_start{
 border-width:    0px 1px 1px 1px;
}

td.tab_rahmen_rest{
 border-width:    0px 1px 1px 0px;
}



/*Haarlinien bei Tabellen Teil II - Fahrzeuge z.B.*/

table.tabelle{
  border:thin solid #afafaf;
  border-spacing:10px;
  empty-cells:show;
  border-collapse:collapse;
}



table.tabelle td{
  border:thin solid #afafaf;
}

table.tabelle th{
  border:thin solid #afafaf;
  font-weight:400;
  background-color: #EFEFEF;
}



img, picture{
  border-style:none
}

/* Neue CSS */

.hidden{
 display: none;
}



li {
margin:  0 0 0 15px;
padding: 0px;
}

#suchform{ 
  white-space:nowrap;
  margin: 0px;
  padding: 0px;
}

#suchform h3{
  display: none;
}

#suchform span{
  display: none;
}

#suchform_suchwort{
  position: relative;
  width:135px;
  border: solid 1px #adadad;
  background-color: #FFFFFF;
}

#suchform_submit{
  position: absolute;
  right:5px;
  border: solid 1px #adadad;
  background-color: #f0f0f0;
  width: 40px;
}
}

@media screen and (max-width: 565px){
	
body
{
  padding: 0 0 0 0;
  margin:  0px;
  background-color:#FFFFFF;
}

#GoogleCalendar{
	display:block; 
	position: absolute;
	height: 850px;
	width:90%; 
	overflow: auto;	
	z-Index:2;
}
#GoogleCalendarBlindDiv{
	position: relative;
	height: 850px;
}

#navigation {
  font-size: 1.25em;
}

/*#MenueButton, #MailButton, #SuchButton{
  position: absolute;
  left:5px;
  z-index:1011;
  width:30px;
  height: 20px;
  display:table;
  vertical-align: middle;
  text-align: center; 
  background-size: 30px 20px;
}*/

#MenueButton,#MailButton,#SuchButton{
  background-color: rgba(190,0,0,0.7);
  padding: 3px;
  background-size:auto 16px;
  background-repeat: no-repeat;
  background-position:  center left 10px;
  width:70px;
  position: absolute;
  left:0px;
  z-index:1011;
  height: 20px;
  display:table;
  text-align: right;   
  vertical-align: middle;
}
#MenueButton a, #MailButton a, #SuchButton a{
  display:table-cell;
  vertical-align: middle;
  text-align: center;
  height: auto;
}
#MenueButton p,#MailButton p, #SuchButton p{
  color: rgba(0,0,0,0);
  overflow: hidden;
  display: inline-block;
  width: 100%;
  height: 100%;
  width:30px;
  height: 20px;
}



 
#banner_bild1, #banner_bild2 {
  width: 100%;
  left: 0px; top:0px;
  position: absolute;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center center;
  background-color: #ffffff;
  z-index: 1;
  opacity: 1;
}

 #banner_bild2 {
 z-index: 2;
 }
 
#banner_txt{
   display: table;
   position: absolute;
   top: 0px;
   left: 0px;
   z-index: 4;
   color: #ffffff;
   background-image: linear-gradient( rgba(0,0,0,0.5) 5px , rgba(0,0,0,0) 50px);
   width:100%;

 }
 
#banner_txt h1{
   display: table-cell;
   color: #ffffff;   
   vertical-align: top;
   text-align: left;
   padding: 20px 80px 10px 0px;
   font-size:1.5em;
}
#banner_txt h1 a{   
  color: rgba(255,255,255,0);
 }
 
 #banner_txt span{ /* für das Bild*/
   height: 100px;
   width:100%;   
   display: table-cell;
   vertical-align: top;
   text-align: right;
   padding: 10px;
 }
 
 #wappen_print{
   height: 60px;
   width:auto;   
   cursor: pointer;
 } 


#layout{   
   display:block;
   width:100%;
   }
 
 #content{
   display: inline-block; 
   background-color: #ffffff;
   padding: 50px 10px 50px 10px;  
   text-align: justify;
 } 
 
 

applet
{
  margin:             0px;
  padding:            0px;
}



#h3_aktuelles{
  display: none;
}

#h3_aktuelles_link{  
 display: table-cell; 
 width:20%;
 text-align:right;
 background-color:  #323232;
 padding:0.2em;
}



/*Aktueller (rechter) Bereich*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

#rechter_bereich{
  background-color:#FFFFFF;
  padding:0.5em 0.5em ;
  display: inline-block;
  margin: 0em 0em 0em 0em;
}

/*Fu?note*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
#fussnote{
  display:inline-block;
  font-size: 0.9em;
  color:#000000;
  text-align: center;
  margin: 5em 0;
}


/*Content*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/


#content td {
  text-align: left;
}
#content h1, #content h2, #content h3, #content h4 {
  text-align: center;
}

h2
{
  font-size:                  1.2em;
}
h3
{
  font-size:                  1.1em;
  margin :                    0px  0px 10px 0px;
  padding :                   0px  0px 0px 0px;
}


h4
{
  font-size:                  1.0em;
  margin :                    0px  0px 3px 0px;
  padding :                   0px  0px 0px 0px;

}



hr
{

 border-style: solid;
 border-color: #323232;
 border-width: 0px 0px 1px 0px;
 font-size:1px;
 padding:0;
 margin:0px;
}

/*Subnavi*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

a.subnavi:link                 { color:#000080; text-decoration: none; }
a.subnavi:visited              { color:#000080; text-decoration: none; }
a.subnavi:hover                { color:#004080; text-decoration: none; }
a.subnavi:active               { color:#000080; text-decoration: none; }

a.subnavi_aktiv
{
 font-weight:600
}

div.subnavi  /* Allgemeine Angaben */
{
  color:                      #9F9F9F;
}

/*Linkliste*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/


td.linkliste_link
{
  padding:                    0px 0px 10px 0px;
}

.linkliste_titel {
  font-weight:                600;
  color:                      #000080;
  border-width:               0px 0px 1px 0px ;
  border-style:               solid;
  border-color:               #323232;
  margin:                     0px 0px 0px 0px;
  padding :                   2px 1px 2px 5px;
  background-color :          #EBEBEB;
}
div.linkliste_beschreibung
        {
  font-weight:                normal;
  border-width:               0px 0px 0px 0px ;
  border-style:               solid;
  border-color:               #323232;
  margin:                     0px 0px 0px 0px;
  padding :                   2px 2px 12px 5px;
  background-color :          #FFFFFF;
  text-align:                 left;
}


td.button_linkliste
{
  text-align:                 center;
 /* padding :                   1px 1px 1px 1px;
  background-color :          #323232;*/
}

a.button_linkliste:link                 { color:#000080; text-decoration: none; }
a.button_linkliste:visited              { color:#000080; text-decoration: none; }
a.button_linkliste:hover                { color:#004080; text-decoration: none; }
a.button_linkliste:active               { color:#000080; text-decoration: none; }

a.button_linkliste
{
font-weight:      normal;
width:            100%;
}

table.linkliste
{
  border-width:        1px;
  border-style:        solid;
  border-color:        #323232 #323232 #323232 #323232;
  padding:             0px 0px 0px 0px;
  margin:              0px 0px 10px 0px;
  background-color:    #FFFFFF;
}


div.button_linkliste         /* Allgemeine Angaben */
{
  background-color:           #E6E6E6;
  border-width:               1px;
  border-style:               solid;
  border-color:               #323232 #323232 #323232 #323232 ;
  padding :                   1px 1px 2px 10px;
  margin :                    1px 1px 1px 1px;
}

/*Layout extra Meschede*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/




/*Allgemeine Angaben im CONTENT*/
img.bild_im_text_ganz_oben{/*Bild im Flie?text*/
  
}

.content_bild{/*Bild im Flie?text*/
  
}

.content_bild_db{/*Bild im Fliesstext Datenbank*/
  
}

div.standard_db{/*Bild im Fliesstext Datenbank*/
  margin:       0px 0px 30px 0px;
  display:      block;
  clear:        both; /* hierdurch wird ein Zeilenumbruch erzwungen*/
}
div.standard_db img{
  display: block;
  clear:both;
  width: auto;
  max-width: 100%;
  height: auto;
}


img.bild_im_text{/*Bild im Flie?text*/

}



/* Vorschauboxen*/

div.vorschaubox_haupt{
  padding-top: 1em;
  clear: both;
}



div.vorschaubox{
 border-width: 1px 1px 1px 1px;
 border-style: solid;
 border-color: #afafaf;
 float: left;
 padding:0px;
 margin:0 0px 10px 0 ;
 text-align: justify;
 display: table;
}

div.vorschaubox_ebene2{
  display: table-cell;
  vertical-align: top;
  padding:5px;
  width: 100%;
}



div.vorschaubox p{  
}

div.vorschaubox img{
  border-style: none;
  margin:       0px auto 10px auto !important;
  display:      block !important;
  max-width:    100% !important;
  max-height:   250px !important;
  width:        auto !important;
  height:       auto !important;
  margin: 		0px auto 5px auto;
  clear: both !important;
  float: none !important;

}

div.vorschaubox h3{  
  text-align: center;	
}

.vorschaubox_smaltext{
 display: table-cell;
 vertical-align: bottom !important;
 text-align: left !important;
 padding: 20px 50px 5px 5px;
}


.vorschaubox_detaillink{
 display: table-cell;
 text-align: right !important;
 vertical-align: bottom !important;
 padding: 20px 5px 5px 5px;
}




hr{
  color:      #c0c0c0;
}
p{
  padding:      0px;
  margin:       0px
}


/*Haarlinien bei Tabellen*/

td.tab_rahmen_zeile1_start,td.tab_rahmen_zeile1,td.tab_rahmen_rest,td.tab_rahmen_rest_start{
 border-style:    solid;
 border-color:    #a3a3a3;
}
td.tab_rahmen_zeile1_start{
 border-width:    1px 1px 1px 1px;
}
td.tab_rahmen_zeile1{
 border-width:    1px 1px 1px 0px;
}
td.tab_rahmen_rest_start{
 border-width:    0px 1px 1px 1px;
}
td.tab_rahmen_rest{
 border-width:    0px 1px 1px 0px;
}

/*Haarlinien bei Tabellen Teil II - Fahrzeuge z.B.*/
table.tabelle{
  border:thin solid #323232;
  border-spacing:10px;
  empty-cells:show;
  border-collapse:collapse;
}

table.tabelle td{
  border:thin solid #323232;
}
table.tabelle th{
  border:thin solid #323232;
  font-weight:600;
  background-color: #EFEFEF;
}
img, picture{
  border-style: none;
}

a.cms_adminlink:link                 { color:#595959; text-decoration:none; }
a.cms_adminlink:visited              { color:#595959; text-decoration:none; }
a.cms_adminlink:hover                { color:#004080; text-decoration:none; }
a.cms_adminlink:active               { color:#595959; text-decoration:none; }


/* Neue CSS */

.hidden{
 display: none;
}


}

@media print{
@page{
 margin: 1.5cm 1cm 2cm 2cm;
 }
 
  #wappen_print{
   height: 2.5cm;
   width:auto;   
   float: right;
   padding-left: 2cm;
 }
 #banner_txt{
   clear: both;
 }

applet
{
  margin:             0px;
  padding:            0px
}


a:link                 { color:#000080; text-decoration:none }
a:visited              { color:#000080; text-decoration:none }
a:hover                { color:#b30000; text-decoration:none }
a:active               { color:#000080; text-decoration:none }

#MenueButton, #navigation, #untereNavi, #MailButton, #banner,#SuchButton, #rechter_bereich,#sozialnet_nav, #siesindhier{
	display: none !important;
    color: rgba(255,255,255,0)!important;
}


/*Fußnote*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
#fussnote{
  font-size:0.8em;
  color:#595959;
  margin:50px 0px 0px 0px;
  text-align: center;
}


/*Content*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/



hr
{

 border-style: solid;
 border-color: #afafaf;
 border-width: 0px 0px 1px 0px;
 font-size:1px;
 padding:0;
 margin:0px;
}


/*Linkliste*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/


td.linkliste_link
{
  padding:                    0px 0px 10px 0px;
}

.linkliste_titel {
  font-weight:                500;
  color:                      #000080;
  border-width:               0px 0px 1px 0px ;
  border-style:               solid;
  border-color:               #afafaf;
  margin:                     0px 0px 0px 0px;
  padding :                   2px 1px 2px 5px;
  background-color :          #EBEBEB;
}
div.linkliste_beschreibung
        {
  font-weight:                normal;
  border-width:               0px 0px 0px 0px ;
  border-style:               solid;
  border-color:               #afafaf;
  margin:                     0px 0px 0px 0px;
  padding :                   2px 2px 12px 5px;
  background-color :          #FFFFFF;
  text-align:                 left;
}


td.button_linkliste
{
  text-align:                 center;
 /* padding :                   1px 1px 1px 1px;
  background-color :          #AFAFAF;*/
}

a.button_linkliste:link                 { color:#000080; text-decoration: none; }
a.button_linkliste:visited              { color:#000080; text-decoration: none; }
a.button_linkliste:hover                { color:#004080; text-decoration: none; }
a.button_linkliste:active               { color:#000080; text-decoration: none; }

a.button_linkliste
{
font-weight:      normal;
width:            100%;
}

table.linkliste
{
  border-width:        1px;
  border-style:        solid;
  border-color:        #afafaf #afafaf #afafaf #afafaf;
  padding:             0px 0px 0px 0px;
  margin:              0px 0px 10px 0px;
  background-color:    #FFFFFF;
}


div.button_linkliste         /* Allgemeine Angaben */
{
  background-color:           #E6E6E6;
  border-width:               1px;
  border-style:               solid;
  border-color:               #afafaf #afafaf #afafaf #afafaf ;
  padding :                   1px 1px 2px 10px;
  margin :                    1px 1px 1px 1px;
}

/*Layout extra Meschede*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

span.seitenueberschrift_kapitel
{
  color:                      #D00008;
  font-weight:                400;
  font-size:                  17px;
  margin :                    3px  0px 0px 0px;
  padding :                   0px  0px 15px 0px;
  text-align:                 left;
  width:                      100%;
}

span.seitenueberschrift_mes
{
  color:                      #000080;
  font-weight:                400;
  font-size:                  25px;
  margin :                    3px  0px 0px 0px;
  padding :                   0px  0px 15px 0px;
  text-align:                 left;
  width:                      100%;
}


/*Allgemeine Angaben im CONTENT*/
img.bild_im_text_ganz_oben{/*Bild im Fließtext*/
  border-color: #000000;
  margin:       0px 50px 30px 0px;
  float:        left;
}

img.content_bild{/*Bild im Fließtext*/
  border-color: #000000;
  margin:       0px 10px 10px 0px;
  float:        left;
  display:      inline-block;
  max-width:    500px;
  height:       auto;
  width:        auto;
}

img.content_bild_db{/*Bild im Fließtext Datenbank*/
  border-color: #000000;
  margin:       0px 10px 10px 0px;
  float:        left;
  display:      inline-block;
  max-width:    300px;
  height:       auto;
  width:        auto;
}

div.standard_db{/*Bild im Fließtext Datenbank*/
  margin:       0px 0px 30px 0px;
  display:      inline-block;
  width:        100%;
  clear:        both; /* hierdurch wird ein Zeilenumbruch erzwungen*/
}


img.bild_im_text{/*Bild im Fließtext*/
  border:     solid 1px #000000;
  margin:     10px 10px 10px 0px;
}



/* Vorschauboxen*/


div.vorschaubox{
  width:  100%;
  position: relative;
  padding: 0px 0px 50px 0px;
  margin: 0px 0px 50px 0px;
}
div.vorschaubox p{
  clear:both;
 display:      inline-block;
}
div.vorschaubox img{
  border-color: #000000;
  margin:       0px 8px 2px 0px;
  float:        left;
  display:      inline-block;
  width: auto;
  height: auto;
}

hr.vorschaubox{

}

.vorschaubox_smaltext{
 display:      inline-block;
 position: absolute;
 bottom: 0px;
 left:0px;
}

.vorschaubox_detaillink{
 display:      inline-block;
 position: absolute;
 bottom: 0px;
 right:  0px;
}

hr{
  color:      #c0c0c0;
}
p{
  padding:      0px;
  margin:       0px
}


/*Haarlinien bei Tabellen*/

td.tab_rahmen_zeile1_start,td.tab_rahmen_zeile1,td.tab_rahmen_rest,td.tab_rahmen_rest_start{
 border-style:    solid;
 border-color:    #a3a3a3;
}
td.tab_rahmen_zeile1_start{
 border-width:    1px 1px 1px 1px;
}
td.tab_rahmen_zeile1{
 border-width:    1px 1px 1px 0px;
}
td.tab_rahmen_rest_start{
 border-width:    0px 1px 1px 1px;
}
td.tab_rahmen_rest{
 border-width:    0px 1px 1px 0px;
}

/*Haarlinien bei Tabellen Teil II - Fahrzeuge z.B.*/
table.tabelle{
  border:thin solid #afafaf;
  border-spacing:10px;
  empty-cells:show;
  border-collapse:collapse;
}

table.tabelle td{
  border:thin solid #afafaf;
}
table.tabelle th{
  border:thin solid #afafaf;
  font-weight:400;
  background-color: #EFEFEF;
}

img, picture{
  border-color:black
}

a.cms_adminlink:link                 { color:#595959; text-decoration:none; }
a.cms_adminlink:visited              { color:#595959; text-decoration:none; }
a.cms_adminlink:hover                { color:#004080; text-decoration:none; }
a.cms_adminlink:active               { color:#595959; text-decoration:none; }


.hidden{
 display: none;
}

li {
margin:  0 0 0 15px;
padding: 0px;
}


}

.aktivitaetenuebersicht_h3bereich h3{
  display: block;
  background-color: #464646;
  color: #ffffff;
  text-align: center;
  padding:0.3em;
	
}