/**
 * 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:Arial ; font-size:12px; }
	html { height:100%; }
	body { height:100%; margin:0; padding:0; text-align:center; background:#fff; }
	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:#029fc5; text-decoration:none;  background-color: #eff9fc; }
	a:hover { color:#029fc5; text-decoration: underline;}
	p { margin:0; padding:0 0 0.75em 0; line-height:150%; }
	h1 { margin:0; padding:0; font-size:120%; }
	h2 { margin:0; padding:0 0 1em 0; font-size:140%; font-style: italic; color: #2d3e96; }
	h3 { margin:0; padding:0 0 1em 0; font-size:120%; font-style: italic;color: #2d3e96;  }
	h4 { margin:0; padding:0 0 1em 0; font-size:100%; font-style: italic;color: #2d3e96;  }
	h5 { margin:0; padding:0 0 1em 0; font-size:80%; color: #2d3e96; }
	form { margin:0; padding:0; }
	fieldset { margin:0 0 1em 0; color: #2d3e96; }
	input { font-family:verdana; font-size:12px; color: #2d3e96; }
	input.text { border:1px solid #000000; color: #2d3e96; }
	input.password { border:1px solid #000000;color: #2d3e96;  }
	input.file { border:1px solid #000000; color: #2d3e96; }
	input.checkbox { /*** nichts bis jetzt ***/ color: #2d3e96; }
	input.radio { /*** nichts bis jetzt ***/ color: #2d3e96; }
	input.button { font-family:verdana; font-size:12px; color: #2d3e96; }
	textarea { font-family:verdana; font-size:12px; border:1px solid #000000; color: #2d3e96; }
	select { font-family:verdana; font-size:12px; border:1px solid #000000; color: #2d3e96; }
	button { font-family:verdana; font-size:12px; color: #2d3e96; }
	hr { height:1px; border: none; background-color: #e0e0ec; color: #e0e0ec; }
	.align-center { text-align:center; color:#2D3E96; margin:0 0 1em; padding:0; }
	.align-right { text-align:right; color:#2D3E96; margin:0 0 1em; padding:0; }
	.align-left { text-align:left; color:#2D3E96; margin:0 0 1em; padding:0; }
	.align-justify { text-align:justify; color:#2D3E96; margin:0 0 1em; padding:0; }

/**
 * Layout styles
 **/
body {   }
	#header-wrap { position:fixed; top:0; left:0; width:100%; z-index:999; }
	#header-container { height:12px; background:transparent url(../images/fixed_header_top.gif) left top repeat-x;  z-index:999; }

#container-wrap { background:transparent url(../images/bg-line-keyvisual.gif) center 217px no-repeat;  }

	#container { width:950px; margin: 0 auto; overflow: auto; padding: 12px 0 40px; text-align:left; }
	    .pageHeader { width:950px; height:225px; background:transparent url(../images/bg_keyvisual.gif) right bottom no-repeat; }
	    	.pageHeader img{ background: url(../images/logo-citylauf-leonberg.gif) no-repeat; }
	        /*.langNavi { float:left; width:300px; height:50px; background:#9f9; }
		        .langNaviWrap { padding:10px; }
	        .date { float:left; width:200px; height:70px; background:#99f; }
		        .dateWrap { padding:10px; }
	        .breadcrumb { clear:both; width:990px; height:50px; background:#9f9; text-align:right; }
		        .breadcrumbWrap { padding:10px; }*/
		.pageMain { width:950px; float:left;  background:transparent url(../images/bg_laeuferschatten.gif) right top no-repeat; }
		    .navi { float:left; width:230px; }
		        .navi form select { width:180px; margin:0 0 0 10px; overflow:hidden; }
		    .content { float:left; }
		    .widthContent { width:720px; }
		    .thinContent { width:520px; }
		        .contentWrap { padding:30px 0px 150px 15px; }
		        .logos{ padding-left: 245px; clear:both; }
		            .logos .csc-textpic-imagerow{float:left;}
		    .rightCol { float:left; width:200px; }
		        .rightWrap{ margin:40px 0 20px; padding: 0 10px; }
		            .rightWrap div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img { margin-bottom:10px; }
		.pageFooter { clear:both; width:950px; height:30px; font-size: 11px; }
		    
			    .serviceNavi { float:right;  }
			        .serviceNaviWrap { padding:0px; clear:both;}
			        .serviceNaviWrap UL { list-style-type: none; margin: 0px; padding: 0px; float:left; }
			        .serviceNaviWrap UL LI { float: left; margin: 0px 0px 0px 10px; padding: 0px; height:16px; display:block; }
			        .serviceNaviWrap a{ font-size: 11px;  background-color: #eff9fc; letter-spacing: 0.7px;  }
			        .serviceNaviWrap a:hover, .serviceNaviWrap a.act{ text-decoration: underline; }
			        	SPAN.servicenavi_entry { margin: 10px; }
			        .serviceNaviWrap li.print { margin-top:4px; }
			        .serviceNaviWrap .printlink { padding-left:16px; line-height:16px; background: #EFF9FC url(../images/print.gif) no-repeat 0 3px; }
		   
			    
/*	#footer-wrap { position:fixed; bottom:0; left:0; width:100%; z-index:999; }
	#footer-container { height:12px; background:#fff; z-index:999; }*/
		 


/**
 * 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
 **/
 
	.mainNavi { margin:40px 0 20px 0; padding:0; }
		
		.mainNavi ul.menu-level1 { margin:0; padding:0; list-style-type:none; border-top:1px dashed #2d3e96; }
		.mainNavi li{ border-bottom:1px dashed #2d3e96;}	
		.mainNavi ul li a{  display: block; line-height: 26px; color: #2d3e96; font-weight: bold; padding-left: 10px; background-color: transparent;}	
		.mainNavi a:hover{ background: transparent url(../images/navi_level1.gif) left top no-repeat;  color: #fff; text-decoration: none;  }
		.mainNavi ul.menu-level1 li a.act{ background: transparent url(../images/navi_level1.gif) left top no-repeat;  color: #fff;  }
			
		.mainNavi ul.menu-level2{ margin: 0px; padding: 0px; list-style-type:none; background-image: none;  }
		.mainNavi ul.menu-level2 li{ border-bottom:0px dashed #2d3e96; }	
		.mainNavi ul.menu-level2 li a { padding-left: 35px; background: transparent url(../images/navi_level2_pfeil.gif) left top no-repeat; border-bottom: 0px solid red;  }
		.mainNavi ul.menu-level2 li a:hover{ background: transparent url(../images/navi_level2.gif) left top no-repeat;  color: #fff;  }	
		.mainNavi ul.menu-level1 li ul.menu-level2 li a.act{ background: transparent url(../images/navi_level2.gif) left top no-repeat;  color: #fff; padding-left: 35px;  }	
		
		.mainNavi ul.menu-level3{ margin:0; padding:0; list-style-type:none; }
		.mainNavi ul.menu-level3 li a { padding-left: 58px; background: transparent url(../images/navi_level3_pfeil.gif) left top no-repeat; border-bottom: 0px solid red; font-weight: normal; }
		.mainNavi ul.menu-level3 li a:hover{ background: transparent url(../images/navi_level3_pfeil.gif) left top no-repeat;  text-decoration: underline;  color: #2d3e96;}	
		.mainNavi ul.menu-level1 li ul.menu-level2 li ul.menu-level3 li a.act{ background: transparent url(../images/navi_level3_pfeil.gif) left top no-repeat;  padding-left: 58px;  text-decoration: underline;  color: #2d3e96;}
			
			
			/*.mainNavi ul.naviL0 li { margin:0; padding:0; background:#fff; border-bottom:1px solid #999; font-weight:normal; font-style:normal; }
			.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; }*/


	

/**
 * 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 1em 0; padding:0; color: #2d3e96; }
	.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 86px 20px 5px; }
		.csc-sitemap ul {list-style-image:none; list-style-type:none; margin:0; padding: 0px; }
		.csc-sitemap a{ display: block;  padding: 5px 0px 4px 15px; border-bottom: 1px dashed #dfdfeb; color: #2d3e96;}
		.csc-sitemap ul li ul li a{ padding-left: 50px; }
		.csc-sitemap ul li ul li ul li a{ padding-left: 65px;  }

	/* 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; }

	/* Powermail */
	.tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html label { font-size:100%; }
	fieldset.tx-powermail-pi1_fieldset div.even { background:none; }
	#uid5 { margin-right:10px; }

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