/* ############## */
/* reseting standard elements */
/* ############## */
table, tr, td, th, img, div, p, form, button, ol, ul, li { 
	margin: 0;
	padding: 0;
	border: 0;
}

html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}

/* ############## */
/* general format */
/* ############## */
html, body { 
	background:url(/ecics/images/bg_left.png) 0 0 repeat-y #FFF; 
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #333;
}

* {
	font-size: 8pt;
}

a, a:link, a:visited { 
	font-weight: bold;
	text-decoration: none;
	color: #333;
}

a:focus, a:hover, a:active { 
	font-weight: bold;
	text-decoration: underline;
	color: #333;
}

/* ############## */
/* SYSTEM_PAGE    */
/* ############## */

div.main {
	width: 100%; 
	height: 100%; 
	text-align: center;
	background:url(/ecics/images/header_bg_right.png) repeat-x;
	
}
	
div.main_inner {
	margin: 0px auto;
	width: 850px;
	height:100%;
	background:url(/ecics/images/bg_col_left.png) repeat-y #FFF;
}

/*#### Kopfzeile ############*/

div.inner_header {
	width:850px;
	height: 90px;
	text-align:left;
}

div.header_left {
	width:170px;
	height:90px;
	position:relative;
	float:left;
	text-align:right;
}
	
div.header_left_absolute {
	position:absolute;
	top:0;
	left:-1500px;
	width:1670px;
	height:90px;
	z-index:0;
	background:url(/ecics/images/header_bg_left.png) repeat-x;
}
div.header_left_absolute img {
	float:right;
}
div.bacchus_link {
	margin:60px 5px 0 0;
}

div.header_middle {
	width:670px;
	height:90px;
	overflow:hidden;
	float:left;
	background:url(/ecics/images/header_bg_right.png) repeat-x;
}
div#page_logo {
	height:60px;
}

div#page_functions_bar {
	width: 662px;
	height: 16px;
	padding: 0 4px;
}

div.header_right {
	width:10px;
	height:90px;
	float:left;
	position:relative;
	background:url(/ecics/images/header_bg_right.png) repeat-x;
}
div.header_logo_right {
	background:url(/ecics/images/header_logo_right.png) no-repeat;
	height:90px;
	width:93px;
	position:absolute;

}

/*#### Hauptbereich ############*/

div.inner_content {
	width:850px;
	text-align:left;
}

div.col_left {
	float:left;
	width:170px;
	text-align:right;
	padding:8px 0 0 0;
	overflow:hidden;
}

div.col_middle_right {
	float:right;
	width:680px;
	padding:8px 0 0 0;
	background:url(/ecics/images/dot_848484.png) 510px repeat-y #FFF;
}

/*#### Fusszeile ############*/

div.inner_footer {
	clear:both;
	height:15px;
	width:680px;
	margin:0 0 0 170px;
	background:url(/ecics/images/dot_848484.png) 510px repeat-y #FFF;
}

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

div.navi {
	width:170px;
	margin:0 0 15px 0;
}

div.left_box {
	width:170px;
	margin:5px 0;
}
div.left_box div.header {
	background:url(/ecics/images/left_bg_header.png) repeat-y;
	position:relative;
	left:-150px;
	width:150px;
	padding:2px 15px 2px 155px;
	font-size:9pt;
}
div.left_box div.content {
	padding:2px 15px 10px 5px;
	font-size:8pt;
}
div.left_box img.header {
	position:relative;
	left:-222px;
	padding:0px 0px 0px 170px;
}

/*#### Elemente rechte Spalte ###############*/

div.right_box {
	width:161px;
	margin:5px 0;
}
div.right_box div.header {
	background:url(/ecics/images/right_bg_header.png) repeat-y;
	position:relative;
	right:-151px;
	left:-8px;
	width:161px;
	padding:2px 151px 2px 8px;
	font-size:9pt;
}
div.right_box div.content {
	padding:2px 0 10px 0;
	font-size:8pt;
}

/*#### Elemente mittlere Spalte ###############*/

div.middle_box {
	width:240px;
	margin:5px 3px 0 0;
	padding:10px 0 0 0;
	border-left:1px solid #848484;
	float:left;
}
div.middle_box div.header {
	background:url(/ecics/images/content_bg_header.png) repeat-y;
	/*width:240px;*/
	padding:2px 5px;
	font-size:9pt;
}
div.middle_box div.content {
	padding:2px 5px 10px 5px;
}


/*#### Navigation / Elemente ###############*/

a.menu_allg {
	text-align:right;
	margin:0;
	display:block;
	padding:0;
	font-size:10pt;
	line-height:normal;
	font-weight:normal;
	text-decoration:none;	
}

a.menu_allg:link, a.menu_allg:hover, a.menu_allg:visited {
	color:#333;
	font-weight:normal;
	text-decoration:none;
}

ul.menu, li.menu {
	list-style-type:none;
	margin:0;
	padding:0;
	line-height:0;
	font-size:0;
}

span.menu_separator {
	display:block;	
	line-height:0;
	font-size:0;
	height:2px;
	position:relative;
	margin:0;
	padding:0;
	left:-150px;
	width:320px;
	background:url(/ecics/images/navi_sep2.png) repeat-y;
}

a.menu_parent {
	width:150px;
	padding:1px 15px 3px 5px;
	margin:0 0 3px 0;
	font-size:8pt;
	text-align:left;
}

a.menu_parent:link {
}

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

a.menu_item0 {
	width:150px;
	padding:1px 15px 3px 5px;
	font-size:10pt;
	text-align:center;
	background:#e6e6e5;
}

a.menu_active0, a.menu_child0{
	background:#E79E46;
}

a.menu_item0:hover {
	background:#E79E46;
}

a.menu_item1 {
	width:150px;
	padding:2px 15px 2px 5px;
}

a.menu_active1, a.menu_child1 {
	position:relative;
	padding-left:155px;
	left:-150px;
	background:url(/ecics/images/navi_bg_l1.png) repeat-y;
}

a.menu_item1:hover {
	position:relative;
	padding-left:155px;
	left:-150px;
	background:url(/ecics/images/navi_bg_l1.png) repeat-y;
}

a.menu_item2 {
	width:150px;
	padding:2px 15px 2px 155px;
	position:relative;
	left:-150px;
	font-size:9pt;
	background:url(/ecics/images/navi_bg_l2.png) repeat-y;
}

a.menu_active2, a.menu_child2 {
	/*font-weight:bold;*/
	background:url(/ecics/images/navi_bg_l1.png) repeat-y;
}

a.menu_item2:hover {
	background:url(/ecics/images/navi_bg_l1.png) repeat-y;
}

a.menu_item3 {
	width:150px;
	padding:3px 15px 3px 5px;
	font-size:8pt;
}

a.menu_active3, a.menu_active3:link, a.menu_active3:visited {
	font-weight:bold;
}

a.menu_child3 {
}

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



/* search form */
/* --------------- */
div#page_search_box {
	width: 105px;
	height: 14px;
	float: left;
	overflow: hidden;
	border-top: 1px solid #B7B7B7;
	border-bottom: 1px solid #B7B7B7;
	border-left: 1px solid #B7B7B7;
}

input#page_search_string {
	width: 97px;
	height: 12px;
	display: inline;
	padding: 1px 2px 2px 6px;
	border: 0px;
	font-size: 8pt;
}

button#page_search_submit {
	width: 36px;
	height: 16px;
	float: left;
	margin: 0px;
	padding: 0px 3px 3px 2px;
	background: #8590BE;
	font-size: 8pt;
	color: #FFFFFF;
	border-top: 1px solid #B7B7B7;
	border-bottom: 1px solid #B7B7B7;
	border-right: 1px solid #B7B7B7;
	border-left: 1px solid #8590BE;
}




/* left content */
/* --------------- */
div#page_left_area_box {
	width: 170px;
}

div#page_left_area {
	width: 170px;
}

/* ############## */
/* WEBSITE_VIEW   */
/* ############## */

div#page_content_container {
	width: 680px;
}

div#page_content_container a, div#page_content_container a:link, div#page_content_container a:visited {
	font-weight:bold;
	text-decoration: underline;
	color: #6C8BC9;
}
div#page_content_container a:focus, div#page_content_container a:hover, div#page_content_container a:active { 
	font-weight: bold;
	text-decoration: underline;
	color: #333;
}
div#page_content_container hr {
	width:100%;
	margin:10px 0;
	height:1px;
	border:none;
	color:#333;
	background-color:#333;
}

div#content_main_area_box {
	width: 489px;
	overflow:hidden;
	margin:0 8px 0 13px;
}

div#content_main_area {
	width: 489px;
}

/* apply css within editor */
.content_main_area_box {
	background: transparent;
}


div#content_right_area_box {
	width: 161px;
	border-left:1px solid #848484;
	float:right;
	overflow: hidden;
	padding: 0 0 0 8px;
}

div#content_right_area {
	width: 161px;
}

div#content_right_area img {
	margin-left:-8px;
	position:relative;
}

/* apply css within editor */
.content_right_area_box {
	background: transparent;
}

/* WYSIWYG classes */
/* --------------- */

.headline {
	font-size:19px;
	font-weight:bold;
	margin-top:5px;
	margin-bottom:10px;
	margin-left:0px;
	display:block;
	width:511px;
}

/* ############## */
/* WEBSITE_VIEW_PAGE   */
/* ############## */

div#view_page_container {
	width: 660px;
}

div#view_page_ask_for_release_container {
	width: 658px;
}

/* ############## */
/* WEBSITE_WEBSITE_CHANGE   */
/* ############## */

div#website_change_container {
	overflow:hidden;
	clear:both;
}
div.ecics_button_box {
	margin:5px 10px;
	float:left;
}

/* ############## */
/* TINYMCE TOOLBAR   */
/* ############## */
.mceToolbarExternal {
	width: 678px;
}

/* ############## */
/* EVENTCALENDAR_EVENT_LIST   */
/* ############## */

img.event_list_picto_big {
	margin: 3px 0px 3px 0px;
}

div.event_list_event_box {
	width: 488px;
	margin: -3px 0px 12px 0px;
	overflow: hidden;
	border-left: 1px solid #8590BE;
	border-right: 1px solid #8590BE;
	border-bottom: 1px solid #8590BE;
	background: #D4D8E7;
}

div.event_list_event_content {
	float: left;
	margin: 3px 12px 0px 3px;
	padding: 0px 0px 3px 0px;
}

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

img.event_list_picto {
	margin: 1px 0px 3px 3px;
}










/******************/
/* Event-calendar */
/******************/

div.ec_kompl { width:616px; text-align:center }
div.ec_header { width:570px; overflow:hidden; font-size:20px; color:#003e83; border:0px; border-top:2px solid #8590BE; border-bottom:2px solid #8590BE; background: #D4D8E7; margin-top:30px; margin-bottom:10px; padding:6px; margin-left:auto; margin-right:auto; } 
div.ec_sub_header { width:500px; text-align:right; margin-bottom:10px; margin-left:auto; margin-right:auto; }
hr.ec { width:100%; background-color:#8590BE; color:#8590BE; height:2px; border-style:none; border-width:0px; }
table.ec_events { width:510px; text-align:left; overflow:hidden; margin-left:auto; margin-right:auto; }
td.ec_event_pics { width:80px; padding:10px; vertical-align:top; }
td.ec_event_text { width:420px; padding:10px; vertical-align:top; }
div.ec_event_date { margin-top:2px; }
div.ec_event_title { font-size:13px; margin-top:2px; font-weight:bold }
ul.ec_event_infos {}
il.ec_event_infos {}
a.ec_event_link {}
div.ec_event_content {}

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

/****************/
/* NEWS-BEREICH */
/****************/

/*current category list */
div.news_current_cat { width:566px; text-align:center; float:left; }

/* header-bereich */
div.news_category_header { width:523px; overflow:hidden; border:0px; border-top:2px solid #8590BE; border-bottom:2px solid #8590BE; background: #D4D8E7; margin-top:5px; margin-bottom:10px; padding:6px; margin-left:auto; margin-right:auto; }
div.news_cat_header { font-size:20px; color:#003e83 }

/* article-bereich */
div.news_article { text-align:left; width:523px; overflow:hidden; margin-left:auto; margin-right:auto; }
div.news_article_titel { font-size:20px; margin-top:15px }
div.news_article_subtitel { font-size:11px; margin-top:4px; margin-left:1px }
div.news_article_content { margin-top:15px }
hr.news_article_end { margin-top:10px; width:100%; background-color:#8590BE; color:#8590BE; height:2px; border-style:none; border-width:0px; }

/* admin bereich beim article */
div.news_admin_area { background:#D4D8E7; width:523px; margin-left:auto; margin-right:auto; }
font.news_admin_red { color:#ff0000 }

/* single article anzeige */
div.news_single_article { width:566px; text-align:center }
a.news_single_allarticles:link    { font-weight:bold; COLOR: #4d4d4d; TEXT-DECORATION: underline }
a.news_single_allarticles:visited { font-weight:bold; COLOR: #4d4d4d; TEXT-DECORATION: underline }
a.news_single_allarticles:hover   { font-weight:bold; COLOR: #003e83; TEXT-DECORATION: none }
a.news_single_allarticles:active  { font-weight:bold; COLOR: #003e83; TEXT-DECORATION: none }
 

/* Main category list */
div.main_catlist { width:523; margin:15px; }   /* 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-top:2px } /* div fuer die einzelnen eintraege */
.main_catlist_text         { font-weight:normal }  /* nur text-elemente */
.main_catlist_text:link    { FONT-WEIGHT: bold; COLOR: #4d4d4d; TEXT-DECORATION: underline; margin-right:10px }
.main_catlist_text:visited { FONT-WEIGHT: bold; COLOR: #4d4d4d; TEXT-DECORATION: underline; margin-right:10px }
.main_catlist_text:hover   { FONT-WEIGHT: bold; COLOR: #003e83; TEXT-DECORATION: none }
.main_catlist_text:active  { FONT-WEIGHT: bold; COLOR: #003e83; text-decoration: none }

/* 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 { }
a.news_sub_catlist:hover   { color:#003e83; }
a.news_sub_catlist:active   { color:#003e83; }
div.news_sub_catlist_header { font-weight:bold; font-size:10px; text-align:left; padding:2px; }

/* Admin */
div.news_change_article { text-align:center; width:523px; overflow:hidden }

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



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

/* Admin-Toolbar */
div.page_admin_toolbar { width:616px; 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 }

/****************/
/* admin-seiten*/

div.ecics_usermanager {
	background:#FFF;
	padding:0 0 5px 5px;
}

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

ul { padding:0px; border:0px; margin:3px; margin-left: 15px; }
li { margin-bottom: 2px; }





.anker_base_table {
	border-left:1px solid #999999;
	border-right:1px solid #999999;
}

.anker_base_table td {
	width:20px;
	text-align:center;
	border:1px solid #999999;
}



.news_article_content_printable {
	width:500px;
	overflow:auto;
	border:1px solid #FF0000;
	padding: 10px; 
	margin-top:10px; 
}

.news_article_content_printable_remark {
	border-bottom:2px solid #FF0000;
	padding:3px;
	text-align:center;
	margin-top:-5px;
	margin-bottom:5px;
}


/*****************************/
/* neu 2010 */

table.home_main_table {
	margin-top: 0px; 
	background: url('/images/ecics_1903_3048.jpg') no-repeat; 
	border-width: 0px;
}
table.home_main_table .middle_box {
	margin-top: 258px; 
	width: 242px;
	height:auto !important;
}