html {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 11px;
	color: #666666;
	text-align: center;
	background: url("../images/design/bg-gesamt.jpg") #FFFFFF top center no-repeat;
	line-height: 1.5em;
}

.hline {
	width: 100%;
	height: 1px;
	margin: 15px 0px 15px 0px;
	border-bottom: 1px solid #d8d8d8;
}

p {
	margin: 0 0 15px 0;
}

b {
	font-weight: normal;
}

a, a:visited {
	color: #4b5052;
	text-decoration: none;
}

.align-center {
	float: left;
	width: 100%;
	text-align: center;

}

#outer-container {
}

#inner-container {
	width:979px;
	position:relative;
	margin: 0 auto;
	text-align:left;
}

#header-container {
	height: 233px;
}

/* Header Menubar */
#header-container #headermenu {
	position: absolute;
	top: 73px;
	left: 346px;
	z-index: 2;
	width: 670px;
}

/* Top Menubar */
#header-container #topmenu  {
    	padding-top: 15px;
}

#header-container #topmenu .topmenu {
	border: 0;
	list-style-image: none;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#header-container #topmenu .topmenu li {
	float: left;
	border-right: 1px solid #ffffff;
}

#header-container #topmenu .topmenu li.lastitem {
	border-right: 0px;
}

#header-container #topmenu .topmenu a, .topmenu a:visited {
	display: block;
	padding-left: 3px;
	padding-right: 3px;
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
}


/* Used for pages with 3 Columns */
#content-container {
	width: 100%;
	background-image: url("../images/design/bg-content.gif");
	background-repeat: no-repeat;
}

#content-container #leftcontent {
	float: left;
	width: 290px;
	padding: 30px 22px 30px 32px;
	overflow: hidden;
	position: relative;
}


#content-container #middlecontent {
	width: 280px;
	margin-left: 370px;
	padding: 30px 0px 30px 0px;
	overflow: hidden;
	position: relative;
}

#content-container #rightcontent {
	float: right;
	width: 300px;
	margin-right: 12px;
	padding: 30px 0px 30px 0px;
	overflow: hidden;
	position: relative;
}

#content-container #rightcontent .csc-textpic-intext-left-nowrap {
	font-size: 10px;
	line-height: 1.4em;
}


/* Used for pages with 1 Column */
#one_column_content-container {
	width: 100%;
	background-image: url("../images/design/bg-content-ergebnis.gif");
	background-repeat: no-repeat;
}

#one_column_content-container middlecontent {
	float: left;
	width: 100%;
	overflow: hidden;
	position: relative;
}



#one_column_content-container #middlecontent #erneutsuchen {
	padding-bottom: 20px;
}

#one_column_content-container #middlecontent #erneutsuchen .preis {
	width: 260px;
	padding: 20px 0px 0px 20px;
	width: 260px;
	float: left;
}

#one_column_content-container #middlecontent #erneutsuchen .form {
	float: left;
	padding: 20px 30px 0px 20px;
	width: 210px;
}

#one_column_content-container #middlecontent #erneutsuchen .submit {
	float: right;
	padding: 20px 30px 0px 0px;
}


#one_column_content-container #middlecontent #erneutsuchen .label {
    padding-top: 5px;
    float: left;
}

#one_column_content-container #middlecontent #erneutsuchen select {
    width: 160px;
    float: right;
    background: #e8e6e5;
    border: 1px solid grey;
}

/* Used for pages with 2 Columns */
#two_columns_content-container {
	width: 100%;
	background-image: url("../images/design/bg-content-kontakt.gif");
	background-repeat: no-repeat;
}

#two_columns_content-container #leftcontent {
	float: left;
	width: 290px;
	padding: 30px 22px 30px 32px;
	overflow: hidden;
	position: relative;
}


#two_columns_content-container #middlecontent {
	width: 535px;
	margin-left: 390px;
	padding: 30px 0px 30px 0px;
	position: relative;
}



/* Footer */
#footer-container {
    margin-top: -23px;
    height: 100px;
    width: 100%;
    background: url("../images/design/bg-abschluss.gif") #FFFFFF top left no-repeat;
}

#logo {
	position: absolute;
	top: 73px;
	left: 5px;
	z-index: 500;
}

/* Top-News */
#top-news {
    margin-top: -70px;
    height: 200px;
    width: 100%;
    background: url("../images/design/bg-footer.gif") #FFFFFF top left no-repeat;
}

#top-news #banner {
    width: 326px;
    height: 130px;
    padding: 10px;
    text-align: center;
    vertical-align: middle;
    float: left;
    overflow: hidden;
}


/* Used to clear the floats */
.clear {
	clear: both;
}

#content-container #middlecontent .label {
    width: 100px;
    padding-bottom: 30px;
    float: left;
}

#content-container #middlecontent select {
    width: 160px;
    float: right;
    margin-bottom: 40px;
    background: #e8e6e5;
    border: 1px solid grey;
}

/* Germany Map */
#content-container #rightcontent .karte {
    text-align: center;
}

#content-container #rightcontent .submit {
    text-align: center;
    padding-top: 15px;
    margin-top: 70px;
}

/* mac_abverkauf */

.tx-macabverkauf-pi1 .angebote {
	margin-left: 30px;
}


.tx-macabverkauf-pi1 .angebot {
	width: 288px;
	height: 245px;
	float: left;
	margin-right: 25px;
}


.tx-macabverkauf-pi1 .image a {
	width: 100%;
	height: 180px;
	z-index: 2;
}


.tx-macabverkauf-pi1 .image .ersparnis {
	position: relative;
	top: 0;
	left: 0;
	width: 80px;
	height: 50px;
	padding-top: 30px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	z-index: 3;
	background-image: url("../images/design/badge.png");
	background-repeat: no-repeat;
}
.tx-macabverkauf-pi1 .image .planer3d {
background-image:url("../images/design/btn-3d-planung.png");
background-repeat:no-repeat;
height:101px;
right:-120px;
position:relative;
bottom:-2px;
width:171px;
z-index:3;
cursor:pointer;
}
.tx-macabverkauf-pi1 .details TABLE {
	width: 100%;
}

.tx-macabverkauf-pi1 .details TABLE .form {
	padding-top: 5px;
}

.tx-macabverkauf-pi1 .details TABLE .ort {
	font-weight: bold;
}

.tx-macabverkauf-pi1 .details TABLE .preis {
	padding-top: 5px;
	text-align: right;
	font-size: 22px;
	font-weight: bold;
	color: red;
	vertical-align: top;
}


.tx-macabverkauf-pi2 .angebot {
	width: 170px;
	height: 125px;
	margin: 18px;
	font-size: 20px;
	font-weight: bold;
	color: red;
	text-align: center;
	overflow: hidden;
	float: left;
}

.tx-macabverkauf-pi2 .angebot a {
	height: 85px;
	margin-bottom: 10px;
}

.tx-macabverkauf-pi2 .angebot .angebotimage .planer3d-small {
background-image:url("../images/design/btn-3d-planung-small.png");
background-repeat:no-repeat;
bottom:-9px;
cursor:pointer;
height:63px;
position:relative;
right:-67px;
width:106px;
z-index:3;
}

.tx-macabverkauf-pi3 {
	padding-top: 50px;
}


#two_columns_content-container #leftcontent .back {
}

.tx-macabverkauf-pi3 .angebotsnummer {
	font-weight: bold;
	font-size: 14px;
	text-align: right;
	padding-bottom: 10px;

}

.tx-macabverkauf-pi3 .preis .right {
	font-weight: bold;
	font-size: 22px;
	text-align: right;
	color: red;
	padding-top: 10px;
	padding-bottom: 10px;
}

.tx-macabverkauf-pi3 .preis .left {
	font-size: 14px;
	font-weight: bold;
	vertical-align: bottom;
	padding-bottom: 10px;

}

.tx-macabverkauf-pi3 #divimgbig {
	text-align: center;
}

.tx-macabverkauf-pi3 H3 {
	padding-top: 15px;
	font-size: 17px;
	border-top: 1px dotted #000000;
}

.tx-macabverkauf-pi3 p.red {
	font-size: 11px;
	font-weight: normal;
	color: red;
	margin: 10px 0px 5px 0px;
}

.tx-macabverkauf-pi3 TABLE {
	width: 100%;
}

.tx-macabverkauf-pi3 TABLE TD {
	width: 50%;
	vertical-align: top;
}


.tx-macabverkauf-pi3 .details .text dl {
	margin: 5px 0 0 0;
}

.tx-macabverkauf-pi3 .details .text dt {
	padding: 0 0 3px 0;
	height: 25px;
	display: block;
	margin: 0;
	width:120px;
}

.tx-macabverkauf-pi3 .details .text dd {
	margin: -27px 0 0 120px;
}

.tx-macabverkauf-pi3 #anfragen {
	padding-top: 50px;
	text-align: right;
}

.tx-macabverkauf-pi3 .angebotimage {
	position: relative;
	left: 0px;
}

.tx-macabverkauf-pi3 .smallimages {
	position: absolute;
	right: 8px;
	bottom: 0px;
	width: 62px;
	background: url("../images/design/weiss50.png");
	text-align: center;
}

.tx-macabverkauf-pi3 .smallimages img {
	display: block;
	cursor: pointer;
}

.tx-macabverkauf-pi3 .smallimages .image {
	margin: 5px 0 5px 7px;
}

#leftcontent .backspecial {
	*margin-top: -20px;  /* IE Hack - Felix */
}

#leftcontent .angebot {
	padding-top: 50px;
}

#leftcontent .angebot .angebotsnr {
	margin: 25px 0px 15px 0px;
	padding: 5px;
	font-weight: bold;
	background: #e4e2e2;
}

#leftcontent .angebot .angebotsnr dd {
	margin: -27px 0 0 220px;
}

#leftcontent .details dl {
	margin: 5px 0 0 0;
}

#leftcontent .details dt {
	padding: 0 0 3px 0;
	height: 25px;
	display: block;
	margin: 0;
	width:120px;
}

#leftcontent .details dd {
	margin: -27px 0 0 75px;
}

#leftcontent .image {
	height: 180px;
}

#leftcontent .image .ersparnis {
	position: relative;
	top: 0;
	left: 0;
	width: 80px;
	height: 50px;
	padding-top: 30px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	z-index: 3;
	background-image: url("../images/design/badge.png");
	background-repeat: no-repeat;
}

#leftcontent .details TABLE {
	width: 100%;
}


#leftcontent .details TABLE .ort {
	padding-top: 5px;
	font-weight: bold;
}

#leftcontent .details TABLE .preis {
	padding-top: 5px;
	text-align: right;
	font-size: 22px;
	font-weight: bold;
	color: red;
	vertical-align: top;
}

.tx-macabverkauf-pi4 .kontaktformular{
	margin-left: -40px;
}

.tx-macabverkauf-pi4 .kontaktformular{
	position:relative;
	left:3px;
	top:0;
	background:url(../images/bg-details.gif) repeat-y;
	width:540px;
	min-height:550px;
}

.tx-macabverkauf-pi4 .kontaktformular .form{
	margin:10px 20px 0 15px;
	width: 390px;
}
.tx-macabverkauf-pi4 .kontaktformular .small{
	font-size: 10px;
}
.tx-macabverkauf-pi4 .kontaktformular .angebot{
	margin:0 0 20px 0;
}
.tx-macabverkauf-pi4 .kontaktformular .submit{
	text-align: right;
	width: 590px;
}

.tx-macabverkauf-pi4 .kontaktformular dt{
	height: 30px;
	display: block;
	padding:8px 0 0 0;
}
.tx-macabverkauf-pi4 .kontaktformular dd{
	margin: -27px 0 0 90px;
}
.tx-macabverkauf-pi4 .kontaktformular input,.tx-macabverkauf-pi4 .kontaktformular textarea{
	width:280px;
}
.tx-macabverkauf-pi4 .kontaktformular textarea{
	height:70px;
	width:280px;
}
.tx-macabverkauf-pi4 .kontaktformular .checkbox{
	width:auto;
}

.tx-macabverkauf-pi4 .kontaktformular .plz{
	width: 51px;
}
.tx-macabverkauf-pi4 .kontaktformular .ort{
	width:212px;
}
.tx-macabverkauf-pi4 .kontaktformular .checkbox,.tx-macabverkauf-pi4 .kontaktformular .radio{
	margin:0 0 0 70px;
}

.tx-macabverkauf-pi4 .kontaktformular input#captcha{
	width:150px;
}
.tx-macabverkauf-pi4 .kontaktformular #pflichtcontent{
	position: absolute;
	top: 260px;
	left: 410px;
	width: 190px;
}
.tx-macabverkauf-pi4 .kontaktformular #pflichtcontent dd {
	margin: -30px 0px 0px 30px;
}
.noresult {
	height: 200px;
}
.contactconfirm {
	margin: 80px 30px 0px 360px;
	padding-bottom: 50px;
}

.rechtshinweis {
	margin: 80px 30px 0px 0px;
	padding-bottom: 50px;
}

.impressum {
	margin: 80px 30px 0px 0px;
	padding-bottom: 50px;
}