/* layout für den public-bereich */

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

body {
	line-height: 17px;
	color: #313335;
	background: #A6C2E7;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size:									101%;
	margin:0px;
	margin-bottom: 20px;
}


div#red4net_debug{
	display:none;
}


#head{
	height: 180px;
}

.bannerplatz{
	border-top: 1px solid #FFFFFF;
}

/* ############################################################## */
/* foot                                                           */
div.foot{		
	clear: left;
	width: 774px;
	background-color: #BBCEE7;
	padding: 9px;
	background-image: url(hg_foot_linie_w.gif);
	background-position: 0px -1px;
	background-repeat: no-repeat;
	border-top: 1px solid #FFFFFF;
}
div.foot a{
	color: #000000;
	text-decoration: underline;
	font:normal 0.8em arial, verdana,  helvetica, 'zurich bt', sans-serif;
}
div.foot a:hover{
	color: #000000;
	text-decoration: none;
}

div.foot div.red4net{
float:right;
}



/*** Admin ***/
div.adm_login {
	position:										relative;
	width:											22.5em;
	top:												5em;
	z-index:										0;
	margin-left:								auto;
	margin-right:								auto;
	text-align:									left;
	font:												normal 0.9em Arial, Verdana, Helvetica, 'Zurich BT', sans-serif;
}

div.adm_login fieldset {
	width:											22em;
}

div.adm_login p {
	padding:										0.2em 2em 0.2em 2em;
}

/*########### Linkformate ###########*/

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

a {
	color : #C20000;
	text-decoration : none;
}

a:hover {
	z-index: 1;
	color : #C20000;
	text-decoration : underline;
}

a:active {
	z-index: 1;
	color : #C20000;
	text-decoration : underline;
	background-color: 					#cccccc;
}

ul {
	list-style-type: square;
}

div.content li {
	font:	normal 0.8em Arial, Verdana, Helvetica, 'Zurich BT', sans-serif;
}
div {
	/*border:											1px solid white;*/
}

br{
	margin											:0em;
}

br.clear_left {
	clear:left;
}

br.kopfende {
	clear:both;
	display:block;
	height:1px;
}

p{
	margin											:0.5em 0em 0.5em 0em;
	font-size: 0.8em;
}

p.margin0 {
	margin											:0em;
}

img {
	border											:0em;
}

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

div.aussen{
	float: left;
	width: 992px;	
	background-image: url(hg_verlauf.gif);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	background-color: #CDDDF1;
	margin:0px;
}

div.content_foot{	
	background-image: url(hg_linie_w.gif);
	background-position: 0px 0px;
	background-repeat: repeat-y;
	width: 794px;
	float: right;
	border-left: 1px solid #FFFFFF;	
}


div.content_rahmenbox {
	float: left;
	width: 597px;	
	overflow: hidden; 
	border-top: 1px solid #FFFFFF;
	background-image: url(hg_streifen.gif);
	background-repeat: no-repeat;
}

div.content {
	margin:0px 10px 0px 10px;
}

div.banner{
	left: 0px;
	top: 0px;
	position: absolute;	
	z-index: 1;	
}

div.logo{
	left: 879px;
	top: 0px;
	position: absolute;	
	z-index: 3;	
}

div.heikehabermann{
	left: 490px;
	top: 145px;
	position: absolute;	
	z-index: 3;	
}

div.diezeitistreif{
	left: 560px;
	top: 80px;
	position: absolute;	
	z-index: 3;	
}

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

div.content fieldset {
	font							:normal 0.75em 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-weight				:bold;
}

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

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

}

div.content h3 {
	color							:#C20000;
	font							:bold 1em arial, verdana,  helvetica, 'zurich bt', sans-serif;
}

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

div.content a {
	color : #C20000;
	text-decoration : none;
}

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

div.forum {
	width:											36.8em;
	left:												0em;
}

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

.hidden_comment {
	display:			none;
}

label {
	margin				:0em;
}


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

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

div.container1 {
	border-top: 1px solid #FFFFFF;
	float: left;
	width: 197px;
	overflow: hidden; 
}

div.container2 {
	float: left;
	width: 197px;
	overflow: hidden; 	
	background-image: url(hg_sidebar_right.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}


/**************************************/
/* 	auflistungen für webseiten				*/
/* 	auflistungen von organisationen		*/
/**************************************/

div.aktuelle_meldungen,
div.aktuelle_events {
	position	:relative;
}

div.kopf_org {
	color		:#000000;
	border	:1px solid #fdf8ef;
	position	:relative;
	clear		:both;
	margin	:1em 0em 1em 0em;
}

/*########### titel ###########*/
div.kopf_org div.titel {
	color		:#000000;
}

div.kopf_org div.titel h4 {
	margin		:0em;
	padding		:0em;
	color		:#000000;
	font		:bold 0.8em Arial, Verdana, Helvetica, 'Zurich BT', sans-serif;
}

/*########### Kurztext ###########*/
div.kopf_org div.kurz {
	color		:#000000;
	font		:normal 0.8em Arial, Verdana, Helvetica, 'Zurich BT', sans-serif;
}


/*########### mehrorg ###########*/
div.kopf_org div.mehrorg {
	position					:relative;
	display						:block;
	padding						:0.5em 0em 0em 0em;
	color							:#000000;
	clear							:both;
	text-align				:right;

}

/*########### Mehr ###########*/
div.kopf_org span.mehr {
	color		:#000000;
}

/*########### linkformat ###########*/

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

div.kopf_org a:hover {
	color		:#C20000;
	text-decoration :underline;
}

/**************************************/
/* 					organisation 							*/
/* 					mitglieder 				  			*/
/**************************************/


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

div.content div.org_kurz_body,
div.content div.mit_kurz_body {
	position					:relative;
	top								:0em;
	padding-top				:0.5em;
	color							:#000000;
	font							:normal 0.8em Arial, Verdana, Helvetica, 'Zurich BT', sans-serif;
}

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

div.content div.org_lang_body,
div.content div.mit_lang_body {
	position					:relative;
	top								:0em;
	color							:#000000;
	font							:normal 0.8em Arial, Verdana, Helvetica, 'Zurich BT', sans-serif;
	clear							:both;
}

div.content div.org_lang_body table tr td p
div.content div.mit_lang_body table tr td {
	font							:normal 0.8em Arial, Verdana, Helvetica, 'Zurich BT', sans-serif;
}

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

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

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 0.8em 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 die menü ebene 1 */
/*************************************/

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

div.menue1 ul li a {
	width							:100%;
	margin						:0em;
	font							:bold 0.9em Arial, Verdana, Helvetica, 'Zurich BT', sans-serif;
	line-height				:1.8em;
	text-indent				:25px;
	display						:block;
	color							:#fdf8ef;
	text-decoration		:none;
}

div.menue1 ul li a.menuitem {
	background-image: url(m_off.gif);
	background-position: 10px 10px;
	background-repeat: no-repeat;
}

div.menue1 ul li a.menuitem:hover {
	background-image: url(m_on.gif);
	background-position: 10px 10px;
	background-repeat: no-repeat;
}

div.menue1 ul li a.menuitem:active {
}


div.menue1 ul li a.activemenuitem {
	color						:#C20000;
	background-image: url(m_on.gif);
	background-position: 10px 10px;
	background-repeat: no-repeat;
}

div.menue1 ul li a.activemenuitem:hover {
}

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

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

div.menue2 ul li a {
	width							:100%;
	margin						:0em;
	text-indent				:35px;
	font							:normal 0.75em Arial, Verdana, Helvetica, 'Zurich BT', sans-serif;
	line-height				:1.5em;
	display						:block;
	color							:#fdf8ef;
	text-decoration		:none;
}

div.menue2 ul li a.menuitem {
	background-image: url(m_sub_off.gif);
	background-position: 25px 8px;
	background-repeat: no-repeat;
}

div.menue2 ul li a.menuitem:hover {
	background-image: url(m_sub_on.gif);
	background-position: 25px 8px;
	background-repeat: no-repeat;
}

div.menue2 ul li a.menuitem:active {
}


div.menue2 ul li a.activemenuitem {
	color						:#C20000;
	background-image: url(m_sub_on.gif);
	background-position: 25px 8px;
	background-repeat: no-repeat;
}

div.menue2 ul li a.activemenuitem:hover {
}

/******************************************************************************/
/* styles für Div Image */
/******************************************************************************/

div.image {

}

span.subline {
	clear:								both;
	display:							block;
	text-align:						left;
	font:									normal 0.7em Verdana, Arial, helvetica, 'zurich bt', sans-serif;
}

div.image span.zoom {
	float:								right;
	padding-top:3px;
}

div.org_image{
	position:relative;
	float:right;
	margin:10px 0px 10px 10px;
}


/*************************************/
/* styles für Barrierefrei Block */
/*************************************/

div.schrift {
	position					:relative;
	z-index						:3;
	top								:0em;
	left							:0em;
	height						:5em;
	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							:#C20000;
	background-color	:#ffffff;	
	margin-top				:0.25em;
	border						:1px solid #C20000;
	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							:#ffffff;
	background				:#C20000;
	margin-top				:0.25em;
	text-decoration		:none;
}

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

/******************************************************************************/
/* Suche                                            */
/******************************************************************************/
/******************************************************************************/
/* Formular für die einfache Suche                                            */
/******************************************************************************/

div.simple_search {
  margin:         2px 0px 0px 0px;
  padding:						0px;
}

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

div.simple_search h2 span.name{
}
div.simple_search h2 span.label{
}

div.simple_search form {
	display:							inline;
	vertical-align:				middle;
}

div.simple_search span.search_words {
	float:left;
  padding:        0px 0px 0px 0px;
	margin:         0px 0px 0px 0px;
}

div.simple_search form input#search {
	position:relative;
	width:								120px;
 	color:								#336666;
	background:						#F9F0CF;
	border:								1px solid #B1B1B1;
	margin:								2px 5px 0px 5px;
  vertical-align:       middle;
  
}

div.simple_search form input#search_submit {
	padding:              0px;
  color:								#336666;
	vertical-align:       middle;
  width:								60px;
	float:left;
	clear:none;
	/*height:								17px;*/

} 

div.simple_search form span.search_modus{
	position:							relative;
	display:							block;
	font									:bold 0.8em Arial, Verdana, Helvetica, 'Zurich BT', sans-serif;
  padding:              0px;
	margin:         			0px 0px 0px 5px;
  line-height:          26px;
  vertical-align:       middle;
	clear:						both;
}
div.simple_search form span.search_modus a{
  text-decoration:			none;
  color:								#336699;
}

div.simple_search form span.search_modus a:hover{
  text-decoration:			underline;
}

/* Eingabe für SuchBegriffe */
div.simple_search form input#search {
}

div.simple_search form span.andor {
  clear:								both;
  display:              block;
}
div.simple_search form span.andor label{
  font-size:            0.7em;
}
/* Eingabe für AND || OR */
div.simple_search form input#andoror {
}

div.simple_search form input#andorand {
}


/******************************************************************************/
/* Formular für die erweiterte Suche                                          */
/******************************************************************************/

/* Suchen Area */
div.advanced_search {
  margin-top:5px;
  padding:0px;
	border:2px solid #C20000;
}

div.advanced_search span.search_area{
	display:							block;
  padding:              5px 5px 5px 5px;
	font-weight:					bold;
  background-color:     #C20000;
	line-height:          1.2em;
	color:                #ffffff;
}
	
div.advanced_search span.search_area label#lab_search_area {
	width:								200px;
	font-size:            0.7em;
	vertical-align:       middle;
}
/* Browser für den Suchbereich */
div.advanced_search select#search_area {}

div.advanced_search select.search_area optgroup {
  font-style:						normal;
	background-color:			#C20000;
	color:                #ffffff;
}

div.advanced_search select.search_area optgroup option {
  background-color:			#ffffff;
	color:                #000000;
}

/* Suchen Formular */
div.advanced_search form {
	display:							inline;
}

div.advanced_search form span.suchmodus_label{
	position:             relative;
	width:								200px;
  display:							block;
	float:								left;
	font-weight:					bold;
  font-size:            0.7em;
  margin-left:          3px;
}

div.advanced_search form span.search_words{
	position:							relative;
  width:								320px;
  display:							block;
  padding:              5px 5px 5px 5px;
	font-size:            0.8em;
	/*border:								2px solid #C20000;*/
	float:								left;
}

div.advanced_search form span.search_words label {
  position:							relative;
	width:								150px;
	float:								left;
}

div.advanced_search form span.search_words input,
div.advanced_search form span.location input {
  position:							relative;
	width:								100px;
}

/* Eingabe für SuchBegriffe */
div.advanced_search form input#search {}

div.advanced_search form span.andor {
  position:relative;
  padding:              5px 5px 5px 5px;
	display:block;
	width:								100px;
}

div.advanced_search form span.andor label{
	font-size:            0.7em;
}
/* Eingabe für AND || OR */
div.advanced_search form input#andoror {

}

div.advanced_search form input#andorand {}


div.advanced_search form label#lab_search{
	position:relative;
	width:								200px;
	font-weight:					bold;
  clear:                both;
}

/* Eingabe für ZeitRaum */

div.advanced_search form label#lab_age{
	position:relative;
	clear:both;
	float:left;
	font-weight:					bold;
  font-size:            0.8em;
	width:100px;
  padding:              5px 5px 5px 5px;
}

div.advanced_search form select#age {
	position:relative;
}

/* SubmitButton */
div.advanced_search div.search_submit{
	clear:								both;
  display:block;
  text-align:center;
}
div.advanced_search form input#search_submit {
	clear:								both;
	padding:							10px auto 10px auto;
}


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

div.calendar_aussen, div.categories_aussen {
	position					:relative;
	text-align				:center;
	margin-bottom:0.5em;
}

div.calendar {
	position					:relative;
	padding:0em 1em 0em 1em;
	width:9.5em;

}

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

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

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;
	color							:#ffffff;
	background-color	:#cccccc;	
	width							:1.8em;
}

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

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	:#C20000;
	width							:2.8em;
	font							:bold 0.8em arial, verdana, helvetica, 'zurich bt', sans-serif;
}

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

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

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

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

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_select {
	position:					relative;
	z-index:					3;
}

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

/* formatierung für die fieldselect kategorien */
div.categories_select select {
	width:						90%;
	height:100px;
	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_select h2 {
	text-align				:center;
	display						:block;
	font							:bold 0.8em Arial, Verdana, Helvetica, 'Zurich BT', sans-serif;
	padding						:0.5em 0em 0.5em 0em;
	color							:#fdf8ef;
	background-color	:#C20000;
	margin						:1px;
}

div.categories_select select{
	height:50px;
}

/**************************************/
/* 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 Icons der Dateitypen    */
/**************************************/

ul.tbs_list {
	list-style-type: none;
	margin-top: 16px;
}

ul.tbs_list li {
	margin-bottom: 16px;
}

li.content	{background-image	:url(mehr_block_content.gif);}
li.blank		{background-image	:url(mehr_block_blank.gif);}
li.self			{background-image	:url(mehr_block_self.gif);}
li.txt			{background-image	:url(mehr_block_txt.gif);}
li.doc			{background-image	:url(mehr_block_rtf.gif);}
li.pdf			{background-image	:url(mehr_block_pdf.gif);}
li.rtf			{background-image	:url(mehr_block_rtf.gif);}
li.ppt			{background-image	:url(mehr_block_ppt.gif);}
li.xls			{background-image	:url(mehr_block_xls.gif);}

/*li.content,*/
li.blank, li.content, li.self, li.txt, li.doc, li.pdf, li.rtf, li.ppt, li.xls {
	background-repeat:	no-repeat;
	padding-left: 30px;
}

/*************************************/
/* CSS-Klasse Chat Login */
/*************************************/

td.chat_logo{
	background				:#990000;
	text-align:right;
}