html, body {
height: 100%;
width: 100%;
}
body {
margin: 0;
padding: 0;
font-family: arial, tahoma, helvetica, verdana, sans-serif;
font-size: 12px;
color: #000;
text-align: center;
/*overflow-y:auto;
overflow-x:auto; */
}
/*
===========================================================================================================
NAVILEVEL_1
===========================================================================================================
*/
ul#navilevel1box {
margin: 0;
padding:0px 0px;
font-size:10px;
font-weight:bold;
font-family:verdana;
text-transform:uppercase;
border-top: 1px solid #B40003;
border-bottom: 1px solid #B40003;
background: url('../images/level1menu_bgr0.gif') 0px 0px repeat-x;
list-style-type:none;
}
ul#navilevel1box li {
margin:0;
padding:0;
display:inline;
font-size: 11px;
}
ul#navilevel1box a.level1button,
ul#navilevel1box a.level1button_cur,
ul#navilevel1box a.level1button_cur_1,
ul#navilevel1box a.level1button_1 {
text-decoration: none;
text-transform:uppercase;
color: #666;
border-right: 1px solid #cfcfcf;
border-left: 1px solid #efefef;
padding:4px 7px 3px 7px;
line-height: 22px;
}
* html ul#navilevel1box a.level1button,
* html ul#navilevel1box a.level1button_cur,
* html ul#navilevel1box a.level1button_cur_1,
* html ul#navilevel1box a.level1button_1 {
padding:4px 7px 3px 7px;
}
ul#navilevel1box a.level1button_cur_1,
ul#navilevel1box a.level1button_1 {
border-left: 1px solid #cfcfcf;
}
ul#navilevel1box a.level1button_cur_1,
ul#navilevel1box a.level1button_cur,
ul#navilevel1box a.level1button_cur_1:hover,
ul#navilevel1box a.level1button_cur:hover,
ul#navilevel1box a.level1button:hover,
ul#navilevel1box a.level1button_1:hover {
text-decoration: none;
color: #fff;
background: #fff url('../images/mainmenu_bgr1.gif') 0px 0px repeat-x;
padding:4px 7px 3px 7px;
}
* html ul#navilevel1box a.level1button_cur_1,
* html ul#navilevel1box a.level1button_cur,
* html ul#navilevel1box a.level1button_cur_1:hover,
* html ul#navilevel1box a.level1button_cur:hover,
* html ul#navilevel1box a.level1button:hover,
* html ul#navilevel1box a.level1button_1:hover {
padding:4px 7px 3px 7px;
}
/*div#navilevel1box {
margin: auto;
padding-bottom:0px;
width: 970px;
font-size: 11px;
text-align: center;
font-family: verdana;
font-weight: bold;
}
* html div#navilevel1box {
padding-bottom:2px;
}
a.level1button, a.level1button_cur, a.level1button_cur_1, a.level1button_1{
padding:3px 12px 4px 12px;
text-decoration: none;
text-transform:uppercase;
color: #666;
border-right: 1px solid #cfcfcf;
border-left: 1px solid #efefef;
line-height:22px;
}
a.level1button_cur_1, a.level1button_1 {
border-left: 1px solid #cfcfcf;
}
* html a.level1button, * html a.level1button_1, * html a.level1button_cur, * html a.level1button_cur_1{
padding:4px 12px 3px 12px;
}
a.level1button_cur_1, a.level1button_cur, a.level1button_cur_1:hover, a.level1button_cur:hover,
a.level1button:hover, a.level1button_1:hover {
display:box;
text-decoration: none;
color: #fff;
background: url('../images/mainmenu_bgr1.gif') 0px 0px repeat-x;
} */
/*
===========================================================================================================
NAVILEVEL_2
===========================================================================================================
*/
#navilevel2_wrapper {
width: 100%;
margin: auto;
margin-top:1px;
padding:0;
font-size: 12px;
text-align: center;
/*border-bottom: 1px solid #ddd;*/
border-top: 1px solid #aaa;
border-bottom: 1px solid #aaa;
background: url('../images/level2menu_bgr0.gif') 0px 0px repeat-x;
}
div#navilevel2box {
margin: auto;
padding: 0px;
width: 970px;
font-size: 11px;
text-align: center;
margin-top:0px;
font-weight: bold;
line-height: 24px;
font-family: verdana;
}
a.level2button, a.level2button_cur {
display:box;
padding:5px 15px 6px 15px;
text-decoration: none;
text-transform:uppercase;
color: #555;
line-height: 24px;
border-left: 1px solid #dfdfdf;
border-right: 1px solid #cfcfcf;
/* letter-spacing: 1px*/;
}
* html a.level2button, * html a.level2button_cur, * html a.level2button_1, * html a.level2button_cur_1 {
padding:6px 15px 5px 15px;
}
a.level2button_1, a.level2button_cur_1 {
display:box;
padding:5px 15px 6px 15px;
text-decoration: none;
text-transform:uppercase;
color: #555;
line-height: 24px;
border-left: 1px solid #cfcfcf;
border-right: 1px solid #cfcfcf;
/* letter-spacing: 1px;-*/
}
a.level2button_cur_1, a.level2button_cur, a.level2button_cur:hover, a.level2button:hover, a.level2button_1:hover,
a.level2button_cur_1:hover {
text-decoration: none;
color: #B40003;
/*background: #dfdfdf;*/
background: url('../images/level2menu_bgr1.gif') 0px 0px repeat-x;
}
/*
===========================================================================================================
NAVILEVEL_3
===========================================================================================================
*/
#navilevel3_wrapper{
margin: auto;
margin-top:0px;
padding:0;
width: 100%;
text-align: center;
border-bottom: 3px solid #aaa;
/*border-top: 1px solid #ccc;*/
background: url('../images/level3menu_bgr0.gif') 0px 0px repeat-x;
}
div#navilevel3box {
margin: auto;
padding: 0px;
width: 968px;
font: normal 9px tahoma,verdana;
text-align: center;
margin-top:0px;
line-height: 22px;
}
a.level3button, a.level3button_cur {
display:box;
padding: 4px 3px 5px 3px;
text-decoration: none;
text-transform:uppercase;
color: #333;
line-height:22px;
border-right: 1px solid #ccc;
}
* html a.level3button, * html a.level3button_cur, * html a.level3button_1, * html a.level3button_cur_1 {
padding: 5px 3px 4px 3px;
}
a.level3button_1, a.level3button_cur_1 {
display:box;
padding: 4px 3px 5px 3px;
text-decoration: none;
text-transform:uppercase;
color: #333;
line-height:22px;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
background: #fff;
}
a.level3button_1 {
background: none;
color: #333;
}
a.level3button_cur_1, a.level3button_cur, a.level3button_cur:hover, a.level3button:hover, a.level3button_1:hover,
a.level3button_cur_1:hover {
text-decoration: none;
color: #B40003;
background: #fff;
}
/*
===========================================================================================================
CONTENT
===========================================================================================================
*/
#content_wrapper {
margin: 0;
padding: 0;
width: 100%;
text-align: center;
/*border:1px solid red;*/
}
/**html div#content_wrapper {
padding-left:-19px;
} */
div#content_center {
margin: auto;
padding: 0;
width: 90%;
text-align: center;
padding-top:2%;
}
div#content {
margin: auto;
padding: 0;
width: 970px;
text-align: left;
}
div.immocontent {
/* width:934px;*/
position: relative;
width:951px;
/* margin:15px auto 20px auto;*/
margin: auto;
text-align: left;
/*padding: 0px 18px;*/
padding:0px;
/* border:1px solid red; */
}
td.immoobjektbox {
width: 320px;
padding:16px 20px;
/*border: 1px solid red;*/
/*border:1px solid red;*/
}
div.immoobjekt, div.immoobjektleer {
position: relative;
margin: auto;
padding: 0;
width: 283px;
border: 1px solid #ccc;
/*height: 330px;*/
display: box;
overflow: hidden;
float: left;
/* margin: 16px 10px; */
margin-left: 16px;
margin-right: 16px;
/*margin-right: 28px; */
margin-top: 16px;
margin-bottom: 16px;
/* margin-left: 28px;*/
}
div.immoobjektleer {
border: none;
}
*html div.immoobjekt, *html div.immoobjektleer {
width: 283px;
}
div.immoobjekt:hover {
/* border: 1px solid #B40003;
background-color: #fafafa; */
}
/**html div.immoobjekt{
width: 283px;
}*/
div.vermietungobjekt {
width: 913px;
padding: 0;
border: 1px solid #ccc;
/*height: 330px;*/
display: box;
overflow: hidden;
margin-left: 16px;
margin-top: 13px;
/* margin-left: 16px;
margin-right: 16px;
margin-top: 16px;
margin-bottom: 16px; */
text-align:left;
}
div.pic {
border-bottom: 1px solid #ccc;
padding:0;
margin:0;
height:212px;
overflow: hidden;
}
div.pic_sold {
border-bottom: 1px solid #ccc;
padding:0;
margin:0;
height:212px;
}
* html div.pic_sold {
border-bottom: 1px solid #ccc;
padding:0;
margin:0;
height:102px;
display: inline;
float:left;
}
div.pic a:hover, div.pic_sold a:hover {
cursor:url('../images/more2.cur'), pointer;
}
div.lage {
display: box;
height: 40px;
font-size:11px;
font-family: verdana, arial, tahoma, helvetica, sans-serif;
padding: 5px 3px;
overflow: auto;
}
*html div.lage {
height: 50px;
}
div.lage2 {
display: box;
height: 110px;
font-size:11px;
font-family: verdana, arial, tahoma, helvetica, sans-serif;
padding: 5px 3px;
overflow: auto;
text-align: left;
}
div.lage3 {
display: box;
height: 40px;
font-size:12px;
font-family: arial, verdana, arial, tahoma, helvetica, sans-serif;
padding: 5px 15px;
overflow: auto;
text-align: left;
}
div.info {
padding: 5px 3px;
text-align: left;
}
div.info td {
font-size:11px;
font-family: verdana, arial, tahoma, helvetica, sans-serif;
}
div.immoobjekt h2,
div.vermietungobjekt h2{
margin: 0;
padding: 5px 0 8px 0;
font-size: 12px;
text-align: center;
color: #555;
background-color: #f1f1f1;
border-bottom: 1px solid #ccc;
width:100%;
text-transform:none;
}
div.vermietungobjekt h2{
text-align: left;
padding-left: 5px;
}
div.immoobjekt div.expose {
margin:0;
margin-top:2px;
padding: 2px 10px 3px 2px;
background-color: #f1f1f1;
border-top: 1px solid #ccc;
font: normal 10px verdana, arial, tahoma, helvetica, sans-serif;
text-align: right;
color: #555;
}
div.expose a {
font-weight: bold;
color:#B40003;
text-decoration: none;
padding-right: 2px;
}
div.expose a:hover {
font-weight: bold;
color:#B40003;
text-decoration: none;
padding-right: 0px;
}
.exposetable_show {
width:900px;
margin: auto;
font-size: 13px;
}
.exposetable_show th, .exposetable_show td {
padding:2px 0;
text-align: left;
font-size: 13px;
}
.exposetable_show th{
font-weight: bold;
width:120px;
}
.exposetable_show img {
/*border: 3px double #bbb;*/
}
.exposetable_print {
width:650px;
margin: auto;
font-size: 13px;
}
.exposetable_print th, .exposetable_print td {
padding:2px 0;
text-align: left;
font-size: 13px;
}
.exposetable_print th{
font-weight: bold;
width:120px;
}
.exposetable_print img {
border: 1px solid #bbb;
}
div.immopicbox {
width: 100%;
text-align: left;
/*margin-top:20px; */
}
div.immopic_show {
float: left;
padding: 0 30px 15px 0;
/*border:1px solid red;*/
/*width:300px;*/
}
div.immopic_print {
/*float: left;*/
padding: 0 10px 10px 0;
/*border:1px solid red;*/
/*width:260px;*/
}
div.piccaption {
margin: 2px 0;
text-align: center;
padding:0;
/*border:1px solid red; */
}
td {
font: normal 12px arial, tahoma, helvetica, verdana, sans-serif;
}
h2 {
font: bold 15px arial;
color:#B40003;
text-transform:uppercase;
margin-top:20px;
margin-bottom:30px;
}
h3 {
font: bold 15px arial;
color:#B40003;
text-transform:uppercase;
margin-top:30px;
}
h4 {
font: bold 12px arial;
color:#B40003;
/*text-transform:uppercase;*/
letter-spacing: 1px;
margin-top:20px;
margin-bottom:10px;
}
h5 {
font: normal 12px arial;
color:#B40003;
/*text-transform:uppercase;*/
margin-top:10px;
margin-bottom:10px;
}
h6 {
font: normal 12px arial;
color:#B40003;
text-transform:uppercase;
margin-top:10px;
margin-bottom:10px;
}
h6.title {
font: normal 12px arial;
color:#B40003;
text-transform:uppercase;
margin-top:10px;
margin-bottom:18px;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
padding:3px 0 ;
}
form {
}
.myselect {
font: normal 12px arial, tahoma, helvetica, verdana, sans-serif;
width: 250px;
border:1px solid #aaa;
}
.myoption {
font: normal 12px arial, tahoma, helvetica, verdana, sans-serif;
}
.myselect2 {
font: normal 12px arial, tahoma, helvetica, verdana, sans-serif;
width: 75px;
border:1px solid #aaa;
}
.myoption2 {
font: normal 12px arial, tahoma, helvetica, verdana, sans-serif;
}
.myinput {
font: normal 12px arial, tahoma, helvetica, verdana, sans-serif;
width: 350px;
border:1px solid #aaa;
}
.mycheckbox {
margin: 0;
padding:0;
/*padding: 5px 0 0 0px;*/
}
.submitbutton {
border:1px solid #aaa;
width: 120px;
font: normal 12px arial, tahoma, helvetica, verdana, sans-serif;
padding: 2px 0;
margin:0;
}
.submitbutton:hover {
border:1px solid #aaa;
width: 120px;
font: normal 12px arial, tahoma, helvetica, verdana, sans-serif;
background: #B40003;
color: #fff;
}
.caption {
}
/*
===========================================================================================================
MIX
===========================================================================================================
*/
p {
margin-bottom: 20px;
}
ol li{
padding-bottom: 15px;
}
.anker{
margin: 0;
padding: 0;
font-size:0px;
color:red;
display: inline;
}
.red {
color: #B40003;
}
.redstrong {
color: #B40003;
font-weight: bold;
}
a.dachlink {
color: #777;
font-family:arial;
text-decoration: none;
padding:35px 22px 20px 35px;
background:url('../images/dachlink4_2.gif') center 3px no-repeat;
}
a.dachlink:hover {
color: #B40003;
text-decoration: none;
background:url('../images/dachlink4.gif') center 3px no-repeat;
}
a.toplink {
background:url('../images/top0.gif') center 8px no-repeat;
padding:5px 5px 0 5px;
text-decoration: none;
}
a.toplink:hover {
background:url('../images/top1.gif') center 6px no-repeat;
padding:5px 5px 0 5px;
}
a {
text-decoration: none;
color: #B40003;
}
a:hover {
text-decoration: underline;
color: #B40003;
}