/* ############## */
/* reseting standard elements */
/* ############## */
table, tr, td, th, img, div, p, form, button { 
	margin: 0;
	padding: 0;
	border: 0;
}

ol, ul {
	margin-top:0;
	margin-bottom:0;
}

p { 
	margin:1ex 0;
} 

html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}

/* ############## */
/* general format */ 
/* ############## */
html, body { 
	background-color: #FFF; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #333;
}

* {
}

h1, .seitentitel { font-size:14pt; color:#728dc5; margin:5px 5px 20px 10px; font-weight:normal; }
h2, .subheadline { font-size:11pt; font-weight:bold; color:#728dc5; margin:10px 0 5px 0; }
h3, .subsubheadline { font-size:10pt; font-weight:bold; color:#313131; margin:5px 0 0 0; }

a { /*, a:link, a:visited*/
	color:#003478;
}
a:hover {}
a:focus, a:active { }

div.content_right a:link, div.content_right a:visited { font-weight:bold; text-decoration:none; }
div.content_right a:hover { font-weight:bold; color:#728DC5; background-color:#ffffff; text-decoration:underline; }
div.content_right a:active { font-weight:bold; color:#ffffff; background-color:#728DC5; text-decoration:underline; }

/* ############## */
/* SYSTEM_PAGE    */
/* ############## */

/*###############################*/
/*#### Main Divs  ###############*/
/*###############################*/
div.main {
	width: 100%; 
	text-align: center;
	background:url(/ecics/images/bg_top.png) repeat-x;
}

div.main2 {
	width: 100%; 
	text-align: center;
	background:url(/ecics/images/bg_top.png) repeat-x left bottom;
}

div.main_inner {
	margin: 0 auto;
	width: 900px;
	text-align:left;
	background:url(/ecics/images/bg_navi.png) repeat-y 10px;
}

/*#### Fusszeile ############*/

div.footer {
	position:relative;
}

div.footer_info {
	width:880px;
	height:15px;
	margin:0 0 0 10px;
	background:#b3ccff;	
	font-size:7pt;
	padding:3px 0 0 10px;
}


div.footer_navi {
	position:absolute;
	top:18px;
	left:10px;
	height:20px;
	width:190px;
	background:#f3f0f0;
}


/*#### Kopfzeile ############*/

div.inner_header {
	height:60px;
	width:900px;
}

div.header_logo {
	height:60px;
	width:510px;
	float:left;
	padding:0 10px 0 0;
}

div.header_info {
	float:right;
	height:60px;
	width:380px;
	overflow:hidden;
	font-size:7pt;
	text-align:right;
}
div.info_links {
	margin:25px 0 0;
	height:15px;
}
div.login_box {
	height:22px;
	padding:2px 0 0;
}
div.login_box .ejw_input_text {
	width:60px;
}
div.login_box .ejw_button {
	vertical-align:bottom;
}
div.login_box * {
	font-size:7pt;
}
div.info_online {
	margin:2px 0 0;
	padding:3px 0 0;
	height:18px;
	vertical-align:bottom;
}

/*#### Hauptbereich ############*/

div.inner_content {
	width:900px;
	overflow:hidden;
	text-align:left;
	background:url(/ecics/images/bg_navi.png) repeat-y 10px;
}

div.content_left {
	width:200px;
	overflow:hidden;
	float:left;
	margin:0;
	padding:0 0 75px 0;
}

div.content_right {
	float:right;
	overflow:hidden;
	width:700px;
	margin:0 0 30px;
}

div.elk_wue {
	float:left;
	width:200px;
	height:70px;
	margin:-70px 0 0 0;
	text-align:center;
	position:relative;
}

/*#### linke Spalte ############*/

div.left_logo {
	margin:0 0 10px;
}

div.left_navi {
	margin:0;
	padding:0 0 20px;
}

div.left_search {
	margin:0 0 20px 10px;
	width:185px;
	padding:2px 8px 1px 7px;
	background-color:#b3ccff;
	font-size:10pt;
}
input.search_input {
	width: 100px;
	border: 1px solid #b3ccff;
	margin:0 3px 0 0;
	padding:0px 2px;
	height:16px;
}
button.search_submit {
	cursor:pointer;
	margin:0;
	padding:1px 0 0 0;
	border:0;
	width:20px;
	background:transparent;
	vertical-align:top;
}

div.left_links {
	margin:0 0 20px 17px; 
}
.a_icons {	
	text-decoration:none;
	font-size:7pt;
}
.a_icons:hover {
	text-decoration:underline;
}

div.pfadnavi {
	font-size:7pt;
	padding: 3px;
}

.left_fb { font-size:9px; text-align:center; line-height:14px; margin:0 0 20px; }
.left_fb a { text-decoration:none; }

/*#### Editor-Areas ############*/

div#content_main_area_box {
	overflow: hidden;
	padding:0;
}
div.main_area_1s {
	margin:5px 0 0 5px;
	width:695px;
}
div.main_area_2s {
	margin:5px 7px 0 5px;
	width:450px;
}

div#content_main_area {}

div#content_right_area_box {
	padding:0 0 0 7px;
	margin:5px 0 0;
	width:230px;
	border-left:1px solid transparent; /*#728dc5;*/
	float:right;
	overflow:hidden;
}
div.right_area_1s {
	display:none;
}
div.right_areas_2s {}

div#content_right_area {}

div#content_system_area_box {
	margin:5px 5px 0 0;
	overflow: hidden;
	padding:0;
}

/*#### Navigation / Elemente ###############*/

a.menu_allg {
	text-align:left;
	margin:0;
	display:block;
	padding:0;
	font-size:10pt;
	line-height:normal;
	font-weight:normal;
	text-decoration:none;	
	color:#333;
}

span.menu_list_item {
	display:none;
}

a.menu_allg:link, a.menu_allg:hover, a.menu_allg:visited {
	text-decoration:none;
}

.img_trenn {
	display:block;
}

ul.menu, li.menu {
	list-style-type:none;
	margin:0;
	padding:0;
	line-height:0;
	font-size:0;
}

a.menu_parent {
	width:180px;
	padding:3px 2px 2px 8px;
	margin:0 0 0 10px;
	font-size:8pt;
}

a.menu_parent:link {
}

a.menu_parent:hover {
	text-decoration:underline;
}

a.menu_item0 {
	width:175px;
	margin:0;
	padding:10px 2px 10px 23px;
	background:url(/ecics/navi/images/nav0_bg.gif) repeat-y;
	font-weight:bold;
	color:#728dc5;
}

a.menu_active0, a.menu_child0 {
	background:url(/ecics/navi/images/nav0a_bg.gif) repeat-y;
}

a.menu_item0:hover {
}

a.menu_item1 {
	width:180px;
	padding:2px 2px 2px 18px;
	background:url(/ecics/navi/images/nav1_bg.gif) repeat-y;
}

a.menu_active1, a.menu_child1 {
	background:url(/ecics/navi/images/nav1a_bg.gif) repeat-y;
	font-weight:bold;
}

a.menu_item1:hover {
	background:url(/ecics/navi/images/nav1a_bg.gif) repeat-y;
}

a.menu_item2 {
	width:173px;
	padding:2px 2px 2px 25px;
	background:url(/ecics/navi/images/nav2_bg.gif) repeat-y;
}

a.menu_active2, a.menu_child2 {
	background:url(/ecics/navi/images/nav2a_bg.gif) repeat-y;
	font-weight:bold;
}

a.menu_last2 {
}

a.menu_item2:hover {
	background:url(/ecics/navi/images/nav2a_bg.gif) repeat-y;
}

a.menu_item3 {
	width:166px;
	padding:2px 2px 2px 32px;
	background:url(/ecics/navi/images/nav3a_bg.gif) repeat-y;
}
a.menu_last3 {
}
a.menu_active3, a.menu_child3 {
	font-weight:bold;
	background:url(/ecics/navi/images/nav3a_bg.gif) repeat-y;
}
a.menu_item3:hover {
	background:url(/ecics/navi/images/nav3a_bg.gif) repeat-y;
}


/* WYSIWYG classes */
/* --------------- */

.standard {
}

.img_right {
	margin:2px 0 2px 5px;
	float:right;
}

.img_left {
	margin:2px 5px 2px 0;
	float:left;
}

table.user_table {
	border-collapse:collapse;
	border:1px solid black;
}
table.user_table tr {
	border:1px solid #333;
}
table.user_table td {
	border:1px solid #333;
	padding:2px 4px;
}

.text_9 {
	font-size:9pt;
}

.text_8 {
	font-size:8pt;
}


/*#### (User-)Boxen ############*/

div.left_box {
	width:190px;
	margin:0 0 10px 10px;
	border-bottom:1px solid #b3ccff;
}
div.left_box_msg {
	border:1px solid red;
}
div.left_box div.header {
	padding:2px 5px 1px 8px;
	height:15px;
	background:#b3ccff;
	font-size:8pt;
}
div.left_box div.content {
	padding:5px 5px 5px 8px;
	font-size:7pt;
}


/*###############################*/
/*#### Portal / Home ############*/
/*###############################*/

div.portal_right {
	float:right;
	width:240px;
	overflow:hidden;
}

div.portal_main {
	float:left;
	width:450px;
	margin:0 5px 0 0;
	overflow:hidden;
}

div.portal_box {}
div.portal_box div.header {
	font-size:9pt;
	background-color:#ccddff;
	padding:2px 0px;
	text-align:center;
	border:solid #f3f0f0;
	border-width:1px 0;
}
div.portal_box div.content {
	padding:5px 10px;
	margin:0 0 8px;
}

div.ec_list {
	font-size:8pt;
	border-bottom:1px solid #003478;
	margin:5px;
	padding-bottom:5px;
}

div.portal_banner {
	margin:0 0 8px;
	text-align:center;
}

img.random_image {
	margin:0 0 8px;
}

/*#################################*/
/*#### Veranstaltungskalender ######*/
/*#################################*/

.div_main_ec {
	width:690px;
	margin:5px;
	text-align:center;
}

.p_icon_text {
	margin:0px;
	font-size:8pt;
}

.div_title_ec {
	margin:20px;
}

.table_ec_cat {
	margin:3px auto;
}

.hr_ec {
	color:#728dc5;
	background-color:#728dc5;
	width:80%;
}

.div_ec_items {
	width:690px;
	text-align:center;
}

.table_ec_items {
	width:530px;
	margin:0px auto;
}

.div_item_text {
	font-size:9pt;
}

.span_ec_fett {
	font-weight:bold;
	font-size:11pt;
	color:#728dc5;
}

.ejw_button { margin:1px 2px; background:#FFF; border:1px solid #728dc5; padding:0 5px; cursor:pointer; text-decoration:none;  }
a.ejw_button, a.ejw_button:link, a.ejw-button:hover { padding:0 5px 1px; font-weight:normal !important; text-decoration:none !important; }
.ejw_input_text { border:1px solid #728dc5; }

/****************/
/* NEWS-BEREICH */
/****************/

/*current category list */
div.news_current_cat { width:100%; text-align:center; }

/* single article anzeige */
div.news_single_article { width:100%; text-align:center }

/* category-header-bereich */
div.news_category_header { width:95%; overflow:hidden; border:0px; border-top:1px solid #003478; border-bottom:1px solid #003478; background: #f0f0f0; margin:10px auto;  padding:6px; }
div.news_cat_header { font-size:10pt; font-weight:bold; color:#333; }
div.news_new_article, div.news_all_article_in_cat { float:right; }
div.news_external_category { margin: -8px 5% 10px 0; text-align:right; }

/* article-bereich */
div.news_articles { width:590px; margin:0 auto; }
div.news_article { text-align:left; width:590px; overflow:hidden; margin:0 auto; }
div.news_article_title { font-size:14pt; color:#728dc5; margin-top:10px }
div.news_article_subtitle { font-size:8pt; margin:4px 0 0 1px; }
div.news_article_content { margin-top:10px }
hr.news_article_end { margin-top:10px; width:100%; background-color:#003478; color:#003478; height:1px; border:0 none; clear:both; }

div.news_article_content_printable { width:568px; overflow:auto; border:1px solid #FF0000; padding:5px 10px 10px; margin-top:10px; }
div.news_article_content_printable_remark {	border-bottom:2px solid #FF0000; padding:3px; text-align:center; margin-bottom:5px; }


/* admin bereich beim article */
div.news_admin_area { background:#f0f0f0; width:100%; margin:0 auto 5px; }
font.news_admin_red { color:#ff0000 }
.news_button {	margin: 1px 2px; background: #FFF; border:1px solid #003478; padding:0 5px; cursor:pointer; }
.news_button_inactive { margin: 1px 2px; background: #eee;	color:#333;	border:1px solid #999; padding:0 5px; }
.news_button_full { width:100%; }

/* Main category list */
div.main_catlist { width:90%; margin:20px 5%; }   /* div der gesamten liste */
div.main_catlist_header { margin:10px; font-size:20px } /* text der ueberschrift */
div.main_catlist_all_entries { } /* div fuer alle rubrikeintraege */
div.main_catlist_one_entry { margin:2px 0 } /* div fuer die einzelnen eintraege */
a.main_catlist_text { } /* verlinkte Kategorien */
span.main_catlist_text { font-weight:normal }  /* nur text-Kategorieren (leere) */


/* Liste fuer subcategories */
.news_sub_catlist_div { width:142px; font-size:10px; color:#4d4d4d; float:right; text-align:left; }
.news_sub_catlist { font-size:10px; color:#4d4d4d; }
ul.news_sub_catlist { text-align:left; padding-left:2px }
li.news_sub_catlist { }
div.news_sub_catlist_header { font-weight:bold; font-size:10px; text-align:left; padding:2px; }


/*************/
/* Diaschau */
/*************/

div.ds_box {
	padding:10px;
	overflow:hidden;
	clear:both;
}

div.ds_tn, div.ds_tn_single {
	float:left; 
	padding:6px; 
/*	width:100px !important; 
	height:75px !important; */ 
	overflow:hidden;
}

div.ds_tn_single { float:none }

br.ds_stopper {
	clear:left;
	display:block;
}

img.slideshow {	display:none; }
body.mceContentBody img.slideshow { display:block; }


/*****************/
/* Community     */
/*****************/

.com_login { 
	width:570px;
	padding:0 10px 0 30px;
}

.com_button {
	border:1px solid #555 !important;
	margin:5px 3px;
	cursor:pointer;
	vertical-align:middle;
	background:#f3f3ef !important;
	color:#444 !important;
}
.com_button:hover {
	background:#555 !important;
	color:#fff !important;
}

.com_input_text {
	vertical-align:middle;
}

.com_login td {
	text-align:right;
	padding:3px;
}

/****************/