/* ############################################################## */
/* ############ 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:255px;
			background-color:#dedede;
			font-size:8pt;
			color:#ffffff;
			}

.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-color:#dedede;
		display:inline;
		}	

		
.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/Kisti_images/kopfzeile_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;
			}

.powermail_mandatory_js {
		color:#CC0000;
		font-style:italic;
		margin-left:150px;
}
.csc-textpic-caption {
	font-style: italic;
	font-size: 0.8em;
	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:#a9a9a9 url(/fileadmin/Kisti_images/KISTI_Reiter180_dunkelGrau.png) no-repeat;
		}

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

.cnt_mitte h1, .cnt_mitte span.important	{
						display:block;
						color:#dd137b;
						font-size:12pt;
						font-weight:bold;
						font-style:italic;
						}

.cnt_mitte span.detail	{
			font-size:9pt;
			}	
		
h1.ocker, h1.pink, h1.blau, h1.grau 	{
				display:block;
				margin:0;
				padding:4px 0 5px 5px;
				font-size:10pt;
				font-style:normal;
				}

h1.ocker 	{
		color:#ffffff;
		background: #ed9319 url(/fileadmin/Kisti_images/bg_button_orange_1px.png) repeat-x;
		}
							
h1.pink 	{
		color:#ffffff;
		background: #dd137b url(/fileadmin/Kisti_images/bg_button_pink_1px.png) repeat-x;
		}

h1.blau 	{
		color:#ffffff;
		background: #00abde url(/fileadmin/Kisti_images/bg_button_blau_1px.png) repeat-x;
		}

h1.grau 	{
		color:#000000;
		background: #dedede url(/fileadmin/Kisti_images/bg_button_grau_1px.png) repeat-x;
		}
		
h1.ocker a, h1.pink a, h1.blau a	{	
					text-decoration:none;
					color:#ffffff;
					}

h1.grau	a	{	
		text-decoration:none;
		color:#999999;
		}


.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;
}
/* ############################################################## */
/* ############ Bereich 6 = geänderte T3-Klassen ################ */


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

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