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

ul, ol { padding:0; margin:3px 3px 3px 15px; }
li { margin:0 0 4px; }

html, body {
	margin: 0;
	padding: 0;
	border: 0;
}

/* ############## */
/* general format */
/* ############## */
html, body { 
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
}

* {}

h1, .headline { font-size:19px; font-weight:bold; margin:5px 0 10px 0; }
h2 { font-size:12px; font-weight:bold; margin:16px 0 0; }
h3 { font-size:12px; font-weight:bold; margin:0; }

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

a:focus, a:hover, a:active {
	text-decoration: underline;
}


div#content_main a { /*, div#content_main a:link, div#content_main a:visited */
	text-decoration: underline;
	color:#6C8BC9;
}
div#content_main a:focus, div#content_main a:hover, div#content_main a:active {
	color:#333;
}




/* ############## */
/* SYSTEM_PAGE    */
/* ############## */
body#main { height:100%; min-width:850px; background:url("/ecics/images/bg_left.png") repeat-y #fff; }

div#page_top { height:100%; }

div#div_main {
	width: 100%; 
	height: 100%; 
	background:url(/ecics/images/header_bg_right.png) repeat-x;	
}
	
div#div_main_inner {
	margin: 0 auto;
	width: 850px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background:url(/ecics/images/bg_col_left.png) repeat-y;
}

div.footer_clear { clear:both; }

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

div#inner_header {
	width:850px;
	height: 90px;
}

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

div#content_left {
	float:left;
	width:170px;
	text-align:right;
	padding:8px 0 0 0;
}

div#content_main {
	float:right;
	width:680px;
	padding:8px 0 25px 0;
}

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


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

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

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:12px;
}
div.left_box div.content {
	padding:2px 15px 10px 5px;
	font-size:11px;
}
div.left_box img.header {
	position:relative;
	left:-222px;
	padding:0px 0px 0px 170px;
}


/*#### 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:12px;
}
div.middle_box div.content {
	padding:2px 5px 10px 5px;
}


/*#### Druckversion ############*/

div.print_box span {
	padding:10px 10px 5px;
	display:block;
}

@media print {
  div.print_box { border:1px solid #fff; }
  div.print_box_inner { display:none; }
  div.print_content { }
}


/************************/
/* view der LayoutBoxen */
/************************/
div.layout_1 div.main_area { float:left; margin:0 8px 0 13px; width:489px; }
div.layout_1 div.right_area { float:right; padding:0 0 0 8px; width:161px; }

div.layout_4 div.main_area { float:left; padding:0; width:240px; margin:0; }
div.layout_4 div.right_area { float:right; padding:0 0 0 9px; width:240px; margin:0; }

.pid_1 div.layout_4 div.main_area { padding:0 9px 8px 8px; border-left:1px solid #838383; width:231px; }
.pid_1 div.layout_4 div.right_area { padding:0 0 8px 8px; border-left:1px solid #838383; width:231px; }
.pid_1 div.layout_4 { padding-top:259px; background:url("/images/ecics_1903_3048.jpg") no-repeat; }

/************************/
/* view der ContentBoxen */
/************************/
.wysiwyg_1 { overflow:hidden; }
.ra_169 .wysiwyg_1 { margin-left:-8px; padding-left:8px; }
.ra_169 .wysiwyg_1 img { margin-left:-8px; }

@media print {
  div.wysiwyg_1 { overflow:visible; }
}

.ra_169 h2 { 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:12px; font-weight:normal; }
.pid_1 .layout_4 h2 { background:url(/ecics/images/right_bg_header.png) repeat-y; margin:8px 0 0 -8px; padding:2px 8px 2px 8px; font-size:12px; font-weight:normal; width:231px; }

.bildbox { min-height:50px; margin-bottom:15px; overflow:hidden; }
.ra_169 .bildbox, .pid_1 .layout_4 .bildbox { margin-left:-8px; }
.bildbox .empty { padding:30px 0; text-align:center; background:url(/central/images/bg_lines.png); }
.bildbox a.slideshow { display:block; position:relative; }
.bildbox a span { position:absolute; top:0; left:0; width:35px; height:35px; background:url(/central/images/lupe.png) top left no-repeat;  }
.bildbox a:hover span { background:url(/central/images/lupe_hover.png) top left no-repeat }
* html div.bildbox a span { display:none; } /* IE6 */
.bildbox .untertitel { font-style:italic; padding:0 1px; }
.ra_169 .bildbox .untertitel { padding-left:8px; }

.hr_box { border-top: 1px solid #838383; height:0; width:100%; margin:15px 0; }

/* edit & Editor */

.edit_hr_box .hr_box { margin:15px 0 0; padding:0 0 15px; }


/*#### Navigation / Elemente ###############*/
div#my_navi { }

a.menu_allg {
	text-align:right;
	margin:0;
	display:block;
	padding:0;
	font-weight:normal;
	text-decoration:none;	
	color:#333;
}

a.menu_allg:link, a.menu_allg:hover, a.menu_allg:visited {}

span.menu_list_item { display:none; }

ul.menu, li.menu, ul.menu ul, ul.menu li {
	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;
}


li.m-item1 a.m1 {
	width:150px;
	padding:2px 15px 2px 5px;
	font-size:13px;
	line-height:16px;
}
li.m-item1 a.m1:hover { position:relative; padding-left:155px; left:-150px; background:url(/ecics/images/navi_bg_l1.png) repeat-y; }
li.m-active1 a.m1, li.m-child1 a.m1, li.m-active1 a.m1:hover, li.m-child1 a.m1:hover { position:relative; padding-left:155px; left:-150px; background:url(/ecics/images/navi_bg_l1.png) repeat-y; }
li.m-sub_static1 a.m1 { }
li.m-item1 a.m1.sover { position:relative; padding-left:155px; left:-150px; background:url(/ecics/images/navi_bg_l1.png) repeat-y; }
li.m-last1 {}


li.m-item1 > ul.menu { width:170px; /* width wg. opera */ }
li.m-item2 a.m2 {
	width:150px;
	padding:2px 15px 2px 155px;
	position:relative;
	left:-150px;
	font-size:12px;
	line-height:15px;
	background:url(/ecics/images/navi_bg_l2.png) repeat-y;
}
li.m-item2 a.m2:hover { background:url(/ecics/images/navi_bg_l1.png) repeat-y; }
li.m-active2 a.m2, li.m-child2 a.m2, li.m-active2 a.m2:hover, li.m-child2 a.m2:hover { background:url(/ecics/images/navi_bg_l1.png) repeat-y; }
li.m-sub_static2 a.m2 { }
li.m-item2 a.m2.sover { background:url(/ecics/images/navi_bg_l1.png) repeat-y; }
li.m-last2 {}



li.m-item2 > ul.menu { width:170px; /* width wg. opera */ }
li.m-item3 a.m3 {
	width:150px;
	padding:3px 15px 3px 5px;
	font-size:11px;
	line-height:14px;
}
li.m-item3 a.m3:hover { text-decoration:underline; }
li.m-active3 a.m3, li.m-child3 a.m3, li.m-active3 a.m3:hover, li.m-child3 a.m3:hover { font-weight:bold; }
li.m-sub_static3 a.m3 { }
li.m-item3 a.m3.sover { text-decoration:underline; }
li.m-last3 {}


ul.menu ul.menu_sub_ul {
	position:absolute;
	border:0;
	background:url(/central/images/dot_trans.gif);
	/* background:rgba(238,236,236,0.96); */
	display:none;
	padding:3px;
	margin:0;
	text-align:left;
}
a.menu_popup {
	display:block;
	width:170px;
	padding:3px 10px 3px 7px;
	margin:0;
	color:#373739;
	background:#ebebeb;
	line-height:normal;
	font-size:12px;
	text-decoration:none;
	font-weight:normal;
}

a.menu_sub {
	background-image:url(/central/menu/menue_bullet.gif);
	background-position:right center;
	background-repeat:no-repeat;
}
a.menu_sub:hover, a.mover {
	background-image:url(/central/menu/menue_bullet.gif);
}
a.menu_sub:hover, a.mover {}
a.menu_popup:link, a.menu_popup:visited {}
a.menu_popup:hover, a.mover {
	background-color:#b8c3da;
}

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



/* ############## */
/* 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;
}





/*****************/
/* Community     */
/*****************/

.com_login { margin:0 8px 0 13px; width:489px; }

.com_button {
	border:1px solid #555;
	margin:5px 3px;
	cursor:pointer;
	vertical-align:middle;
	background:#f8f8f8 !important;
}
.com_button:hover {
	background:#555 !important;
	color:#fff !important;
}

.com_input_text {
	vertical-align:middle;
	border:1px solid #a1a1a1;
}

.com_login td {
	text-align:right;
	padding:3px;
}

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