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

* {
	font-size: 8pt;
}

h1 { font-size:18pt; color:#000; font-weight:normal; 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 { 
	font-weight:normal;
	text-decoration: underline;
	color: #000;
}

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

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

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


div.div_main {
	width:100%;
	height:100%;
	background:url(/ecics/images/bg_right.png) no-repeat top center;
}

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

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

div.inner_header {
	background:url(/ecics/images/bg_top.jpg) no-repeat;
	width:832px;
	height:67px;
	padding:8px 0px 12px 18px;
	overflow:hidden;
	text-align:left;
}

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

div.inner_content {
	width:850px;
	text-align:left;
	background:url(/ecics/images/bg_main.jpg) no-repeat;
}

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

div.content_right {
	float:right;
	width:700px;
	padding:0 0 0 15px;
}

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

div.inner_footer { width:100%; height:5px; clear:both; }

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

div.left_navi {
	width:135px;
	padding:0 0 15px 0;
	overflow:hidden;
}

div.left_links {
	padding:0px 5px 15px 18px; 
	line-height:19px;
	overflow:hidden;
}
div.left_links * input {
	border:0;
	background:#D0DDEE;
	padding:1px 2px 1px 6px;
	margin-left:-7px;
	width:115px;
	font-size:8pt;
}
div.left_links a {
	text-decoration:none;
	color:#000;
}
div.left_links a:hover {
	text-decoration:underline;
}

div.left_logos {
	padding:30px 5px 15px 0; 
}
div.left_logos a {
	display:block;
	width:1%;
	margin:10px 0 0 0;
}
div.left_logos p {
	font-size:7pt;
	width:94px;
	text-align:center;
}

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

a.menu_allg {
	text-align:left;
	margin:0;
	display:block;
	padding:0;
	font-size:10pt;
	font-weight:normal;
	text-decoration:none;
	background:#D0DDEE;
}

a.menu_allg:link, a.menu_allg:visited {
	text-decoration:none;
}

a.menu_allg:hover  {
	font-weight:normal;
	text-decoration:none;
	background:#A1BEE3;
}


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

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

a.menu_parent:hover {
}


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

a.menu_active0:link, a.menu_active0:visited {
	font-weight:bold;
	background:#A1BEE3;
}

a.menu_item0:hover {
}


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

a.menu_active1:link, a.menu_active1:visited {
	background:#A1BEE3;
}

a.menu_item1:hover {
}


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

a.menu_active2:link, a.menu_active2:visited {
	background:#A1BEE3;
}

a.menu_item2:hover {
}


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

a.menu_active3:link, a.menu_active3:visited {
	background:#A1BEE3;
}


a.menu_item3:hover {
}


/*************************/
/* Seitentypen-Elemente  */
/*                       */
/* Konvention:           */
/* "page_"+NameSeitentyp+"_"+NameXMLTag */
/***********************/

/* Seitentyp: website */
div.page_website_left_area {
	width:120px;
	padding:0 5px 0 10px;
	overflow:hidden;
}

div.page_website_main_area {
	float:left;
	padding:20px 25px 20px 0;
	width:325px;
	overflow:hidden;
	margin:0;	
}

div.page_website_right_area {
	float:right;
	width:320px;
	padding:20px 15px 20px 15px;
	margin:0;
	overflow:hidden;
	background:#EAEFF6;
}

img.page_website_img_left {
	margin:-20px 0 10px -15px;
}

/* Seitentyp: default */
div.page_default_default {
	margin:20px 0 0 0;
}

h1.page_default_seitentitel {
}

/* allgemein für Listen und Listenelemente */
div.page_list_allg {
	padding:20px 0 0 0;
}

table.list {
}
table.list * td {
	padding:2px 3px;
}
table.list tr > td {
	text-align:right;
}
table.list td + td {
	text-align:left;
}
/*********************/
/* Template-Elemente */
/*********************/

div.left_box {
	width:135px;
	margin:0 0 15px 0;
	overflow:hidden;
}
div.left_box div.header {
	background:#D0DDEE;
	padding:5px;
	font-size:9pt;
}
div.left_box div.content {
	padding:5px;
}


/*******************/
/* WYSIWYG-Classes */
/*******************/

.standard {
}

.headline {
	font-size:18pt; 
	color:#000; 
	font-weight:normal; 
	margin:0 0 10px 0;
}

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

.com_login { }

.com_button {
	border:1px solid #000;
	margin:5px 3px;
	cursor:pointer;
	vertical-align:middle;
	background:#d0ddee !important;
}
.com_button:hover {
	background:#a1bee3 !important;
}

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

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