@import url('content.css');

/* some resets, because ol, ul, li are defined and used in content.css 
   (for RTE integration it is not possible to nest these tags in #content or #main ... */

ul, ol 		{ list-style-type: none; }
ul li, ol li	{ margin-left: 0; }
li		{ list-style: none; }

/* setting the settings from content.css to only apply inside #content_tabbedcontent */
#content_tabbedcontent ol {	list-style-type: decimal; }
#content_tabbedcontent ul {	list-style-type: disc; }
#content_tabbedcontent ol li {	margin-left: 20px; }
#content_tabbedcontent ul li {	margin-left: 15px; }
#content_tabbedcontent li {	display: list-item; list-style-type: inherit; }

#content_tabbedcontent form ol li { margin-left: 0; }
#content_tabbedcontent form ul li { margin-left: 0; }
#content_tabbedcontent form li { display: block; list-style-type: none; }
/* end of resets */


#bankheader {
	width: 795px;
	height: 85px;
	float: left;
	background-position: top left;
	background-repeat: no-repeat;
}

#bankheader div.impressum {
	width: 795px;
	height: 48px;
	float: left;
}

#bankheader div.impressum a {
	display: block;
	margin-left: 20px;
	margin-top: 10px;
	font-size: 9px;
	color: #c3c3c3;
}

#bankheaderlogo {
	width: 795px;
	height: 37px;
	float: left;
}

#bankheaderlogo img {
	margin-left: 20px;
}

#main {
	width: 795px;
	background-image: url("img/contentheaderbg.png");
	background-position: 0px 0px;
	background-repeat: no-repeat;
	overflow: hidden;
	float: left;
	clear: both;
	margin-bottom: 20px;
}

#content {
	width: 590px;
	float: left;
}

#content_header {
	width: 100%;
	float: left;
}

#content_header div.content_header_image {
	float: left;
}

#content_header div.content_header_text {
	margin-left: 200px;
	display: block;
	padding-right: 20px;
}

#content_header h1 {
	font-size: 16px;
	line-height: 18px;
	color: #ffffff;
	margin-top: 19px;
	padding-bottom: 3px;
}

#content_header h2 {
	font-size: 12px;
	line-height: 13px;
}

#content_header p {
	margin-top: 16px;
}

#content_navigation {
	float: left;
	width: 100%;
	margin-top: 20px;
	background-image: url(img/tab_grey_line.png);
	background-repeat: repeat-x;
	background-position: bottom right;
	display: inline;
}

#content_navigation ul {
	float: left;
	width: 100%;
	vertical-align: bottom;
	display: inline;
}

#content_navigation ul li {
	padding: 0;
	height: 35px;
	float: left;
	background-image: url(img/tab_grey_bg.png);
	background-position: bottom left;
	background-repeat: repeat-x;
	margin-top: 4px;
	border-top: 1px solid #a9a9a9;
	border-left: 1px solid #a9a9a9;
	border-bottom: 1px solid #a9a9a9;
	margin-right: 1px;
	display: inline;
}

#content_navigation ul li.active {
	background-image: none;
	height: 39px;
	margin-top: 0px;
	border-bottom: 1px solid #ffffff;
	border-right: 1px solid #a9a9a9;
	margin-right: 1px;
}

#content_navigation ul li.last {
	border-right: 1px solid #a9a9a9;
	background-position: bottom left;
}

#content_navigation ul li a {
	color: #616161;
	font-weight: bold;
	height: 35px;
	line-height: 32px;
	padding-left: 10px;
	padding-right: 10px;
	display: inline;
}

#content_navigation ul li.active a {
	height: 39px;
}

#content_tabbedcontent_outer {
	border-left: 1px solid #a9a9a9;
	border-right: 1px solid #a9a9a9;
	border-bottom: 1px solid #a9a9a9;
	width: 588px;
	float: left;
}

#content_tabbedcontent {
	padding: 25px 10px 10px 10px;
	width: 568px; display: inline;
	float: left;
}

#content_footer {
	clear: both;
	width: 100%;
	float: left;
	margin-top: 30px;
	margin-bottom: 10px;
}

#content_footer ul {
	width: 100%;
	float: left;}

#content_footer li {
	float: left;
	display: block;
 	margin-left: 0 !important; 
}

#content_footer li a {
	color: #ff6a00; 
	display: block;
 	padding-left: 20px; 
	padding-right: 20px;
	background-repeat: no-repeat;
	line-height: 13px;
}

#content_footer li.print a {
	background-image: url(img/btn_print.gif);
	background-position: top -2px; 
}

#content_footer li.recommend a {
	background-image: url(img/btn_recommend.gif);
}

div.content-premiumpartner-listitem {
	float: left;
	width: 165px;
	text-align: center;
	height: 100px;
	margin: 0 20px 10px 0;
	display: inline;
}

#rightcol {
	margin-top: 45px;
	width: 190px;
	border-bottom: 1px solid #c3c3c3;
	display: block;
	float: right;
	margin-left: 10px;
	display: inline;
}

/* inserted 05/02/2009 */
#rightcol { margin-top: 0px; }
#rightcol #bankdata { height: 45px; float: left; width: 100%; }
#rightcol #bankdata h3 { text-align: right; margin-right: 5px; line-height: 15px; }
#rightcol #bankdata h4 { text-align: right; font-weight: bold; margin-right: 5px; line-height: 15px; }
/*	*/

#rightcol div.rightcol_headline_image {
	height: 18px;
	width: 18px;
	border-left: 1px #c3c3c3 solid;
	border-right: 1px #ffffff solid;
	float: left;
}

#rightcol div.firstline div.rightcol_headline_image {
	border-color: #ffffff;
	border-top: 1px solid #ffffff;
}

#rightcol div.firstline div.rightcol_headline {
	border-top: 1px solid #ffffff;
}

#rightcol div.rightcol_headline {
	width: 170px;
	display: block;
	float: left;
	font-weight: bold;
	font-size: 12px;
	line-height: 16px;
	height: 18px;
	color: white;
}

#rightcol div.rightcol_headline span {
	padding-left: 10px;
	height: 18px;
}

#rightcol div.rightcol_blue div.rightcol_headline {
	background-color: #0069b5; 
}

#rightcol div.rightcol_orange div.rightcol_headline {
	background-color: #ff6a00;
}

#rightcol div.rightcol_content {
	float: left;
	width: 170px;
	border-left: 1px solid #c3c3c3;
	padding-left: 19px;
	padding-top: 10px;
	padding-bottom: 10px;
	display: inline;
}

#rightcol ul {
	width: 100%;
}

ul.rightcol_contact li {
}

ul.rightcol_contact li a {
	width: 140px;
	color: #616161;
	font-weight: bold;
	height: 15px;
	line-height: 14px;
	padding-left: 25px;
	margin-bottom: 8px;
	background-image: url(img/icon_more.gif);
	background-position: 10px 2px;
	background-repeat: no-repeat;
	display: block;
}

ul.rightcol_contact li a.rightcol_contact_newsletterlink {
	margin-bottom: 4px;
}

ul.rightcol_premiumpartner li {
	margin-top: 10px;
	margin-bottom: 10px;
}

/* ------------------------------------------------------------------- */
/* Nicht rubrikspezifische Steuerungselemente
/* ------------------------------------------------------------------- */

span.popuplink a,
span.backlink a {
	margin-top: 10px;
	background-image: url(img/icon_more.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 15px;
}

span.popuplink { width: 100%; clear: both;}
span.backlink { width: 100%; clear: both; }

/* ------------------------------------------------------------------- */
/* News
/* ------------------------------------------------------------------- */

div.news-list-container {
	float: left;
}

div.newsitem,
div.newsitem_single {
	border: 1px solid #d2d4d5;
	margin-bottom: 10px;
	float: left;
	width: 566px;
	display: inline;
}

div.newsitem_single {
	padding-bottom: 10px;
	margin-bottom: 0;
}

div.newsitem h2,
div.newsitem_single h2 {
	background-color: #d2d4d5;
	height: 18px;
	line-height: 18px;
	text-indent: 10px;
	width: 566px;
	display: block;
	float: left;
}

div.newsitem h2 a {
	text-decoration: none;
	color: #616161;
}

div.news-list-container div.newsitem_content_outer {
	float: left;
	width: 566px;
	display: block;
}

div.newsitem div.newsitem_content_outer {
	height: 70px;
}

div.newsitem_single div.newsitem_content,
div.newsitem div.newsitem_content {
	margin-left: 10px;
	margin-top: 5px;
	float: left;
	display: inline;
	width: 355px;
}

div.newsitem div.newsitem_content {
	height: 65px;
}

div.newsitem_single div.newsitem_image,
div.newsitem div.newsitem_image {
	float: right;
	width: 190px;
	height: 70px;
	overflow: hidden;
	position: relative;
	clear: none;
	display: inline;
}

div.newsitem_single div.newsitem_image img,
div.newsitem_single div.newsitem_image a,
div.newsitem div.newsitem_image img,
div.newsitem div.newsitem_image a {
	border: 0;
	padding: 0;
	margin: 0;
}

div.newsitem p {
	margin-top: 0;
	margin-bottom: 0;
}

div.newsitem_single p {
	margin-top: 0;
}

div.newsitem div.newsitem_content a,
div.newsitem_single div.newsitem_content a {
	margin-left: 5px;
}

div.newsitem_links {
	clear: both;
	padding-left: 10px;
	padding-top: 10px;
}

div.newsitem_links a {
	display: block;
/*	width: 160px; */
	color: #ff6a00;
	font-weight: normal;
	height: 20px;
	line-height: 20px;
	padding-left: 15px;
	background-image: url(img/icon_more.gif);
	background-position: left;
	background-repeat: no-repeat;
}

/* ------------------------------------------------------------------- */
/* Partner-Suche
/* ------------------------------------------------------------------- */

.genopartner {
	width: 100%;
	float: left;
}

div.partner_headline h1 {
	font-size: 15px;
	line-height: 18px;
	padding-bottom: 3px;
}

div.partner_matching_items { width: 100%; }
div.partner_linktoadvantageslist { width: 49%; float: right; text-align: right; }
div.partner_linktoadvantageslist .popuplink { padding-bottom: 5px; float: right; }
div.partner_headline {
	margin-bottom: 20px;
}

div.partnerlist_pagebrowser {
	margin-bottom: 20px;
	margin-top: 20px;
}

div.partnerlist_pagebrowser a {
	margin: 3px;
	padding: 3px;
	border: 1px solid #ffffff;
	color: #c3c3c3;
}

div.partnerlist_pagebrowser a:hover {
	border: 1px solid #c3c3c3;
	text-decoration: none;
}

div.partnerlist_pagebrowser a.active {
	border: 1px solid #ff6a00;
	color: #ff6a00;
}

div.partnerlist_listing div.partnerlist_item {
	margin-top: 10px;
	margin-bottom: 10px;
}

div.partnerlist_item_name a {
	font-weight: bold;
	text-decoration: underline;
}

div.partnerlist_item_name {
	margin-bottom: 3px;
}

div.partnerlist_backlink {
	margin-top: 15px;
}

div.partnerlist_links {
	clear: both;
/* 	padding-left: 10px; */
	padding-top: 10px;
/* 	margin-left: 0 !important; */
}

div.partnerlist_links a {
	display: block;
	width: 200px;
	color: #ff6a00;
	font-weight: normal;
	height: 20px;
	line-height: 20px;
	padding-left: 15px;
	background-image: url(img/icon_more.gif);
	background-position: left;
	background-repeat: no-repeat;
}

div.partnerlist_links .browseBoxWrap {
  float: left;
  width: 100%;
}

div.partnerlist_links .browseBoxWrap a {
  float: left;
}

div.partnerlist_links .popuplink,
div.partnerlist_links .backlink {
  width: 100%; float: left;  
}


/* ------------------------------------------------------------------- */
/* Partner-Suche: Formular
/* ------------------------------------------------------------------- */

div.partner_headline h3 {
	width: 100%;
}

div.partner_form_content {
	margin-top: 30px;
}

div.partner_form_content input,
div.partner_form_content select {
	width: 200px;
	border: 1px solid #c3c3c3;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 1px;
	padding-bottom: 1px;
}

div.partner_form_content input.with_label {
	width: 100px;
}

div.form_row {
	width: 100%;
	float: left;
}

div.form_text {
	font-weight: normal;
	line-height: 19px;
}

div.partner_form_content div {
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}

div.partner_form_content label {
	width: 80px;
	display: block;
	font-weight: bold;
	float: left;
	line-height: 19px;
}
div.partner_form_content label.wide {
	width: 150px;
}

div.partner_form_content input.form_searchbutton,
div.partner_form_content a.form_searchbutton {
	width: auto;
	margin-left: 10px;
	text-decoration: none;
	border: 0;
	padding: 0;
	vertical-align: text-bottom;
}

div.partner_form_content select#radius {
	width: auto;
}

a.show-all-partners {
	padding-left: 15px;
	background-image: url(img/icon_more.gif);
	background-position: 0px 2px;
	background-repeat: no-repeat;
	display: block;
}

#partner-submit {
color: #ff6a00;
width: auto;
background: url(img/icon_more.gif) left no-repeat; 
border: 0; 
padding-left: 14px; margin-top: 15px; 
}

/* neues Suchformular */
.form-row-float { float: left; margin-right: 10px; width: auto !important; padding-top: 0; }
.form-row-float label { width: 100%; }
.form-row-float input, .form-row-float select { float: left;  clear: both; }
.form-row { float: left; width: 100%; }

div.partner_form_content div {
	width: 100%;
	margin-top: 0px;
	margin-bottom: 5px;
}

div.partner_form_content {
	margin-top: 0px;
}

.form-row-float .form-text { float: left; margin-top: 21px;  }

#partnerlist .send-form, 
#partnerlist .show-all-partners {
	padding-left: 15px;
	background-image: url(img/icon_more.gif);
	background-position: 0px 2px;
	background-repeat: no-repeat;
	display: block;
	margin-top: 3px; 
}
#partnerlist .show-all-partners { margin-top: 3px; }
#partnerlist .show-all-partners-right { float: right; }

#partnerlist .submit-row { width: 100%; clear: both; float: left; display: block; }

#partnerlist div.hide { width: 1px; height: 1px; float: left; display: block; overflow: hidden;  }

/* ------------------------------------------------------------------- */
/* Partnerprofil Detailanzeige
/* ------------------------------------------------------------------- */

#partnerdetail-outter {
	width: 100%;
	background-image: url("img/contentheaderbg.png");
	background-position: top left;
	background-repeat: no-repeat;
	float: left;
	padding: 0;
	margin: 0;
}

#partnerdetail {
	width: 440px;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 0;
	float: left;
}

#partner_address, #partner_advantages, #partner_openinghours, #partner_maplink {
	width: 100%;
	float: left;
	margin-top: 30px;
}

#partner_advantages img {
	float: right;
}


#partner_advantages ol {	list-style-type: decimal; }
#partner_advantages ul {	list-style-type: disc; }

#partner_advantages ol li {	margin-left: 20px; }
#partner_advantages ul li {	margin-left: 15px; }

#partner_advantages li {	
	display: list-item;
	list-style-type: inherit;
}


#partnerdetail h1 {
	font-size: 16px;
	line-height: 18px;
	color: #ffffff;
	margin-top: 35px;
}

div.partnerlogo {
	float: right;
	margin-left: 10px;
}

#partnerdetail h2 {
	font-size: 12px;
	line-height: 17px;
	margin-bottom: 16px;
}

#partnerdetail h6 {
	font-size: 10px;
}

#partnerdetail p {
	margin-top: 16px;
	line-height: 16px;
}

#partner_address h2 {
	margin-bottom: 0;
}

#partner_address p {
	line-height: 20px;
}

#partnerdetail td {
	vertical-align: top;
	padding-left: 5px;
	padding-right: 5px;
}

#partnerdetail td.col-1,
#partnerdetail td.td-0 {
	padding-left: 0;
}

#partnerdetail table.table_adr tr td {
	line-height: 20px;
}

#partner_advantages_upload a,
#partner_maplink a {
	display: block;
	width: 160px;
	color: #ff6a00;
	font-weight: normal;
	height: 20px;
	line-height: 20px;
	padding-left: 15px;
	background-image: url(img/icon_more.gif);
	background-position: left;
	background-repeat: no-repeat;
}

#content_footer li.close a {
	background-image: url(img/btn_close.png);
}

/* ------------------------------------------------------------------- */
/* Partnersuche: Gesamtübersicht mit Leistungen
/* ------------------------------------------------------------------- */


#partnerserviceslist { width: 615px; display: block; float: left; height: 800px; overflow: scroll; overflow-x: hidden; /* background-image: url('img/contentheaderbg.png'); background-position: left top; background-repeat: no-repeat; overflow: hidden; */ }

#partnerserviceslist-header { height: 64px; width: 600px; background: #d3d5d6; /*  display: inline; */  float: left; display: block;  }
#partnerserviceslist-header h1 { font-size: 16px; line-height: 18px; color: #fff; margin: 35px 0 0 18px; float: left; display: inline; }
#partnerserviceslist-header #bankdata { float: right; text-align: right; margin-right: 10px; display: inline; }
#partnerserviceslist-header h3, #partnerserviceslist-header h4 {color: #fff; font-weight: bold; }
#partnerserviceslist-header h3 { margin-top: 23px; }

.partnerserviceslist-leftcol { width: 212px; padding: 10px 10px 10px 18px; float: left; display: block; /* overflow: hidden; */ }
.partnerserviceslist-rightcol { width: 340px; padding: 0 0; float: left; display: block; }

.partnerserviceslist-item { border-top: 1px solid #d3d5d6; float: left; width: 100%; }
.partnerserviceslist-branche { font-size: 10px; }
.partnerserviceslist-name { font-weight: bold; margin: 3px 0 2px 0;}
.partnerserviceslist-name a { text-decoration: underline; }
.partnerserviceslist-address,
.partnerserviceslist-phone,
.partnerserviceslist-fax,
.partnerserviceslist-email,
.partnerserviceslist-www { margin: 0 0 7px 0; font-size: 11px; line-height: 14px; }
/* .partnerserviceslist-www { font-size: 11px; line-height: 14px; } */
.partnerserviceslist-email a,
.partnerserviceslist-www a { text-decoration: none; font-weight: bold; }
.partnerserviceslist-services, .partnerserviceslist-services p { font-size: 11px; line-height: 14px; }
.partnerserviceslist-services p { margin: 11px 0;}

#partnerserviceslist #content_footer { margin-left: 18px; display: inline; padding-bottom: 10px; }
#partnerserviceslist .partnerlist_links { margin-left: 18px; }

#partnerserviceslist #content_headerlinks { width: 100%; padding-bottom: 10px; margin-top: 10px; display: block; float: left; text-align: right;  }
#partnerserviceslist #content_headerlinks ul { width: 100%; float: left; }
#partnerserviceslist #content_headerlinks li { float: right; display: block; margin-left: 0 !important; }
#partnerserviceslist #content_headerlinks li a { color: #ff6a00; display: block; padding-left: 20px; padding-right: 20px; background-repeat: no-repeat; line-height: 13px; }
#partnerserviceslist #content_headerlinks li.print a { background-image: url(img/btn_print.gif); background-position: top -2px; }
#partnerserviceslist #content_headerlinks li.close a { background-image: url(img/btn_close.png); }



/* ------------------------------------------------------------------- */
/* Kontaktformular
/* ------------------------------------------------------------------- */

form#contact_form div.form_row {
	margin-top: 5px;
	margin-bottom: 5px;
}

form#contact_form label {
	font-weight: bold;
	width: 150px;
	float: left;
	line-height: 19px;
	text-align: right;
	margin-right: 15px;
}

form#contact_form label span.required {
	padding-left: 5px;
}

form#contact_form span.required {
	font-weight: bold;
	color: #ff6a00;
}

/* Feldauflistung für IE6 */
form#contact_form div.ie6formfields input,
form#contact_form div.ie6formfields textarea {
	width: 280px;
	border: 1px solid #c3c3c3;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 1px;
	padding-bottom: 1px;
}
/* --- */
form#contact_form input[type=text],
form#contact_form textarea {
	width: 280px;
	border: 1px solid #c3c3c3;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 1px;
	padding-bottom: 1px;
}

form#contact_form textarea {
	height: 90px;
}

form#contact_form div.form_required,
form#contact_form div.form_notes,
form#contact_form div.form_submit {
	margin: 0;
	padding-left: 165px;
	float: left;
}

form#contact_form div.form_required {
	padding-top: 10px;
	padding-bottom: 10px;
}

form#contact_form h4 {
	font-weight: bold;
	padding-bottom: 4px;
}

form#contact_form p {
	margin: 0;
}

form#contact_form div.form_submit input {
	width: 110px;
	padding-top: 2px;
	padding-bottom: 2px;
}

form#contact_form ul {
}

form#contact_form li {
	background-image: url(img/icon_more.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 18px;
}

form#contact_form div.form_error {
	margin-bottom: 20px;
}

/* ------------------------------------------------------------------- */
/* Tip a friend
/* ------------------------------------------------------------------- */

#tipafriend {
	width: 100%;
	float: left;
}

#tipafriend div.form_row {
	margin-top: 5px;
	margin-bottom: 5px;
}

#tipafriend form label {
	font-weight: bold;
	width: 150px;
	float: left;
	line-height: 19px;
	text-align: right;
	padding-right: 15px;
}

#tipafriend form label span.required {
	padding-left: 5px;
}

#tipafriend form span.required {
	font-weight: bold;
	color: #ff6a00;
}

#tipafriend form label span.comment {
	font-size: 10px;
	font-weight: normal;
	line-height: 13px;
}

#tipafriend div.ie6formfields input,
#tipafriend div.ie6formfields textarea,
#tipafriend form input[type=text],
#tipafriend form textarea {
	width: 280px;
	border: 1px solid #c3c3c3;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 1px;
	padding-bottom: 1px;
}

#tipafriend form textarea {
	height: 90px;
}

#tipafriend form div.form_required,
#tipafriend form div.form_notes,
#tipafriend form div.form_submit {
	padding-left: 165px;
	float: left;
}

#tipafriend form h4 {
	font-weight: bold;
	padding-bottom: 4px;
}

#tipafriend form p {
	margin: 0;
}

#tipafriend form div.form_submit input {
	width: 110px;
	padding-top: 2px;
	padding-bottom: 2px;
}

#tipafriend form div.form_error {
	margin-bottom: 20px;
}

#tipafriend form div.form_error p span {
	color: #ff6a00;
	font-weight: bold;
}


/* ------------------------------------------------------------------- */
/* Tabellendefinitionen
/* ------------------------------------------------------------------- */

#content_tabbedcontent td,
#partner_advantages td {
	margin-left: 2px;
	margin-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: 1px solid #616161;
}

#content_tabbedcontent tr,
#partner_advantages tr {
}


#partner_advantages td p {
	margin: 0px;
}


#content_tabbedcontent table caption,
#partner_advantages table caption {
	padding-bottom: 5px;
}