/********************************
 * zitzmann-gmbh.de Main Styles
 ********************************/

/**********************
 * Global HTML Styles
 **********************/	

 	html {
		height: 100%;
		margin: 0;
		padding: 0;
	}
	
	body {
		font-family: verdana, arial;
		font-size: 11px;
		color: #666;
		line-height: 140%;
		height: 98%;
		min-height: 100%;
		margin: 0;
		padding: 0;
		background-color: #fff;
	}
	
	img {
		border: 0;
		margin: 0;
	}
	
/*
 * real content begin
 */
 
	h1 {
		margin: 10px 0 8px 0px;
		font-size: 18px;
		color: #666;
	}
	
	h1.csc-firstHeader {
		font-size: 18px;
		color: #666;
	}
	
	h3 {
		margin: 10px 0 8px 0;
		font-size: 18px;
		color: #666;
	}
	
	h3.csc-firstHeader {
		font-size: 18px;
		color: #666;
	}
	
	h5 {
		margin: 22px 0 0 0;
		font-size: 13px;
		color: #666;
	}
	
	h5.csc-firstHeader {
		font-size: 13px;
		color: #666;
	}
	
	div.csc-header {
		padding: 0 0 0 0;
	}
	
	p.bodytext {
		margin: 7px 0 7px 0;	
	}
	
	blockquote {
		margin-left: 20px;
	}
	
	a:link { 
		color: #333;
		font-weight: bold;
		text-decoration: none;
		
	}
	
	a:visited { 
		color: #333;
		font-weight: bold;
		text-decoration: none;
	}
	
	a:hover { 
		color: #666;
		font-weight: bold;
		text-decoration: underline;
	}
	
	a:active { 
		color: #666;
		font-weight: bold;
		text-decoration: none;
	}
	
	table.csc-uploads {
		margin-left: 20px;
	}
	
/* Sitemap Styles */

	p.csc-sitemap-level1 {
		margin: 4px 0px 4px 20px;
	}
	
	p.csc-sitemap-level2 {
		margin: 3px 0px 3px 60px;
	}
	
	p.csc-sitemap-level3 {
		margin: 2px 0px 2px 100px;
	}
	
/* contact_form */
	
	table.csc-mailform {
		margin-left: 20px;
		margin-top: 10px;
	}
	
	td.csc-form-labelcell {
		text-align: right;
	}
	
	td.csc-form-labelcell-text {
		width: 178px;
	}
	
 	td.csc-form-fieldcell input {
		margin: 2px 0px;
	}
	
	p.csc-form-label-req, p.csc-form-label {
		margin: 0px;
		margin-top: 5px;
		padding-right: 10px;
	}
	
	td.csc-form-labelcell-check {
		margin: 0px;
		padding: 0px;
	}
	
	p.csc-form-label-check {
		margin: 0px;
		margin-top: 2px;
		padding-left: 5px;
	}
	
	td.csc-form-fieldcell-check {
		width: 193px;
		margin: 0px 0px;
		text-align: right;
	}
	
	td.csc-form-fieldcell-check input {
		
	}
	
	p.error {
		padding-top: 20px;
		color: red;
		font-weight: bold;
	}
	
/* indexed_search */

	 .tx-indexedsearch P.tx-indexedsearch-noresults { 
	 	font-weight:bold; 
	 }
	 
	 .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title p { 
		 margin: 0px;
		 font-weight:normal; 
	 }
	 
	 .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr p { 
	 	margin: 10px 0px; 
	 	font-style: italic; 
	 }
	 
	 .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr p .tx-indexedsearch-redMarkup { 
	 	margin: 0px; 
	 	font-weight:bold; 
	 }
	 
	 .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead h2 { 
		 margin: 8px 0px;
		 font-size:15px;  
	 }
	 
/* map24 */

	table.blockborder {
		margin-left: 40px;
		margin-bottom: 20px;
	}
	
/* calendar */

	.calendar_table { 	
		width: 151px;
		margin: 0px;
		margin-top: 2px;
		padding: 0px;
		border-right: #999 1px solid;
		border-top: #999 1px solid;
		border-left: #999 1px solid;
		border-bottom: #999 1px solid;
		background-color: white;
		font-family: Arial, Helvetica, sans-serif;
	}
	
	.cal_days td { 
		width: 24px;
		margin: 0px;
		padding: 0px;
		border-bottom: #999 1px solid;
		border-top: #999 1px solid;
		background-color: #bababa;
		color: #FFFFFF;
		font-size: 10px;
		font-weight: bold; 
		text-align: center;
	}
	
	.cal_content {
		width: 20px;
		height: 14px;
		margin: 0px;
		padding: 0px;
		background-color: white;
		color: #666666;
		font-size: 11px;
		font-weight: normal;
		text-align: center;
	}
	
	.cal_empty {
	}
	
	a.cal_event:link, a.cal_event:visited { 	
		color: #003366;
		font-weight: bold;
		text-decoration: none; 	
	}

	a.cal_event:hover, a.cal_event:visited:hover {  
		color: #003366;
		font-weight: bold;
		text-decoration: none;
	}

	.cal_today { 	
		border: #ff0000 1px solid;
		color: red;
		font-size: 10px;
		font-weight: normal;
	}
	
	.cal_today a:link, .cal_today a:visited { 	
		color: red;
		font-size: 11px;
		font-weight: bold;
		text-decoration: none; 	
	}
	
	.cal_today a:hover, .cal_today a:visited:hover {  
		color: red;
		font-size: 11px;
		font-weight: bold;
		text-decoration: underline;
	}
	
	div.tx-desimplecalendar-pi1-listrow blockquote {
		margin: 0px 0px 0px 20px;
		padding: 0;
	}
	
	h5.list_item_header {
		margin: 20px 0px 7px 0px;
		padding: 0;
	}
	
	.list_item_date {
		font-weight: bold;
	}
	
	p.list_item_shortdescription {
		margin: 3px 0px;
		padding: 0;
	}
	
	div.tx-desimplecalendar-pi1-browsebox {
		margin-top: 30px;
		padding: 0;
	}
	
	div.tx-desimplecalendar-pi1-browsebox p {
		margin: 5px 0px;
		padding: 0;
	}

	#calTeaser h4 {
		margin: 10px 0px 0px 6px;
		font-size: 11px;
	}
	
	table.upcoming_item_tablewrap {
		margin: 5px 4px;
	}
	
	.upcoming_item_date, .upcoming_item_time {
		font-size: 9px;	
	}

/*
 * real content end
 */
	
	
/*********************
 * General Structure
 *********************/
	
 	#container {
		width: 979px;
		height: 100%;
		margin: 0 auto;
		padding: 0;
		border-collapse: collapse;
		border-spacing: 0;
	}
	
	td.container {
		vertical-align: top;
		padding: 0;
		background: url("../gfx/shbox_t.gif") no-repeat;
	}
	
	#header {
		width: 957px;
		height: 138px;
		margin: 0 auto;
		padding: 0;
	}
	
	#headerGfx {
		position: absolute;
		margin-top: 7px;
		margin-left: 200px;
	}
	
	#content {
		position: relative;
		width: 957px;
		margin: 0 auto;
	}
	
	#navi {
		position: absolute;
		width: 200px;
		height: 250px;
		padding: 0;
	}
	
	#mainContent {
		z-index: 1;
		position: relative;
		left: 200px;
		width: 602px;
		margin: 0;
		padding: 0;
	}
	
	#mainContent div.spacer {
		width: 602px;
		height: 2px;
		font-size: 1px;
		background-color: #fff;
	}
	
	#mainContent p.spacer {
		margin-top: 30px;
	}
	
	#c {
		width: 562px;
		margin: 0 20px;
		padding: 0;
	}
	
	#sideContent {
		position: absolute;
		top: 0px;
		left: 804px;
		width: 153px;
	}
	
	#footer {
		margin-left: 750px;
		height: 27px;
		padding: 0;
	}

/******************
 * Main Menu
 ******************/
 
 	#naviMenu {
		width: 133px;
		margin: 1px 0px 0px 67px;
	}
	
	#naviMenu ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	#naviMenu a {
		display: block;
		margin: 0;
		padding: 4px 4px;
		border-top: 1px solid;
		border-bottom: 1px solid;
		border-left: 2px solid;
		border-right: 2px solid;
		border-color: #fff;
		white-space: nowrap;
		font: bold 14px arial, helvetica, sans-serif;
	}
	
	#naviMenu li.section {
		padding-top: 20px;
	}
 
	#naviMenu a.flyout,
	#naviMenu a.flyoutlast {
		display: block;
		margin: 0;
		padding: 2px 3px;
		border-top: 1px solid;
		border-bottom: 0px solid;
		border-left: 1px solid;
		border-right: 1px solid;
		border-color: #999;
		white-space: nowrap;
		font: 10px arial, helvetica, sans-serif;
	}
	
	#naviMenu a.flyoutlast {
		border-bottom: 1px solid;
		border-color: #999;
	}
	
	#naviMenu li {
		position: relative;
	}
	
	/* Fix IE. Hide from IE Mac \*/
	* html #naviMenu ul li{float:left;height:1%;}
	* html #naviMenu ul ul {left-margin:1px;}
	* html #naviMenu ul li a{height:1%;}
	/* End */
	
	#naviMenu ul li {float: left; width: 100%;}
	#naviMenu ul li.section ul { padding-top: 20px; }
	#naviMenu ul li.section ul ul,
	#naviMenu ul li.section ul ul ul { padding-top: 0; }
	
	#naviMenu ul ul {
		position: absolute;
		top: 1px;
		left: 133px;
		width: 100%;
	}
	
	#naviMenu ul ul ul,
	#naviMenu ul ul ul ul {
		position: absolute;
		top: 0px;
		left: 132px;
		width: 100%;
	}
	
	div#naviMenu ul ul,
	div#naviMenu ul li:hover ul ul,
	div#naviMenu ul ul li:hover ul ul {
		display: none;
	}
	
	div#naviMenu ul li:hover ul,
	div#naviMenu ul ul li:hover ul,
	div#naviMenu ul ul ul li:hover ul {
		display: block;
	}
	
/************************
 * Head Gfx /  Sub Menu
 ************************/

	#headerSide img {
		margin: 1px;
		white-space: nowrap;
	}
	
	#headerGfx {
		width: 758px;
		background: url("../gfx/logo.jpg") 604px 0 no-repeat;
	}
	
	#footer ul {
		display: inline;
		list-style: none;
	}
	
	#footer li {
		float: left;
		margin: 0px 7px;
	}
	
	#footer li.start {
		float: left;
		margin: 0px 7px 0px 0px;
	}
	
	#footer li.stuff {
		float: left;
		margin-top: 2px;
	}
	
	#footer li.menu {
		float: left;
		margin: 0px 7px 0px 27px;
	}
	
	#footer li.last {
		float: left;
		margin: 0px 0px 0px 4px;
	}

/*
 * Search Field 
 */

	#headerSide form {
		padding: 96px 0 0 69px;
		margin: 0;
		font-size: 8px;
		white-space: nowrap;
	}

	#headerSide form #q {
		width: 108px;
		font-size: 10px;
		border:	1px solid #333;
		background: #f4f7f7;
		padding: 2px;
	}
	#headerSide form #q:hover, #headerSide form #q:focus {
		background: #fff;
	}


