/**
 * Standard-Styles,
 * die für jedes Web immer gesetzt werden sollten!
 *
 * - Standardschriften für body und tables
 * - Tabellen allgemein
 * - allgemeine Strukturierungs-Tags
 * - Formularelemente
 **/
	* { font-family:Trebuchet MS, verdana; font-size:12px; }
	html { height:100%; }
	body { height:100%; margin:0; padding:0; text-align:center; background:#000; }
	table { border-collapse:collapse; margin:0; padding:0; border:0; }
	table tr th { padding:0; margin:0; border:0; }
	table tr td { padding:0; margin:0; border:0; }
	img { border:0; }
	a { color:#b00000; text-decoration:none; }
	a:hover { color:#b00000; text-decoration:underline; }
	p { margin:0; padding:0 0 0.5em 0; line-height:150%; }
	h1 { margin:0; padding:0 0 1em 0; font-size:170%; font-weight: normal; }
	h2 { margin:0 0 5px -15px; padding:0 0 0 15px; font-size:100%; background: transparent url(../images/h2_icon.gif) left center no-repeat;}
	h3 { margin:0; padding:0 0 1em 0; font-size:100%; }
	h4 { margin:0; padding:0 0 1em 0; font-size:90%; }
	h5 { margin:0; padding:0 0 1em 0; font-size:80%; }
	form { margin:0; padding:0; }
	fieldset { margin:0 0 1em 0; }
	input { font-family:verdana; font-size:12px; }
	input.text { border:1px solid #000000; }
	input.password { border:1px solid #000000; }
	input.file { border:1px solid #000000; }
	input.checkbox { /*** nichts bis jetzt ***/ }
	input.radio { /*** nichts bis jetzt ***/ }
	input.button { font-family:verdana; font-size:12px; }
	textarea { font-family:verdana; font-size:12px; border:1px solid #000000; }
	select { font-family:verdana; font-size:12px; border:1px solid #000000; }
	button { font-family:verdana; font-size:12px; }
	
	ul{ padding: 0px 0px 0px 15px; list-style-type: square; font-size: 12px; line-height: 150%; }


/**
 * Layout styles
 **/

	.pageBody { margin:0 auto 0 auto; width:987px; height:100%;  text-align:left; position:relative; background:#fff url(../images/black.gif) 142px 150px repeat-y; color: #323232; }
	    .pageHeader { position:relative; width:987px; /*height:104px;*/ float: left; background: #fff;}
	    	.logoWrap{ float: left; width: 987px; height: 86px;}
	    		.logo{ margin: 0px 0px 28px 0px; padding: 0px; float:left; }
	    		
	    		
	    	.naviWrapper_new{ float: left; width: 987px; }
	    		.leftNavi{ float: left; width: 564px;}
	    			.leftNaviInline{ margin: 0px 0px 0px 172px;}
	    		.rightNavi{ float: left; width: 423px; }		            
		.pageMain { width:987px; background:#fff; float:left; }
			.leftWrap{ float: left; width: 142px;  }
		    	.navi { float:left; width:142px; }
		    .rightWrap{ float: left; width: 844px; border-left: 1px solid #323232; }
		    	.content { float:left; width:784px; border-top: 1px solid #323232; text-align:justify; }
		       	 	.contentWrap { padding:28px 128px 28px 28px; float: left;}
		       	 	.galleryLeftWrap { float: left; width:572px;}
		       	 		.galleryLeft{ padding: 28px 0px 0px 28px; float: left; }
		       	 	.galleryRightWrap { float: left; width:212px;}
		       	 		.galleryRight{ padding: 27px 0px 0px 20px; float: left; }
		.pageFooter { clear:both; position:relative; width:987px; height:35px; }
		    .footerText { position:absolute; top:0; left:0; width:990px; border-top:2px solid #999; text-align:center; }
		    .xhtmlTrans { position:absolute; top:30px; left:0; width:200px; }
		    .fooerNavi { position:absolute; top:30px; left:200px; width:790px; }


/**
 * Beispiel für einen IE6-Hack: TODO
 **/
	* html .pageBody {}
	*+html divname {}


/**
 * Styles für Navigation
 *
 * - Hier als Beispiel für eine Textnavi
 * - mehrstufig durch Listenelemente
 * - barrierefrei
 **/
 
 
 	
 		.mainmenu{ float:left; margin:0px 30px 0px 0px; }
 		.mainmenu a{ font-size: 14px; text-decoration: none;}
 			.mainmenu a.menu_off:link, .mainmenu a.menu_off:visited{ color: #323232; text-decoration: none; }
 			.mainmenu a.menu_off:hover, .mainmenu a.menu_off:focus{ color: #b00000; text-decoration: none;}
 			.mainmenu a.menu_on:link, .mainmenu a.menu_on:visited{ color: #b00000; text-decoration: none;}
 			.mainmenu a.menu_on:hover, .mainmenu a.menu_on:focus{ color: #b00000; text-decoration: none;}
 
 
	.mainNavi { margin:20px 0 20px 0; padding:0; }
		.mainNavi ul.naviL0 { margin:0; padding:0; list-style-type:none; border-top:1px solid #999;}
			.mainNavi ul.naviL0 li { margin:0; padding:0; background:#ccc; border-bottom:1px solid #999; font-weight:normal; font-style:normal;  float: left; }
			.mainNavi ul.naviL0 li.act { font-style:italic; }
			.mainNavi ul.naviL0 li.cur { font-weight:bold; }
			.mainNavi ul.naviL0 li.hassub { margin:0; padding:0; border:0px; }
				.mainNavi ul.naviL0 li span { display:block; padding:4px 10px 4px 10px; }
		.mainNavi ul.naviL1 { margin:0; padding:0; list-style-type:none; border-top:1px solid #999; }
			.mainNavi ul.naviL1 li { margin:0; padding:0; background:#ddd; border-bottom:1px solid #999; font-weight:normal; font-style:normal; }
			.mainNavi ul.naviL1 li.act { font-style:italic; }
			.mainNavi ul.naviL1 li.cur { font-weight:bold; }
			.mainNavi ul.naviL1 li.hassub { margin:0; padding:0; border:0px; }
				.mainNavi ul.naviL1 li span { display:block; padding:4px 10px 4px 20px; }
		.mainNavi ul.naviL2 { margin:0; padding:0; list-style-type:none; border-top:1px solid #999; }
			.mainNavi ul.naviL2 li { margin:0; padding:0; background:#eee; border-bottom:1px solid #999; font-weight:normal; font-style:normal; }
			.mainNavi ul.naviL2 li.act { font-style:italic; }
			.mainNavi ul.naviL2 li.cur { font-weight:bold; }
			.mainNavi ul.naviL2 li.hassub { margin:0; padding:0; border:0px; }
				.mainNavi ul.naviL2 li span { display:block; padding:4px 10px 4px 30px; }

/**
 * SERVICENAVIGATION
 *
 *  
 *  
 **/
 	.serviceNaviWrap a {margin: 0px 30px 0px 0px; float: left; font-size:14px; text-decoration: none;}
	.serviceNaviWrap a.off:link, .serviceNaviWrap a.off:visited{ color: #323232; text-decoration: none;}
	.serviceNaviWrap a.off:hover, .serviceNaviWrap a.off:focus{ color: #b00000; text-decoration: none;}
	.serviceNaviWrap a.on:link, .serviceNaviWrap a.on:visited{ color: #b00000; text-decoration: none;}
	.serviceNaviWrap a.on:hover, .serviceNaviWrap a.on:focus{ color: #b00000; text-decoration: none;}


/**
 * SUBNAVI 
 **/
 
 	.navi ul{ margin: 68px 0px 0px 0px; padding: 0px; list-style-type: none; text-align: right; text-transform: uppercase; }
 	.navi li{ margin: 0px 8px 23px 0px;}
 	.navi li a:link, .navi li a:visited{ color: #323232; font-size: 14px; text-decoration: none;}
 	.navi li a:hover, .navi li a:focus{ color: #b00000; font-size: 14px; text-decoration: none;}
 	.navi li.menu-level1-current-active a{ color: #b00000; font-size: 14px; }
 	

/**
 * CSS-Styled-Content Styles
 *
 * - betrifft Typo3-default-Contentelemente
 * - sollten immer geprüft werden
 **/

	/* defaults für alle */
	.csc-textpic-image { margin:0 0 1em 0; padding:0; }
	.bodytext { margin:0 0 0.5em 0; padding:0; }
	.csc-header { margin:0; padding:0; }
	.csc-subheader { margin:0 0 1em 0; padding:0; }
	.csc-bulletlist { margin:0 0 1em 0; }
	.contenttable { margin:0 0 1em 0; }
	.csc-uploads { margin:0 0 1em 0; }
	.csc-sitemap { margin:0 0 1em 0; }

	/* csc-tables */
	table.contenttable tr td { vertical-align:top; padding:3px; }
	table.contenttable caption { padding:3px; font-weight:bold; }
	/* typ 0 */
		table.contenttable-0 tr td { border:0; }
	/* typ 1 */
		table.contenttable-1 tr.tr-even { background-color:#eee; }
	/* typ 2 */
		table.contenttable-2 tr.tr-0 td { background-color:#eee; }
	/* typ 3 */
		table.contenttable-3 tr td.td-0 { background-color:#eee; }

	/* csc-uploads */
	table.csc-uploads tr td { vertical-align:top; padding:0 10px 0 0; border:0; }


/**
 * T3-Admin-Panel
 **/
 
	table.typo3-adminPanel { position:absolute; right:5px; top:5px; }