/*
Hermann Immobilien GmbH
© 2001-2010 Hermann Immobilien GmbH
www.hermann-immobilien.de
*/

/* Import anderer CSS-Style-Dateien */

@import url(standard.css);
@import url(cpforms.css);
@import url(style-tabber.css);
@import url(navigation.css);

/* Allgemeine Angaben */

body {
	background-image: url(/home/hintergrund-test.gif);
	font-weight: normal; 
	font-size: 11px;
	color: #000000; 
	font-style: normal; 
	font-family: Arial, Helvetica, Sans-Serif;
}

table {
	font-size: 11px;
}

/* Menüs */

#menu_content {
	position: absolute;
	left: 5px;
	top: 23px;
}

#menu_text {
	position: absolute;
	left: 188px;
	top: 154px;
	width: 610px;
	max-width: 610px;
}

#menu_header {
	position: absolute;
	left: 5px;
	top: 5px;
	
	background-image: url(images/);
	background-repeat: norepeat;
}

#menu_navigation {
	position: absolute;
	left: 5px;
	top: 153px;
}

#menu_top {
	position: relative;
	top: -44px;
	left: 332px;
	margin-bottom: -20px;
}

/* Sonstiges */

.border_line {
	border-bottom: 1px dashed #BFB8AD;
}

/* Test */

.categories_spalten_1,
.categories_spalten_2,
.categories_spalten_3,
.categories_spalten_3korrektur,
.box_spalten_1,
.box_spalten_2,
.box_spalten_3,
.box_spalten_3korrektur,
.box_spalten_4,
.zahlenreihe_spalten_4 {
  float: left;
  padding:0;
  margin:0;
  border:0;
}

.categories_spalten_1,
.box_spalten_1 {
  width:100%;
}

.categories_spalten_2,
.box_spalten_2 {
  width:50%;
}

.categories_spalten_3,
.box_spalten_3 {
  width:33%;
}

.categories_spalten_3korrektur,
.box_spalten_3korrektur {
  width:33%;
}

.zahlenreihe_spalten_4,
.box_spalten_4 {
  width:25%;
}

.categories_spalten_1_border,
.box_spalten_1_border,
.box_spalten_2_border,
.box_spalten_3_border,
.box_spalten_4_border,
.zahlenreihe_spalten_4_border_inaktiv,
.zahlenreihe_spalten_4_border_aktiv,
.zahlenreihe_spalten_4_border_ok {
  vertical-align: top;
  border: 1px solid #87888a;
  padding: 4px;
	
  margin-top: 2px;
  margin-left: 4px;
  margin-right: 4px;
  margin-bottom: 2px;
	
  font-size: 11px;
}

.box_spalten_2_aussen_left_border,
.box_spalten_2_aussen_right_border,
.box_spalten_3_aussen_left_border,
.box_spalten_3_aussen_right_border,
.box_spalten_4_aussen_left_border,
.box_spalten_4_aussen_right_border,
.zahlenreihe_spalten_4_aussen_left_border_inaktiv,
.zahlenreihe_spalten_4_aussen_left_border_aktiv,
.zahlenreihe_spalten_4_aussen_left_border_ok,
.zahlenreihe_spalten_4_aussen_right_border_inaktiv,
.zahlenreihe_spalten_4_aussen_right_border_aktiv,
.zahlenreihe_spalten_4_aussen_right_border_ok {
  vertical-align: top;
  border: 1px solid #87888a;
  padding: 4px;
  margin-top: 2px;
  margin-bottom: 2px;
  font-size: 11px;
}

.box_spalten_2_aussen_left_border {
  margin-left: 0px;
  margin-right: 2px;
}

.box_spalten_3_aussen_left_border {
  margin-left: 0px;
  margin-right: 2px;
}

.zahlenreihe_spalten_4_aussen_left_border_inaktiv,
.zahlenreihe_spalten_4_aussen_left_border_aktiv,
.zahlenreihe_spalten_4_aussen_left_border_ok,
.box_spalten_4_aussen_left_border {
  margin-left: 0px;
  margin-right: 4px;
}

.box_spalten_2_aussen_right_border {
  margin-left: 2px;
  margin-right: 0px;
}

.box_spalten_3_aussen_right_border {
  margin-left: 2px;
  margin-right: 0px;
}

.zahlenreihe_spalten_4_aussen_right_border_inaktiv,
.zahlenreihe_spalten_4_aussen_right_border_aktiv,
.zahlenreihe_spalten_4_aussen_right_border_ok,
.box_spalten_4_aussen_right_border {
  margin-left: 4px;
  margin-right: 0px;
}

.categories_spalten_1_border {
  vertical-align: top;
  border: 1px solid #87888a;
  padding: 4px;
	
  margin-top: 2px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
	
  font-size: 11px;
  min-height: 5px;
  height: 5px;
}

html>body .categories_spalten_1_border {
  height: auto;
}

.box_spalten_1_border {
  vertical-align: top;
  border: 1px solid #87888a;
  padding: 4px;
	
  margin-top: 2px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 2px;
	
  font-size: 11px;

  min-height: 250px;
  height: 250px;
}

.box_spalten_2_border,
.box_spalten_2_aussen_left_border,
.box_spalten_2_aussen_right_border {
  min-height: 150px;
  height: 150px;
}

.box_spalten_3_border,
.box_spalten_3_aussen_left_border,
.box_spalten_3_aussen_right_border {
  min-height: 250px;
  height: 250px;
}

.box_spalten_4_border,
.box_spalten_4_aussen_left_border,
.box_spalten_4_aussen_right_border{
  min-height: 250px;
  height: 250px;
}

.zahlenreihe_spalten_4_border_inaktiv,
.zahlenreihe_spalten_4_border_aktiv,
.zahlenreihe_spalten_4_border_ok,
.zahlenreihe_spalten_4_aussen_left_border_inaktiv,
.zahlenreihe_spalten_4_aussen_left_border_aktiv,
.zahlenreihe_spalten_4_aussen_left_border_ok,
.zahlenreihe_spalten_4_aussen_right_border_inaktiv,
.zahlenreihe_spalten_4_aussen_right_border_aktiv,
.zahlenreihe_spalten_4_aussen_right_border_ok {
  min-height: 60px;
  height: 70px;
}

.categories_spalten_1_border:after,
.box_spalten_1_border:after,
.box_spalten_2_border:after,
.box_spalten_3_border:after,
.box_spalten_4_border:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}

/* 2008-05-01, news rotation styles */

#RotationContainer {
  width:600px;
  height: 340px;
  margin-bottom: 15px;
}

#RotationPic {
  height:300px;
}

#TeaserRow {
  position: absolute;
  z-index: 20;
}

#RotationQueue1 a:link,
#RotationQueue1 a:visited,
#RotationQueue2 a:link,
#RotationQueue2 a:visited,
#RotationQueue3 a:link,
#RotationQueue3 a:visited {
  color: #000000;
  font-size: 10px;
  text-decoration: none;
}

#RotationQueue1,
#RotationQueue2,
#RotationQueue3 {
  background-color: #fff7b4;
  width: 190px;
  float: left;
  padding: 5px;
  font-size: 10px;
  color: #000000;
}

#RotationQueue2 {
  width: 188px;
}

#RotationQueue1, 
#RotationQueue2 {
  border-right: 1px solid #d3d3d3;
}

#RotationQueue1 img.thumb,
#RotationQueue2 img.thumb,
#RotationQueue3 img.thumb {
  float: left;
  margin: 0 5px 5px 0;
}

.rotationteaser img.more {
    margin: 3px 0 0 3px;
}

#RotationPic #News1,
#RotationPic #News2,
#RotationPic #News3 {
  position: absolute;
  height: 300px;
}

#RotationPic .NewsTeaserBox {
  top:  180px;
  left: 1px;
  position: absolute;
}

#RotationPic .NewsLinks {
  top:  231px;
  position: absolute;
  left: 456px;
  width: 166px;
}

.rotationcategory {
  display: inline;
  padding: 5px 10px 5px 10px;
  margin: 0 0 0 20px;
  background-color: #f8dc00;
  color: #000000;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: bold;
}

.rotationheadline {
  width: 328px;
  margin: 5px 0 0 0;
  overflow: visible;
  margin-left: -1px;
  padding: 5px 5px 5px 28px;
  background-color: #ffffff;
  font-size: 14px;
}

.rotationheadline a:link,
.rotationheadline a:visited {
  color: #000000;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
}

.rotationteaser {
  margin:0;
  width: 325px;
  overflow: visible;
  margin-left: 20px;
  padding: 10px 5px 12px 10px;
  background-color: #f8dc00;
  color: #000000;
  font-size: 11px;
}

.videolink,
.gallerylink,
.pagelink {
  display: block;
  margin: 0 1px 1px 0;
  height: 22px;
  width: 149px;
}

.videolink {
  background: url("http://www.hermann-immobilien.de/themes/standard/immobilien/images/rotator/videoicon.gif") no-repeat;
}

.gallerylink {
  background: url("http://www.hermann-immobilien.de/themes/standard/immobilien/images/rotator/photoicon.gif") no-repeat;
}

.pagelink {
  background: url("http://www.hermann-immobilien.de/themes/standard/immobilien/images/rotator/linkicon.gif") no-repeat;
}

.videolink a,
.gallerylink a,
.pagelink a {
  display: block;
  background-color:  #f8dc00;
  padding: 6px 1px 6px 2px;
  margin: 0 0 0 32px;
  color: #000000;
  overflow: hidden;
  white-space: nowrap;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 10px;
  height: 10px;
  width: 117px;
}

#RotationPic .NewsLinks {
  top:  231px;
  position: absolute;
  left: 448px;
  width: 190px;
}

#dropcontentsubject{
width: 167px;
font-weight: bold;
}

.dropcontent{
width: 167px;
height: 170px;
border: 1px solid #87888a;
background-color: #FFFFFF;
padding: 3px;
display:block;
}