/* Layout für den Public-Bereich */

/****************/
/* diverse tags */
/****************/

body {
	background-color: 					#6ECEF6;
	/*background-image	:url(steine_bg.gif);*/
	/*background-repeat	:repeat;*/
	font-size:									101%;
	font-family: arial, verdana, helvetica, 'zurich bt', sans-serif;
	padding:										0;
	margin:											0;
	border:											0;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #009CD6;
	scrollbar-base-color: #FFFFFF;
	scrollbar-darkshadow-color: #009CD6;
	scrollbar-face-color: #009CD6;
	scrollbar-shadow-color: #FFFFFF;
}

/*########### linkformate ###########*/

a {
	color : #016FC6;
	text-decoration : underline;
}


a:hover {
	color : #000000;
	text-decoration : underline;
}

ul {
	list-style-type: square;
}

li{
	margin:2px 0 2px 0;
}

div {
	/*border:											1px solid white;*/
}

br{
	margin											:0em;
}

br.kopfende {
	clear:both;
}

br.clear_left {
	clear:left;
}

p {
	margin:0.5em 0em 0.5em 0em;
}

p.margin0 {
	margin											:0em;
}

img {
	border											:0em;
}

blockquote.blockquotemenue {
	margin:												0em;
	left:													0em;
	padding:											0em;
}



/***********************/
/* Top */
/***********************/

div.portal_top {
	position: relative;
	width:	953px;
	height:260px;
	background-image: url('clean-ness_top_bg.gif');
	background-repeat: no-repeat;
}

div.titel {
	position: absolute;
	top:80px;
	left:120px;
}

div.subtitel1 {
	position: absolute;
	top:165px;
	left:112px;
}

div.subtitel2 {
	position: absolute;
	top:190px;
	left:145px;
}
div.logo {
	z-index:1;
	position: absolute;
	left:600px;
}

/***********************/
/* Layout */
/***********************/

div.content_foot {
	position:										relative;
	background-image: url('clean-ness_content_bg.gif');
	background-repeat: repeat;
	border:											0px;
	text-align:									left;
	width:953px;
}

/*************************************/
/* container												 */
/*************************************/

div.container1 {
	position:										absolute;
	width:711px;
	margin:											140px 2px 0px 249px;
	height:											65px;
	/*border				:1px solid #000;*/
}

div.container2 {
	z-index:2;
	position:										relative;
	width:											200px;
	padding:0px;
	margin:0px 0px 0px 0px;
	overflow:										hidden;
	float:left
}

div.container3 {
	position:relative;
	float:											right;
	width:											234px;
	padding:0px;
	margin:0px;
	overflow:										hidden;
}

div.container4 {
	position:relative;
	display:block;
	margin:10px auto 10px auto;
	border:1px dashed #cccccc;
	overflow:										hidden;
}
/***********************/
/* content */
/***********************/

div.content {
	position:relative;
	padding	:0em 0em 0.8em 0em;
	font:	normal 1em arial, verdana, helvetica, 'zurich bt', sans-serif;
	width:									720px;
	float:left
}

div.content_rahmenbox {
	position:										relative;
	padding:0px 10px 0 1px;
	/*border				:1px solid #000;*/
}


div.bottom {
	font:	normal 0.8em arial, verdana, helvetica, 'zurich bt', sans-serif;
	clear:both;
	position: relative;
	display: block;
	width:	953px;
	height: 60px;
	background-image: url('clean-ness_bottom_bg.gif');
	background-repeat: no-repeat;
}

div.contacto_power {
	position: relative;
	margin-top:12px;
	margin-right:1.3em;
	font:	normal 0.9em arial, verdana, helvetica, 'zurich bt', sans-serif;
	text-align:right;
	float:right;
}

div.contacto_cleanness {
	position: relative;
	margin-top:12px;
	margin-left:3.5em;
	font:	normal 0.9em arial, verdana, helvetica, 'zurich bt', sans-serif;
	float:left;
}


div.linktop {
	display:block;
	text-align:right;
}
/*******************************************************************************/

div.forum {
}


/*** Icons ***/

div.icon_bar {
	z-index:5;
	float:right;
	display:inline;
	line-height:26px;
	text-align:		right;
	border:0px;
	padding:0px;
	margin:1px 165px 0px 0px;
}

div.head_icon_bar {
	z-index:5;
	float:right;
	line-height:26px;
	text-align:		right;
	border:0px;
	padding:0px;
	margin:0px;
	background-image	:url(http://www.baby-bonus.de/images/icon_leiste_bg.gif);
	background-repeat	:repeat;
}

div.kopf_content_typ_1 div.head_icon_bar {
	display:block;
	float:right;
	line-height:26px;
	text-align:		right;
	border:0px;
	padding:0px;
	margin:0px;
}

span.icon_create, span.icon_create_wse {
	color:				#000000;
	padding:			0px;
}	

div.icon_print {
	color:				#000000;
	display:block;
	margin-right:			2em;
	text-align:right;
}	

div.icon_print a {
	text-decoration:none;
}	
div.icon_print a:hover {
	text-decoration:none;
}	
/******************************/

div.content fieldset {
	font							:normal 1em arial, verdana, helvetica, 'zurich bt', sans-serif;
	padding						:0.5em 0.5em 0.5em 0.5em;
}

div.content fieldset ul{
	margin						:1em 0em 1em 0em;
}

div.content fieldset legend{
font					:bold 1em arial, verdana, helvetica, 'zurich bt', sans-serif;

}

div.content h1 {
	color							:#cf4e27;
	font							:bold 1em arial, verdana, helvetica, 'zurich bt', sans-serif;
	margin						:0em;
}

div.content h2 {
	color							:#cf4e27;
	font							:bold 1em arial, verdana, helvetica, 'zurich bt', sans-serif;
	margin						:0em;
}

div.content h3 {
	color							:#016FC6;
	font							:bold 1.2em arial, verdana, helvetica, 'zurich bt', sans-serif;
	margin						:0em;
}

div.content h4 {
	color							:#016FC6;
	font							:bold 1em arial, verdana, helvetica, 'zurich bt', sans-serif;
	margin						:0em;
	padding:0px 0px 5px 0px;
}

div.content a {
	color : #016FC6;
	text-decoration : underline;
}

div.content a:hover {
	z-index: 1;
	color : #000000;
	text-decoration : underline;
}

div.foot {
	position:										relative;
	left:												0em;
	display:										block;
	text-align:									left;
	margin:											0em;
	padding:										0.5em 0.5em 0em 0.5em;
}


div.foot a, div.foot a:hover {
	font							:	normal 0.8em arial, verdana, helvetica, 'zurich bt', sans-serif;
	color							:	#000000;
}


/***********************/
/* universelle klassen */
/***********************/

.hidden_comment {
	display:			none;
}

label {
	margin				:0em;
}


span.label_left {
	float					:left;
	text-align		:left;
	width					:6em;
	margin				:0em;
}




/**************************************/
/* 	auflistungen von organisationen		*/
/**************************************/

div.aktueller_content {
	position					:relative;
}

div.kopf_org {
	position:relative;
	color:#000000;
	font:normal 1em arial, verdana, helvetica, 'zurich bt', sans-serif;
	margin-bottom:10px;
	background-image	:url(t.gif);
	background-repeat	:no-repeat;
}

/*########### titel ###########*/

div.kopf_org div.titel {
	position:relative;
	padding-top:38px;
	margin-left:40px;
	text-align:left;
}

div.kopf_org div.titel h4 {
	color:#ffffff;
	font:bold 1em arial, verdana, helvetica, 'zurich bt', sans-serif;
}

div.kopf_org  div.titel a {
	color : #ffffff;
	text-decoration : none;
}

div.kopf_org  div.titel a:hover {
	color : #ffffff;
	text-decoration : underline;
}
/*########### kurztext ###########*/

div.kopf_org div.kurz {
	position:relative;
	margin-left:40px;
	color:#000000;
}

div.kopf_org div.kurz {
	padding-top:0em;
}

div.kopf_org div.kurz p {
	margin-top:0.5em;
}


/*########### mehrorg ###########*/

div.kopf_org div.mehr {
	position:relative;
	color:#000000;
	padding:0em;
	margin-left:40px;
	clear:both;
}
/**************************************/
/* 					content Body 								*/
/* 					organisation 							*/
/* 					mitglieder 				  			*/
/**************************************/

/*########### titel ####################*/

div.content div.titel_body {
	position					:relative;
}

div.content div.titel_body h2 {
	color							:#016FC6;
	margin						:0em;
	font							:bold 1.1em arial, verdana, helvetica, 'zurich bt', sans-serif;
}

div.content div.zeit_body {
	font							:normal 0.8em arial, verdana, helvetica, 'zurich bt', sans-serif;
	position					:relative;
}


/*########### kurztext ####################*/

div.content div.kurz_body,
div.content div.org_kurz_body,
div.content div.mit_kurz_body{
	position					:relative;
	top								:0em;
	padding-top				:0.5em;
	color							:#000000;
}

/*########### langtext ####################*/

div.content div.lang_body,
div.content div.org_lang_body,
div.content div.mit_lang_body {
	position					:relative;
	top								:0em;
	color							:#000000;
	font							:normal 1em arial, verdana, helvetica, 'zurich bt', sans-serif;
	clear							:both;
}

div.content div.lang_body table tr td p
div.content div.org_lang_body table tr td p
div.content div.mit_lang_body table tr td {
	font							:normal 1em arial, verdana, helvetica, 'zurich bt', sans-serif;
}

div.content div.mit_lang_body span{
	width							:10em;
}

/*########### grunddaten ####################*/

div.content div.org_body {
	position					:relative;
	color							:#000000;
	padding						:0.5em 0em 0.5em 0em;
	margin						:0em;
	text-align				:left;
	font							:normal 1em arial, verdana, helvetica, 'zurich bt', sans-serif;
}


div.content div.org_email_form, div.content div.mit_email_form  {
	position					:relative;
	top								:0em;
	padding						:0.5em 0em 0.5em 0em;
	color							:#000000;
	text-align				:left;
	font							:normal 1em arial, verdana, helvetica, 'zurich bt', sans-serif;
}


div.content div.org_email_form textarea,
div.content div.org_email_form input#name,
div.content div.org_email_form input#from,
div.content div.mit_email_form textarea,
div.content div.mit_email_form input#name,
div.content div.mit_email_form input#from
{
	width							:22em;
}


/*************************************/
/* styles für schriftgröße */
/*************************************/

div.schrift {
	position					:relative;
	z-index						:3;
	top								:0em;
	left							:0em;
	height						:1em;
	text-align				:left;
}
	
div.schrift ul {
	border						:0;
	margin						:0;
	padding						:0;
	list-style-type		:none;
	text-align				:center;
	clear							:left;
}

div.schrift ul li {
	display						:block;
	float							:left;
	text-align				:center;
	padding						:0.5em;
	margin						:0em;
}

div.schrift ul li a {
	color							:#CF4E27;
	background-color	:#fdf8ef;	
	margin-top				:0.25em;
	border						:1px solid #CF4E27;
	text-decoration		:none;
	display						:block;
	text-align				:center;
	padding						:0em;
	font							:bold 1.5em arial, verdana, helvetica, 'zurich bt', sans-serif;
	line-height				:1.6em;
	width							:1.6em;
}

div.schrift ul li a:hover {
	color							:#fdf8ef;
	background				:#CF4E27;
	margin-top				:0.25em;
	text-decoration		:none;
}

div.schrift ul li a:active {
	color							:#fdf8ef;
	background				:#CF4E27;
	margin-top				:0.25em;
	text-decoration		:none;
}


/*************************************/
/* styles für die menü ebene 1 */
/*************************************/

div.menue1 {
	position					:relative;
	margin						:0em;
	padding						:0em;
	text-align				:left;
	clear							:both;
	/*border						:1px solid #CF4E27;*/
}
	
div.menue1 ul {
	border						:0em;
	margin						:0em;
	padding						:0em;
	list-style-type		:none;
	clear							:left;
}

div.menue1 ul li {
	background-image:url(clean-ness_menu.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	padding-left:1.8em;
	border						:0em;
	margin						:0em;
}

div.menue1 ul li a {
	display						:block;
	font							:bold 14px arial, verdana, helvetica, 'zurich bt', sans-serif;
	width							:100%;
	padding						:0.5em 0em 0.8em 0em;
	text-align				:left;
	border						:0px;
	line-height:30px;
}

div.menue1 ul li a.menuitem {
	color							:#ffffff;
	text-decoration		:none;
}

div.menue1 ul li a.menuitem:hover {
	color							:#016FC6;
	text-decoration		:none;
}

div.menue1 ul li a.menuitem:active {
	color							:#ffffff;
	text-decoration		:none;
}

div.menue1 ul li a.activemenuitem {
	color							:#016FC6;
	text-decoration		:none;
}

div.menue1 ul li a.activemenuitem:hover {
	color							:#016FC6;
	text-decoration		:none;
}
/*************************************/
/* styles für die menü ebene 2 */
/*************************************/


div.menue2 {
	position					:relative;
	margin						:0em;
	padding						:0em;
	text-align				:left;
	clear							:both;
}
	
div.menue2 ul {
	border						:0em;
	margin						:0em 0em 0em 1.2em;
	padding						:0em;
	list-style-type		:none;
	clear							:left;
}

div.menue2 ul li {
	margin:0em;
	padding:0px;
}

div.menue2 ul li a {
	font							:normal 12px arial, verdana, helvetica, 'zurich bt', sans-serif;
	line-height				:1.6em;
	width							:12.8em;
	text-align				:left;
	padding:0em;
	margin:0em;
	border:0em;
	text-decoration		:none;
}

div.menue2 ul li a.menuitem {
	color							:#FFFFCC;
	text-decoration		:none;
}

div.menue2 ul li a.menuitem:hover {
	color							:#FFCC66;
}

div.menue2 ul li a.menuitem:active {
	color							:#FFCC66;
	text-decoration		:none;
}

div.menue2 ul li a.activemenuitem {
	color							:#FFCC66;
	text-decoration		:none;
}

div.menue2 ul li a.activemenuitem:hover {
	color							:#FFCC66;
}

/***************************************************/
/* styles für die menü ebene 3 (organisationsmenü) */
/***************************************************/

div.menue3 {
	position					:relative;
	margin						:0em;
	padding						:0em;
	text-align				:left;
}
	
div.menue3 h2.hidden_comment {
	display						:none;
}

div.menue3 ul {
	border						:0em;
	margin						:0em;
	padding						:0em;
	list-style-type		:none;
	clear							:left;
	}

div.menue3 ul li a {
	width							:100%;
	margin						:0em;
	font							:0.75em arial, verdana, helvetica, 'zurich bt', sans-serif;
	line-height				:1.8em;
	border-top				:none;
	border-left				:1px solid #fdf8ef;
	border-right			:1px solid #fdf8ef;
	border-bottom			:1px solid #fdf8ef;
	text-indent				:0.5em;
	display						:block;
}

div.menue3 ul li a.menuitem {
	background-color	:#006cb1;	
	color							:#fdf8ef;
	font-weight				:normal;
	text-decoration		:none;
}

div.menue3 ul li a.menuitem:hover {
	background				:#fdf8ef;
	color							:#006cb1;
}

div.menue3 ul li a.menuitem:active {
	background				:#fdf8ef;
	color							:#006cb1;
}

div.menue3 ul li a.activemenuitem {
	background-color	:#fdf8ef;
	color							:#006cb1;
	font-weight				:normal;
	text-decoration		:none;
}

div.menue3 ul li a.activemenuitem:hover {
	background-color	:#fdf8ef;	
	color							:#006cb1;
}

/******************************************/
/* styles für die menü ebene 4 (shopmenü) */
/******************************************/

div.menue4 {
	position					:relative;
	margin						:0em;
	padding						:0em;
	text-align				:left;
	clear							:both;
}
	
div.menue4 ul {
	border						:0em;
	margin						:0em;
	padding						:0em;
	list-style-type		:none;
	clear							:left;
}

div.menue4 ul li a {
	font							:bold 0.8em arial, verdana, helvetica, 'zurich bt', sans-serif;
	line-height				:1.8em;
	color							:#66AADD;
	text-decoration		:none;
	width							:11.8em;
	margin						:0em;
	border						:0;
	text-indent				:0.5em;
	display						:block;
}

/***************************/
/* styles für den suchblock */
/***************************/

div.search {
	position					:relative;
	z-index						:3;
	background-color	:#fdf8ef;
	line-height				:2em;
}

div.search h2{
	text-align				:center;
	display						:block;
	font							:bold 0.8em arial, verdana, helvetica, 'zurich bt', sans-serif;
	color							:#fdf8ef;
	margin						:1px;
	background-color	:#CF4E27;	
	padding-top				:0.2em;
	padding-bottom		:0.2em;
}


p.search_nav{
	display						:block;
	padding						:0em;
	font							:bold 0.8em arial, verdana, helvetica, 'zurich bt', sans-serif;
}


p.search_nav a {
	color							:#CF4E27;
	background-color	:#fdf8ef;	
	margin						:0em;
	text-align				:center;
	text-decoration		:none;
	padding						:0em;
	line-height				:1.3em;
	width							:1.3em;
}

p.search_nav a:hover {
	color							:#fdf8ef;
	background				:#CF4E27;
	margin						:0em;
	text-decoration		:none;
}

p.search_nav a:active {
	color							:#fdf8ef;
	background				:#CF4E27;
	margin						:0em;
	text-decoration		:none;
}


/**************************************/
/* styles für labels									*/
/**************************************/

span.label_left1 {
	text-align		:left;
	width					:6em;
	float					:left;
}

span.label_left2 {
	text-align		:left;
	width					:8em;
	float					:left;
}

span.label_left3 {
	text-align		:left;
	width					:12em;
	float					:left;
}

span.label_left4 {
	text-align		:left;
	width					:18em;
	float					:left;
}

/*************************************/


/***************************/
/* styles für den kalender */
/***************************/

div.calendar_aussen, div.categories_aussen {
	position					:relative;
	width:12em;
	clear:both;
	float:right;
	background-color:		#f2f6f8;
	margin-bottom:0.5em;
}
div.calendar_aussen {
	margin-bottom:0.5em;
}
div.calendar {
	position					:relative;
	padding:0em 1em 0em 1em;
	width:9.5em;
}

div.categories_aussen {
	clear:both;
	float:right;
}

div.calendar span.currentmonth,
div.calendar span.emptymonth {
	margin						:0.05em;
	padding-top				:4px;
	padding-bottom		:4px;
	float							:left;
	text-decoration		:none;
	text-align				:center;
	font							:normal 0.8em arial, verdana, helvetica, 'zurich bt', sans-serif;
	color							:#ffffff;
	width							:2.8em;
	line-height				:1.4em;
}

div.calendar span.currentmonth {
	color							:#ffffff;
	background-color	:#016FC6;	
}

div.calendar span.emptymonth {
	color							:#ffffff;
	background-color	:#cccccc;	
}

div.calendar span.currentweek,
div.calendar span.emptyweek {
	margin						:0.05em;
	padding-top				:4px;
	padding-bottom		:4px;
	float							:left;
	text-decoration		:none;
	text-align				:center;
	font							:normal 0.8em arial, verdana, helvetica, 'zurich bt', sans-serif;
	width							:1.8em;
}

div.calendar span.currentweek {
	color							:#ffffff;
	background-color	:#016FC6;	
}

div.calendar span.emptyweek {
	color							:#ffffff;
	background-color	:#cccccc;	
}

div.calendar a.currentmonth,
div.calendar a.currentweek,
div.calendar a.month,
div.calendar span.month,
div.calendar a.week,
div.calendar span.week {
	margin						:0.05em;
	padding-top				:4px;
	padding-bottom		:4px;
	float							:left;
	text-decoration		:none;
	text-align				:center;
}

div.calendar span.currentyear {
	padding						:4px 0px 4px 0px;
	text-decoration		:none;
	text-align				:center;
	color							:#000000;
	font							:bold 0.8em arial, verdana, helvetica, 'zurich bt', sans-serif;
	display:block;
}

div.calendar a.currentmonth {
	color							:#ffffff;
	background-color	:#016FC6;
	width							:2.8em;
	font							:bold 0.8em arial, verdana, helvetica, 'zurich bt', sans-serif;
	line-height				:1.4em;
}

div.calendar a.currentweek {
	color							:#ffffff;
	background-color	:#016FC6;
	font							:bold 0.8em arial, verdana, helvetica, 'zurich bt', sans-serif;
	width							:1.8em;
	line-height				:1.4em;
}

div.calendar a.year,
div.calendar span.year {
	margin						:0.05em;
	padding						:4px 10px 4px 10px;
	text-decoration		:none;
	text-align				:center;
	font							:bold 1em arial, verdana, helvetica, 'zurich bt', sans-serif;
	color							:#333366;
}

div.calendar a.month,
div.calendar span.month {
	font							:normal 0.8em arial, verdana, helvetica, 'zurich bt', sans-serif;
	color							:#ffffff;
	background-color	:#333366;	
	width							:2.8em;
	line-height				:1.4em;
}

div.calendar a.week,
div.calendar span.week {
	font							:normal 0.8em arial, verdana, helvetica, 'zurich bt', sans-serif;
	color							:#ffffff;
	background-color	:#333366;	
	width							:1.8em;
	line-height				:1.4em;
}

div.calendar a.year:hover,
div.calendar a.currentmonth:hover,
div.calendar a.month:hover,
div.calendar a.week:hover {
	color							:#ffffff;
	background-color	:#016FC6;
}

div.calendar h3 {
	width							:93%;
}

/*************************************/
/* styles für die User Browser */
/*************************************/

div.userbrowser {
	position:					relative;
	z-index:					3;
	width:						9.4em;
	margin:						0.2em 0.5% 0.4em 0.5%;
}

/* formatierung für die fieldselect userbrowser */
div.userbrowser select {
	width:						100%;
	font:							0.75em Arial, Verdana, Helvetica, 'Zurich BT', sans-serif;
	background:				#ffffff;
}

/*************************************/
/* styles für die kategorien-auswahl */
/*************************************/

div.categories {
	position:					relative;
	z-index:					3;
	padding:0em 1em 0em 1em;
}

/* formatierung für die form kategorien */
div.categories form {
	display:					inline;
} 

/* formatierung für die fieldselect kategorien */
div.categories select {
	width:						100%;
	font:							0.75em Arial, Verdana, Helvetica, 'Zurich BT', sans-serif;
	background:				#ffffff;
}

/************************************************/
/* styles für den kalender & kategorien-auswahl */
/************************************************/

div.calendar_aussen h2, div.categories_aussen h2 {
	text-align				:center;
	display						:block;
	font							:bold 0.8em Arial, Verdana, Helvetica, 'Zurich BT', sans-serif;
	padding						:0.5em 0em 0.5em 0em;
	background-color	:#016FC6;
	color							:#ffffff;
	margin						:1px;
}

div#red4net_debug{
	display:none;
}

div.mode {
	position:relative;
	padding:0px 30px 0px 0px;
	text-align:right;
	/*border:						1px solid #fff;*/

}

div.mode span.print {
	padding:2px 10px 0px 15px;
	margin-bottom:2px;
	background-repeat	:no-repeat;
	background-position:0px 4px;
}

div.mode span.print{
	background-image	:url(print_black.gif);
}