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

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


/* principally used colours:

  colour code   colour      usage
  -----------   --------------  -------------------------------
  spdred      #E60003     class bgRed, colorRed
  light umbra   #B2A384     class bgUmbra background colors
  dark umbra    #877B63     class colorUmbra
  textgrey    #4C4C4C     class colorGrey
  lightgrey   #B2B2B2     bottom line
  rose      #F38181     navigation background for rollover
*/

body {
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size:100.01%;
	background-color:#fff;
	margin:0px;
	padding:0px;
	border:0px;
	scrollbar-DarkShadow-Color: #000;
	scrollbar-Track-Color: #fff;
	scrollbar-Face-Color: #fff;
	scrollbar-Shadow-Color: #000;
	scrollbar-Highlight-Color: #fff;
	scrollbar-3dLight-Color: #000;
	scrollbar-Arrow-Color: #000;
}

#news_button img:hover{
	cursor:pointer;
}

div.mainfooter{
	font-size:0.8em;
}
div.container3{
	margin:0 auto 0 auto;
	width:963px;
}

div.mainfooter #cid3bid29 > div.block_elem_tbs ul,
div.mainfooter #cid3bid49 > div.block_elem_tbs ul{
	display:none;
}
div.mainfooter a{
	font-weight:normal;
	color:#ffffff;
}

div.mainfooter div.block_titel{
	float:left;
	margin-right:3px;
	padding:0 10px 0 10px;
	font-weight:bold;
	color:#ffffff;
}

div.mainfooter div.block_elem_datum{
	float:left;
	margin-right:5px;
	color:#ffffff;
}
div.mainfooter div.block_elem_titel{
	float:left;
	color:#ffffff;
}

div.mainfooter li{
	padding:0;
	margin:0;
}

div.mainfooter div.container_block_aktuelles{
	background-color:#e2001a;
	color:#ffffff;
	line-height:22px;
	border:1px solid #ffffff;
	margin:0 165px 0 0;
	
}

div.sub_categories{
	display:none;
}

div.top_aussen {
	position:relative;
	background-color:#b2a384;
	text-align:center;
}

div.spd_logo_container {
	position:relative;
	width:900px;
	margin:0px auto 0px auto;
	text-align:left;
	min-height:76px;
	/*border:									1px solid #ccc;*/
}

div.spd_logo {
	position:	relative;
	width:											77px;
	margin:0px 20px 0px 10px;
	float:left;
}

div.service_slogan_aussen {
	clear:both;
	position:relative;
	background-color:#fff;
	text-align:center;
}

div.service_slogan {
	position:relative;
	display:block;
	clear:both;
	width:900px;
	height:50px;
	margin:0px auto 0px auto;
}

div.service {
	position:relative;
	clear:both;
	width:585px;
	height:50px;
	text-align:left;
	margin:0px;
	float:left;
}

div.slogan {
	clear:both;
	width:294px;
	height:50px;
	text-align:left;
	float:right;
}

div.navigation_aussen {
	background-color:#E60003;
	text-align:center;
}

div.navigation {
	position:relative;
	background-image: url(spd_bg.gif);
	background-repeat: repeat;
	width:900px;
	padding:10px 0px 10px 0px;
	margin:0px auto 0px auto;
}

div.nav1 {
	width:294px;
	text-align:left;
	margin-right:9px;
	float:left;
}

div.nav2 {
	text-align:left;
	width:294px;
	margin-right:9px;
	float:left;
}

div.nav3 {
	text-align:left;
	width:294px;
	background-color:#E60003;
	float:left;
}



div.content_container_aussen {
	text-align:center;
}

div.content_container {
	width:900px;
	text-align:left;
	margin:0px auto 0px auto;
}

div.content {
	position:relative;
	width:575px;
	text-align:left;
	margin:0px;
	padding: 10px;
	overflow:										hidden;
	float:left;
	/*border:									1px solid #ccc;*/
}



/* bottom: */

div.bottom{
	position:relative;
	width:575px;
	margin-top:10px;
	border-top:3px solid #B2A384;
	color:#000;
	font-weight:bold;
	font-size:0.7em;
	text-transform:uppercase;
	line-height:1.4em;
	clear:both;
}

div.bottom a{
	color:#000;
	font-weight:bold;
	font-size:0.8em;
	text-transform:uppercase;
}

div.bottom a:hover{
	color:#E60003;
}

div.bottom span.active {
	color:#E60003;
	font-weight:bold;
	font-size:0.8em;
}

div.bottom{
  margin-bottom: 30px;
}


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

/*** Admin ***/
div.adm_login {
	position:										relative;
	width:											22.5em;
	top:												5em;
	z-index:										0;
	margin-left:								auto;
	margin-right:								auto;
	text-align:									left;
	font-size:									0.9em;
}

div.adm_login fieldset {
	width:											22em;
}

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


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


div.linktop a:hover div.linktop a:active{
	background-color:#fff;
}

/*** Icons ***/

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

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

div.icon_print {
	float:				right;
	height:1.8em;
}

div.icon_print a{
	width:10em;
}
div.icon_print img {
	vertical-align:middle;
}

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

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

a:hover {
	z-index: 1;
	color : #e60003;
	text-decoration : none;
}

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

ul {
	list-style-type: square;
}


div.content li {
	font-size:	0.8em;
}


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

br{
	margin											:0em;
}

br.clear_left {
	clear:left;
}

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

p.margin0 {
	margin											:0em;
}

img {
	border											:0em;
}

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

div.aussen1 {
	position:										relative;
	top:												0px;
	z-index:										0;
	width:											48em;
	margin:											auto;
	text-align:									left;
}

div.aussen2 {
	position:										relative;
	z-index:										1;
	text-align:									left;
	width:											48em;
}


div.eck_bild,div.top_bg {
	position:										absolute;
	left:												0em;
	top:												0em;
	z-index:										2;
	text-align:									left;
}

div.top_middle {
	position:										absolute;
	left:												10.3em;
	top:												0.3em;
	z-index:										2;
	width:											80%;
	height:											5em;
	text-align:									left;
}

div.redline_menue1 {
	position:										absolute;
	left:												9.3em;
	top:												7em;
	width:											38.4em;
	height:											1.55em;
	text-align:									left;
	background-color:						#006cb1;
	border-left				:4px solid #e60003;
	border-right			:5px solid #e60003;
}

div.content_foot {
	position:										absolute;
	left:												0px;
	top:												6.4em;
	z-index:										2;
	width:											100%;
	text-align:									left;
}

/*******************************************************************************/
/** bug in ie und opera 7.0(content_rahmenbox ersetzt padding von div.content **/
/** angaben für padding oder border werden nicht außen sondern innen erzeugt. **/
/*******************************************************************************/

div.content_rahmenbox {
	position:								relative;
  border:  0.5em solid #fdf8ef;
}

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

div.content fieldset {
	font-size					:0.75em;
	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							:#e60003;
	font-weight				:bold;
	font-size					:1.1em;
	margin						:0em;
}

div.content h2 {
	color							:#000000;
	font-weight				:bold;
	font-size					:1em;
	margin						:0em;
}

div.content h3 {
	color							:#000000;
	font-weight				:bold;
	font-size					:0.9em;
	margin						:0em;
	padding						:0px 0px 10px 0px;

}

div.content h4 {
	color							:#000000;
	font-weight				:bold;
	font-size					:0.85em;
	margin						:0em;
	padding						:5px 0px 10px 0px;
}

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

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

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

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

div.container1 {
	width:790px;
	overflow:										hidden;
	padding:0px;
	margin:0px;
	text-align:right;
}

div.container2 {
	width:292px;
	text-align:left;
	overflow:										hidden;
	float:right;
}

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

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

div.kopf_org {
	position:relative;
	clear:both;
	color:#000000;
	padding:10px 10px 10px 10px;
	margin:0px 0px 10px 0px;
	border:1px solid #B2B2B2;
	width:555px;
}

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

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

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

div.kopf_org div.titel h4 {
	color							:#000000;
	font-weight				:bold;
	font-size					:0.9em;
	margin						:0em;
	padding:0px 0px 5px 0px;
}

div.kopf_org div.kurz {
	position					:relative;
	top								:0em;
	padding						:5px 0px 5px 0px;
	margin						:0em;
	color							:#000000;
	font-size					:0.85em;
}


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

div.kopf_org div.mehr {
	clear:both;
	display:block;
	text-align:right;
	color:#000000;
}



/**************************************/
/* 	termine, meldung, anträge etc. 		*/
/* 					webseiten 								*/
/* 					organisation 							*/
/* 					mitglieder 				  			*/
/**************************************/

div.r4n-content-head div.titel a,
div.r4n-content-head div.titel a:hover,
div.r4n-content-head div.titel a:visited{
	color:#ffffff;
	text-decoration:none;
}


/*########### datum ####################*/

div.content div.zeit_body {
	position					:relative;
	color							:#000000 ;
	text-align				:left;
	display						:block;
	font-size					:0.8em;
}

/*########### vcalendar ####################*/

div.content div.vcalendar_body {
	color							:#000000 ;
}

/*########### drucksache ####################*/

div.content div.drucksache_body {
	position					:relative;
	top								:0em;
	text-align				:right;
	color							:#000000 ;
	font-size					:0.75em;
	float							:right;
}

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

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

div.content div.titel_body h3 {
	color							:#000000;
}


/*########### ort ####################*/

div.content div.ort_body {
	position					:relative;
	color							:#000000;
	margin-top				:0.5em;
	font-weight				:bold;
	font-size					:0.8em;
}

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

div.content div.kurz_body,
div.content div.org_kurz_body,
div.content div.mit_kurz_body{
	position					:relative;
	top								:0em;
	padding						:10px 0px 10px 0px;
	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;
	padding						:10px 0px 10px 0px;
}

div.content table tr td,
div.content div.lang_body table tr td,
div.content div.org_lang_body table tr td
div.content div.mit_lang_body table tr td {
	font-size					:1em;
}

div.content div.verfasser_body {
	font-size					:0.8em;
}

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

div.content div.org_body {
	position					:relative;
	color							:#000000;
	padding						:0.5em 0em 0.5em 0em;
	margin						:0em;
	text-align				:left;
}


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


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							:16em;
}

/**************************************/
/* 		    mitglieder Bild						*/
/**************************************/

div.member_img{
	float:right;
}

/******************************************************************************/
/* member list */
/******************************************************************************/


div.content div.member_group_4 {
	margin-bottom:				10px;
}

div.content div.head_img {
	display:							none;
}

div.content div.head_funktion {
	position:							relative;
	width:								53%;
	padding:							0.5em 0em 1px 0em;
	text-align:						left;
	font-weight:					bold;
	font-size:						0.75em;
	float:								left;
	clear:both;
}
div.content div.head_note {
	display:							none;
}

div.content div.head_fon {
	position:							relative;
	width:								40%;
	padding:							0.5em 0em 1px 0em;
	text-align:						left;
	font-weight:					bold;
	font-size:						0.75em;
	float:								left;
}

div.content div.head_mail {
	position:							relative;
	width:								4%;
	padding:							0.5em 0em 1px 0em;
	text-align:						left;
	font-weight:					bold;
	font-size:						0.75em;
}

/******************************************************************************/
/* member */
/******************************************************************************/

div.member {
	position:							relative;
	width:								100%;
	border-top:						1px solid #9C9C9C;
	border-left:					1px solid #9C9C9C;
	border-right:					1px solid #FFFFFF;
	border-bottom:				1px solid #FFFFFF;
	margin:								1px 0em 1px 0em;
	clear:								both;
}

div.member div.img {
	/*position:							relative;
	width:								100px;
	padding:							0.3em 1px 0.3em 1px;
	left:									1em;
	text-align:						left;
	float:								left;
	clear:								both;*/
	display:none;
}

div.member div.name {
	position					:relative;
	width							:52%;
	padding						:0.3em 1px 0.3em 1px;
	color							:#000000 ;
	font-size:						0.75em;
	left							:1em;
	text-align				:left;
	float							:left;
}

div.member div.note {
	display:none;
}

div.member div.fon {
	position					:relative;
	width							:32%;
	padding						:0.3em 1px 0.3em 1px;
	color							:#000000 ;
	font-size:						0.75em;
	text-align				:left;
	float							:left;
}


div.member div.mail {
	position					:relative;
	width							:4%;
	padding						:0.3em 1px 0.3em 1px;
	color							:#000000 ;
	font-size:						0.75em;
	text-align				:left;
	float							:left;
}

div.member div.mail img {
	width:								1em;
	height:								1em;
}




/*************************************/
/* styles für die menü ebene 1 */
/* styles für die menü ebene 2 */
/* styles für die menü ebene 3 */
/*************************************/
div.menue1,
div.menue2,
div.menue3 {
	position					:relative;
	margin						:0em;
	padding						:0em;
	text-align				:left;
	clear							:both;
	color							:#ffffff;
}
div.menue1{
	text-transform:uppercase;
}

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

div.menue1 ul li a,
div.menue2 ul li a,
div.menue3 ul li a {
	width							:100%;
	margin						:0px;
	color							:#ffffff;
	font-size					:0.8em;
	font-weight				:bold;
	text-decoration		:none;
	line-height				:1.8em;
	text-indent				:10px;
	display						:block;
}

div.menue1 ul li a.menuitem:hover,
div.menue2 ul li a.menuitem:hover,
div.menue3 ul li a.menuitem:hover {
	background				:#F38181;
	color							:#ffffff;
	text-decoration		:none;
}

div.menue1 ul li a.menuitem:active,
div.menue2 ul li a.menuitem:active,
div.menue3 ul li a.menuitem:active {
	background				:#F38181;
	color							:#ffffff;
	text-decoration		:none;
}

div.menue1 ul li a.activemenuitem,
div.menue2 ul li a.activemenuitem,
div.menue3 ul li a.activemenuitem {
	background				:#ffffff;
	color							:#e60003;
	text-decoration		:none;
}

div.menue1 ul li a.activemenuitem:hover,
div.menue2 ul li a.activemenuitem:hover,
div.menue3 ul li a.activemenuitem:hover {
	background				:#ffffff;
	color							:#e60003;
	text-decoration		:none;
}

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

div.menue4 {
	position					:relative;
	margin						:0em;
	padding						:0em;
}
	
div.menue4 h2.hidden_comment {
	display						:none;
}

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

div.menue4 ul li a {
	width							:12.8em;
	margin						:0em;
	font-size					:0.75em;
	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.menue4 ul li a.menuitem {
	background-color	:#e60003;	
	color							:#fdf8ef;
	font-weight				:normal;
	text-decoration		:none;
}

div.menue4 ul li a.menuitem:hover {
	background				:#fdf8ef;
	color							:#e60003;
}

div.menue4 ul li a.menuitem:active {
	background				:#fdf8ef;
	color							:#e60003;
}

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

div.menue4 ul li a.activemenuitem:hover {
	background				:#fdf8ef;
	color							:#e60003;
}


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

div.image {

}

#content .content_image_head span.subline {
	position:absolute;
	padding:2px;
	font:									bold 0.7em Verdana, Arial, helvetica, 'zurich bt', sans-serif;
	bottom: 0;
	background-color:#bbd8e1;
	border: #bbd8e1 2px solid;
	color:#1c4c5c;
}

span.zoom {
	position:absolute;
	right:0;
	background-color:#E1ECF0;
	padding-top:3px;
	top: 0;
}

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						:1em;
	text-align				:left;
	height:100px;
}
	
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							:#e60003;
	background-color	:#ffffff;	
	margin-top				:0.25em;
	border						:1px solid #e60003;
	text-decoration		:none;
	display						:block;
	text-align				:center;
	padding						:0em;
	font-weight				:bold;
	font-size					:1.5em;
	line-height				:1.6em;
	width							:1.6em;
}

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

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

/***************************/
/* styles für den suchblock */
/***************************/
div.simple_search {
	position					:relative;
	width							:272px;
	padding						:10px 10px 10px 10px;
	margin						:2px 0px 2px 0px;
	border:1px solid #4C4C4C;
	float:right;
}

div.simple_search form{
	display:inline;
	margin:0px;
	padding:0px;
}

div.simple_search h2{
	display:none;
}

p.search_nav{
	display						:block;
	padding						:0em;
	font-weight				:bold;
	font-size					:0.8em;
}

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

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

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

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

div.calendar_aussen, div.categories_select {
	position:relative;
	width:							272px;
	clear:both;
	color:#000000;
	font-size					:0.8em;
	padding:10px 10px 10px 10px;
	margin:10px 0px 10px 0px;
	border:1px solid #4C4C4C;
	text-align				:center;
}

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

}

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

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

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

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

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;
	display:block;
}

div.calendar a.currentmonth {
	color							:#ffffff;
	background-color	:#e60003;
	width							:2.8em;
	font-weight				:bold;
}

div.calendar a.currentweek {
	color							:#ffffff;
	background-color	:#e60003;
	font-weight				:bold;
	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-size					:1em;
	font-weight				:bold;
	color							:#333366;
}

div.calendar a.month,
div.calendar span.month {
	color							:#ffffff;
	background-color	:#333366;	
	width							:2.8em;
}

div.calendar a.week,
div.calendar span.week {
	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	:#e60003;
}

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-size					:0.75em;
	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_select form {
	display:					inline;
} 

/* formatierung für die fieldselect kategorien */
div.categories_select select {
	width:						90%;
	font-size					:0.75em;
	background:				#ffffff;
}

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

div.calendar_aussen h2, div.categories_select h2 {
	clear:both;
	text-align				:center;
	display						:block;
	font-size					:0.8em;
	font-weight				:bold;
	padding						:0.5em 0em 0.5em 0em;
	color							:#f2f6f8;
	background-color	:#e60003;
	margin						:1px;
}

/**************************************/
/* 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;
	vertical-align:middle;
	width:90%;
}

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

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.self			{background-image	:url(mehr_block_content.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);}



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

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

div#red4net_debug{
	display:none;
}

/* + + + + + bg-images + + + + + */
/* ausnahmen zu color.css in Zeile 10*/
div.scrollable div.teaser div.teasertxt div.content_image_head a{
	background-image:none;
}


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

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

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

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


div.container_block_content{
	padding-left:10px;
	font-size:0.9em;
	min-height:80px;
}

div.container_block_content a{
	display:block;
	width:100%;
}

div.container_block_content div.block_datum{
	display:none;
}
/******************************************/
/********  Content: Teaser  ******************/
/******************************************/

/* 
	root element for the scrollable. 
	when scrolling occurs this element stays still. 
*/
div#content {
	
	/* required settings */
	position:relative;
	overflow:hidden;	 	
	width: 583px;	
	height:390px;	
	
	/* custom decorations */
	padding:0;	
}

/* 
	root element for jquerybox items. Must be absolutely positioned
	and it should have a super large width to accomodate jquerybox items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
div#content div.scrollable {	
	/* this cannot be too large */
	/*height:20000em;	*/
	/*position:absolute;*/
	/*clear:both;*/		
}

/* single jquerybox item */
div#content div.scrollable div.r4n-content-head {
	/* custom decoration */
	width:580px;
	height:390px;	
	padding:0;
	margin-right:0;	
	-moz-border-radius:5px;
}

/* prev, next, prevPage and nextPage buttons */
div.jquerybox a.prev,
div.jquerybox a.next,
div.jquerybox a.prevPage,
div.jquerybox a.nextPage {
	display:block;
	width:18px;
	height:18px;
	background:url(/share/modules/scrollable/left.png) no-repeat;
	float:left;
	margin:25px 0;
	cursor:pointer;
}

/* mouseover state */
div.jquerybox a.prev:hover,
div.jquerybox a.next:hover,
div.jquerybox a.prevPage:hover,
div.jquerybox a.nextPage:hover {
	background-position:0px -18px;		
}

/* disabled navigational button */
div.jquerybox a.disabled {
	visibility:hidden !important;		
}

/* next button uses another background image */
div.jquerybox a.next, 
div.jquerybox a.nextPage {
	background-image:url(/share/modules/scrollable/right.png);
	clear:right;
	float:left;	
}

/*********** navigator ***********/

/* position and dimensions of the navigator */
div.jquerybox div.navi {
	margin-left:230px;
	width:200px;
	height:20px;
}

/* items inside navigator */
div.jquerybox div.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(/share/modules/scrollable/navigator.png) 0 0 no-repeat;     
	cursor:pointer;	
}

/* mouseover state */
div.jquerybox div.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
div.jquerybox div.navi a.active {
	background-position:0 -16px;     
}