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

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

body{
	font-size:100.01%;
	margin:0px;
	margin-bottom:10px;
	border:0px;
	font:	normal 1em arial, verdana, helvetica, 'zurich bt', sans-serif;
	background-color:#21211F;
	color:#4d4d4d;
}

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

a {
	color : #21211F;
	text-decoration : underline;
}


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

ul {
	list-style-type: square;
}

li{
	font:normal 1em arial, verdana, helvetica, 'zurich bt', sans-serif;
	margin:2px 0px 2px 0px;
}

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

br{
	margin											:0em;
}

br.kopfende {
	clear:both;
}

br.clear_left {
	clear:left;
}

p {
	margin:0em 0em 1em 0em;
	font:normal 1em arial, verdana, helvetica, 'zurich bt', sans-serif;
}

p.margin0 {
	margin											:0em;
}

img {
	border											:0em;
}


select{
	width:220px;
}

input{
	width:214px;
}

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

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

div.portal_logo{
	position:absolute;
	background-image:url(logo_bg.gif);
	background-repeat:no-repeat;
	width:240px;
	height:181px;
	margin:0px 0px 0px 47px;
	padding:0px;
	z-index:10;
}

div.portal_top{
	position:relative;
	background-image	:url(top_bg.gif);
	background-repeat	:repeat;
	height:91px;
	border-top:1px solid #21211F;
}

div.portal_logo img{
	margin-top:10px;
}

div.kugeln{
	display:block;
	overflow:	hidden;
	margin-top:34px;
	float:left;
	/*border				:1px solid #000;*/
}
/*************************************/
/* container												 */
/*************************************/


div.container1{
	position:absolute;
	width:240px;
	margin-top:90px;
	margin-left: 47px;	
	background-color:#F5F3EB;
	overflow:	hidden;
	z-index:10;
}

div.container2{
	margin:0px 0px 0px 240px;
	border-top			:10px solid #21211F;
	background-color:#DCDACD;
	overflow:	hidden;
	width:663px  
}


div.content_aussen {
	position:relative;
	width:100%;
	clear:both;
	text-align:left;
	margin:0px;
	border:0px;
	background-color:#DCDACD;
	background-image:url(content_bg.jpg);
	background-repeat:repeat-y;
}

div.content{
	position:relative;
	padding:0px 0px 0px 300px;
	background-image:url(container1_bg.gif);
	background-repeat:repeat-y;
}


div.content_rahmenbox {
	position:relative;
  padding:0px;
  margin:0px;
  width:650px;
}


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

/******************************************************************************/
/* 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.copypower{
	padding:0.5em;
	/*border:1px solid #21211F;*/
}
div.copypower p{
	font-size:0.7em;
	margin:0px;
}

div.copypower p a{
	text-decoration:none;
}

div.forum {
}

/*** Icons ***/

div.icon_bar {
	z-index:5;
	text-align:		left;
	border:0px;
	padding:0px;
	margin:1px 0px 0px 0px;
	background-image	:url(/planege/images/icon_leiste_bg.gif);
	background-repeat	:repeat;
}

div.head_icon_bar {
	z-index:5;
	text-align:		left;
	border:0px;
	padding:0px;
	margin:0px;
	background-image	:url(/planege/images/icon_leiste_bg.gif);
	background-repeat	:repeat;
}

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

span.icon_print {
	color:				#4D4D4D;
	padding-left:			0.5em;
	font-size:0.8em
}	

span.icon_print a {
	color:				#FFFFCC;
	text-decoration:none;
}	
span.icon_print a:hover {
	color:				#FFFFCC;
	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:#21211F;
	font							:bold 1em arial, verdana, helvetica, 'zurich bt', sans-serif;
	margin						:0em;
}

div.content h3 {
	color							:#000066;
	font							:bold 0.9em arial, verdana, helvetica, 'zurich bt', sans-serif;
	margin						:0em;
	padding:5px 0px 10px 0px;
	clear:both;
}

div.content h4 {
	margin						:0em;
	padding:5px 0px 5px 0px;
}

div.content a {
	color : #21211F;
	text-decoration : underline;
}

div.content a:hover {
	z-index: 1;
	color : #21211F;
	text-decoration : underline;
}
div.content p {
	font-size: 0.8em;
}

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

div.foot {
	position:										relative;
	left:												0em;
	text-align:									left;
	width:903px;
	padding:0em 0px 0px 0px;
	margin:0px 0px 10px 47px;
	background-color:#F5F3EB;
}

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


/***********************/
/* 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:#4D4D4D;
	font:normal 1em arial, verdana, helvetica, 'zurich bt', sans-serif;
	margin-bottom:10px;
	background-image	:url(t.gif);
	background-repeat	:no-repeat;
	height:190px;
}

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

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

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

div.kopf_org h5 {
	font:bold 0.8em arial, verdana, helvetica, 'zurich bt', sans-serif;
	line-height:18px;
	margin:0px;
	padding:0px;
}

div.kopf_org div.titel a {
	color : #ffffff;
	text-decoration : none;
	display:block;
	width							:100%;
	background-image:url(info.gif);
	background-repeat:no-repeat;
	background-position:99% 0%;
}

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

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

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

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

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

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

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

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

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							:#4D4D4D;
}

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

div.content div.lang_body,
div.content div.org_lang_body,
div.content div.mit_lang_body {
	position					:relative;
	top								:0em;
	color							:#4D4D4D;
	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							:#4D4D4D;
	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							:#4D4D4D;
	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;
}

/*########### Organisationssuche ####################*/

div.content div.search_org {
	position					:relative;
	background-color:#fff;
	padding:10px;
	border-top:									1px solid #9C9C9C;
	border-left:								1px solid #9C9C9C;
	border-right:								1px solid #fff;
	border-bottom:							1px solid #fff;
}

/*************************************/
/* 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.menue1aussen {
	position					:relative;
	text-align				:left;
	border-top				:none;
	border-bottom			:none;
	width:800px;
	clear:both;
	margin:60px 0px 0px 300px;
}

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

div.menue1 ul li {
	display						:block;
	float							:left;
	text-align				:center;
	padding						:0px;
	margin						:0px;
}

div.menue1 ul li a.menuitem {
	color							:#999999;
	margin-top				:5px;
	padding						:0px 0.5em 0px 0.5em;
	text-decoration		:none;
	display						:block;
	text-align				:center;
	font							:bold 0.8em arial, verdana,  helvetica, 'zurich bt', sans-serif;
	line-height				:22px;	
}

div.menue1 ul li a.menuitem:hover {
	color							:#f2f6f8;
	margin-top				:5px;
	line-height				:22px;
}

div.menue1 ul li a.menuitem:active {
	color							:#f2f6f8;
	margin-top				:5px;
	line-height				:22px;
}

div.menue1 ul li a.activemenuitem {
	color							:#f2f6f8;
	margin-top				:5px;
	padding						:0px 0.5em 0px 0.5em;
	text-decoration		:none;
	display						:block;
	text-align				:center;
	font							:bold 0.8em arial, verdana,  helvetica, 'zurich bt', sans-serif;
	line-height				:22px;
}

div.menue1 ul li a.activemenuitem:hover {
	color							:#d9dedc;
	margin-top				:5px;
	line-height				:22px;
}

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

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

div.menue2 ul li a {
	width							:100%;
	vertical-align:middle;
	margin						:0em;
	font							:bold 0.8em arial, verdana,  helvetica, 'zurich bt', sans-serif;
	line-height				:2.6em;
	text-indent				:0.5em;
	display						:block;
}

div.menue2 ul li a.menuitem {
	background-color	:#74746B;	
	color							:#f2f6f8;
	text-decoration		:none;
}

div.menue2 ul li a.menuitem:hover {
	background				:#C99400;
	color							:#f2f6f8;
}

div.menue2 ul li a.menuitem:active {
	background				:#C99400;
	color							:#f2f6f8;
}

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

div.menue2 ul li a.activemenuitem:hover {
	background				:#C99400;
	color							:#f2f6f8;
}

/***************************/
/* 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;
	text-align				:center;
	width:215px;
	float:right;	
	border					:1px solid #ccccff;
	background-color:		#f2f6f8;
	margin:0px auto 10px 10px;
	padding-bottom:5px;
}

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	:#666666;	
}

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	:#666666;	
}

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							:#4D4D4D;
	font							:bold 0.8em arial, verdana, helvetica, 'zurich bt', sans-serif;
	display:block;
}

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

div.calendar a.currentweek {
	color							:#ffffff;
	background-color	:#666666;
	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							:#261f5f;
	background-color	:#d5e6ef;	
	width							:2.8em;
}

div.calendar a.week,
div.calendar span.week {
	font							:normal 0.8em arial, verdana, helvetica, 'zurich bt', sans-serif;
	color							:#261f5f;
	background-color	:#d5e6ef;	
	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	:#666666;
}

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;
	color							:#f2f6f8;
	background-color	:#000066;
	margin						:0px;
}


/*************************************/
/* PAGELINKS */

div.pagelinks {
	/*border:										1px solid #666666;*/
}

div.pagelinks span {
	font-size:									0.8em;
	font-weight:								bold;
	line-height:								28px;
	vertical-align:							middle;
}

div.pagelinks a,
div.pagelinks span.active {
	font-size:									0.8em;
	font-weight:								bold;
	text-align:									center;
	background-repeat:					no-repeat;
	background-position:				bottom;
	width:											30px;
	line-height:								28px;
	display: block;
	float: left;
}

div.pagelinks a {
	background-image:						url(number_button.gif);
}

div.pagelinks span.active {
	background-image:						url(number_button_aktiv.gif);
}


/* Clearfix */
.clearfix:after {
	content:							".";
	display:							block;
	height:								0;
	clear:								both;
	visibility:						hidden;
}

/* Hides from IE-mac */
* html .clearfix {
	height:								1%;
}