/* dvs kundenspezifisches css */



/**************************************************************************
*
*   Abstände zwischen den Spalten
*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*
*
***************************************************************************/

/* spaltenabstand sp1 - sp2 */
#hauptteil .spalte1 .contentwrapper {
	margin-right: 4px;
	margin-left: 1px;
}


/* spaltenabstand sp2 - sp3 */
#hauptteil .spalte3 .contentwrapper {
	margin-left: 4px;
	margin-right: 1px;
}



/**************************************************************************
*
*   Abstand der Inhalte vom linken und rechten Rand
*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*
*
***************************************************************************/

/* CEs in spalte2 */
#hauptteil .spalte2 .contentelement {
	/* background-color: fuchsia; */
	margin-left:  16px;
	margin-right: 40px;

}

/* CEs in spalte3 */
#hauptteil .spalte3 .contentelement {
	margin-left:  16px;
	margin-right: 10px;

}



/* CEs im Dreispalter */
.dreispalter .csc-textpic-text {
	margin-left:  16px;
	margin-right:  4px;

}



/**************************************************************************
*
*   Abstand der Inhalte vom oberen und unteren Rand
*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*
*
***************************************************************************/

/* .spalte3 oben */
#hauptteil .spalte3 .contentwrapper {
	margin-top: 16px;
}

/* .spalte2 und 3 unten */
#hauptteil .spalte2 .contentwrapper,
#hauptteil .spalte3 .contentwrapper {
	margin-bottom: 32px;
}




/**************************************************************************
*
*   table
*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*   Defaults are defined in 300_dvs_css_reset_nachbearbeitung.css
*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*   Esp. for table on page "REFERENZEN"
*
***************************************************************************/

/*
* color scheme
*/
table,
td,
th {
	border-color: #D6BFCF;  	/* Sonderfarbe: Dunkles Lila aus BG navtop */
}

th,
thead td {
	background-color: #D6BFCF;	/* Sonderfarbe: Dunkles Lila aus BG navtop */
	color: #8C0080;  				/* STP Lila */
}

/*
=End STP colour scheme
*/




/**************************************************************************
*
*   formidable - listview - Pager
*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*
*
***************************************************************************/
.dvs-listview-wrapper {

	margin-top: 1em;


}

/**************************************************************************
*
*   table - formidable - listview - Pager
*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*
*
***************************************************************************/

/**************************************************************************
*   table - Remove all margins, paddings and colors
***************************************************************************/
.dvs-pager-table
.dvs-pager-table td,
.dvs-pager-table th {
	margin:  0;
	padding: 0;
}

.dvs-pager-table {
	background-color: #D6BFCF;	/* Sonderfarbe: Dunkles Lila aus BG navtop */
	padding: 2em;
	text-align: center;
}



.dvs-pager-table .dvs-pager-table-td-first,
.dvs-pager-table .dvs-pager-table-td-prev,
.dvs-pager-table .dvs-pager-table-td-next,
.dvs-pager-table .dvs-pager-table-td-last {
	width: 30px;
	vertical-align: middle;

}

.dvs-pager-table .dvs-pager-table-td-first,
.dvs-pager-table .dvs-pager-table-td-prev {
	text-align: left;
}

.dvs-pager-table .dvs-pager-table-td-next,
.dvs-pager-table .dvs-pager-table-td-last {
	text-align: right;
}

.dvs-pager-table-td-pageXofY {
	vertical-align: middle;
}

/**************************************************************************
*   pager - all items - span
***************************************************************************/
span.dvs-pager-pageXofY,
span.dvs-pager-linkfirst,
span.dvs-pager-linkprev,

span.dvs-pager-linknext,
span.dvs-pager-linklast,

span.dvs-pager-window-more-before,
span.dvs-pager-window-normal,
span.dvs-pager-window-active,
span.dvs-pager-window-more-after {

	margin: 0;
	margin-left: 0.5em;

	padding: 0;
	font-weight: bold;

}



/**************************************************************************
*   pager - all items - a
***************************************************************************/
span.dvs-pager-linkfirst a,
span.dvs-pager-linkprev  a,

span.dvs-pager-linknext  a,
span.dvs-pager-linklast  a,

span.dvs-pager-window-more-before a,
span.dvs-pager-window-normal      a,
span.dvs-pager-window-active      a,
span.dvs-pager-window-more-after  a {

	color: #999;  /* STP Lila */

}
/**************************************************************************
*   pager - all items - a:hover
***************************************************************************/
span.dvs-pager-linkfirst a:hover,
span.dvs-pager-linkprev  a:hover,

span.dvs-pager-linknext  a:hover,
span.dvs-pager-linklast  a:hover,

span.dvs-pager-window-more-before a:hover,
span.dvs-pager-window-normal      a:hover,
span.dvs-pager-window-active      a:hover,
span.dvs-pager-window-more-after  a:hover {

	color: #000;

}




span.dvs-pager-window-active {
	background-color: #8C0080;  /* STP Lila */
	color: #FFF;
	border: 1px solid #8C0080;  /* STP Lila */
}




/**************************************************************************
*
*   table - formidable - listview - Sort row
*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*
*
***************************************************************************/

/**************************************************************************
*   tr - Sortierung
***************************************************************************/
tr.dvs-sortierung {
	background-color: #D6BFCF;	/* Sonderfarbe: Dunkles Lila aus BG navtop */

	color: #000;
	font-weight: bold;

	padding-top: 1.5em;
	padding-bottom: 1.5em;
}


/**************************************************************************
*   th - Sortierung
***************************************************************************/
/* set format for row "sortierung" */
tr.dvs-sortierung th {
	color: #000;
	font-weight: bold;
}


/**************************************************************************
*   th - Sortierung - hover
***************************************************************************/
/* set format for row "sortierung" */
tr.dvs-sortierung th a:hover {
	color: #FFF;	/* Sonderfarbe: Dunkles Lila aus BG navtop */
}


/**************************************************************************
*   th - Sortierung - active item
***************************************************************************/
/* Link markup for active sorting "Ascending"  */
/* Link markup for active sorting "Descending" */
tr.dvs-sortierung th a.sort-act-asc,
tr.dvs-sortierung th a.sort-act-desc {
	border: 1px solid #D6BFCF;	/* Sonderfarbe: Dunkles Lila aus BG navtop */

	background-color: #8C0080;  /* STP Lila */
	color: #FFF;

	/* Width of active sort td */
	padding-left: 0.5em;
	padding-right: 0.5em;
}





/**************************************************************************
*
*   table - formidable - listview - Gelistete Objekte
*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*
*
***************************************************************************/

/**************************************************************************
*   table - Remove all margins, paddings and colors
***************************************************************************/
table.dvs-lister-listview,
table.dvs-lister-listview th,
table.dvs-lister-listview td {

	/* remove all borders */
	border: 1px solid #D6BFCF;

	/* remove padding and margin */
	padding-top:    0;
	padding-bottom: 0;

	margin-top: 0;
	margin-bottom: 0;

	/* same color as bg image */
	/* rgb 242/238/241 */
	/* border-color: #F2EEF1; */
	/* border-color: transparent; */
}




/**************************************************************************
*   Gelistete Objekte - Record - Details plz, ort, ...
***************************************************************************/
tr.dvs-record-details {
	/* Hoehe wird sonst zu gross */
	height: 2em;
}


tr.dvs-record-details td {
	background-color: #E9E5E8;
	/* vertical-align: middle; */
}

/**************************************************************************
*   Gelistete Objekte - Record - Objekttitel
***************************************************************************/
tr.dvs-record-objekttitel td {
	border-top: 1px solid #FFF;
	background-color: #EDEAEC;
}



/**************************************************************************
*   Gelistete Objekte - tr - Bild
***************************************************************************/
th.dvs-bild,
td.dvs-bild {
	margin:0;
	padding:0;

	background-color:transparent;
	vertical-align: top;
}






/**************************************************************************
*   Gelistete Objekte - td - zimmer - breite der spalte
*   Gelistete Objekte - td - zimmer - breite der spalte
***************************************************************************/
tr.dvs-sortierung     th.zimmer,
tr.dvs-record-details td.zimmer {
	/* background-color: RED; */
	/* width: 20px; */
}




.dvs-pager-table,
.dvs-lister-listview {
	width: 99.9%;
}




/**************************************************************************
*
*   formidable - singleview
*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*
*
***************************************************************************/
.dvs-singleview {
	margin-top: 1em;
	margin-bottom: 1em;

	padding: 2em;
	padding-right: 3em;
	background-color: #FFF;

}


/* BG Green im singleView */
.dvs-singleview tr.dvs-sortierung th {
	background-color: #FFF;
}

/* Kein BG des listview tables im Singleview */
.dvs-singleview tr.dvs-record-details     td,
.dvs-singleview tr.dvs-record-objekttitel td {
	background-color: #FFF;
}






/* headlines im singleView */
h2.dvs-singleview-headline {
	/* border-bottom: 1px solid #000; */
	/* margin-top:2em; */
	/* margin-bottom:0.5em; */
	text-transform: none;
	font-size: 160%;
	font-weight: normal;

	margin-top: 0.25em;
	padding-top: 0px;
}

/* Subheads fuer Objektbeschreibung, Ausstattung, Lage, ... */
h3.dvs-singleview-headline {
	text-transform: none;
	font-weight: bold;
	border-bottom: 0px none;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top: 1.5em;

}


/* Bilder */
.singleview-thumbnail-wrapper {
	width:100px;
	/* background-color: aqua; */
	float: left;
	margin-right: 0.25em;
}

.singleview-thumbnail-wrapper p {
	margin: 0;
	padding: 0.2em;
	padding-top: 0;

	border: 0;
	font-size: 80%;

	height: 3em;
}


/* Details */
.dvs-singleview-leftcol,
.dvs-singleview-rightcol {
	width: 200px;
	/* background-color: aqua; */
}

.dvs-singleview-leftcol {
	float: left;
}

.dvs-singleview-rightcol {
	float: right;
}


.dvs-singleview-leftcol-23 {
	float: left;

	width: 270px;
	/* background-color: aqua; */
}

.dvs-singleview-rightcol-13 {
	float: right;
	text-align: right;

	width: 130px;
	/* background-color: aqua; */
}



.dvs-singleview-daswichtigste {
	/* border: 1px solid #8C0080; */
	/* border: 1px solid #D6BFCF; */
	/* background-color: #D6BFCF; */

	margin-top: 0.5em;
	margin-bottom: 2em;
}


/**************************************************************************
*
*   Kleine Formulare in .spalte3
*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*
*
***************************************************************************/
.spalte3  {
  font-size: 	80%;  /* Das sind 80% von 77%! */

}