/* CSS Document */

html {
		}
		
@font-face {
    font-family: 'CoolveticaRegular';
    src: url('../schriften/coolvetica_rg-webfont.eot');
    src: url('../schriften/coolvetica_rg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../schriften/coolvetica_rg-webfont.woff') format('woff'),
         url('../schriften/coolvetica_rg-webfont.ttf') format('truetype'),
         url('../schriften/coolvetica_rg-webfont.svg#CoolveticaRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

	
body {
	font-family : 'Open Sans','Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 13px;
	background: #B6B6B6 url(../images/body_bg.jpg) center 0px fixed;
	color: #000;
}

body#standard {

	
}

body#start #content_wrap {

margin: 65px auto 25px auto;
padding: 1px;
width: 958px;
	
}

/* Nullen */

* {
	margin: 0; 
	padding: 0; 
	
}

/* Tags ########################################################## */

p {
	font-size: 13px;
	line-height: 1.3em;
	margin: 0 0 1em 0;
	
}

a {
	outline:none;
	text-decoration:none;
	color: #00264D
}

a:hover {
	color: #ff6600
}
img {
	border: none;
}
ul {
	margin: 0 0 0 15px
}

ol {
	margin: 0 0 0 25px
}

li {
	font-size: 13px;
	margin: 0 0 0.3em 0
}

hr {
	border:none;
	color:#ccc;
	background: #ccc;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	margin: 5px 0;
}

h1 {
	font-weight:normal;
	font-size: 11px;
	padding: 5px;	
	color: #5B5B5B
}

h1 a{
	color: #FF9900;
}

h1 a:hover{
	color: #00264D;
}


h2 {

font-size:40px;
padding: 30px 25px 40px 25px;
margin: 0;
background-color: #fff;
font-family: 'CoolveticaRegular';
color: #ff6600;
letter-spacing: 1px;
font-weight:normal;
text-transform: uppercase;
}

body#objekt h2 {
	font-size: 22px;
	padding: 50px 25px 29px 100px;
}

body#hausprogramm h2, body#neubaugebiet h2 {
text-transform: uppercase;
font-size:40px;
padding: 25px 25px 0px 25px;
margin: 0;
background-color: #fff;
font-family: 'CoolveticaRegular';
color: #ff6600;
letter-spacing: 1px
}

body#hausprogramm h2 span, body#neubaugebiet h2 span {
font-size:20px;
text-transform: none;
padding: 0;
margin: 0;
background-color: #fff;
font-family : 'Open Sans','Trebuchet MS', Arial, Helvetica, sans-serif;
color: #323232;
display: block;
font-weight: normal;
}

 body#neubaugebiet h2 {
 	padding: 25px 0 0 0
 }

 body#neubaugebiet h2 span {
 	margin: 0 0 20px 0;
 }

  body#hausprogramm h2 {
 	padding: 25px 25px 20px 25px;
 }

 
 body#dialog h2,  body#unternehmen h2,  body#aktuell h2{
 	padding: 30px 25px 40px 0px;
 }
 

h3 {
	font-weight:normal;
	font-size: 18px;
	padding: 0;
	margin: 0 0 15px 0;
	
}

h3 a {
color: #333
	
}

h3 a:hover {
color: #FF6600
	
}

h4 {
	font-size: 12px;
}

h5 {
	font-weight:normal;
	font-size: 18px;
	color: #333;
	text-transform:uppercase;
	  
}

h6 {
	font-weight:normal;
	font-size: 20px;
	padding: 0 25px 10px 0px;
	color: #333;
	width: 270px;
}

hr {
	border:none;
	color:#ccc;
	background: #ccc;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	margin: 20px 0;
	clear: both
	
}

/* Klassen ########################################################## */

a.pdf {
	background: url(../images/pdf.gif) 0 0  no-repeat;
	padding: 5px 0 5px 40px;
	text-decoration:none;
	color: #FF6600;
}

a.pdf:hover {
	background-position: 0 -50px;
	color: #333;
}

a.button {
	font-size: 18px;
	text-transform:uppercase; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px; 
	border-radius: 5px;
	background: rgb(14,50,87);
background: -moz-linear-gradient(top, rgba(14,50,87,1) 0%, rgba(0,38,77,1) 61%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(14,50,87,1)), color-stop(61%,rgba(0,38,77,1)));
background: -webkit-linear-gradient(top, rgba(14,50,87,1) 0%,rgba(0,38,77,1) 61%);
background: -o-linear-gradient(top, rgba(14,50,87,1) 0%,rgba(0,38,77,1) 61%);
background: -ms-linear-gradient(top, rgba(14,50,87,1) 0%,rgba(0,38,77,1) 61%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e3257', endColorstr='#00264d',GradientType=0 );
background: linear-gradient(top, rgba(14,50,87,1) 0%,rgba(0,38,77,1) 61%);
	padding: 10px;
	border: 1px solid rgb(14,50,87);
	margin:20px 0 0 0;
	color: #fff;
}

/*Bilderformatierungen*/

.bild {
	
}

.bild_text {
	float:left;
	margin: 0 10px 10px 0;
}

.bild_text_re {
	float:right;
	margin: 0 0 10px 10px;
}

.bild_text_rahmen {
	float:left;
	margin: 0 10px 10px 0;
	padding: 1px;
	border:1px solid #ccc;
}

.bild_text_re_rahmen {
	float:right;
	margin: 0 0 10px 10px;
	padding: 1px;
	border:1px solid #ccc;
}

/*Bild mit Unterschrift*/

p.bild_unterschrift {
	float:left;
	width:200px;/*anpassen*/
	margin: 0 10px 10px 0;
}



p.bild_unterschrift_re {
	float: right; 
	margin: 0px 0px 20px 10px; 
	
	  }

p.bild_unterschrift_re img {
	display: block; 
	padding: 1px; 
	background: #fff; 
	margin: 0 0 5px 0; 
	border: 1px solid #ccc
	 }
	 
img.dekra {
	background:#fff;
	float:right;
	margin: 0 20px 0 0;
}

/*Textblöcke, Infoboxen*/

.text {
	float:left;
	width:200px;/*anpassen*/
	margin: 0 10px 10px 0;
}


/*Kontaktformular*/



/* Layout ########################################################## */

#container {

	
}

/*header --------------------------------- */

#header_wrap {
	background: url(../images/header_wrap_bg.jpg) repeat-x;
	height: 120px;
	margin: 0 0 0px 0;
}

#header {
	position:relative;
	width:980px;
	height: 120px;
	margin:auto;
	z-index: 10000;
}

#header p {
	padding: 0 0 0 200px;
	background: url(../images/header_p_bg.jpg) top right no-repeat;
	line-height: 35px;
	
}

#header p a {
	color: #fff;
	margin: 0 10px 0 10px;
}

#header p a:hover {
	color: #FF6600;
}



img.logo {
	position:absolute;
	left:0px;
	top:0;
	z-index: 10000
}

ul#menu {
list-style: none;
margin: 14px 0 0 0px;
background: url(../images/header_ul_bg.jpg) 0 0 repeat-x;
height: 40px;
padding: 30px 0 0 199px;

}

ul#menu li{
float: left;
margin: 0 0 0 0px;
position:relative;
}

ul#menu li a{
display: block;
height: 40px;
width: 100px;
color: #fff;
text-transform: uppercase;
font-size: 14px;
font-weight:bold;
letter-spacing: 0px;
text-indent:-3000px;
z-index: 1000
}


/* Nav Neubaugebiete*/

ul#menu li a.nb {
	width: 150px;
	background: url(../images/domo_sprite.png) 0 -105px no-repeat;
}

ul#menu li.nb div {   
  width: 900px;   
  top: 40px;   
  left: -189px;
  padding: 45px 30px 30px 30px;
  z-index: 1000;
 }
ul#menu li.nb div h4 {
	
}

ul#menu li.nb div ul { 
  float: right;
  width: 300px;
  margin: -40px 0px 0 0;
} 

ul#menu li.nb div img {
	float:left;
	border: 1px solid #fff
}

/* Nav Hausprogramm*/

ul#menu li a.hp {
	width: 150px;
	background: url(../images/domo_sprite.png) -150px -105px no-repeat;
}


ul#menu li.hp div {   
  width: 900px;   
  top: 40px;   
  left: -339px;
  padding: 45px 30px 0px 30px;
  z-index: 1000

} 

ul#menu li.hp div span{
	display:block;
	width: 290px;
	margin: 0 10px 0 0;
	float:left;
}

ul#menu li.hp div span ul{
	width: 285px;
	margin: 0 ;
	padding: 0
}

ul#menu li.hp div span ul li{
	float: left;
	width: 90px;
	height: 100px;
	text-align: center;
	margin: 0 5px 0 0

}

ul#menu li.hp div span ul li a{
	background: none;
	padding: 0px;
	width: 90px;
	display: block;
	float: left;
	margin: 0

}

ul#menu li.hp div span ul li a:hover{
	color: #fff
}

ul#menu li.hp div span ul li a img{
	margin: 0 0 2px 0;
	background: #FEFABD;
	width: 90px;
	height: 67px;
	display:block
}

ul#menu div h5.efh {
	width: 160px;
	background: url(../images/domo_sprite.png) 0px -200px no-repeat;
}

ul#menu div h5.dhh {
	width: 130px;
	background: url(../images/domo_sprite.png) -160px -200px no-repeat;
}

ul#menu div h5.mfh {
	width: 175px;
	background: url(../images/domo_sprite.png) 0px -220px no-repeat;
}

/* Nav Immobilien*/

ul#menu li a.im {
	width: 115px;
	background: url(../images/domo_sprite.png) -300px -105px no-repeat;
}




ul#menu li.im div {   
  width: 300px;   
  top: 40px;   
  left: -20px;
  padding: 30px;
  z-index: 1000
} 

ul#menu li.im div ul {   
	margin: 0 0 20px 0
} 

ul#menu div h5.kauf {
background: url(../images/domo_sprite.png) -290px -200px no-repeat;
}

ul#menu div h5.miete {
background: url(../images/domo_sprite.png) -440px -200px no-repeat;
}

ul#menu div h5.wir_suchen {
background: url(../images/domo_sprite.png) -590px -200px no-repeat;
}

/* Nav Referenzen*/

ul#menu li a.ref {
	width: 120px;
	background: url(../images/domo_sprite.png) -415px -105px no-repeat;
}

ul#menu li.ref div {   
  width: 300px;   
  top: 40px;   
  left: -20px;
  padding: 30px;
  z-index: 1000
} 

ul#menu div h5.ref {
width: 275px;
background: url(../images/domo_sprite.png) -180px -220px no-repeat;
}

/* Nav News*/

ul#menu li a.ne {
	width: 70px;
	background: url(../images/domo_sprite.png) -535px -105px no-repeat;
}

ul#menu li.ne div {   
  width: 300px;   
  top: 40px;   
  left: -150px;
  padding: 30px;
  z-index: 1000
} 

ul#menu div h5.ne {
width: 220px;
background: url(../images/domo_sprite.png) -460px -220px no-repeat;
}

/* Nav Domo*/

ul#menu li a.do {
	width: 70px;
	background: url(../images/domo_sprite.png) -605px -105px no-repeat;
}

ul#menu li.do div {   
  width: 300px;   
  top: 40px;   
  /*left: -215px;*/
  right: -96px;
  padding: 30px;
  z-index: 1000
}

ul#menu div h5.do {
width: 190px;
background: url(../images/domo_sprite.png) 0px -240px no-repeat;
}

/* Nav Dialog*/

ul#menu li a.dia {
	width: 85px;
	background: url(../images/domo_sprite.png) -675px -105px no-repeat;
}

ul#menu li.dia div {   
  width: 300px;   
  top: 40px;   
 /* left: -275px;*/
  right:-11px;
  padding: 30px;
  z-index: 1000
}

ul#menu div h5.dia {
width: 160px;
background: url(../images/domo_sprite.png) -195px -240px no-repeat;
}




ul#menu li a:hover, ul#menu li a.aktiv{
background-color: #777
}

ul#menu div {   
  display: none;
  position: absolute;   
 
  
 background: -moz-linear-gradient(top, rgba(120,120,120,0.95) 0%, rgba(68,68,68,0.95) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(120,120,120,0.95)), color-stop(100%,rgba(68,68,68,0.95)));
background: -webkit-linear-gradient(top, rgba(120,120,120,0.95) 0%,rgba(68,68,68,0.95) 100%);
background: -o-linear-gradient(top, rgba(120,120,120,0.95) 0%,rgba(68,68,68,0.95) 100%);
background: -ms-linear-gradient(top, rgba(120,120,120,0.95) 0%,rgba(68,68,68,0.95) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2787878', endColorstr='#f2444444',GradientType=0 );
background: linear-gradient(top, rgba(120,120,120,0.95) 0%,rgba(68,68,68,0.95) 100%);

 -webkit-border-bottom-left-radius: 5px;
-khtml-border-bottom-left-radius: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
 -webkit-border-bottom-right-radius: 5px;
-khtml-border-bottom-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-right-radius: 5px;

-webkit-box-shadow: 0px 5px 5px #333;
    -moz-box-shadow: 0px 5px 5px #333;
    box-shadow: 0px 5px 5px #333;
}

ul#menu li div ul li a { 
width: 300px
} 

ul#menu li.hovering div {   
  display: block;  
}

ul#menu div h5 {
display: block;
width: 150px;
float: left;
height: 20px;
text-indent:-3000px;
clear: both;
margin: 0 0 20px 0
}


ul#menu div ul {
float: left;
display: block;
width: 150px;
list-style: none;
margin: 0 0 0px 0px
}

ul#menu div ul li {
float: none;
color: #333;
}

ul#menu div ul li a{
text-transform: none;
font-size: 11px;
font-weight:normal;
letter-spacing: 0px;
margin: 0 0 0.5em 0px;
padding: 0 0 0 15px;
text-indent:0px;
color: #fff;
width:10px;
height: 15px;
background: url(../images/domo_sprite.png) -470px -15px no-repeat;
}

ul#menu div ul li a:hover{
color: #FF6600; 
background: transparent url(../images/domo_sprite.png) -470px -0px no-repeat;
}

/*Startseite --------------------------------- */

#slider {
	
	position:relative;
	width: 958px;
height: 398px;
}

#slider img {
width: 958px;
height: 398px;
	
}

/*Inhalt --------------------------------- */


#breadcrumb {
	margin: auto;
	width: 900px;
	height: 40px;
	padding: 20px 20px 0 0;
	text-align: right;
}

#breadcrumb h1 {
	display:inline;
	text-transform: uppercase;
	color: #333;
	
}

#breadcrumb h1 a {
	color: #00264D;
	padding: 0 5px 0 5px
}

#breadcrumb h1 a:hover {
	background: #fff
}

#content_wrap {
	width: 960px;
	margin:0px auto 20px auto;
	padding: 0;
	background: #fff;
	-webkit-box-shadow: 0px 0px 5px #555;
   -moz-box-shadow: 0px 0px 5px #555;
   box-shadow: 0px 0px 5px #555;
	overflow: hidden;
}


#content {
	
}

body#neubaugebiet #content_wrap, body#unternehmen #content_wrap, body#aktuell #content_wrap, body#gesuche #content_wrap, body#dialog #content_wrap {
	background: url(../images/eckdaten_bg.jpg) 0 0 repeat-y;
}

body#neubaugebiet #content, body#unternehmen #content, body#aktuell #content, body#gesuche #content, body#dialog #content{
	width: 630px;
	padding: 0 25px 25px 0;
	float: right;
}





body#objekt #content_wrap, body#hausprogramm #content_wrap    {
	background: url(../images/eckdaten_bg.jpg) 0px 0px repeat-y;
}




body#objekt #content {
position: relative;
}


/*Objektlisten ####################################################################################### */

.teaser {
	margin: 0 0px 30px 0;
	background: #EBEBEB;
	padding: 0px 0 0px 0px;
	height: 100px;
	overflow:hidden;
	position:relative;
}

.none_bg { 
	background: #fff;

}

.obj_status {
	width: 125px;
	height:45px;
	background: #ff8839;
background: -moz-linear-gradient(top, #ff8839 0%, #ea5e00 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff8839), color-stop(100%,#ea5e00));
background: -webkit-linear-gradient(top, #ff8839 0%,#ea5e00 100%);
background: -o-linear-gradient(top, #ff8839 0%,#ea5e00 100%);
background: -ms-linear-gradient(top, #ff8839 0%,#ea5e00 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8839', endColorstr='#ea5e00',GradientType=0 );
background: linear-gradient(top, #ff8839 0%,#ea5e00 100%);
	position: absolute;
	left: 0px;
	top: 55px;
	padding: 0
}

.obj_status p {
	padding: 15px 0 0 25px
}

.objnr {
	width: 100px;
	height:35px;
	float:left;
	background: #00264D;
	color: #fff;
	font-size: 12px;
	padding: 10px 0 0 25px;
	margin: 0 ;
	text-transform: uppercase;
}

.objnr span {
	margin: 0px 0 0 10px;
	font-size: 20px
}


.teaser h3 {
	float:left;
	font-size: 12px;
	padding: 10px 0 0 200px ;
	width: 320px;
	font-weight:normal;
}

.teaser h4 a {
	float:left;
	font-size: 16px;
	padding: 0 0 0px 200px;
	width: 320px;
	color: #00264D;
	font-weight: normal;
}

.teaser h4 a:hover {
color: #FF6600;
}

.teaser img {
	position:absolute;
	top:0px;
	left:150px;
	margin: 0;
} 

.teaser table {
	position:absolute;
	top: 0px;
	right:0;
	/*float:right;*/
	width: 200px;
	margin:0 0px 0 0;
	padding: 10px 0 0 0;
}

.teaser table td {
	padding: 0;
	margin: 0
}


.teaser a.mehr {
	display:block;
	width: 30px;
	height: 30px;
	background: url(../images/teaser_detail.png) 8px  0  no-repeat;
	text-indent: -3000px;
	position: absolute;
	right: 320px;
	bottom: 35px;
	padding:0;
}


/*Kontaktformular*/
.form_links {
	float:left;
	margin: 0 30px 0 0
}

fieldset {
	padding: 0px; 
	border: 1px solid #fff;
	margin:0 0 40px 0
	}

legend {
	font-size: 18px; 
	color: #FF6600; 
	margin: 0 0 10px 0px; 
	padding: 0 5px 0 0px;
	
	}


label{
	margin:0.3em 0 0 0;
	display:block;	
}

label.zemCheckbox{
	display:inline-block;
	line-height:16px;
	vertical-align:text-bottom;
}

input.zemText{
	border:1px solid #ccc;	
	padding:3px 5px;
	margin:0 0 0.7em 0;
	width:220px
}



textarea{
	border:1px solid #ccc;	
   padding:3px 5px;
	margin:0 0 0.7em 0;
	overflow:auto;
	width:230px
}

input.zemText:hover, textarea:hover {
	border: 1px solid #ccc;
}

input.zemText:focus, textarea:focus {
	border: 1px solid #ccc;
	background: #e8e8e8
}
	
label.zemTextarea{
	display:inline-block;
	margin:1.4em 0 0 0;
}
	
input.zemSubmit {
	font-size: 12px;
	text-transform:uppercase; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px; 
	border-radius: 5px;
	background: #333333;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#444444), to(#222222)); 
	background: -moz-linear-gradient(0% 100% 90deg,#444444, #222222); 
	padding: 3px 15px 3px 15px;
	border: 1px solid #444444;
	margin:10px 0 0 0;
	color: #fff;
}
ul.zemError {
	list-style:none;

}
ul.zemError li {
	font-size: 11px;
	padding: 5px;
	color: #CB0109;
	background: transparent !important;
}


/*Objekt ####################################################################################### */

/*Objekt Headlines s.o. */


/*Objektnummer*/

#objnr {
	width: 60px;
	height:75px;
	background: #00264D;
	color: #fff;
	padding: 30px 0 0 25px;
	margin: 0;
	position:absolute;
	top: 0px;
	left:0px;
	display: block;	
	 text-transform:uppercase
}


#objnr span {
display: block;
	font-size: 20px;
	color: #fff;
	
}

/*Objektstatus*/

#obj_status {
	background: #ff8839;
background: -moz-linear-gradient(top, #ff8839 0%, #ea5e00 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff8839), color-stop(100%,#ea5e00));
background: -webkit-linear-gradient(top, #ff8839 0%,#ea5e00 100%);
background: -o-linear-gradient(top, #ff8839 0%,#ea5e00 100%);
background: -ms-linear-gradient(top, #ff8839 0%,#ea5e00 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8839', endColorstr='#ea5e00',GradientType=0 );
background: linear-gradient(top, #ff8839 0%,#ea5e00 100%);
	padding:15px 0 5px 25px; 
	position:relative;
	
}



#obj_status a {
	display:block;
	width: 78px;
	height: 30px;
	position:absolute;
	right: 20px;
	top: 0px;
	color: #fff;
}

/*Galerie*/

.galerie_wrap {
	padding:0px 0 0 0;
	width: 960px;
	height: 460px; 
	margin: 0px 0 0px 0;
	background: #EEEEEE;
	position:relative;
	overflow:hidden
}

.ad-gallery {
  padding: 0;
  width: 540px;
  float:left;
  position:relative;

}
.ad-gallery, .ad-gallery * {
  margin: 0;
  padding: 0;
}
  .ad-gallery .ad-image-wrapper {
    width: 100%;
    height: 340px;
	 padding: 0;
    margin: 0px;
    position: relative;
    overflow: hidden;
  }
    .ad-gallery .ad-image-wrapper .ad-loader {
      position: absolute;
      z-index: 10;
      top: 48%;
      left: 48%;
    }
    .ad-gallery .ad-image-wrapper .ad-next {
      position: absolute;
      right: 0;
      top: 0;
      width: 25%;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 100;
    }
    .ad-gallery .ad-image-wrapper .ad-prev {
      position: absolute;
      left: 0;
      top: 0;
      width: 25%;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 100;
    }
    .ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {
      /* Or else IE will hide it */
      background: url(../images/non-existing.jpg)\9
    }
      .ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        background: url(../images/ad_prev.png);
        width: 30px;
        height: 30px;
        /*display: none;*/
        position: absolute;
        top: 47%;
        left: 0px;
        z-index: 101;
      }
      .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        background: url(../images/ad_next.png);
        width: 30px;
        height: 30px;
        right: 0;
        left: auto;
      }
    .ad-gallery .ad-image-wrapper .ad-image {
      position: absolute;
      overflow: hidden;
      top: 0;
      left: 0;
      z-index: 9;
    }
      .ad-gallery .ad-image-wrapper .ad-image a img {
        border: 0;
      }
      .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
        position: absolute;
        bottom: 0px;
        left: 0px;
        padding: 7px;
		  text-align: left;
        width: 100%;
        z-index: 2;
        background: url(../images/opa75.png);
        color: #fff;
		  font-weight:normal
      }
      * html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
        background: none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='../images/opa75.png');
      }
        .ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {
          display: block;
        }
  .ad-gallery .ad-controls {
    height: 20px;
	 padding: 10px 15px
  }
    .ad-gallery .ad-info {
      float: left;
		
		 }
    .ad-gallery .ad-slideshow-controls {
      float: right;
    }
      .ad-gallery .ad-slideshow-controls .ad-slideshow-start {
        padding-left: 5px;
        cursor: pointer;
      }
		.ad-gallery .ad-slideshow-controls .ad-slideshow-stop {
        padding-left: 5px;
        cursor: pointer;
      }
      .ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {
        padding-left: 5px;
        font-size: 0.9em;
      }
    .ad-gallery .ad-slideshow-running .ad-slideshow-start {
      cursor: default;
      font-style: italic;
    }
	 
	 /*thumbs nav*/
	 
  .ad-gallery .ad-nav {
    width: 540px;
	 position: relative;
	 margin: 0 0 0 0px;
	 position:absolute;
	 top:380px;
	 left:0px;
	
  }
    .ad-gallery .ad-forward, .ad-gallery .ad-back {
      position: absolute;
      top: 90px;
      height: 100%;
      z-index: 10;
    }
    /* IE 6 doesn't like height: 100% */
    * html .ad-gallery .ad-forward, .ad-gallery .ad-back {
      height: 100px;
    }
    .ad-gallery .ad-back {
      cursor: pointer;
      left: 0px;
      width: 30px;
		height: 30px;
      display: block;
     	background: url(../images/2011-sprite.png) -740px -15px no-repeat;
    }
	 
	  .ad-gallery .ad-back:hover {
	 	background-position: -740px -65px 
	 }
	 
    .ad-gallery .ad-forward {
      cursor: pointer;
      display: block;
      right: 0px;
      width: 30px;
		height: 30px;
      background:  url(../images/2011-sprite.png) -670px -15px no-repeat;*/
		
    }
	.ad-gallery .ad-forward:hover {
		background-position: -670px -65px 
	}
	 
    .ad-gallery .ad-nav .ad-thumbs {
      overflow: hidden;
      width: 100%;
		padding: 0;
    }
      .ad-gallery .ad-thumbs .ad-thumb-list {
        float: left;
        width: 9000px;
		   list-style: none;
			
      }
		
		.ad-gallery .ad-thumbs ul {
			
		}
        .ad-gallery .ad-thumbs li {
          float: left;
          padding-right: 22px;
        }
          .ad-gallery .ad-thumbs li a {
           display: block;
          }
            .ad-gallery .ad-thumbs li a img {
              /*border: 1px solid #CCC;
				  padding:1px;
				  background: #fff;*/
             		display:block;
						width: 90px;
				  height: 67px;
            }
            .ad-gallery .ad-thumbs li a.ad-active img {
              /*border: 1px solid #616161;*/
            }
/* Can't do display none, since Opera won't load the images then */
.ad-preloads {
  position: absolute;
  left: -9000px;
  top: -9000px;
}

/*Grundrisse*/
body#objekt ul#grundrisse {
	padding:25px 20px 0 0;
	list-style-type: none;
	width: 360px;
	margin:0;
	position: absolute;
	right:0px;
	top:0
		
}

body#objekt ul#grundrisse li {
	float:left;
	width: 90px;
	margin: 0 30px 0 0px;
	font-size: 11px;
	padding: 0px;
	height: 140px;
	text-align: center;
}

body#objekt ul#grundrisse li a{
background-color: #fff;
color: #333;
display: block;
margin: 0 0px 0 0;
width: 100px;
height: 120px;
	
}

body#objekt ul#grundrisse li img {
	display:block;
	margin: 0 0 5px 0;
	border:none;
	height: 80px;
	max-width:100px;
}

body#objekt ul#grundrisse li span {
	font-size: 11px
}


body#objekt table {
	width: 280px;
	float:left;
	margin: 0px 0 15px 0;
	padding:25px 20px 20px 0px;
	/*padding:25px 20px 20px 20px;*/
	background: rgb(14,50,87);
background: -moz-linear-gradient(top, rgba(14,50,87,1) 0%, rgba(0,38,77,1) 61%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(14,50,87,1)), color-stop(61%,rgba(0,38,77,1)));
background: -webkit-linear-gradient(top, rgba(14,50,87,1) 0%,rgba(0,38,77,1) 61%);
background: -o-linear-gradient(top, rgba(14,50,87,1) 0%,rgba(0,38,77,1) 61%);
background: -ms-linear-gradient(top, rgba(14,50,87,1) 0%,rgba(0,38,77,1) 61%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e3257', endColorstr='#00264d',GradientType=0 );
background: linear-gradient(top, rgba(14,50,87,1) 0%,rgba(0,38,77,1) 61%);
	color: #fff;
	font-size:11px;
}

body#objekt table td {
	padding:0px 0px 0px 20px;
}

/* Rahmen Objektbeschreibung und sidebar*/


#beschreibung {
	float: right;
	width: 630px;
	padding: 25px 25px 0 0;
}


/*Google Map*/

#umgebungsplan {
	clear:both;
	padding: 20px 0 10px 0px;
	margin: 0 0 0px 0;
	color:#333;
}

#umgebungsplan h3 {
	height: 53px;
	line-height: 53px;
}

#map_canvas {
	width: 620px;
	height: 300px;	
	margin:10px 0 10px 0px
}


#nb_liste #map_canvas {
	width: 960px;
	height: 360px;	
	margin:0px;
}




/*Wiederkehrende Spalten ------------ */

.col1 {
	
}

.col2 {
	
}

.col3 {
	
}



/*Sidebar / Navi --------------------------------- */

#sidebar {
float: left;
width: 280px;
margin: 0px;
padding: 0px;
	
}

.sb_content {
	padding: 25px
}


.sb_content h5 {
	margin: 0 0 20px 0
}

.sb_content p {
	margin: 0 0 20px 0
}

#sidebar ul{
	list-style: none;
	margin: 0 0 0 0px;
}



#sidebar ul li {

padding: 0 0 0 15px;
margin: 0 0 10px 0;
background: url(../images/domo_sprite.png) -470px -15px no-repeat;

}

#sidebar ul li:hover{
background: url(../images/domo_sprite.png) -470px -15px no-repeat;
}


div.blau {
	background: rgb(14,50,87);
background: -moz-linear-gradient(top, rgba(14,50,87,1) 0%, rgba(0,38,77,1) 61%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(14,50,87,1)), color-stop(61%,rgba(0,38,77,1)));
background: -webkit-linear-gradient(top, rgba(14,50,87,1) 0%,rgba(0,38,77,1) 61%);
background: -o-linear-gradient(top, rgba(14,50,87,1) 0%,rgba(0,38,77,1) 61%);
background: -ms-linear-gradient(top, rgba(14,50,87,1) 0%,rgba(0,38,77,1) 61%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e3257', endColorstr='#00264d',GradientType=0 );
background: linear-gradient(top, rgba(14,50,87,1) 0%,rgba(0,38,77,1) 61%);
	color: #fff
}

div.blau h5 {
	color: #fff;
	padding-top: 10px
}

div.blau a {
	color: #fff;
}

 div.blau a:hover {
 	color: #ff6600
 }


.asp {

background: url(../images/asp_bg.png) 215px 50px no-repeat;


}

.domo {

background: url(../images/domo_bg.png) 220px 30px no-repeat;


}



/*Direktanfrage*/

h5.open {
	font-weight:normal;
	font-size: 12px;
	color: #333;
	text-transform: inherit;
	/*font-family : 'Trebuchet MS', Arial, Helvetica, sans-serif;*/
	background: url(../images/direktanfrage_bg.jpg) 0 0 no-repeat;
	cursor: pointer;
	height: 50px;
	padding: 7px 0 0 25px;
	margin: 0 0 1px 0
	
}

h5.open span {
	font-size: 18px;
	text-transform:uppercase;
	color: #333;
	display:block;
	cursor: pointer;
	background: url(../images/h5_span_open_bg.png) right top no-repeat;
}

h5.open span:hover {
	color: #333
}

.direktform {
padding: 0 0 0 0px
	
}
	
.direktform label, .direktform p {
	display:block;
	margin: 5px 0 0 25px;
}

.direktform input.zemText, .direktform textarea {
	width: 200px;
	background: #f0f0f0;
	border:1px solid #ccc;
	padding: 2px;
	margin: 5px 0 0 25px;
}

.direktform input.zemText:focus, .direktform textarea:focus {
	background: #fff
}

/*Objektnavigation linear*/

.objektnavi {
	padding: 25px;
}

.objektnavi h5 {
	margin: 0 0 20px 0
}


.objektnavi p {
	margin-bottom:0.5em;
}
.objektnavi a {
	display:block;
	padding: 0 0 1em 0px;
}

span.objprev, span.objnext {
	padding: 0 20px 0 25px;
	display:block;
}

span.objprev {
	background: url(../images/obj_nav_bg.png) 0 -120px no-repeat;
}

span.objprev:hover {
	background-position: 0 -180px;
	
}

span.objnext {
	background: url(../images/obj_nav_bg.png) 0 0px no-repeat;
}

span.objnext:hover {
	background-position: 0 -60px;
	
}
/*obj_use*/

a.back {
	background: url(../images/obj_nav_bg.png) 0 -120px no-repeat;
	padding: 0 0 0 15px;
	margin: 0 15px 0 0;
	display:inline-block
}

a.back:hover {
	background-position: 0 -180px
}

a.top {
	background: url(../images/a_top_bg.png) 0 0px no-repeat;
	padding: 0 0 0 15px;
}

a.top:hover {
	background-position: 0 -60px
}

a.send {
	display:none
}
a.print {
	display:none;
}

a.print_expose {
	display:block;
	width: 255px;
	height: 41px;
	font-size: 18px;
	background: url(../images/druckexpose_bg.jpg) 0 0 no-repeat;
	padding: 20px 0 0 25px;
	color: #333333;
	margin: 0px 0 0 0;
	text-transform: uppercase;
	
}

/*Neubaugebiete Listen ####################################################################################### */

.marker strong {
	font-weight:normal;
	font-size: 18px;
}

.marker a {
	color: #ff6600;
}
.marker a:hover {
	color: #00264D
}

.teaser_nb {
/*width: 161px;
height: 195px;*/
width: 184px;
height: 250px;
float: left;
display: block;
background: #EBEBEB;
margin: 0 7px 7px 0;
padding: 25px 25px 0 25px	
}



.none {
margin-right: 0;
width: 187px;
}


.teaser_nb img {
margin: 0px 0 15px 0px;
display:block;
width: 184px;
height: 133px;
}

.teaser_nb p {
	
}

.teaser_nb a {
color: #333	
}

.teaser_nb a:hover {
color: #ff6600
}


/*Hausprogramm Liste ############################################# */



body#hausprogramm_liste h3 {
	text-transform:uppercase;
	font-size: 17px;
	padding: 25px 0 15px 25px;
	margin:0;
	clear: both;
}

.teaser_hp {
	width: 265px;
	float: left;
	display:block;
	height: 250px;
	background: #EBEBEB;
	margin: 0 7px 7px 0;
	padding: 25px 25px 0 25px	
	
}

.rand { 
	width:266px;
	margin-right: 0;
 }

.teaser_hp img {
	width: 265px;
	height: 200px;
	margin: 0 0 15px 0
	
}

.teaser_hp a {
color: #333	
}

.teaser_hp a:hover {
color: #999	
}



.teaser_hp h3, .teaser_hp2 h3 {
color: #646464
}



.teaser_hp2 {
	width: 186px;
	float: right;
}

/*Neubaugebiete #########################################*/

#neubaugebiet img#plan{
	width: 630px;
	margin: 0 0 30px 0;
	height:auto
}


body#neubaugebiet #beschreibung {
	float: right;
	width: 630px;
	padding: 0px 25px 0 0px;
	min-height: 420px;
}

body#neubaugebiet table {
float:left;
width: 200px;
margin: 0 10px 0 0;
font-size: 11px
}

body#neubaugebiet table  td {
	padding: 6px 0px 10px 0;
}

body#neubaugebiet table  td.nr {
	width: 20px;
	padding: 0px 5px 0 0!important
}

body#neubaugebiet table  td strong{
	background: #ccc;
	
	padding: 3px;	
	border-radius: 1em;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	display:block;
	height: 20px;
	width: 20px;
	text-align:center;
	font-size: 12px;
	
	
	color: #CE7200;
}





/*Hausprogramm ###################################*/
/*Einzeln*/
body#hausprogramm  #content {
position:relative;
}

/*Hausbild*/

img.hausansicht {
	height: 490px;
	width: auto;
	border-bottom: 1px solid #fff
	
}

/*Grundrisse*/
body#hausprogramm  ul#grundrisse {
	padding:0px 0px 0 0;
	list-style-type: none;
	width: 150px;
	margin:0;
	float:right;	
}

body#hausprogramm  ul#grundrisse li {
height: auto;
margin:0 0 20px 0;
padding: 0;

}

body#hausprogramm  ul#grundrisse li a{

color: #333;
display: block;
background: none;
height: auto;
margin:0;
padding: 0;
text-align: left

	
}

body#hausprogramm  ul#grundrisse li img {
	display:block;
	margin: 0 0 5px 0;
	border:none;
	height: 80px;
	
}

body#hausprogramm  ul#grundrisse li span {
	font-size: 11px
}

#image_gallery_wrap {
	width: 960px;
	height: 180px;
	position:relative;
	background: #fff;
	border-bottom: 1px solid #fff;
	overflow:hidden
}


#image_gallery {
	position: absolute;
	width: 1280px;
	height: 180px;
}

#image_gallery img {
	height: 190px;
	width:auto;
	margin: 0 1px 0 0;
}

body#hausprogramm  table {
width:250px; 
/*float: left;
margin: 0 50px 0 0;*/
}

body#hausprogramm  table td {
	padding: 0px 0 5px 0
}

body#hausprogramm  table  th{
text-align: left;
	padding: 0px 0 5px 0

}


.text_hp {
	background:  #00264D;
	padding: 25px 0 10px 0;
	color: #fff;
	margin: 0 0 0px 0

}

.text_hp h5{
	padding: 0px 25px 25px 25px;
	color: #fff;

}

 /* Gesuche ##############################################################*/





/*Referenzen ####################################################################################### */

body#referenzen h6 {
font-size:12px;
padding: 25px;
margin: 0;
color: #333;
width: 180px;
float: left;
}

body#referenzen #content ul {
list-style: none;
padding: 25px;
}

body#referenzen #content ul li {
float:left;
}

body#referenzen #content ul li a {
margin: 0 20px 0 0;
color: #00264D;
padding: 0 3px 0 3px
}

body#referenzen #content ul li a:hover {
color: #00264D;
background: #efefef
}

body#referenzen #content ul li a.aktiv {
	color: #fff;
	background: #00264D
}

body#referenzen h3 {
	padding: 0px 25px 0 25px;
}

body#referenzen p {
	padding: 0px 25px 0 25px
}

p.referenz {
	width: 184px;
	height: 250px;
	float:left;
	background: #EBEBEB;
	margin: 0 7px 7px 0;
	padding: 25px 25px 0 25px
	
}

p.referenz img {
	width: 184px;
	height: 133px;
	display:block;
	margin: 0 0 20px 0;
}

p.referenz span {
	display:block;
	color: #888;
}

p.referenz span strong {
	color: #333;
	font-weight:normal;
	height: 40px;
	display:block;
}


p.rand_ref { 
	width:187px;
	margin-right: 0;
 }
 
 
 
 
 /* News ##############################################################*/




.a_teaser {
}

.a_teaser a {
color: #FF6600
}

.a_teaser a:hover {
color: #333
}

.a_teaser h3 a {
color: #333
	
}

.a_teaser h3 a:hover {
color: #FF6600
	
}

p.posted {
	color: #666;	
	font-size: 11px;
	
	
}

.a_teaser img {
	float:right;
	margin: 0 0 30px 30px;
	/*position: absolute;
	right:0px;
	top: 0px;*/
	
	
}


/*Artlikelnavigation linear*/

/*Objektnavigation linear*/
.artikelnavi h5 {
	font-size: 16px;
	margin: 0 0 10px 0
}

.artikelnavi p {
	margin-bottom:0.5em;
}
.artikelnavi a {
	padding: 0 0 1em 0px;
	margin: 0 50px 0 0;
	color: #333;
}

span.artprev {
	padding: 0 0 0 10px;
	background: url(../images/obj_nav_bg.png) 0 -120px no-repeat;
}

span.artprev:hover {
	background-position: 0 -180px;
	color: #FF6600
}

span.artnext {
	padding: 0 20px 0 0;
	color: #333;
	
	background: url(../images/a_mehr_bg.png)  /*85px*/right 0  no-repeat;
}

span.artnext:hover {
	background-position: /*85px*/right -60px;
	color: #FF6600
}







/* Dialog ##############################################################*/



a.kontaktformular {
	display:block;
	width: 255px;
	height: 60px;
	font-size: 18px;
	background: url(../images/druckexpose_bg.jpg) 0 0 no-repeat;
	padding: 20px 0 0 25px;
	color: #333333;
	margin: 20px 0 20px -25px;
	text-transform: uppercase;
	
}

a.immo_suche {
	display:block;
	width: 255px;
	height: 60px;
	font-size: 18px;
	background: url(../images/druckexpose_bg.jpg) 0 0 no-repeat;
	padding: 20px 0 0 25px;
	color: #333333;
	margin: 20px 0 20px -25px;
	text-transform: uppercase;
	
}

a.immo_anbieten {
	display:block;
	width: 255px;
	height: 60px;
	font-size: 18px;
	background: url(../images/druckexpose_bg.jpg) 0 0 no-repeat;
	padding: 20px 0 0 25px;
	color: #333333;
	margin: 20px 0 20px -25px;
	text-transform: uppercase;
	
}


/* Button*/

body#hausprogramm .btn_wrap, body#hausprogramm_liste .btn_wrap{
min-height:180px;
}

.btn_wrap {
margin: 0 auto 60px auto;
width: 980px;
min-height:110px;
padding:0px 0 0 0;
}


#sub_nav {
	float: left;
	width:465px;
	padding: 0 0 0 20px;
}

#sub_nav  h5{
	padding: 0 0 10px 0px;
}

#sub_nav  ul{
	float: left;
	width:130px;
	list-style: none;
	margin: 0
}

#sub_nav  ul li{
font-weight: bold;
}

#sub_nav  ul li a{
text-indent: 0px;
width: auto;
height: auto;
display: block;
font-weight: normal;
clear: both;
padding: 0 0 0 10px;
color: #333;
margin: 0;
background: url(../images/domo_sprite.png) -470px -15px no-repeat;

}

#sub_nav  ul li a:hover{
color: #fff;
background: url(../images/domo_sprite.png) -470px 0px no-repeat;
}

.btn_wrap a  { 
	display: block;
	width: 240px;
	height: 110px;
	float: left;
	text-indent: -99999px;
	margin:0 0px 0 5px;
}

.btn_wrap a.btn_nb {
background: url(../images/btn_nb.png) 0 0 no-repeat;
}

a.btn_hp {
background: url(../images/btn_hp.png) 0 0 no-repeat;
}

a.btn_ref {
background: url(../images/btn_ref.png) 0 0 no-repeat;
}

a.btn_dia {
width: 235px;
background: url(../images/btn_dia.png) 0 0 no-repeat;

}

a.btn_energie {
background: url(../images/btn_energie.png) 0 0 no-repeat;
}






/*Footer --------------------------------- */

#footer_wrap {
	background: url(../images/footer_bg.jpg) repeat-x;
	width: 100%;
	position:fixed;
	bottom: 0px;
	left:0;
	z-index: 1000
}

#footer {
	width: 960px;
	margin:auto;
	height: 40px;
	position:relative;
}

#suche {
	position:absolute;
	top:8px;
	left:0;
	background: url(../images/domo_sprite.png) 0 0px no-repeat;
	padding:0px 0px 0 0px;
	height: 26px;
	margin: 0px 0px 0 0;
}

#suche input.suchfeld {
	font-size: 11px;
	font-family: 'Trebuchet MS',Arial, Helvetica, sans-serif;
	padding: 4px 2px 2px 5px;
	background: transparent;
	border: none;
	width: 200px;
	float:left
}

#suche input.suchbtn {
	width: 24px;
	height: 24px;
	background: transparent;
	border:none;
}


#footer p {
	position:absolute;
	top:12px;
	left: 370px;
	font-size: 11px;
	color: #fff;
	padding: 0 10px 0 10px;
	
}

#footer p a {
	text-decoration:none;
	color: #fff
}

#footer p a:hover {
	color: #FF6600
}

a.btn_ml {
	display:block;
	position:absolute;
	top:4px;
	right: 190px;
	width: 44px;
	height: 36px;
	background: url(../images/domo_sprite.png) 0px -26px;
	padding: 0px 0 0 0;
	text-indent: -3000px
}

a.btn_ml:hover {
	background-position: 0 -66px
}

a.btn_rss {
	display:block;
	position:absolute;
	top:4px;
	right: 140px;
	width: 30px;
	height: 36px;
	background: url(../images/domo_sprite.png) -44px -26px;
	padding: 0px 0 0 0;
	text-indent: -3000px
}

a.btn_rss:hover {
	background-position: -44px -66px
}

a.open_footer2 {
	display:block;
	position:absolute;
	top:8px;
	right: 0px;
	width: 93px;
	height: 26px;
	background: url(../images/domo_sprite.png) -75px -26px;
	padding: 0px 0 0 0;
	text-indent: -3000px
}

a.close_footer2 {
	background: url(../images/domo_sprite.png) -75px -53px;
} 

#footer2 {
	height: 200px;
	background: #444 url(../images/footer2_bg.jpg) top center no-repeat;
	color: #fff;
}

#footer2_content {
	width: 960px;
	margin:auto;
	padding: 20px 0 0 0;
}

#f2col1 {
	float:left;
	width: 400px;
}

#f2col2 {
	float:right;
	width: 230px;
}

#f2col1 h5 {
	height: 14px;
	width: 214px;
	background: url(../images/domo_sprite.png) -231px 0px no-repeat;
	text-indent: -3000px;
	margin:0 0 5px 0;
}

#f2col2 h5 {
	height: 16px;
	width: 190px;
background: url(../images/domo_sprite.png) 0px -240px no-repeat;
text-indent: -3000px;
	margin:0 0 8px 0;
}

#f2col2 ul {
	margin:5px 0 0 0;
	padding:0;
	list-style: none
}

#f2col2 ul li a{
text-transform: none;
font-size: 13px;
font-weight:normal;
letter-spacing: 0px;
margin: 0 0 0.5em 0px;
padding: 0 0 0 15px;
text-indent:0px;
color: #fff;
width:10px;
height: 15px;
background: url(../images/domo_sprite.png) -470px -15px no-repeat;
}

#f2col2 ul li a:hover{
color: #FF6600; 
background: transparent url(../images/domo_sprite.png) -470px -0px no-repeat;
}

#adresse {
	display:none
}
