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

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

body {
	background-color: 					#D0E6FC;
	background-image	:url(bg.gif);
	background-repeat	:repeat;
	font-size:									101%;
	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 : #CC0000;
	text-decoration : underline;
}


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

ul {
	list-style-type: square;
}

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

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

br{
	margin											:0;
}

br.kopfende {
	clear:both;
}

br.clear_left {
	clear:left;
}

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

p.margin0 {
	margin											:0;
}

img {
	border											:0;
}

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

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

div.content_foot {
	position:										relative;
	margin:0;
	border:											0;
	text-align:									left;
	width:990px;
	/*border				:1px solid #000;*/
}


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

div.container1 {
	position:										relative;
	float:											left;
	width:											255px;
	padding:0;
	margin:0 0 0 0;
	overflow:										hidden;
	/*border				:1px solid #000;*/
}

div.container2 {
	position:										relative;
	float:											right;
	width:											170px;
	padding:0;
	margin:10px 0 0 0;
	overflow:										hidden;
	z-index:0;

}


div.container2 div.brett_top {
	height:							42px;
	margin:							0;
	padding:						0;
}
div.container2 div.brett_bottom {
	height:							20px;
	margin:							0;
	padding:						0;
}

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

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

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

div.content_rahmenbox {
	position:										relative;
	padding:0 10px 0 10px;
}


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

div.forum {
	width:											700px;
}

div.forum a {
	color : #CC0000;
	text-decoration : underline;
}


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

div.logo {
	position:										absolute;
	text-align:									center;
	margin:80px 0 0 30px;
}

div.portal_top {
	position: relative;
	overflow: hidden;
	display: block;
	height: 250px;
	background-image: url('kacheln.gif');
	background-repeat: repeat;
}

div.portal_top img {
}

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

div.image {

}

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

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


/*** Icons ***/

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

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

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

span.icon_print {
	color:				#000000;
	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 0 1em 0;
}

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

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

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

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

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

div.content a:hover {
	z-index: 1;
	color : #000000;
	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;
	color:#fff;
	left:												0;
	display:										block;
	width:200px;
	text-align:									center;
	margin:											0;
	padding:										0.5em 0.5em 0 0.5em;
}


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


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

.hidden_comment {
	display:			none;
}

label {
	margin				:0;
}


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




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

div.aktueller_content {
	position					:relative;
}

div.kopf_org {
	position:relative;
	clear:both;
	color:#000000;
	font:normal 1em arial, verdana, helvetica, 'zurich bt', sans-serif;
	margin-bottom:10px;
  padding-top:34px;
	background-image	:url(t.gif);
	background-repeat	:no-repeat;
	min-height:190px;
	/*border:1px solid #cc0000;*/
}

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

div.kopf_org div.titel {
	position:relative;
	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:0;
	padding:0;
}

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

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

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

div.kopf_org div.org_image {
  float:right;
}
div.kopf_org div.org_image img {
  margin-top:0.5em;
}

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

div.kopf_org div.mehr {
	/*position:relative;*/
	/*color:#000000;*/
	/*padding:0;*/
	/*margin-left:40px;*/
	/*clear:both;*/
	display:none;
}

/*########### GRUPPEN Eigenschaften ###########*/

div.kopf_org div.props {
	position:relative;
	text-align:left;
	margin-bottom:10px;
	margin-left:40px;
	clear:both;
}

div.kopf_org div.props ul {
	border-collapse: collapse;
	padding:0;
	margin:0;
	list-style-type		:none;
}


div.kopf_org div.props ul li {
	vertical-align:middle;
	padding:2px 5px 2px 0;
	float:left;
}
div.kopf_org div.props ul li.namevalue span.name {
	width:50%;
	text-align:right;
	padding:0 5px 0 0;
	border-right:1px solid #1A4689;
	white-space:nowrap;
}

div.kopf_org div.props ul li.namevalue li.value {
	text-align:left;
}

div.kopf_org div.props ul li.unit {
	text-align:right;
}

div.kopf_org div.props ul li.namevalue span.balken {
	background-color:#E6B65A;
	padding-right:2px;
	text-align:right;
	line-height:20px;
	height:20px;
	vertical-align:middle;
	float:left;
}
div.kopf_org div.props ul li.namevalue span.value {
	text-align:left;
	line-height:20px;
	height:20px;
	vertical-align:middle;
}

/**************************************/
/* 					content Body 								*/
/* 					organisation 							*/
/* 					mitglieder 				  			*/
/**************************************/

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

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

div.content div.titel_body h3 {
	color							:#CC0000;
	margin						:0;
}

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								:0;
	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								:0;
	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 0 0.5em 0;
	margin						:0;
	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								:0;
	padding						:0.5em 0 0.5em 0;
	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								:0;
	left							:0;
	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						:0;
}

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						:0;
	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						:0;
	padding						:0;
	text-align				:left;
	clear							:both;
}
	
div.menue1 ul {
	border						:0;
	margin						:0;
	padding						:0;
	list-style-type		:none;
	clear							:left;
}

div.menue1 ul li {
	/*background-image:url(menuehintergrund.gif);*/
	/*background-repeat:no-repeat;*/
	/*background-position:0 20px;*/
}

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

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

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

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

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

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


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

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

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:0;
	margin:0;
	border:0;
	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						:0;
	padding						:0;
	text-align				:left;
}
	
div.menue3 h2.hidden_comment {
	display						:none;
}

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

div.menue3 ul li a {
	width							:100%;
	margin						:0;
	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						:0;
	padding						:0;
	text-align				:left;
	clear							:both;
}
	
div.menue4 ul {
	border						:0;
	margin						:0;
	padding						:0;
	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						:0;
	border						:0;
	text-indent				:0.5em;
	display						:block;
}

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

div.simple_search {
  margin-top:5px;
  padding:0;
	background-color:#BBD1ED;
	border:5px solid #FFFFFF;
}

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

div.simple_search form span.search_words{
	position:             relative;
  line-height:          26px;
}
div.simple_search form span.search_words label{
	position:             relative;
  display:							block;
	width:								181px;
	float:								left;
  padding-left:					6px;
  font-size:            0.7em;
	font-weight:					bold;
	text-align:           right;
}

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

div.simple_search form input#search_submit {
	/*background-image	:url(bullet_submit.gif);
	background-repeat	:no-repeat;
	background-position:0 0;*/
	margin:								auto 0 auto 0;
 	padding:              0;
  color:								#336666;
	vertical-align:       middle;
  /*	width:								80px;
	height:								17px;*/

} 

div.simple_search form span.search_modus{
  font-size:            0.7em;
	font-weight:					bold;
  padding:              0;
  line-height:          26px;
  vertical-align:       middle;
  /*border:					1px solid #000;*/
}
div.simple_search form span.search_modus a{
  text-decoration:			none;
}

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:0;
	background-color:#BBD1ED;
	border:10px solid #FFFFFF;
	font-size:            0.8em;
}

div.advanced_search span.search_area{
	display:							block;
  padding:              5px 5px 5px 5px;
	font-weight:					bold;
  background-color:     #1A4689;
	line-height:          1.2em;
	color:                #ffffff;
}
	
/* Browser für den Suchbereich */
div.advanced_search select#search_area {}

div.advanced_search select.search_area optgroup {
  font-style:						normal;
	background-color:			#1A4689;
	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 div.andor{
	position:             relative;
  padding:              5px;
	height:30px;
}


div.advanced_search div.andor span.label{
	position:             relative;
	width:								140px;
  display:							block;
	float:								left;
	font-weight:					bold;
}

/* Eingabe für AND || OR */
div.advanced_search div.andor span.radio {
	position:             relative;
	width:								70px;
  display:							block;
	float:								left;
}

div.advanced_search div.search_words{
	display:							block;
  padding:              5px;
}

div.advanced_search label#lab_search{
	position:             relative;
  width:								140px;
  display:							block;
	float:								left;
	font-weight:					bold;
  clear:                both;
}

div.advanced_search form span.search_words input{
  width:								156px;
}

div.advanced_search form span.homepage label{
	position:             relative;
  width:								140px;
	font-weight:					bold;
  display:							block;
	float:								left;
}


div.advanced_search form label#lab_search_typ_text,
div.advanced_search form label#lab_search_typ_code,
div.advanced_search form label#lab_search_typ_city,
div.advanced_search form label#lab_search_circle,
div.advanced_search form label#lab_only_homepage {
  padding-left:         5px;
}

/* Eingabe für Suchart TEXT || CODE || CITY */
div.advanced_search form input#search_typ_text {}
div.advanced_search form select#search_typ_code {}
div.advanced_search form input#search_typ_city {}
div.advanced_search form select#search_circle{}


div.advanced_search div.location_settings {
  border-top:           1px solid #336666;
  border-bottom:        1px solid #336666;
  margin:							  5px 0 5px 0;
  padding:              5px 0 5px 0;
}

div.advanced_search div.location_settings span.location {
	position:relative;
	float:								left;
  padding:              5px 5px 5px 5px;
}

div.advanced_search div.location_settings span.location label {
	display:none;
}

div.advanced_search div.location_settings span.location input {
  width:								156px;
}
div.advanced_search div.location_settings span.search_typ{
	position:             relative;
	clear:								both;
  padding:              5px 5px 5px 5px;
  width:								130px;
  display:							block;
	float:								left;
}
div.advanced_search div.location_settings span.search_typ input{
  clear:both;
}

div.advanced_search div.location_settings span.search_circle{
	position:             relative;
  padding:              5px;
  width:								150px;
  float:left;
}
/* Eingabe für ZeitRaum */
div.advanced_search form select#age {}

/* SubmitButton */

div.search_buttons_top,
div.search_buttons_bottom{
	position:							relative;
	clear:								both;
}

div.advanced_search div.search_buttons_top div.search_submit,
div.advanced_search div.search_buttons_bottom div.search_submit{
	position:							relative;
	clear:								both;
	float:								left;
  width:								235px;
  text-align:						right;
  padding:			        5px;
}

div.advanced_search div.search_buttons_top div.search_reset,
div.advanced_search div.search_buttons_bottom div.search_reset {
	position:							relative;
	float:								left;
  width:								235px;
  text-align:						left;
  padding:			        5px;
}

div.advanced_search div.search_buttons_top div.search_submit input,
div.advanced_search div.search_buttons_bottom div.search_submit input,
div.advanced_search div.search_buttons_top div.search_reset input,
div.advanced_search div.search_buttons_bottom div.search_reset input {
  width:150px;
}


/* Für den Link der die Properties ein-/ausblendet */
div.advanced_search form p.switch_mode {
	position:relative;
	clear:both;
	text-align: 					center;
}
/* Liste für die Properties */

div.advanced_search div#search_prop_form{
	position:             relative;
  width:								100%;
}

div.advanced_search li{
	font-size:						1em;	
}

/* Für die Properties */
div.advanced_search div.none {
	display:							none;
}
div.advanced_search div.block {
	display:							block;
}

div.advanced_search form ul.prop_group {
	list-style-type:			none;
  border:								0;
	margin:								0;
	padding:							2px;
  float:                left;
}

/* Name der PropertyGruppe */
div.advanced_search form li.group_name {
	padding:							5px 5px 5px 5px;
	font-weight:					bold;
}

/* Ausgabe der Props als Formular: Label der Props */
div.advanced_search form li.prop_varchar,
div.advanced_search form li.prop_int,
div.advanced_search form li.prop_float,
div.advanced_search form li.prop_text,
div.advanced_search form li.prop_boolean {
	position:relative;
  padding:							10px 0 10px 0;
  
}

div.advanced_search form li.prop_relation{
	position:							relative;
	padding-left:					5px;
  width:								250px;
}

div.advanced_search form li.prop_varchar div.name,
div.advanced_search form li.prop_int div.name,
div.advanced_search form li.prop_float div.name,
div.advanced_search form li.prop_text div.name,
div.advanced_search form li.prop_relation div.name,
div.advanced_search form li.prop_boolean div.name {
	position:             relative;
  width:								200px;
  display:							block;
	float:								left;
	clear:								both;
}

/* Ausgabe der Props als Formular: FormFields der Props */
div.advanced_search form li.prop_varchar div.value,
div.advanced_search form li.prop_int div.value,
div.advanced_search form li.prop_float div.value,
div.advanced_search form li.prop_text div.value,
div.advanced_search form li.prop_relation div.value,
div.advanced_search form li.prop_boolean div.value {
	float:								left;
	width:								45px;
	margin:								0;
}

/* Ausgabe der Props als Text */
div.advanced_search div#search_prop_text{
	position:             relative;
  width:								100%;
}
div.advanced_search form div#search_prop_text ul {
	position:             relative;
	list-style-type:			none;#
	border-collapse: collapse;
  display:block;
  clear:both;
}

div.advanced_search form div#search_prop_text ul li {
	position:             relative;
  display:inline;
  padding:0 5px 0 0;
  margin:0 5px 0 0;
  border-right:         1px solid #1A4689;
	white-space:nowrap;
}

/* Ausgabe der Props als Text Group_name soll nicht ausgegeben werden*/
div.advanced_search form div#search_prop_text ul li.group_name{
  font-weight:					bold;
  border-right:         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:0 1em 0 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	:#CC0000;	
}

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

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 0 4px 0;
	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	:#CC0000;
	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	:#CC0000;
	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	:#CC0000;
}

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:0 1em 0 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 0 0.5em 0;
	background-color	:#CC0000;
	color							:#ffffff;
	margin						:1px;
}

/* PAGELINKS */
div.pagelinks {
  position:relative;
	clear:both;
	display:block;
	margin:10px 0 20px 0;
	border:1px solid #D0E6FC;
}

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

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

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

/* Klassen für TBS: Property (PropGroup) */
ul.propgroup {
	list-style-type:none;
	margin:2px;
	background-color:#BBD1ED;
	border:1px solid #FFFFFF;
	float:left;
	width:260px;
	min-height:100px;
}

ul.prop_group li.prop_relation img,
ul.propgroup li div.value{
	display:none;
}

ul.propgroup li.groupname{
	font-weight:								bold;
	background-color:#BBD1ED;
	border-bottom:1px solid #FFFFFF;
	padding:2px 5px 2px 5px;
}


ul.propgroup li{
	padding:5px;;
}


div#red4net_debug{
	display:none;
}

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

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