﻿body {
          margin:0px;
          background:#E8E8E8;
          font-family:Verdana;
          font-size:12px;
          color:#000000;
       }


#Hans {
          width:1024px;
          margin: 5px auto;
       }
#all {
          float:left;
          border: 1px solid #004F00; 
          background: #FFFFFF;  

          /*background:#FFF500;*/                      
       }


#header {
          background-color: #FFFFFF;
          width:1024px;
          height:500px; 
       }

#logo{
          width:387px;
          height:165px;
          position:relative;
          float:left;
          margin: 10px 0px 0px 30px;
          background: #000000 url(../Layout/Logo_nusse.jpg) no-repeat left top;
       }
#Stecknitz{
          width:190px;
          height:100px;
          position:relative;
          float:left;
          margin: 20px 0px 10px 350px;
          background: #FFFFFF url(../Layout/Stecknitz_klein.jpg) no-repeat left top;
       }
       
 #map{
			position: relative;
		}
				
		#map ul{
			margin:0;
			padding:0;
			list-style:none;
			}
	
		#map a{
			position: absolute;
			text-indent:-1000em;
			/*background: url(images/bg.gif);*/
 			/*background-color:fuchsia;*/
 			outline: none;
			}
		#map .Home a{
			top:20px;
			left:20px;
			width:380px;
			height:160px;
			}
		#map .Stecknitz a{
			top:20px;
			left:320px;
			width:380px;
			height:160px;
			}

		#map .Gewerbeschau a{
			top:30px;
			left:50px;
			width:432px;
			height:160px;
			background: url(../Bilder/Startseite/Gewerbeschau2025_SaveTheDate2.jpg); 
			filter:alpha(pacity=70);
			opacity:0.9;
			border:3px #FD0200 solid;
			border-radius: 15px;		
			/*background-color:fuchsia;*/			
		}
		#map .Flohmarkt a{
			top:30px;
			right:50px;
			width:292px;
			height:200px;
			background: url(../Bilder/Startseite/Flohmarkt2025.jpg); 
			filter:alpha(pacity=70);
			opacity:0.99;
			border:3px #FD0200 solid;
			/*background-color:fuchsia;*/			
		}
		#map .Freiluftkino a{
			top:30px;
			left:50px;
			width:155px;
			height:248px;
			background: url(../Bilder/OAK_25kl.jpg); 
			filter:alpha(pacity=70);
			opacity:0.99;
			border:3px #FD0200 solid;
			/*background-color:fuchsia;*/			
		}
		#map .Kinderfest a{
			top:30px;
			left:50px;
			width:290px;
			height:225px;
			background: url(../Bilder/Kinder_Dorf_Fest2.gif); 
			filter:alpha(pacity=70);
			opacity:0.99;
			/*border:3px #FD0200 solid;*/
			/*background-color:fuchsia;*/			
		}
		#map .MFA_Deicher a{
			top:30px;
			left:20px;
			width:325px;
			height:165px;
			background: url(../Bilder/MFA_Deicher.jpg); 
			filter:alpha(pacity=70);
			opacity:0.8;
			border:3px #FD0200 solid;
			/*background-color:fuchsia;*/			
		}
		#map .LaJuCup a{
			top:30px;
			left:20px;
			width:252px;
			height:165px;
			background: url(../Bilder/LaJuCup.jpg); 
			filter:alpha(pacity=70);
			/*opacity:0.8;*/
			border:3px #FD0200 solid;
			/*background-color:fuchsia;*/			
		}
		#map .Ausstellung a{
			top:50px;
			left:50px;
			width:156px;
			height:200px;
			background: url(../Bilder/Wasserstark.jpg); 
			filter:alpha(pacity=70);
			/*opacity:0.8;*/
			border:3px #FD0200 solid;
			/*background-color:fuchsia;*/			
		}

       
#headerkontakt a{
		  margin-top:30px;
		  padding-right:15px;
		  float:right;
          font-family: calibri;
	  	  font-size:16px;
	  	  color: #004F00;
	  	  text-shadow: 2px 2px 0px #fff;
	  	  text-align:right;
	  	  text-decoration:none;	  	  
       }

#headerkontakt a:hover{
	  	  color: #000000;
	  	  text-decoration:underline;
	     }


#headermenue{
		  margin-top:80px;
		  padding-right:15px;
		  padding-top:10px;
		  min-height:29px;
		  width: 530px;
		  float:right;
          background-image: url(../Layout/headermenue_rund.jpg), url(../Layout/headermenue_bg.jpg);
          background-position: left top, right-top;
          background-repeat: no-repeat, repeat;
          font-family: calibri;
	  	  font-size:16px;
	  	  color: #004F00;
	  	  text-shadow: 5px 5px 0px #ccc;
	  	  text-align:right;
       }

#headermenue a{
          font-family: calibri;
	  	  font-size:16px;
	  	  color: #004F00;
	  	  text-shadow: 2px 2px 0px #fff;
	  	  text-decoration:none;
	     }

#headermenue a:hover{
	  	  color: #000000;
	  	  text-decoration:underline;
	     }

#headerpicture{
		  margin:10px 0px 0px 0px;
		  padding-bottom:10px;
          width:1024px;
          height:290px;
          position:relative;
          float:left;
          /*background: #FFFFFF url(../Layout/headergewerbeschaugross.jpg) no-repeat left top;*/
          background: #FFFFFF url(../Layout/header2.jpg) no-repeat left top;
          border-top: 3px solid #004F00;
          border-bottom: 3px solid #004F00;          
       }

#headerpicture_Gewerbeschau{
		  margin:10px 0px 0px 0px;
		  padding-bottom:10px;
          width:1024px;
          height:290px;
          position:relative;
          float:left;
          /*background: #FFFFFF url(../Layout/headergewerbeschaugross.jpg) no-repeat left top;*/
          background: #FFFFFF url(../Layout/headerGewerbeschau.jpg) no-repeat left top;
          border-top: 3px solid #004F00;
          border-bottom: 3px solid #004F00;          
       }
#headerpicture_Feuerwehr{
		  margin:10px 0px 0px 0px;
		  padding-bottom:10px;
          width:1024px;
          height:290px;
          position:relative;
          float:left;
          /*background: #FFFFFF url(../Layout/headergewerbeschaugross.jpg) no-repeat left top;*/
          background: #FFFFFF url(../Layout/header4.jpg) no-repeat left top;
          border-top: 3px solid #004F00;
          border-bottom: 3px solid #004F00;          
       }



/* ############################################### */
/* ###### Untermenue ############################# */
#Untermenue {
		  float:left;
		  width: 215px;
          margin: 10px 10px 50px 20px;
}
#Untermenue h1{
          padding: 10px 5px 10px 5px;
          margin-bottom:-12px;         
          font-family: Calibri;
	  	  font-size:18px;
	  	  font-weight:bold;
	  	  color: #004F00;
	  	  background-color:#C4C4C4;
	  	  text-align:center;
}
#Untermenue.Gemeinde h1{
          padding: 10px 5px 10px 5px;
          margin-bottom:-12px;         
          font-family: Calibri;
	  	  font-size:18px;
	  	  font-weight:bold;
	  	  color: #004F00;
	  	  background-color:#C4C4C4;
	  	  text-align:center;
}
#Untermenue.Feuerwehr h1{
          padding: 10px 5px 10px 5px;
          margin-bottom:-12px;         
          font-family: Calibri;
	  	  font-size:18px;
	  	  font-weight:bold;
	  	  color: #FF0000;
	  	  background-color:#C4C4C4;
	  	  text-align:center;
}

#Navi_Untermenue {
	  width:215px;
	  /*margin: 0em 2em 1em 1em;*/
	  float:left;
	  padding:0;
	  list-style:circle;
	  /*list-style-image:url("../Layout/arrowbullet2.gif");*/
	  /*list-style-position:outside;*/
	  background-color: #DCDCDC;
	}

#Navi_Untermenue li {
	  margin:4px 0px 4px 0px;		 /* Außenabstand  */
	  padding:0px 0px 0px 0px;   /* Innenabstand  oben rechts unten links  */
	  text-align:left;
	  text-indent:0px;		 
	  font-family:Verdana;
	  color:white;
	  background:url("../Layout/arrowbullet2.gif") no-repeat left center;  /* statt list-style-image */	
	}
	
#Navi_Untermenue.Gemeinde li {
	  margin:4px 0px 4px 0px;		 /* Außenabstand  */
	  padding:0px 0px 0px 0px;   /* Innenabstand  oben rechts unten links  */
	  text-align:left;
	  text-indent:0px;		 
	  font-family:Verdana;
	  color:white;
	  background:url("../Layout/arrowbullet2.gif") no-repeat left center;  /* statt list-style-image */	
	}
	
#Navi_Untermenue.Feuerwehr li {
	  margin:4px 0px 4px 0px;		 /* Außenabstand  */
	  padding:0px 0px 0px 0px;   /* Innenabstand  oben rechts unten links  */
	  text-align:left;
	  text-indent:0px;		 
	  font-family:Verdana;
	  color:white;
	  background:url("../Layout/arrowbullet2.gif") no-repeat left center;  /* statt list-style-image */	
	}

#Navi_Untermenue li a {
	  display:block;
	  min-height:18px;
	  padding-top:3px;
	  padding-left:30px;
	  text-decoration:none;
	  font-family:Verdana;
	  font-size:12px;
	  color:#004F00;
	  /*font-weight:normal;
	  border-top:thin white solid;*/
	}

#Navi_Untermenue.Gemeinde li a {
	  display:block;
	  min-height:18px;
	  padding-top:3px;
	  padding-left:30px;
	  text-decoration:none;
	  font-family:Verdana;
	  font-size:12px;
	  color:#FF0000;
	  /*font-weight:normal;
	  border-top:thin white solid;*/
	}


#Navi_Untermenue.Feuerwehr li a {
	  display:block;
	  min-height:18px;
	  padding-top:3px;
	  padding-left:30px;
	  text-decoration:none;
	  font-family:Verdana;
	  font-size:12px;
	  color:#FF0000;
	  /*font-weight:normal;
	  border-top:thin white solid;*/
	}

#Navi_Untermenue li a:hover{
	  /*background-color:#F0F0F0;*/
	  font-weight:bold;
	  color:#004F00;
	  font-style:italic;
	  background-color: #C4C4C4;
	  background:url("../Layout/arrowbullet2.gif") no-repeat left center;  /* statt list-style-image */		  	  
	}

#Navi_Untermenue.Feuerwehr li a:hover{
	  /*background-color:#F0F0F0;*/
	  font-weight:bold;
	  color:#FF0000;
	  font-style:italic;
	  background-color: #C4C4C4;
	  background:url("../Layout/arrowbullet2.gif") no-repeat left center;  /* statt list-style-image */		  	  
	}

#hauptbody{
          background: #FF11FF;
/*		  height: 800px;*/
		}
		




/* ############################################### */
/* ###### NEXT_EVENT ############################# */
		
		
#main_left{

    float:left;
    max-width: 210px;
}

#main_left img{

    
}


#Downloadbox{
	width: 170px;
	float:right;
	margin: 0px 0px 10px 20px;
	border: 1px #004F00 solid;
	border-radius: 10px;
}

#Downloadbox Ueberschrift{
	font-size:12px;
	font-weight:bold;
	color: #004F00;
	text-align:center;
	margin:5px 0px 15px 0px;
}

#Downloadbox img{
	max-width:150px;
	align:center;
	margin: 10px 0px 10px 0px;	
}

#Gewerbeschaukasten{
	width: 170px;
	min-height:50px;
	float:left;
	text-align:center;
	margin: 40px 0px 10px 20px;
	border: 2px #008800 solid;
	border-radius: 5px;
	padding-top:10px;
}

#Gewerbeschaukasten img{
	max-width:150px;
	height: auto;
	margin-top:15px;
	margin-bottom:10px;
}
#Schadensmelder{
	width: 170px;
	min-height:100px;
	float:left;
	text-align:center;
	margin: 20px 0px 10px 30px;
	border: 2px #C4C4C4 solid;
	border-radius: 5px;
	padding-top:10px;
}

#Baugebietbox{
	width: 170px;
	min-height:100px;
	float:left;
	text-align:center;
	margin: 20px 0px 10px 30px;
	border: 2px #C4C4C4 solid;
	border-radius: 5px;
	padding-top:10px;
}

#Baugebietbox Ueberschrift{
	font-size:13px;
	font-weight:bold;
	color: #C40000;
	text-align:center;
	margin: 10px 0px 3px 0px;
}

#Baugebietbox img{
	max-width:150px;
	align:center;
	margin: 10px 0px 10px 0px;	
}
#Baugebietbox BG-footer{
	float:right;
	text-decoration:none;	
	font-size:8pt;
}



/* ############################################### */
/* ###### NEXT_EVENT ############################# */
#next_events {
		  width: 185px;
          margin: 20px 20px 10px 20px;
          /*margin-left: 60px;*/
          float:left;
}

#next_events h1{
          padding: 2px 5px 5px 5px;         
          font-family: Calibri;
	  	  font-size:18px;
	  	  font-weight:normal;
	  	  color: #747474;
          border-bottom: 2px solid #004F00;                 	  	  	  
}

#Eintrag{
          margin: 5px 0px;
          padding: 0px 10px 10px 10px;
          border-bottom: 1px solid #004F00;
          font-size:12px;                 	  
}

#Datum{
	  	  color: #004F00;
	  	  font-weight:bold;
	  	  margin-bottom:5px;
}
#Beschreibung{
	  	  color: #5C5C5C;
          font-size:12px;                 	  	  	  
}

#Link {
          text-align:right;
          margin: 5px 0px 0px 80px;
          padding: 5px 10px 5px 10px;
          background-image: linear-gradient(to right, white 0%, #DCDCDC 75%);
          border-radius: 5px;
          }

#Link a{
          font-size:12px;
          color:red;             	  
          font-style: italic;
}


#weitereTermine a{
	margin-top: 10px;
	float:right;
	width: 120px;
	height:16px;
	background:#DCDCDC;
	color: #5E5E5E;
	border-radius: 5px;
	border:1px solid #004F00;
	text-align:center;
	text-decoration:none;
}

/* ############################################### */
/* ###### MAIN INDEX ############################# */

/*.figure {
  position: relative;
  margin: 0px;
  padding: 0px;
  border: 0px solid gainsboro;
  background: white;
}

.figcaption {
  padding: 0 0 0 0px;
  margin-top: 5px;
  font-style: italic;
  background: white;
  text-align: center;
}
*/
#main_index{
		  float:left;
		  width:760px;
          margin:0px 10px 10px 10px;
          /*background:#EEEEEE;*/
	}

#main_text{
		  float:left;
		  width:760px;
          margin:0px 10px 10px 10px;
          /*background:#EEEEEE;*/
	}

#main_index h1{
		  font-size:36px;
	  	  font-weight:normal;
	  	  color: #747474;
		}
#main_index h2{
		  font-size:18px;
	  	  font-weight:normal;
	  	  color: #747474;
		}

#main_index h2.Seitenueberschrift{
		  margin-top: 35px;
		  font-size:18px;
	  	  font-weight:normal;
	  	  color: #747474;
	  	  border-bottom:thin #747474 dotted;
		}


#main_index hr{
		  color:#004F00;
		  height: 3px;
		  border-style:medium;
}


#main_index_horizontal_eintrag{
	  	  padding-bottom:35px;
	  	  border-bottom:1px solid #004f00;
}		
#main_index_horizontal_eintrag_mitRahmen{
	  	  padding:5px 10px 10px 35px;
	  	  border:3px solid #D41326;
}		

.mitRahmen {
	border:3px solid #fuchsia;
}

#main_index_horizontal_eintrag h3{
		  font-size:14px;
	  	  font-weight:bold;
	  	  color: #004f00;
}		
#main_index_vertikal_eintrag{
	  	  float:left;
	  	  width: 220px;
	  	  padding:0px 10px;
	  	  margin-left:5px;
}		
#main_index_vertikal_eintrag img{
	  	  max-width: 200px;
	  	  /*max-height:180px;*/
	  	  padding:10px 10px;
}		

#main_index_vertikal_eintrag h3{
		  font-size:14px;
	  	  font-weight:bold;
	  	  color: #004f00;
}		

#main_index_weiterlesen a{
	margin-top: 10px;
	float:right;
	width: 120px;
	height:16px;
	background:#DCDCDC;
	color: #5E5E5E;
	border-radius: 5px;
	border:1px solid #004F00;
	text-align:center;
	text-decoration:none;	
}

#main_index.Datenschutz h4{
	font-size: 16px;
	}
#main_index.Datenschutz h5{
	font-size: 14px;
	margin-bottom: 5px;
	}
#main_index.Datenschutz h6{
	font-size: 12px;
	font-weight:bold;
	margin-bottom: 5px;
	}
	

#main_index Monat {
	font-size:16px;
	font-weight:bold;
	color: #004f00;
}
#Veranstaltungskalender tbody tr:hover {
    background: #c4c4c4;
    color: black;
}

#Logbucheintrag-Zeitungsrtikel{
	float:left;
	width:650px;
}
#Logbuch_Bilder-Zeitungseintrag{
		  float:left;
		  max-width:450px;
		  margin-left: 10px;
		  margin-right: 10px;
		  margin-bottom:10px;
		  border: 1px solid #A0A0A0;
		}

#Logbucheintrag{
	float:left;
	width:650px;
}

#Logbuch_Bilder{
		  float: right;
		  max-width:250px;
		  margin-left: 10px;
		  margin-right: 10px;
		  margin-bottom:10px;
		  border: 1px solid #A0A0A0;
		}
#VeranstaltungStecknitzRegion{
	margin:30px 80px 30px 10px;
	border: 2px #008800 solid;
	border-radius: 15px;
	padding: 15px;
	font-size:13px;
	font-weight:bold;
	color: #000000;
	text-align:center;
	line-height:1.5;
	z-index:5;
}

#Sondermeldung{
	margin:10px 30px 30px 30px;
	border: 2px #008800 solid;
	border-radius: 5px;
	padding: 15px;
	font-size:13px;
	font-weight:bold;
	color: #C40000;
	text-align:center;
	line-height:1.5;
	z-index:5;
}

#Sondermeldung_Gewerbeschau{
	margin:30px 30px 30px 10px;
	border: 2px #C40000 solid;
	border-radius: 5px;
	padding: 15px;
	font-size:13px;
	font-weight:normal;
	color: #000;
	text-align:left;
	line-height:1.5;
	z-index:5;
}
#Sondermeldung_Gewerbeschau img{
	float:left;
	padding: 0px 30px 0px 0px;
	z-index:5;
}
#Sondermeldung_Gewerbeschau h1{
	margin-top: 5px;
	margin-bottom:4px;
	font-size:24px;
	font-weight:bold;
	color: #C40000;
	text-align:center;
	line-height:1.5;
	background-color:#dcdcdc;
}
#Sondermeldung_Gewerbeschau h2{
	margin-top: 2px;
	font-size:16px;
	font-weight:bold;
	color: gray;
	text-align:center;
	line-height:1.5;
}

/* ############################################### */
/* ###### ALLGEMEINES ############################# */

.Allgemeines{
	float:left;
	width:1003px;
	padding-top: 8px;
	padding-left: 20px; 
	background-color:#D4D4D4;
	/*min-height: 24px;*/
	/*color: #FFFFFF;*/	
	text-align:left;
	/*border: 1px solid #FFFFFF;*/
}

/* ############################################### */
/* ###### FOOTER ############################# */

#footer{
	float:left;
	width:1003px;
	padding-top: 8px;
	padding-left: 20px; 
	background-color:#004F00;
	min-height: 24px;
	color: #FFFFFF;
	text-align:left;
	border: 1px solid #004F00;
}

#footerkontakt {
		  padding-right:15px;
		  float:right;
}
#footerkontakt a{
          padding-left: 20px;
          color: #ffffff;
          /*margin-top:1px;
          font-family: calibri;
	  	  font-size:16px;
	  	  text-align:right;*/
	  	  text-decoration:none;	  	  
       }

#footerkontakt a:hover{
	  	  color: #ffffff;
	  	  font-weight:bold;
	  	  text-decoration:underline;
	     }



