html, body {height: 100%;}

body {
	font-family: Calibri, Trebuchet MS, Trebuchet, Helvetica, Verdana, sans-serif;
	font-size: 1em;
	margin: 0px;
	padding: 0px;
	background-image: url('images/bsf08_bgline1.jpg');
	background-repeat: repeat-x;
	background-position: top left;
	background-color: #88ba14;
}

a img {
	border: 0px;
}

h1,h2,h3,h4 {text-align: left;}

#background {
	width: 100%;
	min-height: 100%;
  	height: auto !important; /* moderne Browser */
  	height: 100%; /* IE */
  	background-image: url('images/bsf10_large_bg2.jpg');
  	background-repeat: no-repeat;
  	background-position: top center;

}

#top-logo {
	position: absolute;
	left: 50%;
	top: 20px;
	width: 814px;
	margin-left: -415px;
	z-index: 7;
}

#main {
	margin: 376px 0px 0px 0px;
	position: absolute;
	top:0px;
	left: 50%;
	margin-left: -367px;
	margin-bottom: 60px;
	padding: 0px;
	width: 734px;
	text-align:left;
	min-height: 100%;
  	height: auto !important; /* moderne Browser */
  	_height: 100%; /* IE */
  	background-image: url('images/bsf08_bodybg.jpg');
  	background-repeat: repeat-y;
}

	#header {
		width: 722px;
		height: 148px;
		margin: 0px;
		margin-top: 0px;
		margin-left: 6px;
		padding: 0px;
		background-image: url('images/bsf08_header.jpg');
		background-repeat: no-repeat;
		background-position: bottom;
	}
	
	
	#navcontainer {
		float:left;
		margin: 10px 0px 60px 6px;
		width: 151px;
	}
	
	* html #navcontainer { mar\gin: 10px 0px 60px 3px; }
	
		#navcontainer h4 {
			font-size: 14px;
			line-height: 18px;
			font-weight: bold;
			text-transform: uppercase;
			margin: 0px;
		}
		
		#navcontainer h5 {
			font-size: 14px;
			line-height: 25px;
			font-weight: bold;
			margin: 0px;
		}
	
		#navcontainer ul {
			margin: 0px;
			padding: 0px;
			list-style-type: none;
			font-size: 12px;
			font-weight: bold;
		}
		
		#navcontainer li {
			padding: 0px;
			margin: 0px 0px 10px 0px;
		}
		
		#navcontainer a	{
			display: block;
			padding: 0px 0px 0px 8px;
			width: 143px;
			line-height: 25px;
			vertical-align: middle;
			height:25px;
			margin-top: 3px;
			margin-bottom: 3px;
			color: #fff;
			background-image: url('images/bsf08_menuchange.png');
			background-position: bottom;
			text-decoration: none;
		}
		
		
		#navcontainer a { \width: 151px; }
		#navcontainer a { widt\h: 143px; }
		
		
	
		#navcontainer a:hover {
			background-position: top;
			text-decoration: none;
			color: #fff;
		}
		
			#navcontainer ul ul li {
				text-align: right;
				margin: 0px;
				padding: 0px;
			}
			
			#navcontainer ul ul {

			}
			
			#navcontainer ul ul a {
				display: block;
				margin: 0px;
				margin-bottom: 6px !important;
				padding: 0px 0px 0px 16px;
				line-height: 18px !important;
				width: 135px;
				height: auto !important;
				vertical-align: middle;
				background-image: none !important;
				color: #88ba14;
				/*border-bottom: 1px dashed #9ad33f;*/
			}
			
				#navcontainer ul ul a { \width: 151px; }
				#navcontainer ul ul a { widt\h: 135px; }
				
				#navcontainer ul ul a:hover {
					color: #e2001a;
					text-decoration: none;
				}
	
			
	
	#content {
		width: 524px;
		margin: 10px 30px 60px 23px;
		padding: 0px 0px 47px 0px;
		float: right;
		line-height: 1.4;
		text-align: left;
		color: #000000;
		font-size: 12px;
	}
	
	* html #content { mar\gin: 10px 10px 60px 23px;; }
	
	.tagcloud a {
		font-weight: bold;
		text-decoration: none;
	}
	
	.tagcloud a:hover {
		text-decoration: underline !important;
	}
	
	.column {
		width: 166px;
		float: left;
		margin: 0px 12px 0px 0px;
		background-image: url('images/bsf08_cmiddle.gif');
	}
	
	img.sponsor {
		border: none !important;
		margin: 5px !important;
	}
	
	.bcolumn {
		width: 344px;
		float: left;
		margin: 0px 0px 12px 0px;
	}
	
	.columnl {
		width: 166px;
		float: right;
		margin: 0px 0px 0px 0px;
		background-image: url('images/bsf08_cmiddle.gif');
	}
	
	.ctop {
		width: 166px;
		height: 5px;
		line-height: 4px;
		font-size: 4px;
		margin: 0px;
		padding: 0px;
		background-image: url('images/bsf08_ctop.gif');
		background-repeat: no-repeat;
	}
	
	.cmiddle {
		width: 156px;
		margin: 0px 0px 0px 5px;
	}
	
	.cbottom {
		width: 166px;
		height: 5px;
		line-height: 4px;
		font-size: 4px;
		margin: 0px;
		padding: 0px;
		background-image: url('images/bsf08_cbottom.gif');
		background-repeat: no-repeat;
	}
	
	.ctwocol {
		position:relative;
		float:left;
		overflow:auto;
		width:252px;
		margin-right:10px;
	}
	
		#content a {
			color: #000;
			text-decoration: underline;
		}
		
		#content a:hover {
			color: #e2001a;
			text-decoration: underline;
		}
		
		#content h1 {
			font-size: 22px;
			color: #e2001a;
			margin: 0px 0px 8px 0px;
		}

		#content h2 a {
			color: #79b51c;
		}
		
		#content h2.header {
			font-size: 18px;
		}
		
		#content h2 {
			font-size: 13px;
			font-weight: bold;
			color: #79b51c;
		}
		
		#content h2.obermarkt {
			margin: 0px 0px 4px 0px;
			background-color: #0084cb;
			color: #ffffff;
			padding: 0px 3px;
		}
		
		#content h2.weindorf {
			margin: 0px 0px 4px 0px;
			background-color: #7a9c12;
			color: #ffffff;
			padding: 0px 3px;
		}
		
		#content h2.bierdorf {
			margin: 0px 0px 4px 0px;
			background-color: #ebbd00;
			color: #ffffff;
			padding: 0px 3px;
		}
		
		#content h2.pihaus {
			letter-spacing: -1px;
			margin: 0px 0px 4px 0px;
			background-color: #eb690a;
			color: #ffffff;
			padding: 0px 3px;
		}
		
		#content h2.petri {
			margin: 0px 0px 4px 0px;
			background-color: #dfdb00;
			color: #ffffff;
			padding: 0px 3px;
		}
		
		#content h2.theater {
			margin: 0px 0px 4px 0px;
			background-color: #d22027;
			color: #ffffff;
			padding: 0px 3px;
		}
		
		#content h2.dom {
			margin: 0px 0px 4px 0px;
			background-color: #c5c7c8;
			color: #ffffff;
			padding: 0px 3px;
		}
		
		#content h2.schausteller {
			margin: 0px 0px 4px 0px;
			background-color: #878889;
			color: #ffffff;
			padding: 0px 3px;
		}
		
		#content h2.ausblick {
			margin: 0px 0px 4px 0px;
			background-color: #e2001a;
			color: #ffffff;
			padding: 0px 3px;
		}
		
		#content h2.untermarkt {
			margin: 0px 0px 4px 0px;
			background-color: #e2007a;
			color: #ffffff;
			padding: 0px 3px;
		}
		
		#content h2.familienwelt {
			margin: 0px 0px 4px 0px;
			background-color: #f35c19;
			color: #ffffff;
			padding: 0px 3px;
		}
		
		#content h2.rummel, #content h2.feuerwerk {
			margin: 0px 0px 4px 0px;
			background-color: #7b7b7b;
			color: #ffffff;
			padding: 0px 3px;
		}
		
		#content h2.stadtmauerlauf, #content h2.flaniermeile {
			margin: 0px 0px 4px 0px;
			background-color: #e2001a;
			color: #ffffff;
			padding: 0px 3px;
		}
		
		#content h2.partnerstadt {
			margin: 0px 0px 4px 0px;
			background-color: #9f3821;
			color: #ffffff;
			padding: 0px 3px;
		}
		
		#content h2.familienspass {
			margin: 0px 0px 4px 0px;
			background-color: #931d68;
			color: #ffffff;
			padding: 0px 3px;
		}
		#content h2.sommernacht {
			margin: 0px 0px 4px 0px;
			background-color: #aa7f51;
			color: #ffffff;
			padding: 0px 3px;
		}
		#content h2.grubenmarkt {
			margin: 0px 0px 4px 0px;
			background-color: #79743c;
			color: #ffffff;
			padding: 0px 3px;
		}
		#content h2.handwerkermarkt {
			margin: 0px 0px 4px 0px;
			background-color: #393636;
			color: #ffffff;
			padding: 0px 3px;
		}
		
		#content h2.twocol {
			position:relative;
			float:left;
			width:120px;
		}
		

		#content h3 {
			font-size: 14px;
			color: #000;
			margin: 8px 0px 8px 0px !important;
		}
		
		#content h4 {
			font-size: 16px;
			color: #79b51c;
			text-align: center;
			margin: 0px 0px 8px 0px !important;
		}
		
		#content h5 {
			font-size: 12px;
			color: #000;
			margin: 0px 0px 0px 0px;
		}
		
		#content p {
			margin: 0px 0px 4px 0px;
			padding: 0px 6px 0px 6px;
		}
		
		p.uhrzeit {
			padding: 0px 3px 0px 3px !important;
			color: #e2001a;
			font-weight: bold;
			margin: 0px 0px 0px 0px !important;
		}
		
		p.sign {
			width: 120px;
			height: 62px;
			background-image: url('images/bsf08_signsmall.gif');
			background-repeat: no-repeat;
		}
		
		p.bereich {
			margin: 6px 0px 2px 0px !important;
			display: inline;
			padding: 0px 3px 0px 3px !important;
			color: #ffffff;
			font-weight: bold;
			background-color: #e2001a;
		}
		
		p.praesentiert {
			padding: 0px 2px 0px 2px !important;
			color: #89ba16;
			font-weight: bold;
			margin: 0px 0px 0px 0px !important;
		}
		
		p.twelvepx {
			font-size:12px;
		}
		
		span.praesentiert {
			color: #89ba16;
			font-weight: bold;
		}
		
		#content img {
			border: none;
			/*border-top: 2px solid #c5c7c8;
			border-bottom: 2px solid #c5c7c8;*/
			margin: 0px 0px 0px 0px;
		}
		#content img.praesentiert {
			margin: 4px 0px 4px 4px;
			float:right;
		}
		
		#content dl {
			text-align: right;
			position: relative;
			padding: 0px 0px 0px 0px;
			margin: 4px 0px 2px 0px;
			font-size: 9px;
		}
		
		#content dd {
			display: block;
			width: 100%;
			/*position: relative;
			top: -14px;*/
			position: absolute;
			bottom: 0px;
			right: 0px;
			/*padding: 3px 2px 3px 2px;*/
			margin: 0px;
			line-height: 1.25;
			background-color: #ffffff;
			filter:alpha(opacity=75); -moz-opacity: 0.75; opacity:0.75;
			zoom: 1;
		}
		
		#content .two-images,
		#content .three-images {
			overflow:auto;
			margin-bottom:2em;
		}
		
		#content .two-images dl {
			width: 247px;
			position:relative;
			float:left;  
			text-align: right;
			padding: 0px 0px 0px 0px;
			margin: 4px 6px 2px 6px;
			font-size: 11px;
			overflow: hidden;
		}
		
		#content .three-images dl {
			width: 160px;
			height:160px;
			position:relative;
			float:left;  
			text-align: right;
			padding: 0px 0px 0px 0px;
			margin: 4px 6px 2px 6px;
			font-size: 11px;
			overflow: hidden;
		}
		
		
		#content .two-images dd,
		#content .three-images dd, {
			width:100%;  
			display: block;   
			position: absolute;
			bottom:0px !important;
			right:0px;   
			padding: 0px;
			margin: 0px;
			background-color: #ffffff;
			filter:alpha(opacity=85); -moz-opacity: 0.85; opacity:0.85;
			zoom: 1;
			overflow:hidden;   
		}
		
		#content table {
			margin:4px auto;
		}
		
		#content td {
			padding:2px 4px;
		}
		
		.hr-grey {
			display: block;
			width: 99%;
			height: 30px;
			background: url('images/bsf09_hr_grey.jpg');
			overflow: hidden;
		}
		
		/*#content .two-images dd :hover{
			color: white !important;
			background-color: #87a800;
			filter:alpha(opacity=100); -moz-opacity: 1; opacity:1;
			zoom: 1;
			overflow:hidden;   
		}*/
		
		#content .two-images dd p,
		#content .three-images dd p {
		  margin: 2px;
		}
		
		#content ul li {
			margin-bottom: 4px;
		}

		#content ul {
			text-align:left;
			margin-top: 0px;
			list-style-type: circle;
			font-weight: bold;
		}
		
		#content ul ul {
			text-align:left;
			margin-top: 0px;
			list-style-type: circle;
		}
		
		#content form {
			padding: 0px 0px 12px 0px;
		}
		
		.csc-textpic-caption {
			font-size: 10px;
		} 
		
			.breadcrumb {
				height: 10px;
				margin: 0px 0px 26px 0px;
				font-size: 10px;
				text-align: left;
			}
			
			
			/*fuer mailformplus */
			
			.reihe {
			  clear: both;
			  padding: 2px 0px;
			  margin-bottom: 5px;
			}
			
			.label {
			  float: left;
			  width: 100px;
			  text-align: right;
			  padding-top: 3px;
			  margin-bottom: 10px;
			}
			
			.feld {
			  float: right;
			  width: 320px;
			  text-align: left;
			} 
			
			.feld select {
				font: 11px Arial,Verdana,Helvetica,sans-serif;
				background-color: #fff;
				border: 1px solid #9ad33f !important;
			}
					
			.feld input {
				border: 1px solid #9ad33f;
			}
			
			.feld textarea {
				font: 12px Arial,Verdana,Helvetica,sans-serif;
				width: 250px;
				border: 1px solid #9ad33f;
				margin: 0px 0px 8px 0px;
			}
			
			.mail-submit {
				background-color: #e6ffbd;
				border: 1px solid #9ad33f;
				font-weight: bold;
			}
			
			.knopf {
			  clear: both;
			  text-align: center;
			  padding-top: 15px;
			  padding-bottom: 30px;
			}


			
	
	#footer {
		width: 800px;
		height: 54px;
		position: absolute;
		left: 50%;
		bottom: 0px;
		margin-left: -400px;
		clear: both;
		background-image: url('images/bsf08_footer.jpg');
	}
	
	* html #footer { margin-left: -400px; }
	
	#footer p.footer {
		margin: 20px 0px 0px 20px;
		line-height: 1.4;
		text-align: left;
		color: #000000;
		font-size: 11px;
	}
	
	#footer p.footer a {
		color: #000000;
		text-decoration: none;
	}
	
	#footer p.footer a:hover {
		text-decoration: underline;
	}
	
	#footer span.media {
		color: #878889;
	}
	
	#footer span.media a {
		color: #878889;
	}
	
.uppercase {
	text-transform: uppercase;
}
.smaller {
	font-size:0.8em;
}
.emphasize {
	font-size: 1.2em;
	color:#e2001a;
	font-weight: bold;
}
.align-center {
	text-align:center;
}
.comment {
	color:#999;
}

table {
	width:100%;
	background-color:#e1f0bb;
}
thead th {
	text-align:center;
}
tbody th {
	text-align:left;
}
tfoot {
	color:#999;
}