/* ############## */
/* reseting standard elements */
/* ############## */
table, tr, td, th, img, div, p, form, button, ol, ul, li { 
	margin: 0;
	padding: 0;
	border: 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: 8pt;
	color: #333333;
}

* {}

h1 { font-size:14pt; }

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) repeat-y center top;
}
div.main2 {
	width:100%;
	height:auto;
	background:url(/ecics/images/bg_main.png) repeat-y center top;
}
div.main3 {
	width:100%;
	height:auto;
	background:url(/ecics/images/bg_herzog.png) no-repeat center top;
}
div.main4 {
	width:100%;
	height:auto;
	background:url(/ecics/images/bg_top.png) repeat-x center top;
}

div.footer {
	display:none;
}

div.footer_clear { clear:both; }

div.main_inner {
	margin: 0 auto;
	padding:0;
 	width: 851px;
	text-align:left;
	height:100%;
}

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

div.inner_header {
	height:129px;
	width:851px;
	overflow:hidden;
}

div#header_functions_bar {
	float:left;
	width:163px;
	height:28px;
	padding:10px 0 0;
	overflow:hidden;
	text-align:center;

}
img#header_claim {
	width: 688px;
	height: 38px;
	float: right;
}
img#header_logo {
	width: 163px;
	height: 90px;
}
img#header_img_bar {
	width: 688px;
	height: 90px;
}

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

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

div.content_left {
	float:left;
	width:163px;
	padding:20px 0 50px;
}

div.content_main {
	float:right;
	width:688px;
	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;
}

div#my_navi { 
	border-bottom:1px solid #DAD3C4;
}

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

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;
	border-top:1px solid #B7B7B7;
	padding:3px 6px 3px 15px;
	width:142px;
}
a.menu_item1:hover {}
a.menu_active1, a.menu_child1, a.sover {
	border-bottom:1px solid #B7B7B7;
	background:#DAD3C4;
}
a.menu_sub_static1 { }

a.menu_item2 {
	width:148px;
	padding:0 0 2px 15px;
	background:url(/ecics/images/menu_bullet.gif) #C4B8A0 no-repeat 6px 5px;
}
a.menu_active2, a.menu_child2 {
	background:url(/ecics/images/menu_bullet.gif) #DAD3C4 no-repeat 6px 5px;
}
a.menu_child2 { margin-bottom:1px; }
a.menu_last2 {}
a.menu_item2:hover {}
a.menu_sub_static2 { }

a.menu_item3 {
	width:139px;
	padding:1px 0 2px 24px;
	background:url(/ecics/images/menu_stroke.gif) #C4B8A0 no-repeat 15px 7px;
}
a.menu_last3 { margin-bottom:1px; }
a.menu_active3, a.menu_child3 {
	background:url(/ecics/images/menu_stroke.gif) #DAD3C4 no-repeat 15px 7px;
}
a.menu_item3:hover {}

a.sover {}


ul.menu_sub_ul {
	position:absolute;
	border:1px solid #fff;
	border-bottom:0;
	background:url(/ecics/central/images/dot_trans.gif);
	display:none;
	padding:0;
	margin:0;
	text-align:left;
}
a.menu_popup {
	display:block;
	width:150px;
	border-bottom:1px solid #fff;
	background:#d9dadb;
	padding:3px 10px 3px 5px;
	color:#111;
	line-height:normal;
	font-size:12px;
	text-decoration:none;
}
a.menu_sub {
	background-image:url(/ecics/central/menu/menue_bullet.gif);
	background-position:right center;
	background-repeat:no-repeat;
}
a.menu_sub:hover, a.mover {
	background-image:url(/ecics/central/menu/menue_bullet_over.gif);
}
a.menu_popup:link, a.menu_popup:visited {
	font-weight:normal;
}
a.menu_popup:hover, a.mover {
	background-color:#e2003b;
	color:#fff;
}


/* online buchen button*/

div.btn_box {
	margin:15px auto;
	width:68%;
}
a.btn_link {
	display:block;
	border:2px solid #C4B8A0;
	padding:2px;
	text-align:center;
}
a.btn_link:hover {
	background:#DAD3C4;
	text-decoration:none;
}
a.btn_link img {
	margin:0 5px 0 0;
}



/* ############## */
/* WEBSITE_VIEW   */
/* ############## */
div#content_headline_box {
	width: 501px;
	float: left;
	display: inline;
	overflow: hidden;
	margin: 20px 9px -10px 15px;
}
div#content_headline_box * {
	font-size: 14pt;
}


div#content_main_area_box {
	width: 505px;
	float: left;
	display: inline;
	overflow: hidden;
	margin: 18px 9px 20px 11px;
}
div#content_main_area {
	width: 505px;
	padding: 0px 0px 0px 4px;
}


div#content_right_area_box {
	width: 153px;
	height: 100%;
	float: right;
	overflow: hidden;
	margin: 15px 0px 20px 0px;
	padding:5px;
}
div#content_right_area {
}

div#content_left_area_box {
	width: 153px;
	padding: 5px;
	overflow: hidden;
}
div#content_left_area {	
}


/* WYSIWYG classes */
/* --------------- */
div.user_brown_small_box, p.user_brown_small_box {
	width: 151px;
	height: 16px;
	padding: 1px 6px 0px 6px;
	margin: -5px 0px 5px -5px;
	text-align: left;
	background: #D9D3BC;
	font-weight: bold;
}

div.user_brown_broad_box, p.user_brown_broad_box  {
	width: 497px;
	height: 16px;
	overflow: hidden;
	margin: 0px 0px 4px -4px;
	padding: 1px 4px 0px 4px;
	text-align: left;
	background: url(/ecics/images/brown_broad_box.gif);
	font-weight: bold;
}

img.user_right_area_fullwidth_img {
	margin: -4px -8px 4px -8px;
}

/*#### (User-)Boxen ############*/

div.left_box {
	width:163px;
	margin:0 0 15px;
}
div.left_box div.header {
	padding:2px 5px;
	background:#DAD3C4;
	font-size:12px;
	color:#333;
	text-align:center;
}
div.left_box div.content {
	padding:5px;
	background:#C4B8A0;
	font-size:11px;
}
div.left_box div.content li {
	margin:2px auto;
}

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

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

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

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

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