@import url(inc_common.css);
@import url(inc_csc.css);
@import url(inc_htmlarea.css);
@import url(inc_flashheading.css);
@import url(inc_referenzen.css);
@import url(slimbox.css);

/* Common Page Layout
----------------------------------------------- */
body {
	margin:0;
	background:#ffffff url(../images/page_background.gif) repeat-x;
}

#wrapper {
	background:#ffffff url(../images/page_wrapper_background.jpg) no-repeat;
	width:960px;
	margin:0 auto;
}

div.clearer {
	clear:both;
	overflow:hidden;
	height:0px;
}

#logo {
	padding:40px 0 20px 40px;
	float:left;
}

#cframe {
	margin:30px 20px 0 40px;
}

#col_l {
	background:url(../images/page_content_background.gif) repeat-x;
	float:left;
	width:580px; /*620*/
	padding:30px 20px;
	border-top:10px solid #bcd145;
}

#col_r {
	float:left;
	width:260px;
	margin-left:20px;
}

#footer {
	background:url(../images/page_footer_background.jpg) no-repeat;
	height:95px;
}


/* Infoboxes
----------------------------------------------- */
#col_l div.csc-frame-frame1,
#col_l div.csc-frame-frame2 {
	background:#f3f7fb url(../images/content_window01_background.gif) repeat-x;
	padding:10px;
}
#col_l div.csc-frame-frame1 h3,
#col_l div.csc-frame-frame2 h3 {
	margin-bottom:10px;
}


#col_r div.csc-frame-frame1,
#col_r div.csc-frame-frame2 {
	background:#d14594;
	padding:30px 20px;
	color:#ffffff;
}
#col_r div.csc-frame-frame2 {
	background:#56a0c3;
}
#col_r div.csc-frame-frame1 a,
#col_r div.csc-frame-frame2 a {
	color:#ffffff;
}
#col_r div.csc-frame-frame1 a.button,
#col_r div.csc-frame-frame2 a.button {
	background:#bb3e84 url(../images/page_button_background01.gif) repeat-x;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	border:1px solid #d860a4;
	padding:6px 8px;
	line-height:40px;
}
#col_r div.csc-frame-frame1 a.button:hover,
#col_r div.csc-frame-frame2 a.button:hover {
	background:#d34e99 url(../images/page_button_background01_act.gif) repeat-x;
	text-decoration:none;
}
#col_r div.csc-frame-frame2 a.button,
#col_r div.csc-frame-frame2 a.button:hover {
	border:1px solid #84bad3;
	background:#4d8fae url(../images/page_button_background02.gif) repeat-x;
}
#col_r div.csc-frame-frame2 a.button:hover {
	background:#5fa5c6 url(../images/page_button_background02_act.gif) repeat-x;
}


/* Navigation
----------------------------------------------- */
#mainnav {
	background:url(../images/page_mainnav_background.gif) repeat-x;
	margin:0 20px;
	height:60px;
	overflow:hidden;
	font-size:13px;
	padding-left:20px;
}
#mainnav ul {
	list-style-type:none;
	margin:0;
	padding:0;
	background:url(../images/page_mainnav_separator.gif) no-repeat;
	float:left;
}
#mainnav li {
	margin:0;
	float:left;
	background:url(../images/page_mainnav_separator.gif) no-repeat right top;
}
#mainnav a {
	margin-right:2px;
	display:block;
	padding:17px 11px;
	color:white;
	font-weight:bold;
	text-decoration:none;
	border-bottom:10px solid #bcd145;
}
#mainnav a:hover, #mainnav a.sel {
	background:url(../images/page_mainnav_background_act.gif) repeat-x;
	text-decoration:none;
}


#metanav {
	float:right;
	margin-top:20px;
	padding-right:40px;
}
#metanav ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
#metanav li {
	margin:0;
	margin-left:4px;
	display:inline;
}
#metanav a {
	text-decoration:none;
	background:#d1e0ef;
	padding:2px 6px;
	color:#42709d;
}
#metanav a:hover, #metanav a.sel {
	text-decoration:none;
	background:#e8eef6;
}

/*
 * Accordion
 */

.tx-jfmulticontent-pi1 h3 a { text-decoration: none; }

#col_l div.csc-frame-frame1 .tx-jfmulticontent-pi1 h3,
#col_l div.csc-frame-frame2 .tx-jfmulticontent-pi1 h3 {
	font-size: 12px;
	background:#c7dfeb url(../images/page_acc_header_bg.gif) repeat-x left bottom;
	font-weight:bold;
	text-decoration:none;
	border:1px solid #b4d1de;
	padding:2px 3px;
	margin:0;
	margin-bottom:2px;
}
#col_l .tx-jfmulticontent-pi1 h3 a {
	padding-left:20px;
	background:url(../images/page_acc_header_exp.gif) no-repeat left center;
}

#col_l div.csc-frame-frame1 .tx-jfmulticontent-pi1 h3.ui-state-active a,
#col_l div.csc-frame-frame2 .tx-jfmulticontent-pi1 h3.ui-state-active a {
	background:url(../images/page_acc_header_col.gif) no-repeat left center;
}

div.ui-accordion-content { overflow: hidden; padding: 10px 10px 10px 23px; }
div.ui-accordion-content a { display: none; }
div.ui-accordion-content p a { display: inline; }
