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

p { margin:4px 0; }

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

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

/* ############## */
/* general format */
/* ############## */
html, body { 
	background-color: #FFF; 
	font-family: Arial;
	font-size: 12px;
	color: #333333;
}

* {}

h1 { }
h1.headline { color:#0089ce; font-style:italic; text-transform:uppercase;  font-size:24px; margin:0; padding:0 1px 0 51px; letter-spacing:6px; }
h1.headline span { border-top:1px solid #b3b3b3; display:inline-block; }

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

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


/*###############################*/
/*#### Main Divs  ###############*/
/*###############################*/
div.main {
	width: 100%; 
	height:100%;
	text-align: center;
	background:url(/ecics/images/bg_main.png) no-repeat center top;
}

div.footer {
	display:none;
}

div.footer_clear { clear:both; }

div.main_inner {
	margin: 0 auto;
	padding:0;
 	width: 860px;
	text-align:left;
	height:100%;
	background:url(/ecics/images/bg_content.png) no-repeat left 129px;
}

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

div.inner_header {
	height:50px;
	width:860px;
	overflow:hidden;
}

div#header_functions_bar {
	float:right;
	padding:2px 25px 0 0;
	overflow:hidden;
	text-align:center;
	font-size:11px;
}
div#header_functions_bar a {
	color:#fff;
	padding:0 0 0 9px;
	margin:0 5px;
	background:url(/ecics/images/link_arrow.png) no-repeat 0 3px;
}

div#header_info_text {
	font-weight:bold;
	color:#fff;
	padding:2px 0 0 75px;
	font-size:11px;
}

div#header_logo_link {
	position:relative;
}
div#header_logo_link a { 
	height:20px;
	width:270px;
	left:570px;
	top:10px;	
	background:transparent url(/ecics/central/images/dot_trans.gif) repeat 0 0;
	display:block;
	position:absolute;
}

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

div.inner_navi {
	width:860px;
	height:51px;
	overflow:hidden;
}

/*#### Info ############*/

div.inner_info {
	width:860px;
	height:18px;
	overflow:hidden;
	margin:5px 0;
}
div.inner_info a {
	padding:0 0 0 9px;
	background:url(/ecics/images/link_arrow.png) no-repeat 0 3px;
}

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

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

div.content_main {
	float:right;
	width:860px;
	padding:0;
	margin:0 0 30px;
}

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

a.menu_allg {
	text-align:left;
	margin:0;
	display:block;
	padding:0;
	font-size:8pt;
	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 {}

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

ul.menu ul.menu { display:none; }

a.menu_parent {}
a.menu_parent:link {}
a.menu_parent:hover {}

a.menu_item0 {}
a.menu_active0, a.menu_child0{}
a.menu_item0:hover {}

a.menu_item1 {
	font-weight:bold;
	padding:34px 10px 3px 10px;
	min-width:80px;
	text-align:center;
	background:url(/ecics/images/navi.png) no-repeat center top;
}
* html #my_navi a.menu_item1 { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/ecics/images/navi.png'); background-image:none; }

a.menu_item1:hover, a.menu_active1, a.menu_child1, a.sover {
	background:#DAD3C4;
	background:url(/ecics/images/navia.png) no-repeat center top;
}
a.menu_sub_static1 { }


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

div#content_headline { margin:10px 0; padding:0; }

div#content_boxen { margin:0 9px 0 51px; width:800px; }

div#content_main_area_box {
	overflow:hidden;
}
* html #content_main_area_box { float:left; }
div#content_main_area {}

div#content_right_area_box {
	float:right;
	overflow:hidden;
}
div#content_right_area {}

div#content_left_area_box {
	float:left;
	overflow:hidden;
}
div#content_left_area {}


/* 1: 1-3-1; 2: 0-5-0; 3: 2-2-1; 4: 2-3-0; */

.left_area_1 { width:144px; }
.right_area_1 { width:144px; }
.main_area_1 { width:472px; }
.main_area_helper_1 { border-left:164px solid transparent; margin:0 164px 0 0; }

.left_area_2 { display:none; }
.right_area_2 { display:none; }
.main_area_2 { width:800px; }

.left_area_3 { width:308px; }
.right_area_3 { width:144px; }
.main_area_3 { width:308px; }
.main_area_helper_3 { border-left:328px solid transparent; margin:0 164px 0 0; }

.left_area_3 { width:308px; }
.right_area_3 { width:144px; }
.main_area_3 { width:308px; }
.main_area_helper_3 { border-left:328px solid transparent; margin:0 164px 0 0; }

.left_area_4 { width:308px; }
.right_area_4 { display:none; }
.main_area_4 { width:472px; }
.main_area_helper_4 { border-left:328px solid transparent; margin:0; }

/* Kontatk-Seite */
body.pid189 div#content_main { background:url(/ecics/images/bg_kontakt.png) no-repeat top left; }
body.pid189 div#content_boxen { width:835px; margin-left:16px; }
body.pid189 .main_area_2 { width:835px; }

/* WYSIWYG classes */
/* --------------- */
.standard {}

.blau { font-weight:bold; color:#0089ce; }


/*#### (User-)Boxen ############*/
div.left_box {}
div.left_box div.content {
	padding:2px 5px;
	background:#0089CE;
	font-size:11px;
	color:#fff;
}
div.left_box a { color:#fff; }
div.left_box div.content ul { display:inline; margin:0; }
div.left_box div.content li {
	margin:2px 5px;
	display:inline;
}

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

.com_login { padding:20px 10px 15px 15px; width:500px; }

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

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

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


/** Startseite **/

.home_main { position:relative; z-index:5; }
.home_main_bild { position:absolute; top:-15px; left:200px; }
.home_main_text { position:relative; z-index:6; }


/** Firmen vor Ort **/

table.firmen_list { width:100%; border-collapse:collapse; }
table.firmen_list p { margin:0; }
table.firmen_list td { padding:3px; vertical-align:top; }
table.firmen_list td.icon { width:20px; text-align:right; }
table.firmen_list td.icon img { vertical-align:bottom; }
table.firmen_list td.title { color:#0089ce; font-weight:bold; width:128px; }