/* ############################################################## */
/* ############ Bereich 1 = body ################################ */

body	{font-family:arial, helvetica, sans-serif;
	font-size:10pt;
	background-color:#ececec;
	width:1002px;
	margin:0 auto;
	text-align:center;
	padding-top:20px;
	}

img, a {
	border: 0;
}

/* ############################################################## */
/* ############ Bereich 2 = Layout - Definition ################# */
	

/* ############ Strukturcontainer ############################### */


.str_all	{
		width:980px;
		border:1px solid #ccc;
		padding-left:20px;
		background-color:#ffffff;
		text-align:left;
		}

.str_top_up, .str_top_down	{
				width:960px;
				margin-right:20px;
				background-color:#ffffff;
				}

.str_top_up	{
		height:255px;
		}
		
.str_top_down	{
		height:25px;
		margin-bottom:20px;
		}
		
.str_top_left_1	{
		float:left;
		width:760px;
		height:255px;
		background-color:#ffffff;
		}

.str_top_right_1	{
			float:right;
			width:180px;
			height:24px;
			background:#dedede;
			font-size:8pt;
			color:#000;
			margin-bottom:1px;
			text-align:center;
			}

.str_top_left_2	{
		clear:both;
		float:left;
		width:760px;
		height:25px;
		margin-top:1px;
		line-height:25px;
		}
		
.str_top_right_2	{
			float:right;
			width:180px;
			height:25px;
			margin-top:1px;
			line-height:25px;
			vertical-align:middle;
			}

/* ############ Inhaltscontainer ################################ */
		
.cnt_links	{
		clear:both;
		float:left;
		width:180px; 
		background-color:#ffffff;
		}

.cnt_rechts	{
		float:right;
		width:180px;
		padding-top:0;
		//padding-bottom:5px;
		margin-top:0;
		margin-right:20px;
		background: #dedede;
		display:inline;
		}
.cnt_rechts div {
		padding-left: 5px;
}

.cnt_rechts .csc-header, .cnt_rechts .csc-header-n2 {
padding-left: 0px;
}	

		
.cnt_mitte	{
		width:560px;
		margin-left:200px;
		background-color:#ffffff;
		}

	
.cnt_bild_links	{
		width:270px;
		float:left;
		}
.cnt_bild_rechts	{
		width:270px;
		float:right;
		}


.cnt_clear:after	{
			content: ".";
			clear:both;
			display:block;
			height:0;
			visibility:hidden;
			}
		
		
/* ############################################################## */
/* ############ Bereich 3 = Style - Definitionen allgemein ###### */
	
.orange_kopfzeile {background: #ed9319 url(/fileadmin/kiga_images/bg_orange.png) no-repeat; color:#ed9319;}
#.pink_kopfzeile {background: #dd137b url(/fileadmin/Kisti_images/kopfzeile_pink.png) no-repeat; color:#dd137b;}
#.blau_kopfzeile {background: #00abde url(/fileadmin/Kisti_images/kopfzeile_blau.png) no-repeat; color:#00abde;}

#.orange_helfen {background: #ed9319 url(/fileadmin/Kisti_images/helfen_orange.png); color:#ed9319;}
#.pink_helfen {background: #dd137b url(/fileadmin/Kisti_images/helfen_pink.png); color:#dd137b;}
#.blau_helfen {background: #00abde url(/fileadmin/Kisti_images/helfen_blau.png);color:#00abde;}

#.orange {background: #ed9319 url(/fileadmin/Kisti_images/Flash_platzhalter_orange.gif) no-repeat; background-position: 0 20px;}
#.pink {background: #dd137b url(/fileadmin/Kisti_images/Flash_platzhalter_pink.gif) no-repeat; background-position: 0 20px;}
#.blau {background: #00abde url(/fileadmin/Kisti_images/Flash_platzhalter_blau.gif) no-repeat; background-position: 0 20px;}

		/* ###  Feldfarbe, Rahmenfarbe, Abstände: ###*/
		input, button, textarea, select {
			border: 1px #ccc solid;
			background-color: #fff;
			padding: 0.4em;
			margin: 0.2em;
			overflow:visible;
			}
		
		textarea, option {
			font-family: arial, helvetiva, sans-serif; 
			font-size: 0.9em;
			}
			
					
		/* ### Änderung Feldfarbe beim Überfahren: ###  */
		input:hover, button:hover, textarea:hover, select:hover, input:focus, button:focus, textarea:focus, select:focus {
			background-color: #eee;
			}


/* ### Bildunterschrift  ### */
.csc-textpic-caption {
	font-style: italic;
	font-size: 1em;
	color:#333;
}
/* ############################################################## */
/* ############ Bereich 4 = Style - Definitionen Container ###### */


/* ############################################################## */
/* ############ Bereich 5 = Style - Definitionen content ######## */

	/* ################################ */
	/* ###### css für cnt_rechts ###### */


.cnt_rechts h1	{
		display:block;
		margin:0;
		padding:5px 0 3px 3px;
		font-size:10pt;
		color:#ffffff;
		background: url(/fileadmin/kiga_images/bg_rot.png) #ac1620;
		}

.cnt_rechts,	{
		padding-left:5px;
		}
	/* ################################ */
	/* ###### css für cnt_mitte ####### */

.cnt_mitte h1, .cnt_mitte span.important	{
						display:block;
						color:#0081C6;
						font-size:14pt;
						font-weight:bold;
						}
.cnt_mitte h2					{
						display:block;
						font-size:12pt;
						}
.cnt_mitte h3					{
						display:block;
						font-size:12pt;
						font-style:italic;
						}
.cnt_mitte h4					{
						display:block;
						font-size:10pt;
						color:#0081C6;
						}
.cnt_mitte h5					{
						display:block;
						font-size:10pt;
						color:##EE7F01;
						}
.cnt_mitte h6					{
						display:block;
						font-size:10pt;
						}

.cnt_mitte span.detail	{
			font-size:9pt;
			}	
			


h1 a	{	
		font-size:10pt;
		text-decoration:none;
		color:#222;
		background:#fff9eb;
		display:block;
		padding:3px;
		}


.projekt_table, .projekt_table tr, .projekt_table td {
	border:0;
	padding:0;
	margin:0;
}
.zelle_links, .zelle_rechts {width:270px; vertical-align:top;}
.projekt_table .zelle_links {padding-right:15px;}

.tx-powermail-pi1 label {
	width:150px;
	float:left;
}

.cl_sitemap a:link, .cl_sitemap a:visited {
color:#444;
text-decoration:none;
}

.cl_sitemap a:hover, .cl_sitemap a:active {
color:#00925B;
text-decoration:none;
}
/* ############################################################## */
/* ############ Bereich 6 = geänderte T3-Klassen ################ */


/* ############################################################## */
/* ############ Bereich 7 = Workarounds IE ###################### */

	/* ### siehe ie6.css ###*/