/* ############## */
/* 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-color: #FFFFFF; 
	font-family:Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000;
}

* {}

h1 { font-size:19pt; color:#0060a1; font-weight:bold; padding:6px 5px; margin:0 0 10px 0; }
h2 { font-size:13pt; color:#000; font-weight:normal; margin:15px 0 5px 0; }
h3 { font-size:10pt; color:#000; font-weight:bold; margin:15px 0 5px 0; }

a, a:link, a:visited { 
	filter:alpha(opacity=100); -moz-opacity: 1.0; color:rgba(0, 96, 161, 1.0); -khtml-opacity:1.0; opacity:1.0;
	font-weight:normal;
	text-decoration: underline;
	color: #333;
}

a:focus, a:hover, a:active { 
	filter:alpha(opacity=100); -moz-opacity: 1.0; color:rgba(0, 96, 161, 1.0); -khtml-opacity:1.0; opacity:1.0;
	font-weight:normal;
	text-decoration: underline;
	color: #333;
}

ul { margin:3px 3px 3px 15px; }
li { margin:0 0 2px 0; }

div.img_lh {line-height:0; }

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

table.main {
	width: 100%; 
	height: 100%; 
}

td.main_left {
	width:50%;
	vertical-align:top;
	text-align:right;
	padding-top:0px;
	background:url(/ecics/images/bg_top_rest.jpg) repeat-x top right;
}
td.main_right {
	width:50%;
	vertical-align:top;
	padding-top:0px;
	background:url(/ecics/images/bg_top_rest.jpg) repeat-x top right;
}
td.main_middle {
	vertical-align:top;
	background:url(/ecics/images/bg_main.png) no-repeat top left;
}

div.main_inner {
	margin: 0px auto;
	width: 860px;
	height:100%;
}

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

div.inner_header {
	width:860px;
	height: 108px;
	overflow:hidden;
	text-align:left;
}

div.header_logo {
	width:135px;
	height: 108px;
	float:left;
}

div.header_rest {
	background:url(/ecics/images/bg_topm.jpg) no-repeat;
	width:725px;
	height: 108px;
	float:left;
}

div.header_links {
	width:695px;
	height: 17px;
	margin:83px 0 0 0;
	/*background:#4F4F4F;*/
	color:#FFFFFF;
	padding:2px 5px 0 25px;
}
div.header_links span {
	padding:0 10px;
}
div.header_links a, div.header_links a:link, div.header_links a:visited {
	text-decoration:none;
	color:#fff;
	font-weight:bold;
}
div.header_links a:hover, div.header_links a:focus, div.header_links a:active {
	text-decoration:underline;
	color:#fff;
	font-weight:bold;
}

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

div.inner_content {
	background:url(/ecics/images/bg_navi.gif) no-repeat;
	width:860px;
	overflow:hidden;
	text-align:left;
}

div.content_left {
	float:left;
	width:135px;
	overflow:hidden;
}

div.content_right {
	float:right;
	overflow:hidden;
	width:689px;
	padding:0 20px 0 16px;
}


/*#### Links / Navigation ############*/

div.left_navi {
	width:135px;
	padding:0 0 20px 0;
}

div.left_links {
	padding:0px 5px 20px 10px; 
	line-height:19px;
}
div.left_links * input {
	border:1px solid #000;
	padding:1px 2px 1px 6px;
	margin-left:-7px;
	width:115px;
	font-size:8pt;
}
div.left_links a, div.left_links a:link, div.left_links a:visited {
	text-decoration:none;
	color:#000;
}
div.left_links a:hover, div.left_links a:focus, div.left_links a:active {
	text-decoration:underline;
}

/*#### Inhaltsbereiche ############*/

div.left_area {
	width:120px;
	padding:0 5px 0 10px;
	overflow:hidden;
}
div.left_area * img {
	margin:0;
}

div.main_area {
	float:left;
	padding:0; 
	width:540px;
	overflow:hidden;
	font-size:9pt;	
}

div.right_area {
	float:right;
	width:140px;
	padding:0;
	margin:0 0 0 9px;
	overflow:hidden;
}
div.right_area * img {
	margin:0;
}

div.top_area {
	padding:0; 
	width:689px;
	overflow:hidden;	
	font-size:9pt;
}

/*#### + Course-view ############*/

div.course_area {
	padding:0; 
	width:689px;
	overflow:hidden;
	color:#333;	
	margin-bottom:10px;
	font-size:9pt;
}


div.c_headline {
	font-size:19pt;
	font-weight:bold;
	margin-bottom:10px;
	padding:6px 5px;
}
div.c_sub {
	font-size:12pt;
	margin-bottom:10px;
	padding:4px 5px;
}
div.c_header {
	padding-top:3px;
	border-top:1px solid #666;
}
span.c_id {
	background:#666666;
	padding:3px 10px;
	color:#fff;
}
span.c_plaetze {
	background:#cc0033;
	padding:3px 10px;
	color:#fff;
}
div.c_titel {
	font-size:19pt;
	font-weight:bold;
	padding:7px 5px;
} 
div.c_untertitel {
	font-size:10pt;
	padding:0 0 5px 5px;
}
div.c_inhalt {
	padding:5px;
}
div.c_berichte {
	margin:15px 0;
}
div.box_eb {
	width:265px;
	overflow:hidden;
	color:#fff;
}
div.box_eb div.header {
	background:url(/ecics/images/box_blue_top.gif) no-repeat top left #0060a1;
	width:120px;
	font-weight:bold;
	padding:3px 10px;
}
div.box_eb div.content {
	background:url(/ecics/images/box_blue_bottom2.gif) no-repeat bottom left #0060a1;
	margin-top:-3px;
	padding:3px 6px;
}
div.c_terminort {
	border-top:1px solid #666;
	padding:4px 2px;
}
div.c_leitung {
	border-top:1px solid #666;
	padding:4px 2px;
}
div.c_investition {
	border-top:1px solid #666;
	padding:4px 2px;
}

div.cl_headline {
	font-size:12pt;
	font-weight:bold;
	margin-bottom:10px;
	padding:4px 5px;
}
div.cl_area {
	padding:0; 
	width:689px;
	height:158px;
	overflow:hidden;
	color:#333;	
	border:1px solid #666;
	border-right:0;
	border-left:0;
	margin-bottom:10px;
	font-size:9pt;
}
div.cl_header {
	float:left;
	width:265px;
	margin-right:10px;
	height:158px;
}
div.cl_id {
	background:#666666;
	padding:3px 8px;
	color:#fff;
	float:left;
	height:15px;
	width:92px;
	overflow:hidden;
}
div.cl_plaetze {
	background:#cc0033;
	padding:3px 8px;
	color:#fff;
	float:left;
	height:15px;
	width:141px;
	overflow:hidden;
}
div.cl_info {
	float:right;
	width:265px;
}
div.cl_titel {
	clear:left;
	font-size:12pt;
	font-weight:bold;
	height:38px;
	padding:5px;
	overflow:hidden;
}
div.cl_untertitel {
	font-size:10pt;
	padding:0 5px 5px 5px;
	height:48px;
	overflow:hidden;
}
div.cl_termin {
	border-bottom:1px solid #666;
	height:30px;
	padding:4px 2px 7px;
}
div.cl_ort {
	border-bottom:1px solid #666;
	height:15px;
	padding:4px 2px 7px;
}
div.cl_dozenten {
	border-bottom:1px solid #666;
	height:15px;
	padding:4px 2px 7px;
}
div.cl_kosten {
	border-bottom:1px solid #666;
	height:15px;
	padding:4px 2px 7px;
}
div.cl_btn_r {
	float:right;
	width:85px;
}
div.cl_eb {
	width:140px;
	height:150px;
	margin:4px 0;
	overflow:hidden;
}
div.cl_eb div.content{
	height:81px;
}
a.cl_eb, a.cl_eb:link, a.cl_eb:hover, a.cl_eb:visited {
	color:#fff;
	text-decoration:none;
}
a.cl_eb * {
	cursor:pointer;
}

div.c_button {
	height:23px;
	margin:7px 0;
}
a.c_button:link, a.c_button:hover, a.c_button:visited {
	color:#333;
	text-decoration:none;
}
a.c_button * {
	cursor:pointer;
}
div.btn_l { 
	background:url(/ecics/images/btn_l.gif) no-repeat;
	height:23px;
	width:5px;
	float:left;
}
div.btn_m {
	background:url(/ecics/images/btn_m.gif) repeat-x;
	height:14px;
	padding:3px 1px 6px 1px;
	float:left;
}
div.btn_r {
	background:url(/ecics/images/btn_r.gif) no-repeat;
	height:23px;
	width:5px;
	float:left;
}

div.full_co {
	background:#ffcc00;
	color:#333;
}
div.low_co {
	background:#ffe066;
	color:#333;
}
div.full_ta {
	background:#0082be;
	color:#fff;
}
div.low_ta {
	background:#66b4d8;
	color:#333;
}
div.full_er {
	background:#3ca432;
	color:#fff;
}
div.low_er {
	background:#8ac884;
	color:#333;
}
div.full_aq {
	background:#7fc1eb;
	color:#fff;
}
div.low_aq {
	background:#b2daf3;
	color:#333;
}
div.full_sp {
	background:#999;
	color:#fff;
}
div.low_sp {
	background:#c1c1c1;
	color:#333;
}

/*#### User-Boxen ############*/

div.left_box {
	width:135px;
	margin:0 0 15px 0;
}
div.left_box div.header {
	background:#D3D3D3;
	padding:5px 5px 5px 5px;
	font-size:9pt;
	filter:alpha(opacity=80);
	-moz-opacity:.80;	
	opacity:.80;
}
div.left_box div.content {
	padding:5px 5px 10px 5px;
	font-size:8pt;
}

div.middle_box {
	width:265px;
	margin:0 0 10px 0;
	padding:0;
	float:left;
/*	filter:alpha(opacity=50); */
}
div.middle_box div.header {
	width:255px;
	padding:2px 5px;
	background:#8e8e8e;
	font-weight:bold;
	color:#fff;
}
div.middle_box div.content {
	padding:4px 5px;
	background:#e7e7e7;
/*	filter:alpha(opacity=50);
	opacity:0.5;
	-moz-opacity:0.5;
	-khtml-opacity:0.5; */
}

div.middle_box a {
	color:#000;
}


div.box_blue {
	width:140px;
	overflow:hidden;
	color:#fff;
}
div.box_blue div.header {
	background:url(/ecics/images/box_blue_top.gif) no-repeat top left #0060a1;
	font-weight:bold;
	padding:3px 10px;
}
div.box_blue div.content {
	background:url(/ecics/images/box_blue_bottom.gif) no-repeat bottom left #0060a1;
	padding:3px 6px;
}

/*****************/
/* Navi-Elemente */
/*****************/

a.menu_allg {
	text-align:left;
	margin:0;
	display:block;
	padding:0;
	font-size:9pt;
	font-weight:normal;
	text-decoration:none;
	background:#D3D3D3;
	filter:alpha(opacity=60); -moz-opacity: 0.6; color:rgba(211, 211, 211, 0.6); -khtml-opacity:0.6; opacity:0.6;
}

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

a.menu_parent {
	width:125px;
	padding:2px 5px 2px 5px;
	margin:1px 0 0 0;
	font-size:8pt;
	background:0;
}

a.menu_parent:link, a.menu_parent:visited {
}

a.menu_parent:hover {
	background:#0060a1;
	filter:alpha(opacity=100); -moz-opacity: 1.0; color:rgba(0, 96, 161, 1.0); -khtml-opacity:1.0; opacity:1.0;
	color:#fff;
}

a.menu_item0 {
	width:125px;
	padding:3px 5px 3px 5px;
	font-size:10pt;
	margin:3px 0;
}

a.menu_active0:link, a.menu_active0:visited {
	background:#0060a1;
	filter:alpha(opacity=100); -moz-opacity: 1.0; color:rgba(0, 96, 161, 1.0); -khtml-opacity:1.0; opacity:1.0;
	color:#fff;
	font-weight:bold;
}

a.menu_item0:hover {
	background:#0060a1;
	filter:alpha(opacity=100); -moz-opacity: 1.0; color:rgba(0, 96, 161, 1.0); -khtml-opacity:1.0; opacity:1.0;
	color:#fff;
}

a.menu_item1 {
	width:125px;
	padding:3px 5px 3px 5px;
	margin-top:1px;
}

a.menu_active1:link, a.menu_active1:visited {
	background:#0060a1;
	filter:alpha(opacity=100); -moz-opacity: 1.0; color:rgba(0, 96, 161, 1.0); -khtml-opacity:1.0; opacity:1.0;
	color:#fff;
}

a.menu_item1:hover {
	background:#0060a1;
	filter:alpha(opacity=100); -moz-opacity: 1.0; color:rgba(0, 96, 161, 1.0); -khtml-opacity:1.0; opacity:1.0;
	color:#fff;
}

a.menu_item2 {
	width:115px;
	padding:3px 5px 3px 15px;
	font-size:8pt;
	margin-top:1px;
}

a.menu_active2:link, a.menu_active2:visited {
	background:#0060a1;
	filter:alpha(opacity=100); -moz-opacity: 1.0; color:rgba(0, 96, 161, 1.0); -khtml-opacity:1.0; opacity:1.0;
	color:#fff;
}

a.menu_item2:hover {
	background:#0060a1;
	filter:alpha(opacity=100); -moz-opacity: 1.0; color:rgba(0, 96, 161, 1.0); -khtml-opacity:1.0; opacity:1.0;
	color:#fff;
}

a.menu_item3 {
	width:110px;
	padding:3px 5px 3px 20px;
	font-size:7pt;
	margin-top:1px;
}

a.menu_active3:link, a.menu_active3:visited {
	background:#0060a1;
	filter:alpha(opacity=100); -moz-opacity: 1.0; color:rgba(0, 96, 161, 1.0); -khtml-opacity:1.0; opacity:1.0;
	color:#fff;
}


a.menu_item3:hover {
	background:#0060a1;
	filter:alpha(opacity=100); -moz-opacity: 1.0; color:rgba(0, 96, 161, 1.0); -khtml-opacity:1.0; opacity:1.0;
	color:#fff;
}


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



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

.ecics_editor_area {
	height:150px;
	border:1px dotted black;
}

/* --------------- */
/* Editor templates */
/* --------------- */

.t_2cols_left {
	width:280px;
	float:left;
	overflow:hidden;
}
div.t_2cols_right {
	float:right;
	width:224px;
	padding:3px;
	background:#E7E7E7;
	overflow:hidden;
	margin-left:10px;
}
div.t_2cols_right img {
	margin:-3px -3px 3px -3px;
}

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


.text_blue {
	color:#0060a1;	
}

.sub_headline {
	font-size:13pt;
	line-height:20px;
	font-weight:bold;
	margin:-12px 0 15px 0;
	color:#0060a1;	
}

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

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