/* ############## */
/* 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 { font-size:14pt; font-weight:normal; color:#8d287d; margin:10px 5px 20px 5px; }
h2, .subheadline { font-size:12pt; font-weight:normal; color:#8d287d; margin:12px 0 3px 0; }
h3, .subsubheadline { font-size:10pt; font-weight:bold; color:#0066CC; margin:5px 0 0 0; }
a { /*, a:link, a:visited*/
	color:#333;
}
a:hover {
}
a:focus, a:active { 
}
/* ############## */
/* SYSTEM_PAGE    */
/* ############## */

/*###############################*/
/*#### Main Divs  ###############*/
/*###############################*/
div.main {
	width: 100%; 
	height:100%;
	text-align: center;
}
div.main_inner {
	margin: 1px auto;
	width: 900px;
	text-align:left;
	background:url(/ecics/images/bg_main.png) repeat-y;
}
div.footer {
	width:874px;
	margin:0 10px;
	background:#f0f0f0;	
	border-top:1px solid #8d287d;
	font-size:7pt;
	padding:0 3px 2px;
}
/*#### Kopfzeile ############*/
div.inner_header {
	height:71px;
	width:880px;
	margin:0 10px;
	border-bottom:6px solid #8d287d;
}

div.header_logo {
	height:70px;
	width:200px;
	float:left;
	padding:0 8px 0 0;
}

div.header_img {
	float:right;
	height:70px;
	width:672px;
}



/*#### 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:210px;
	overflow:hidden;
	float:left;
	margin:1px 0 0;
	padding:0 0 85px 0;
}

div.content_right {
	float:right;
	/*overflow:hidden;*/
	width:672px;
	margin:1px 10px 30px 8px;
}

div.elk_wue {
	float:left;
	width:210px;
	height:85px;
	margin:-85px 0 0 0;
	text-align:center;
	position:relative;
}

/*#### linke Spalte ############*/

div.left_navi {
	margin:0;
	padding:0 0 20px 0;
}

div.left_search {
	margin:0 0 20px 10px;
	width:185px;
	padding:2px 8px 1px 7px;
	border:1px solid #8d287d;
	border-right:0;
	border-left:0;
	background-color:#e0e0e0;
	font-size:10pt;
}
input.search_input {
	width: 100px;
	border: 1px solid #8d287d;
	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 0; 
}
.a_icons {	
	text-decoration:none;
	margin:5px 15px;
	display:block;
	font-size:7pt;
}

div.login_box {
	font-size:7pt;
	width:190px;
	margin:2px 0 2px 10px;
	padding:2px 2px 2px 8px;
	border:1px solid #8d287d;
	border-right:0;
	border-left:0;
	background:#e0e0e0;
}
div.login_box .kbb_input_text {
	width:120px;
}
div.login_box * {
	font-size:8pt;
}

div.pfadnavi {
	font-size:7pt;
	padding: 3px;
}

/*#### Editor-Areas ############*/

div#content_main_area_box {
	margin:5px 5px 10px 0;
	overflow: hidden;
	padding:0 0 0 5px;
}
div.main_area_1s {
	width:662px;
}
div.main_area_2s {
	width:438px;
}

div#content_main_area {}

div#content_right_area_box {
	padding:0 5px;
	margin:5px 0 10px 0;
	width:213px;
	border-left:1px solid #f0c6ea;
	float:right;
	overflow:hidden;
}
div.right_area_1s {
	display:none;
}
div.right_area_2s {}

div#content_right_area {}

div#content_system_area_box {
	margin:5px 5px 10px;
	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:192px;
	padding:2px 0 2px 8px;
	margin:0 0 0 10px;
	font-size:8pt;
	border-bottom:1px solid #8d287d;
}

a.menu_parent:link {
}

a.menu_parent:hover {
	text-decoration:underline;
}

a.menu_item0 {
	width:187px;
	margin:0;
	padding:10px 0 10px 23px;
	background:url(/ecics/navi/images/nav0_bg.gif) repeat-y;
	background-repeat:repeat-y;
	font-weight:bold;
	color:#8d287d;
}

a.menu_active0, a.menu_child0 {
	background:url(/ecics/navi/images/nav0a_bg.gif) repeat-y;
}

a.menu_item0:hover {
}

a.menu_item1 {
	width:192px;
	padding:2px 0 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:187px;
	padding:2px 0 2px 23px;
	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:182px;
	padding:2px 0 2px 28px;
	background:url(/ecics/navi/images/nav3_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;
}


/*#### (User-)Boxen ############*/

div.left_box {
	width:200px;
	margin:0 0 10px 10px;
	border:1px solid #8d287d;
	border-right:0;
	border-left:0;
}
div.left_box_msg {
	border:1px solid red;
}
div.left_box div.header {
	padding:1px 5px 1px 8px;
	height:16px;
	background:#e0e0e0;
	font-size:8pt;
}
div.left_box div.content {
	padding:5px 5px 5px 8px;
	font-size:7pt;
}


/* ####################### */
/* Werte für Angemeldete   */
/* ####################### */

/* WEBSITE_VIEW_PAGE (blauer Balken)   */

div#view_page_container {
	width:672px;
}

div#view_page_ask_for_release_container {
	width: 672px;
}

/* WEBSITE_WEBSITE_CHANGE (blauer Balken)   */

div#website_change_container {
	width:672px;
	/*height: 80px;*/
}

/* TINYMCE TOOLBAR   */

.mceToolbarExternal {
	width:672px;
}


div.ecics_script {
	border:1px solid blue;
	background:#b2b2b2;
	padding:1px 3px;
	height:20px;
	width:100%;
}


/* ####################### */
/* Eventcalendar STyLes    */
/* ####################### */

h1.ec_headline {
	width:100%; 
	margin:10px 0 0; 
	padding:6px;
}
	
div.ec_picto_box {
	width:100%;
}

img.ec_right_picto {
	margin:2px;
}

div.ec_event_box {
	width:500px;
	margin-top:5px;
}

hr.ec_hr {
	margin:0px auto; 
	padding:0;
	width:100%; 
	background-color:#333; 
	color:#333; 
	height:1px; 
	border:0 none; 
	overflow:hidden;
	font-size:0;
	line-height:0;
}
	
img.event_list_picto_big {
	margin:7px 4px 3px 0;
}

div.event_list_date {
	width: 94%;
	margin: 6px 3% 0;
	overflow: hidden;
	font-weight:bold;
}

div.event_list_event_box {
	width: 95%;
	margin: 0 2% 8px 2%;
	overflow: hidden;
	border: 1px solid #0c78c0;
	border-top:0;
	background:#D7E4FD;
}

div.event_list_event_content {
	margin: 3px 12px 3px 3px;
	line-height:11pt;
}
span.event_title {
	font-weight:bold;
}

div.event_list_event_cats {
	float: right; 
	margin: 3px 3px 3px 3px;
	text-align: right;
}

img.event_list_picto {
	margin:2px;
}


/****************/
/* website_view_page  */
/****************/

/* Admin-Toolbar */
div.page_admin_toolbar { width:750px; text-align:center; }
.admin_button   { width:100px; margin-left:8px; margin-right:8px; border: 2px solid #8590BE; background:white }

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

/*****************/
/* Helper-styles */
/*****************/

div.system_helper_header  { width:530px; overflow:hidden; border:0px; border-top:2px solid #8590BE; border-bottom:2px solid #8590BE; background: #D4D8E7; margin:10px; padding:6px; font-size:16px; font-weight:bold; color:#4d4d4d; }
div.system_helper_teaser  { width:530px; overflow:hidden; border:0px; background: #D4D8E7; padding:6px; margin-left:10px; margin-right:10px }
div.system_helper_content { width:530px; overflow:hidden; border:0px; background: #D4D8E7; padding:6px; margin-left:10px; margin-right:10px }
div.system_helper_button  { width:530px; overflow:hidden; border:0px; background: #D4D8E7; padding:6px; margin-left:10px; margin-right:10px }

.form_button   { border: 2px solid #8590BE; background:white }
.form_textfeld { border: 2px solid #8590BE; background:white }

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

/*###############################*/
/*#### Portal / Home ############*/
/*###############################*/

div.portal_right {
	float:right;
	width:220px;
}

div.portal_main {
	float:left;
	width:435px;
	margin-right:7px;
}

div.portal_main_right {
	float:right;
	width:214px;
}
div.portal_main_left {
	float:right;
	width:214px;
	margin-right:7px;
}

div.portal_box {
	width:100%;
}
div.portal_box div.header {
	width:100%;
	font-size:9pt;
	background-color:#e0e0e0;
	padding:2px 0px;
	text-align:center;
	border-bottom:1px solid #8d287d;
	border-top:1px solid #8d287d;
}
div.portal_box div.content {
	padding:5px 10px;
	margin:0 0 8px;
}

div.ec_list {
	font-size:8pt;
	border-bottom:1px solid #8d287d;
	margin:5px;
	padding-bottom:5px;
}

img.random_image {
	margin:0 0 8px;
}

/*###############################*/
/*#### Eventcalendar ############*/
/*###############################*/

.div_main_ec {
	margin:5px;
}

.div_header {
	font-size:14pt;
	color:#8d287d;
}

.hr_ec {
	margin:5px 0px;
	color:#8d287d;
	background-color:#8d287d;
}

.div_title_ec {
	font-size:8pt;
	margin:2px;
}

.a_ec_icons {
	margin:2px;
}

.kbb_button { margin:1px 2px; background:#FFF; border:1px solid #8d287d; padding:0 5px; cursor:pointer; text-decoration:none; }
a.kbb_button { padding:0 5px 1px; }
.kbb_input_text { border:1px solid #8d287d; }

/****************/
/* 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:2px solid #8d287d; border-bottom:2px solid #8d287d; background: #f0f0f0; margin:10px auto;  padding:6px; }
div.news_cat_header { font-size:20px; 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:20px; 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:#8d287d; color:#8d287d; height:2px; 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:#ccebff; width:100%; margin:0 auto 5px; }
font.news_admin_red { color:#ff0000 }
.news_button {	margin: 1px 2px; background: #FFF; border:2px solid #8d287d; padding:0 5px; cursor:pointer; }
.news_button_inactive { margin: 1px 2px; background: #eee;	color:#333;	border:2px 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;
}

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