@charset "UTF-8";
@media all
{	
	a.skip:focus, a.skip:active { position:absolute; top:40px; left:100px; padding:1px; border:1px solid #333; background:#0094a0; color:#fff; text-decoration:none; }	
	
	p { line-height: 1.5em; margin: 0 0 1em 0; }
	
	ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 0 }		
	
	input, textarea, select { 
		padding:2px;
		border:1px solid #fff;
		background:#d2cfc8;	
		font-size:1em; 
		font-family:verdana, arial, helvetica; 
	}

	input:focus, textarea:focus, select:focus { background-color:#fff; border-color:#0094a0 !important; }
	
	.button { clear:both; padding:0; cursor:pointer; border:1px solid #fff; }	
	.button:focus, .button:hover, .button:active { border:1px solid #333; }
	
	dt { font-weight: bold }
	dd { margin: 0 0 1em 0 }
	
	cite, blockquote { font-style:italic }
	blockquote { margin: 0 0 1em 1.5em }
	cite, .cite { display:block; margin:3em 0 0 0; font-size:0.9em;  }
	
	strong,b { font-weight: bold }
	em,i { font-style:italic }
	
	pre, code { font-family: monospace; font-size: 1.1em; }
	
	acronym, abbr {
	  letter-spacing: .07em;
	  border-bottom: .1em dashed #c00;
	  cursor: help;
	}
	
	.hidden { position:absolute;top:-1000em;left:-1000em;height:1px;width:1px }		
	legend { visibility:hidden;  }
	.note { font-size:0.9em; }
	.error { clear:both; color:red; }
	.important {background: #ffd; padding: 1em; border-bottom: 1px #ddb dotted; border-bottom: 1px #dbb dotted;}
	.warning {background: #fdd; padding: 1em; border-bottom: 1px #dbb dotted; border-bottom: 1px #dbb dotted;}
	
	.float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em;  }
	.float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em;  }
	.center { text-align:center; margin: 0.5em auto }
	
	
	/* ####### Links ########################################################### */
	
	a {color: #0094a0; text-decoration:none;}
	a:focus,
	a:hover,
	a:active {text-decoration:underline;} 
	
	.pfeil-link, .tx-simplegooglemap-maplink a { padding-left: 15px; background: url(../images/arrow_right.gif) no-repeat 0 0.3em; }
	.tx-simplegooglemap-backlink a { padding-left: 15px; background: url(../images/arrow_left.gif) no-repeat 0 0.3em; }
	.extlink { padding-left: 12px; background: url(../images/arrow_45-r.gif) no-repeat 0 0.2em; }
	.csc-linkToTop a { font-size:0.9em; padding-left: 15px; background: url(../images/arrow_up.gif) no-repeat 0 0.1em; }

	.filelinks a { color:#0094a0; }
	#col3 .filelinks {
		margin-left:8px;
	}
	
	/* ####### Tabellen ########################################################### */
	
	table { width: auto; border-collapse:collapse; margin-bottom: 0.5em; }
	table.full { width: 100%; }
	table.fixed { table-layout:fixed }
	
	th,td { padding: 0.5em; }
	thead th { background: #ccc; }
	tbody th { background: #ccc; color: #333 }
	tbody th.sub { background: #ccc; color: #333 }
	
				
	table { border-collapse:collapse; width: 99%; margin-bottom: 0.5em; font-size:100%; }
	
	table td { vertical-align:top; }
	
	table caption {
		margin:0 0 4px 2px;
		text-align:left;
		font-weight:bold;
	}
	
	.rahmen, .zweispaltig-rahmen, .dreispaltig-rahmen, .vierspaltig-rahmen, .fuenfspaltig-rahmen {
		margin:3px 0 0 3px; 
	}
	
	.rahmen td, .rahmen th, .zweispaltig-rahmen td, .zweispaltig-rahmen th, dreispaltig-rahmen td, dreispaltig-rahmen th, .vierspaltig-rahmen td, .vierspaltig-rahmen th, .fuenfspaltig-rahmen td, .fuenfspaltig-rahmen th {
		padding:2px 2px 2px 3px;
		border: 1px solid #333;
	}
	
	.rahmen th, .zweispaltig-rahmen th, .dreispaltig-rahmen th, .vierspaltig-rahmen th, .fuenfspaltig-rahmen th {
		background: #ccc;
	}
	
	.rahmen caption, .zweispaltig-rahmen caption, .dreispaltig-rahmen caption, .vierspaltig-rahmen caption, .fuenfspaltig-rahmen caption {
		margin:0 0 4px 2px;
	}
	
	.zweispaltig td, .zweispaltig-rahmen td { width:50% }
	.dreispaltig td, .dreispaltig-rahmen td { width:33% }
	.vierspaltig td, .vierspaltig-rahmen td { width:25% }
	.fuenfspaltig td, .fuenfspaltig-rahmen td { width:20% }
	
			

	/* ####### Inhaltselemente ########################################################### */
		
	.csc-frame { display:block; margin-bottom:2em; }
	#col1_content .csc-frame { clear:both; margin-bottom:2em; }
	div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img { margin-top:5px; }
	.csc-textpic-caption { padding-top:2px; font-size:0.9em; line-height:1.1em; }	

	.filelinks div { line-height:135%; }
	
		
	/*  Ueberschriften  */		
		  	
	#col1 h1 {
		margin: 13px 0 10px 0;
		line-height:1.3em;
		font-size:1em;
		text-transform:uppercase;
	}	
	#col1 h2 { margin-bottom:3px; }
	
	#zv-logo { float:left; margin:9px 8px 16px 0; }	
	
	#col2 h2, #col3 h2 {
		padding:4px 3px 4px 13px; 
		border-top:1px solid #d8d6ca;
		border-bottom:1px solid #d8d6ca;
		font-size:1em;
		text-transform:uppercase;
	}	
	
	#col3 h2 { margin-bottom:0.5em; padding:4px 3px 4px 8px; }
	#col3 p { padding-left:8px; padding-right:3px; }
	#col3 img { margin-left:0px; }
	#col3 .csc-textpic-intext-left img, #col3 .csc-textpic-left img { margin-left:8px; }
	
	#col1 ul { margin-left:1px; padding-left:0; list-style-type:none; }
	#col1 ul li  { margin-left:0; padding-left: 15px; background: url(../images/arrow_right.gif) no-repeat 0 0.40em; }

	
	/* ####### Formulare ########################################################### */	
		
	form { clear:both; } 
	#col1_content label, #col1_content .label { 
		clear:both; 
		float:left; 
		width:120px; 
		padding:4px 10px 0 0;
		text-align:right; 
	}
	
	#col1_content form .label { width:125px; padding:0 5px 0 0; margin:0; }	
	#col1_content form input, #col1_content textarea, #col1_content select { float:left; width:270px; margin:2px 0 2px 0; background-color:#fff; border-color:#444; }
	#col1_content form select { float:left; width:276px; }	
	#col1_content form .label_address { clear:none; float:right; width:auto; padding:4px 5px 0 0; text-align:right; }
	#col1_content form #zip { width:60px; }
	#col1_content form #city { width:199px;  margin-left:5px; }
	#col1_content form #message { height:110px; }
	#col1_content form .formtext { clear:both; padding-top:1.5em; }
	#col1_content form #formupload { }	
	#col1_content form .mandatory { clear:both; margin:0 0 0 130px; padding-top:1em; }
	#col1_content form .button { width:auto; margin:1.5em 0 2.5em 130px; border:1px solid #fff; }
	#col1_content form .button:focus, 
	#col1_content form .button:hover, 
	#col1_content form .button:active { border:1px solid #333; }
	#col1_content form .error { margin:0 0 0 130px; font-weight:normal; }
	
	#col1_content form #upload_form label { width:9.3em; }	
	#col1_content form #upload_form .button { margin-left:9.3em; position:relative; left:10px; }

	#col1_content form #workshop, #col1_content #altworkshop, #col1_content .checkbox { width:15px; text-align:center; }
	#col1_content form .longlabel { width:375px; }
	#col1_content form #noworkshop { position:relative; top:9px; left:0px; }
	#col1_content form #conditions { position:relative; top:3px; left:0px; }
	#col1_content form .margin_bottom { padding-bottom:45px; margin-bottom:45px;}
	#col1_content form .margin_top { padding-top:45px; margin-top:45px; }

	#col1_content .searchbox-tmpl-css form .tx-indexedsearch-form label { text-align:left; width:80px; margin-right:0; }
	#col1_content #tx-indexedsearch-searchbox-button-submit { clear:none; float:left; margin:3px 0 0 10px; }
	#col1_content #tx-indexedsearch-searchbox-sword { width:270px; }

	#col1_content .loginform { margin:1em 0 0 0; padding-bottom:3em; }
	#col1_content .loginform input[type=submit] {
		width:6em; 
		padding:1px 0px 1px 0px;
		margin: 4px 5px 0 131px;
		border:1px solid white;
		background: #0094a0;
		font-size:0.9em;
		color:#fff;
		text-transform:uppercase;
	}
	
	#col1_content .loginform input[type=submit]:hover {
		border-color:#000;
	}
		
	
	/* ####### Paginierung, Servicemenue ########################################################### */	
		
	.csc-linkToTop { clear:both; margin:-1.2em 0 1.6em 0; }
	.browsebox { clear:both; display:block; margin-top:3em; text-align:center; color:#0094a0; font-size:0.85em; }
	#col1 ul.browsebox li { padding:0; background:none; }
	.browsebox .act { color:#333; font-weight:bold; }
	.service_menu { clear:both; margin-top:6em; display:block; text-align:center; color:#0094a0; font-size:0.9em; }	
	
	
	/* ####### Searchbox ########################################################### */	
	
	.tx-macinasearchbox-pi1	 {		
		margin:2.2em 0 2em 0;
		padding-bottom:10px;
		border-bottom:1px solid #d8d6ca;
	}
	
	.tx-macinasearchbox-pi1 input { margin-left:13px; }	
	
	.tx-macinasearchbox-pi1 .search_input { 
		width:129px;
		margin:15px 0 7px 13px;
	}		
	
	.csc-news-list { margin-bottom:2.2em; border-bottom:1px solid #d8d6ca; }

	
	/* ####### Suche ########################################################### */		

	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info { 
		margin-left:0; 
		padding:1px 2px 0 3px;
		font-size:0.9em;
	}
	
	.tx-indexedsearch dl.info-tmpl-css dd { margin:0pt 1.3em 0.1em 0.3em; }
	.tx-indexedsearch .percent-tmpl-css { 
		margin-right:0.15em;
		margin-top:-2.25em;
	}


	/* ####### GoogleMap ########################################################### */	
	
	#map { width:433px;
		height:250px;
		font-size:0.9em;
	}	
	
	
	/* ####### Sitemap ########################################################### */	
	
	#col1 .csc-sitemap ul { margin:0 0 0 0; }		
	#col1 .csc-sitemap ul ul { margin:0.3em 0 0 1.5em; }	
	#col1 .csc-sitemap li { padding-bottom: 0.2em; }
		
}