/* 
-----------------------------------------------------------------
Titel:
Import IDS - Template Layout
-----------------------------------------------------------------
*/

/* ----- IDS ----- */

/* @group Positionierung */

/*
auskommentiert wegen ovpreise
#col_left {
	z-index: 2;
}
#col_right {
	z-index: 1;
}
#col_left_inner {
	z-index: 4;
	position: relative;
}
#col_right_inner {
	z-index: 3;
	position: relative;
}
*/
/* @end */

/* @group Page Margins / Globals */
#page {
	width: 980px;
	background: #fff url(../images/bg-pageinner.png) repeat-x left top;
	margin: 20px auto;
	position:relative;
}
#page_inner {
	width: 950px;
	text-align: left;
	padding-left: 20px;
	padding-right: 10px;
	background: url(../images/bg-footer.png) repeat-x left bottom;
}

/* @end */

/* @group Banner, Header, Content */

#header {
	position: relative;
	width: 100%;
}
#header_inner {
}
#header_inner div.subcol div.subcol_right_50 img {
	margin-right: 10px;
	margin-top: 25px;
}
#navbar {
	overflow: hidden;
	background: url(../images/bg-mainlevel-top.png) no-repeat left center;
	margin-bottom: 10px;
	margin-top: 10px;
}
#banner {
	position: relative;
	width: 100%;
	background: url(../images/bg-banner.png) no-repeat left bottom;
	margin-bottom: 0;
	/* margin-bottom: 10px; */
	/* padding-bottom: 5px; */
	height: 190px;
}
#banner_inner {
	width: 100%;
}
#content {
	margin-bottom: 10px;
}
#col_top {
	/* margin-bottom: 10px; */
}
#advert {
	margin-bottom: 10px;
}

/* @end */

/* @group Main */

/* @group Cols Gernerals */

#col_left {
	width: auto;
	margin-top: 0;
	margin-left: 0;
	margin-right: 20%;
	background: url(../images/bg-leftcol.png) repeat-y;
}
#col_left_inner {
	background: url(../images/bg-leftcol-btm.png) no-repeat left bottom;
	padding-right: 20px;
	padding-top: 10px;
	padding-left: 10px;
	overflow: hidden;
}
.col_left_top {
	background: url(../images/bg-topcol.png) no-repeat left top;
	height: 10px;
}
#col_right {
	width: 20%;
	float: right;
}
#col_right_inner {
	padding: 0px;
}
#col_middle {
}
#col_middle_inner {
}

/* @end */

/* @group Cols Additionally */

/* @end */

/* @end */

/* @group Advert, Footer */

#advert {
	position: relative;
	width: 100%;
	background: url(../images/bg-advert.png) no-repeat left bottom;
}
#advert_inner {
	width: 100%;
}
#footer {
	position: relative;
	width: 100%;
}
#footer_inner {
	width: 100%;
}

/* @end */

/* @group Subcols */

/* @group Subcols Generals */

.subcol {
    width: 100%;
    overflow: hidden;
}
.subcol_left_20,
.subcol_left_25,
.subcol_left_33,
.subcol_left_40,
.subcol_left_50,
.subcol_left_60,
.subcol_left_66,
.subcol_left_75,
.subcol_left_38,
.subcol_left_62,
.subcol_left_80 {
	float: left;
}
.subcol_right_20,
.subcol_right_25,
.subcol_right_33,
.subcol_right_40,
.subcol_right_50,
.subcol_right_60,
.subcol_right_66,
.subcol_right_75,
.subcol_right_38,
.subcol_right_62,
.subcol_right_80 {
	float: right;
	margin-left: -5px;
}
.subcol_left_20, .subcol_right_20 { 
	width: 20%;
}
.subcol_left_25, .subcol_right_25 { 
	width: 25%;
}
.subcol_left_33, .subcol_right_33 { 
	width: 33.333%;
}
.subcol_left_40, .subcol_right_40 { 
	width: 40%;
}
.subcol_left_50, .subcol_right_50 { 
	width: 50%;
}
.subcol_left_60, .subcol_right_60 { 
	width: 60%;
}
.subcol_left_66, .subcol_right_66 { 
	width: 66.666%;
}
.subcol_left_75, .subcol_right_75 { 
	width: 75%;
}
.subcol_left_38, .subcol_right_38 { 
	width: 38.2%;
}
.subcol_left_62, .subcol_right_62 { 
	width: 61.8%;
}
.subcol_left_80, .subcol_right_80 { 
	width: 80%;
}

/* @end */

/* @group Subcols Additionally */

/* @end */

/* @end */

/* @group Navigation Overlay */

#c_ueber_inner,
#c_sms_inner,
#c_mms_inner,
#c_tel_inner,
#c_fax_inner,
#c_post_inner,
#c_emp_inner,
#c_sig_inner,
#c_sich_inner,
#c_ext_inner {
	padding: 10px;
}
#c_ueber_inner h3,
#c_sms_inner h3,
#c_mms_inner h3,
#c_tel_inner h3,
#c_fax_inner h3,
#c_post_inner h3,
#c_emp_inner h3,
#c_sig_inner h3,
#c_sich_inner h3,
#c_ext_inner h3 {
	color: #fff;
	font-size: 1.2em;
	text-transform: uppercase;
}
#c_ueber_inner h4,
#c_sms_inner h4,
#c_mms_inner h4,
#c_tel_inner h4,
#c_fax_inner h4,
#c_post_inner h4,
#c_emp_inner h4,
#c_sig_inner h4,
#c_sich_inner h4,
#c_ext_inner h4 {
	margin: 10px 0 0;
	padding: 0;
	font-size: 1.0em;
	color: #f90;
}
.overlay {
	width: 750px;
	height: 180px;
	position: absolute;
	z-index: 1000;
	background: url(../images/bg-overlay-trn.png) repeat;
}

/* @end */

/* @group Accordion Footer */

#accordion1 .accordion {
	overflow: hidden;
	border: 1px none #eaeaea;
}
#accordion1 .accordion-panel {
	margin: 0px;
	padding: 0px;
}
#accordion1 .accordion-panel-tab {
	border-top: 1px solid #ccc;
	border-bottom: solid 1px #ccc;
	margin: 0px 0px 1px;
	padding: 2px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	text-transform: uppercase;
}
#accordion1 .accordion-panel-content {
	overflow: auto;
	margin: 0;
	padding: 0;
	/* height: 140px; */
}
#accordion1 .accordion-panel-content h4 {
	margin: 10px 0 0;
	padding: 0;
	font-size: 1.0em;
	color: #666;
}
#accordion1 .accordion-panel-open .accordion-panel-tab {
	background-color: #eaeaea;
}
#accordion1 .accordion-panel-tabhover {
}
#accordion1 .accordion-panel-open .accordion-panel-tabhover {
	color: #333;
}
#accordion1 .accordion-focused .accordion-panel-tab {
	background-color: #eaeaea;
}
#accordion1 .accordion-focused .accordion-panel-open .accordion-panel-tab {
	background-color: #eaeaea;
	color: #333;
}

/* @end */

/* @group Accordion Sidebar */

#accordion2 .accordion {
	overflow: hidden;
	border: 1px none #eaeaea;
}
#accordion2 .accordion-panel {
	margin: 0px;
	padding: 0px;
}
#accordion2 .accordion-panel-tab {
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	background: url(../images/dot-link-orange.png) no-repeat left center;
	padding: 0 0 0 20px;
	font-weight: bold;
	color: #f90;
}
#accordion2 .accordion-panel-content {
	overflow: auto;
	margin: 0;
	padding: 0;
}
#accordion2 .accordion-panel-content ul a {
	color: #333;
	text-decoration: none;
	padding-left: 20px;
}
#accordion2 .accordion-panel-content ul a:hover {
	color: #666;
}
#accordion2 .accordion-panel-open .accordion-panel-tab {
}
#accordion2 .accordion-panel-tabhover {
	color: #fc7;
}
#accordion2 .accordion-panel-open .accordion-panel-tabhover {
	color: #f90;
}
#accordion2 .accordion-focused .accordion-panel-tab {
}
#accordion2 .accordion-focused .accordion-panel-open .accordion-panel-tab {
}

/* @end */

/* @group Clearing: Float */

#header, #banner, #content, #advert, #footer { 
	clear: both;
}
.clr {
	clear: both;
	height: 0; 
}
.clearing {
	display: block;
}
.clearing:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* @end */