@charset "utf-8";

* {
	margin: 0;
	padding: 0;
	font-size: 1em;
}

body  {
	font-size: 100,01%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #fff;
	text-align: center;
	color: #000000;
	/* border-bottom-width: 40px; */
	margin-bottom: 0px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

h1, h2, h1 a, h2 a {
	font-family: Times, serif;
	font-weight: normal;
	color: #B70000;
}

h3, h4, h3 a, h4 a {
	font-family: Arial, serif;
	font-weight: normal;
	color: #B70000;
}

hr {
	height: 0px;
	border: none;
	color: #d4d4d4;
}

a {
	text-decoration: none;
	outline: none;
}

a:hover {
	color: #b70000;
}

a img {
	border: 0;
}






.container {
	width: 945px;
	margin: 0 auto;
	text-align: left;
}

#header {
	background: #fff;
}

#sidebar1 {
	float: left;
	width: 180px;
	padding: 0px 20px 15px 20px;
	background: url(images/bg-sidebar.jpg) right top no-repeat;
}

#mainContentWrapper {
	width: 705px;
	float: right;
}

.oneColContent #mainContent {
	float: left;
	width: 670px;
	font-size: 75%;
}



.clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
   	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}



/* ----------------------------------------------------------------------------- */
/*    Formularelemente                                                           */
/* ----------------------------------------------------------------------------- */

input.textsmall {
	width: 45px;
}

input.submit {
	padding: 0 0.75em;
}


/* ----------------------------------------------------------------------------- */
/*    Navigation im Kopfbereich                                                  */
/* ----------------------------------------------------------------------------- */

#navheader {
	padding: 15px 0 7px 0;
	background: #D90000 url(images/navheader-bg.jpg) repeat-x top;
	color: #fff;
	font-size: 70%;
}

#navheader a {
	color: #fff;
}

#navheaderLeft {
	float: left;
	margin-left: 20px;
	padding-top: 3px;
}

#navheaderLeft ul {
	list-style-type: none;
}

#navheaderLeft ul li {
	float: left;
	padding: 0 1em;
	border-left: 1px solid #fff;
}

#navheaderLeft ul li.firstItem {
	padding: 0 1em 0 0;
	border-left: none;
}

#navheaderRight {
	float: right;
	margin-right: 20px;
	margin-top: 0px;
}

#navheaderRight input.text{
	width: 6em;
	font-size: smaller;
}

#navheaderRight input.button{
	border: none;
	background: none;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: larger;
	cursor: pointer;
}



/* ----------------------------------------------------------------------------- */
/*    Logobereich                                                                */
/* ----------------------------------------------------------------------------- */

#logo {
	margin: 1px 0 0 0;
	border-top: 3px solid #666666;
}

#logo .container {
	padding: 18px 0;
	/* background: url(images/logo-bg.jpg) left -30px no-repeat; */
	background: url(images/logo-bg-live.jpg) left -30px no-repeat;
	text-align: right;
}

#logo h1 {
	display: none;
}

#logoimg {
	margin: 0 20px 0 0;
}

/* ----------------------------------------------------------------------------- */
/*    Contentbereich                                                             */
/* ----------------------------------------------------------------------------- */

#contentwrapper {
	background: #d4d4d4 url(images/contentwrapper-bg.jpg) repeat-x top;
	border-top: 4px solid #D90000;
	border-bottom: 3px solid #666666;
}

#content {
	background: #d4d4d4 url(images/content-top-bg.jpg) no-repeat center top;
	padding: 34px 0;
}


/* ----------------------------------------------------------------------------- */
/*    Sidebar im Contentbereich                                                  */
/* ----------------------------------------------------------------------------- */

.sidebar {
	font-size: 75%;
}

.sidebar h3 {
	margin: 0.35em 0 0.5em 0;
	padding: 0 0 0.15em 0;
	border-bottom: 1px solid #A6A6A6;
	font-size: 145%;
	font-weight: bold;
	font-family: Times, serif;
}

.sidebar h3 a {
	font-family: Times, serif;
	font-weight: bold;
}

.sidebar ul {
	list-style-type: none;
	margin: 0.25em 0 1.2em 0;
	line-height: 145%;
}

.sidebar ul a {
	color: black;
}

.sidebar ul a:hover {
	color: #b70000;
}

.sidebar form {
	margin: 0 0 1.25em 0;
	padding: 0 5px 0 0;
	text-align: right;
}

.sidebar input {
	font-size: 85%;
}

.sidebar select {
	font-size: 100%;
}

#sidebar1 select {
	display: block;
	margin: 0 0 0.35em 0;
	width: 100%;

}

#sidebar1 .sidebarFormInputLeft {
	display: block;
	width: 84px;
	float: left;
	text-align: left;
	margin: 0 0 0.35em 0;
	font-size: 95%;
}

#sidebar1 .sidebarFormInputRight {
	display: block;
	width: 70px;
	float: right;
	text-align: right;
	margin: 0 0 0.35em 0;
	font-size: 95%;
}


/* ----------------------------------------------------------------------------- */
/*    Main Contentbereich                                                        */
/* ----------------------------------------------------------------------------- */

#mainContent h1 {
	font-size: 195%;
	
	margin-bottom: 0.7em;
}

#mainContent h2 {
	font-size: 145%;
	font-family: arial, sans-serif;
	clear: both;
}

#mainContent h3 {
	font-family: arial, sans-serif;
	font-weight: normal;
	font-size: 120%;
	margin: 0.25em 0 0 0;
}

#mainContent p {
	margin: 0.5em 0 1em 0;
	line-height: 135%;
}

#mainContent a {
	color: #B70000;
}

.col1_2 {
	width: 250px;
	float: left;
}

.col2_2 {
	width: 250px;
	float: right;
}

.defaultCol1_1 {
	width: 49%;
	float: left;
}

.defaultCol1_2 {
	width: 49%;
	float: right;
}

#tableKontakt {
	margin-bottom: 6px;	
}

#tableKontakt td.address {
	padding-left: 20px;	
}

.homeContent {
	margin-bottom: 6px;
}

.textRight {
	text-align: right;
}



/* ----------------------------------------------------------------------------- */
/*    Ergebnisliste - Navigation                                                 */
/* ----------------------------------------------------------------------------- */

.resultNavContainer {
	background: url(images/bg-resultlistdetails.gif) no-repeat left;
	height: 38px;
	width: 100%;
}
	
.resultNav {
}

.resultPageNavContainer {
	float: left;
	width: 250px;
	vertical-align: middle;
	border-right: 1px solid #a8a8a8;
	height: 34px;
	padding-top: 4px;
}

#mainContent .resultPageNav ul {
	padding: 0;
}

p.error {
	border: 3px solid #B70000;
	background: url(images/bg-error.gif) top left no-repeat;
	padding: 5px 5px 5px 35px;
	margin: 5px 0;
}

p.confirm {
	border: 3px solid #117F02;
	padding: 5px;
	margin: 5px 0;
}



.resultPageNav ul li {
	float: left;
	list-style-type: none;
}

.resultPageNav ul li.linkToPrev,
.resultPageNav ul li.linkToPrev a,
.resultPageNav ul li.linkToNext,
.resultPageNav ul li.linkToNext a {
	width: 15px;
}

.resultPageNav ul li.linkToPrev {
	margin: 10px 15px 0 5px;
}

.resultPageNav ul li.paginator {
	width: 180px;
}

.resultPageNav ul li.linkToNext {
	margin: 10px 5px 0 15px;
}

.resultPageNav ul li.linkToPrev a {
	display: block;
	background: url(images/linkprev.gif) no-repeat center;
	text-indent: -999em;
}

.resultPageNav ul li.linkToNext a {
	display: block;
	background: url(images/linknext.gif) no-repeat center;
	text-indent: -999em;
}

.resultNav .sortResults{
	float: right;
	width: 220px;
	height: 31px;
	padding: 0 15px 0 0;
	vertical-align: middle;
	text-align: right;
	/* background: url(images/bg-resultlistdetails.gif) no-repeat right; */
	border-left: 1px solid #a8a8a8;
	padding-top: 7px;
}

.resultNav .sortResults select {
	width: 180px;
}

.resultNav .searchFormContainer {
	float: left;
	width: 178px;
	height: 28px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding-top: 10px;
}

.resultNav .searchForm {
	display: none;
	position: absolute;
	text-align: left;
	z-index: 50;
	/* background: #E1E1E1 url(images/overlay-border-bottom-right.png) bottom right no-repeat; */
	border-left: 1px solid #ccc;
	background: url(images/overlay-border-bottom-right.png) bottom right no-repeat;
	margin: 5px 5px;
}

.resultNav .searchForm form {
	padding: 10px 10px 0 10px;
	margin: 0 0 16px 0;
	background: url(images/overlay-border-right.png) right repeat-y;
}

.resultNav hr {
	clear: both;
}


/* ----------------------------------------------------------------------------- */
/*    Ergebnisliste                                                              */
/* ----------------------------------------------------------------------------- */

.result {
	margin: 0;
	padding: 30px 0 0 0;
	clear: both;
}

.resultNav .searchForm #formSearchResults {
	line-height: 145%;
}

.result:first-child {
	clear: none;
}

.resultImageLink {
	float: left;
}


.topSelection {
	float: left;
	width: 170px;
	padding-left: 60px;
}

.resultContent {
	float: right;
	width: 440px;
}

#mainContent .resultContent h3 {
	font-size: 130%;
	font-weight: bold;
	margin: 0 0 8px 0;
}

#mainContent .resultContent h3 a {
	font-weight: bolder;
}

#mainContent ul {
	padding: 0 0 0.5em 2em;
}
	
#mainContent ul.resultDetails {
	width: 100%;
	list-style-type: none;
	padding: 0;
}

.resultDetails li {
	float: left;
	height: 33px;
	padding-top: 5px;
}

.resultDetails li.col1 {
	width: 90px;
	padding-right: 8px;
	padding-left: 8px;
	border-right: 1px solid #a8a8a8;
	background: url(images/bg-resultlistdetails.gif) no-repeat left;
}

.resultDetails li.col2 {
	width: 180px;
	padding-right: 8px;
	padding-left: 8px;
	border-right: 1px solid #a8a8a8;
	background: url(images/bg-resultlistdetails.gif) no-repeat center;
}

.resultDetails li.col3 {
	width: 120px;
	padding-left: 8px;
	padding-right: 8px;
	text-align: right;
	background: url(images/bg-resultlistdetails.gif) no-repeat right;
}

.resultNote {
	display: block;
	font-size: 80%;
}

.resultDetailsMarker {
	clear: left;
}

a.resultImageLink img {
	display: block;
	width: 185px;
	padding: 1px;
	border: 1px solid #A6A6A6;
	background: #A6A6A6 url(images/bg-img-s.jpg) repeat-x bottom;
}

#topOfferImage a.resultImageLink img {
	width: auto;
}


/* ----------------------------------------------------------------------------- */
/*    Detailseite                                                                */
/* ----------------------------------------------------------------------------- */

#beschreibung {
	width: 385px;
	float: left;
}

#beschreibung h3 {
	font-weight: bold;
	font-size: 130%;
}

#beschreibung p {
	line-height: 135%;
}

#detailData {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 1em;
}

#detailData thead th {
	/* background: #D90000; */
	font-weight: bold;
	color: white;
	text-align: left;
	padding: 3px 4px 3px 6px;
}

#detailData thead th.left {
	background: url(images/bg-detail-head-th.gif) left top no-repeat;
}

#detailData thead th.right {
	background: url(images/bg-detail-head-th.gif) right top no-repeat;
}


#detailData tbody th,
#detailData tbody td {
	background: #CeCeCe;
	border-left: 1px solid #A8A8A8;
	border-top: 1px solid #A8A8A8;
	padding: 3px 4px;
	font-size: smaller;
}

#detailData tbody th:first-child,
#detailData tbody td:first-child {
	border-left: 0px;
}

#detailData tbody th {
	font-weight: bold;
	color: black;
	text-align: left;
}

#detailData tbody td {
	font-weight: normal;
	color: black;
	text-align: left;
}

#detailData tbody td.numeric {
	text-align: right;
}


#rechteSpalte {
	width: 255px;
	float: right;
}

#rechteSpalte h3 {
	font-family: times, serif;
	font-weight: bold;
	margin: 0.7em 0 0.2em 0;
}

#rechteSpalte #anfrage table th,
#rechteSpalte #kontaktdaten table th {
	text-align: left;
	width: 5.5em;
}

#rechteSpalte #anfrage input.text,
#rechteSpalte #anfrage select  {
	width: 15em;
}

#rechteSpalte #anfrage input.radio {
	margin-right: 0.5em;
}

	
#bilder img.m {
	display: block;
	padding: 1px;
	border: 1px solid #A6A6A6;
	background: #A6A6A6 url(images/bg-img-m.jpg) repeat-x bottom;
}

#bilder img.xs {
	border: 1px solid #A6A6A6;
	margin: 7px 5px 0 0;
}

#siteTools {
	margin-top: 25px;
}

#siteTools div {
	padding: 5px 0 0 0;
	font-size: 95%;
}

#siteTools a {
	color: black;
}

#siteTools .left {
	height: 25px;
	width: 50%;
	float: left;
	background: url(images/bg-sitetools.gif) left top no-repeat;
}

#siteTools a.drucken {
	padding-left: 26px;
	background: url(images/bg-drucken.gif) left center no-repeat;
}

#siteTools .right {
	height: 25px;
	width: 49%;
	float: left;
	background: url(images/bg-sitetools.gif) right top no-repeat;
}

#siteTools a.kontakt {
	padding-left: 26px;
	background: url(images/bg-kontakt.gif) left center no-repeat;
}


/* ----------------------------------------------------------------------------- */
/*    Startseite                                                                */
/* ----------------------------------------------------------------------------- */

#topOffer {
	margin: 0 0 2em 0;	
}

#topOfferDesc {
	margin-left: 1em;
	width: 390px;
	float: right;
}

#topOffers {
	margin: 0 0 2em 0;	
}
	
.topOffer {
	float: left;
	width: 195px;
	padding-left: 33px;
}

.topOffer_first {
	float: left;
	width: 195px;
	padding-left: 0;
}


/* ----------------------------------------------------------------------------- */
/*    Kontakt                                                                    */
/* ----------------------------------------------------------------------------- */

#kontaktForm {
	width: 540px;
}

#kontaktForm label {
	
}

#kontaktForm textarea {
	width: 540px;
	height: 140px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 100%;	
}

#kontaktForm input.text,
#kontaktForm select {
	width: 250px;
}

#kontaktForm input.plztext {
	width: 50px;
}

#kontaktForm input.orttext {
	width: 178px;
}

label.error {
	color: #B70000;
	font-weight: bold;
}



/* ----------------------------------------------------------------------------- */
/*    Empfehlen                                                                    */
/* ----------------------------------------------------------------------------- */

#empfehlForm {
	/* width: 540px; */
}

#kontaktForm label {
	
}

#empfehlForm textarea {
	width: 380px;
	height: 140px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 100%;	
}

#empfehlForm input.text,
#empfehlForm select {
	width: 250px;
}

label.error {
	color: #B70000;
	font-weight: bold;
}


/* ----------------------------------------------------------------------------- */
/*    Footer                                                                     */
/* ----------------------------------------------------------------------------- */

#footer {
   	margin: 1px 0 0 0;
	height: 166px;
	background:#D90000 url(images/footer-bg.jpg) repeat-x bottom;
}

#footer .container {
	background: #d90000;
	width: 910px;
}

#footer p {
    	margin: 0;
    	padding: 10px 0;
    	color: #ddd;
    	font-size: 75%;
}

#footer a {
    	color: #ddd;
}


/* ----------------------------------------------------------------------------- */
/*    Generell                                                                   */
/* ----------------------------------------------------------------------------- */

.clear {
	clear: both;
}


/* ----------------------------------------------------------------------------- */
/*    Umzugsaktion auf der Startseite
/* ----------------------------------------------------------------------------- */

ul.blocks {
	padding: 0 !important;
	width: 3720px;
	display: block;
	height: 200px;
}
ul.blocks li {
	width: 118px;
	margin: 0 6px 0 0px;
	float: left;
	display: block;
	height: 200px;
	font-size: 0.9em;
	overflow: hidden;
}
.holder {
	margin: 0;
	display: block;
	/* TEMP */
	margin-bottom: 20px;
}
.scroll-pane {
	width: 670px;
	float: left;
	padding: 0;
}
#pane5 {
	height: 200px;
	width: 100%;
	padding: 0;
	display: block;
	_overflow: hidden;
}
 
a.jScrollArrowLeft {
	background: url(images/arrow-left.gif) no-repeat 0 0;
	height: 15px;
	width: 8px;
}
a.jScrollArrowLeft:hover {
	/* background-position: 0 -15px; */
}
a.jScrollArrowRight {
	background: url(images/arrow-right.gif) no-repeat 0 0;
	height: 15px;
	width: 8px;
}
a.jScrollArrowRight:hover {
	/* background-position: 0 -15px; */
}
a.jScrollActiveArrowButton, 
a.jScrollActiveArrowButton:hover {
	/* background-position: 0 -30px; */
}
 
.jScrollPaneTrack {
	background: url(images/pane-track.gif) repeat-x;
}
.jScrollPaneDrag {
	background: url(images/pane-drag.gif) no-repeat center;
}

.jScrollPaneDragLeft {
	background: url(images/pane-drag-left.gif) no-repeat;
	width: 5px;
}

.jScrollPaneDragRight {
	background: url(images/pane-drag-right.gif) no-repeat;
	width: 5px;
}

.topOfferScroller a img {
	display: block;
	width: 110px;
	border: 2px solid #A6A6A6;
	margin: 0 0 6px 0;
}

.holder {
	background: #E5E5E5;
	padding: 14px 20px;
	margin: 0 0 1.5em 0;
	border-radius: 1em;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
}

.headline {
	font-weight: bold;
	font-size: 2.25em;
	font-family: Times,serif;
	color: #B70000;
	text-align: center;
	margin: 0.25em 0 0.7em 0;
}

.subheadline {
	font-weight: bold;
	font-size: 1.5em;
	font-family: Times,serif;
	color: #B70000;
	margin: 0.25em 0 2.5em 0;
}