/* CSS Document Screen */

@font-face {
    font-family: 'CenturyGothicRegular';
    src: url('../schriften/gothic-webfont.eot');
    src: url('../schriften/gothic-webfont.eot?iefix') format('eot'),
         url('../schriften/gothic-webfont.woff') format('woff'),
         url('../schriften/gothic-webfont.ttf') format('truetype'),
         url('../schriften/gothic-webfont.svg#webfontekjrzXpb') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CenturyGothicBold';
    src: url('../schriften/gothicb-webfont.eot');
    src: url('../schriften/gothicb-webfont.eot?iefix') format('eot'),
         url('../schriften/gothicb-webfont.woff') format('woff'),
         url('../schriften/gothicb-webfont.ttf') format('truetype'),
         url('../schriften/gothicb-webfont.svg#webfontx7DkzDSV') format('svg');
    font-weight: normal;
    font-style: normal;
}

html {
		}
		
body {
	font-family : 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
}

body#start  {
	background: #e5e5e5 url(../images/body_start_bg.jpg) top left repeat-x;
}

body#objekt, body#objektliste, body#gesuche, body#referenzen, body#dialog, body#aktuell, body#unternehmen{
	background: #e5e5e5 url(../images/body_bg.jpg) top left repeat-x;
}

/* Nullen */

* {
	margin: 0; 
	padding: 0; 
	
}

/* Tags ########################################################## */

p {
	font-size: 12px;
	line-height: 1.3em;
	margin: 0 0 1em 0
}

a {
	outline:none;
	color: #cc0000;
	text-decoration:none;
}

a:hover {
	color: #333;
	
}

ul {
	margin: 0 0 0 15px
}

ol {
	margin: 0 0 0 25px
}

li {
	font-size: 12px;
	margin: 0 0 0.3em 0
}

img {
	border:none;
}

hr {
	border:none;
	color:#ccc;
	background: #ccc;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	margin: 20px 0;
	
}

h1 {
	font-weight:normal;
	font-size:12px;
	padding: 0px 0 0 0;
}

body#start h1 {
	text-transform:uppercase;
	padding: 0 0 10px 25px;
	font-size:22px;
	font-family:"CenturyGothicBold";
	font-weight:normal
}

h2 {
	font-weight:normal;
	font-size:20px;
	margin: 0 0 1em 0;
}

body#start h2 {
	text-transform:uppercase;
	padding: 0 0 0 0px;
	font-size:22px;
	font-family:"CenturyGothicBold";
	font-weight:normal
}
/*Objektheadline*/

body#objekt h2 {
	position:absolute;
	top:248px;
	padding:0 0 0 130px
}


body#objektliste h2, body#gesuche h2, body#referenzen h2, body#unternehmen h2, body#dialog h2, body#aktuell h2 {
	position:absolute;
	top:248px;
	margin: 0 0 0 -110px;
	padding:0 0 0 110px
}

h3 {
	font-size: 15px;
	margin: 0 0 0.3em 0;
}

h4 {
	font-size: 12px;
}

h5 {
	font-size: 22px;
	font-family:"CenturyGothicBold";
	text-transform:uppercase;
	color: #666;
}



h6 {
	font-size: 12px;
	margin:0;
	font-weight:normal
}

table {
	margin:0 0 10px 0;
	}
	
tr {
	width: 50%;
	
}
td {
	padding: 5px 0;
	vertical-align: top;
	border-bottom:1px solid #ccc
}

td.strong {
	font-weight:bold;
}
/* Klassen ########################################################## */

/*Bilderformatierungen*/

.bild {
	
}

.bild_text {
	float:left;
	margin: 0 20px 20px 0;
}

.bild_text_re {
	float:right;
	margin: 0 0 20px 20px;
}

.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 img {
	display:block;
}

/*Bildergalerie für Newsartikel etc.*/

div.bildergalerie {
	padding: 0px 0 10px 0;
	margin: 0 0 0px 0;
}

div.bildergalerie img {
	padding: 1px;
	border: 1px solid #e5e5e5;
	margin: 0 10px 10px 0;
	width: 120px;
	height: 80px
}


/*Textblöcke, Infoboxen*/

.text {
	float:left;
	width:200px;/*anpassen*/
	margin: 0 10px 10px 0;
}


/*Links*/

a.mehr {
	background: url(../images/a_mehr_bg.png) 0 0 no-repeat;
	padding: 0 0 0 10px;
}

a.mehr:hover {
	background: url(../images/a_mehr_bg.png) 0 -60px no-repeat;
}

/*Kontaktformular*/
.form_links {
	 float:left;
	margin: 0 30px 0 0
}

fieldset {
	padding: 20px; 
	border: 1px solid #ccc;
	margin:0 0 40px 0  
	}

legend {
	font-size: 18px; 
	color: #333; 
	margin: 0 0 0 0px; 
	padding: 0 5px 0 0px
	}


label, #content_breit label{
	margin:0.3em 0 0 0;
	display:block;	
}

label.zemCheckbox, #content_breit label.zemCheckbox{
	display:inline-block;
	line-height:16px;
	vertical-align:text-bottom;
}

input.zemText, #content_breit input.zemText{
	border:1px solid #ccc;	
	padding:3px 5px;
	margin:0 0 0.7em 0;
	width:170px
}



textarea, #content_breit textarea{
	border:1px solid #ccc;	
   padding:3px 5px;
	margin:0 0 0.7em 0;
	overflow:auto;
	width:230px
}

input.zemText:hover, #content_breit input.zemText:hover, textarea:hover, #content_breit textarea:hover {
	border: 1px solid #ccc;
}

input.zemText:focus, #content_breit input.zemText:focus, textarea:focus, #content_breit textarea:focus {
	border: 1px solid #ccc;
	background: #e8e8e8
}
	
label.zemTextarea, #content_breit label.zemTextarea{
	display:inline-block;
	margin:1.4em 0 0 0;
}
	
p.submit input {
	background: transparent url(../images/2011-sprite.png) -278px -198px no-repeat;
	width: 85px;
	height: 38px;
	border:none;
	margin: 10px 0 0 0;
	color: #fff;
	text-transform:uppercase;
	font-size: 11px;
	outline:none
}

/*Anfahrt Google Map*/

#kmmap {
	width: 450px;
	height: 300px;
}

/* Layout ########################################################## */

#container {
	width: 980px;
	margin:auto;
	padding: 0 10px 0 10px;
}

/*header ####################################################################################### */

#header {
	height: 160px;
	background: url(../images/header_bg.jpg) no-repeat;
	position:relative;
	z-index: 10000
}

#top_nav {
	height: 32px;
	padding: 0 0 0 0;a
}

#top_nav a {
	color: #ccc;
	float:left;
	margin: 9px 260px 0 0;
}
#top_nav a:hover {
	color: #fff
}

/*suche*/

#suche {
	height:31px;
	width: 350px;
	background: #333333;
	border-right: 1px solid #484847;
	border-left: 1px solid #484847;
	float:left;
}

 input.suchfeld {
 	background: transparent url(../images/2011-sprite.png) -500px -170px no-repeat;
	height: 25px;
	width: 270px;
	padding:2px 2px 4px 30px;
	border:0;
	font-family : 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	line-height: 30px;
	float:left;
	margin: 0 15px 0 0;
 }
  input.suchfeld:focus {
 	background-position:  -500px -210px
 }
 
.suchbtn {
	width: 20px;
	height: 25px;
	background: transparent url(../images/2011-sprite.png) -103px -158px no-repeat;
	border:none;
	text-indent: -9999;
	outline:none;	
}

a.logo {
	display:block;
	height: 88px;
	width:210px;
	position: absolute;
	top:50px;
	left: 10px;
	text-indent: -9999px
}

/*Hauptnav*/

#header ul#menu {
	margin: 73px 0 0 325px;
	list-style-type: none
}
/*allgemeine Formatierungen*/
ul#menu li {   
  float:left;
  margin: 0 0px 0 0;
  position: relative;
} 
/*navpunkte*/
ul#menu li h5 a {
	text-indent: -3000px;
	display:block;
	height: 55px;
}

/*Flyouts*/
ul#menu div.menu_content {   
  display: none;
  position: absolute; 
 
 
  z-index:100
}
/*Headline flyout*/
ul#menu li h5 {
	
}
/*Unternavigation*/
ul#menu ul {
	list-style-image: none;
	list-style-type: none;
	margin: 0px 0 10px 15px;
	width: 150px;
}

ul#menu ul li {
	float: inherit !important;
	width: 150px
}

ul#menu ul li a {
	background: url(../images/2011-sprite.png) 0 -250px  no-repeat;
	padding: 0 0 0 15px;
}

ul#menu ul li a:hover {
	background-position: 0 -280px
}

.menu_content h5{
	font-size: 15px;
	font-family : 'Trebuchet MS', Arial, Helvetica, sans-serif;
	margin: 0 0 10px 15px;
	text-transform: inherit;
	color: #333;
}

/*Contentspalten*/
.m_col1 {
	float:left;	
}

.m_col2 {
	float:right;	
}

/*speziell*/

/*immobilien------------*/

ul#menu li.n_immobilien  {
	width: 150px;
	background: url(../images/2011-sprite.png) 0 0 no-repeat;
}

ul#menu li.n_immobilien:hover  {
	background-position:0 -55px
}

ul#menu li.n_immobilien div.menu_content {   
  width: 510px;
  height: 295px;   
  top: 55px;   
  left: -5px;
  background: transparent url(../images/n_immobilien_menu_content_bg2.png) 0 0 no-repeat;
  padding: 15px 0 0px 10px;
}  

.n_teaser {
	height: 70px;
	width: 315px;
	float:right;
	margin: 15px 10px 10px 0px;
	position:relative;
}

.n_teaser img {
	width:100px;
	height:66px;
	float:left;
	margin:0 11px 0 0;
	padding: 1px;
	border: 1px solid #e8e8e8;
}
.n_teaser h4 {
	font-weight:normal;
	float:right;
	width: 185px;
	padding: 0 15px 0 0;
}

.n_teaser a.det {
	display:block;
	width: 30px;
	height: 30px;
	background: url(../images/teaser_detail.png) 8px 0  no-repeat;
	text-indent: -3000px;
	position: absolute;
	right: 0px;
	bottom: 25px;
	padding:0;
}

.n_teaser .obj_status {
	height: 46px;
	background: url(../images/2011-sprite.png) -90px -195px no-repeat;
	position: absolute;
	left: 0px;
	top: 0px;
	width:46px;
	padding: 0;
	z-index: 100;
}
.n_teaser .obj_status p {
	display:none;
	color: #fff;
	font-size: 12px;
	text-align:center;
}


ul#menu li.n_immobilien div.menu_content a.mehr {
	background: url(../images/footer_a_bg.png) 0 -1px no-repeat;
	padding: 0 0 0 15px;
	color: #ccc;
	position:absolute;
	bottom:40px;
	left:25px;
}
ul#menu li.n_immobilien div.menu_content a.mehr:hover {
	background-position: 0 -61px;
	color: #cc0000
}


/*gesuche*/
ul#menu li.n_gesuche  {
	width: 125px;
	background: url(../images/2011-sprite.png) -150px 0 no-repeat;
}
ul#menu li.n_gesuche:hover {
	background-position: -150px -55px;
}

ul#menu li.n_gesuche div.menu_content {   
  width: 310px;   
  height: 260px;
  top: 55px;   
  left: -5px; 
  padding: 15px 0 0 10px;
  background: url(../images/n_gesuche_menu_content_bg.png) 0 0 no-repeat;
} 

ul#menu li.n_gesuche div.menu_content h3, ul#menu li.n_gesuche div.menu_content p {
	padding: 0 15px 0 15px
}


ul#menu li.n_gesuche ul {
	background: #fff;
	margin:0;
	width: 270px;
	padding:15px 15px 25px 15px;
	border-top: 1px solid #ccc;
}


ul#menu li.n_gesuche div.menu_content a.mehr {
	background: url(../images/footer_a_bg.png) 0 -1px no-repeat;
	padding: 0 0 0 15px;
	color: #ccc;
	position:absolute;
	bottom:50px
}
ul#menu li.n_gesuche div.menu_content a.mehr:hover {
	background-position: 0 -61px;
	color: #cc0000
}

/*referenzen*/
ul#menu li.n_referenzen  {
	width: 145px;
	background: url(../images/2011-sprite.png) -275px 0 no-repeat;
}
ul#menu li.n_referenzen:hover  {
	background-position: -275px -55px;
	}
ul#menu li.n_referenzen div.menu_content {   
  width: 290px; 
  height: 260px;  
  top: 55px;   
  left: -5px;
  padding: 15px 20px 0 10px;
  background: url(../images/n_referenzen_menu_content_bg.png) 0 0 no-repeat;
  
} 

ul#menu li.n_referenzen div.menu_content h3 {
	padding:0 15px 15px 15px;
}
ul#menu li.n_referenzen div.menu_content p {
	padding: 0 15px 0 15px
}


ul#menu li.n_referenzen div.menu_content a.mehr {
	background: url(../images/footer_a_bg.png) 0 -1px no-repeat;
	padding: 0 0 0 15px;
	color: #ccc;
	position:absolute;
	bottom:50px
}


ul#menu li.n_referenzen div.menu_content a.mehr:hover {
	background-position: 0 -61px;
	color: #cc0000
}

/*Unternehmen / Über uns*/
ul#menu li.n_unternehmen  {
	width: 120px;
	background: url(../images/2011-sprite.png) -420px 0 no-repeat;
}
ul#menu li.n_unternehmen:hover {
	background-position: -420px -55px;
}

ul#menu li.n_unternehmen div.menu_content {   
  width: 290px; 
  height: 150px;  
  top: 55px;   
  right:-1px;
  padding: 15px 15px 0 10px;
   background: url(../images/n_unternehmen_menu_content_bg.png) 0 0 no-repeat;
}

ul#menu li.n_unternehmen div.menu_content h3 {
	padding: 0 15px 15px 15px;
}

/*Dialog / Kontakt*/

ul#menu li.n_dialog  {
	width: 115px;
	background: url(../images/2011-sprite.png) -540px 0 no-repeat;
}

ul#menu li.n_dialog:hover {
	background-position: -540px -55px;
}
ul#menu li.n_dialog div.menu_content {   
  width: 310px;
  height: 260px;   
  top: 55px;   
  right: -5px;
  padding:15px 0 0 10px;
  background: url(../images/n_dialog_menu_content_bg.png) 0 0 no-repeat;
}

ul#menu li.n_dialog div.menu_content h3 {
	padding: 0 15px 
}
/* immobilien anbieten*/
.immoaktuell {
	
	height: 30px; 
	/*background: #333 url(../images/alleimmo_bg.png) bottom left repeat-x;  */
	margin: 0px 0 0 0; 
	
	padding: 15px 15px 20px 0px;
}


/*allgemeine Formatierungen*/


ul#menu li.hovering div {   
  display: block;   
}  

/*Content Wrap #######################################################################################*/
#content_wrap {
	padding: 0px 0 0 0;
	margin: 0px 0 0 0;
}

body#start #content_wrap {
	padding:0;
	margin:0;
}

body#gesuche #content_wrap, body#aktuell #content_wrap, body#referenzen #content_wrap {
	padding: 0px;
	background: #fff url(../images/objekt_content_bg.jpg) 0px 0 repeat-y;
	margin: 0 0 20px 0;
	overflow:hidden;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

body#dialog #content_wrap, body#unternehmen #content_wrap {
	padding: 0px;
	background: url(../images/cw_2col_bg.jpg) 0 0 repeat-y;
	margin: 0 0 20px 0;
	overflow:hidden;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

/*Imagebilder*/

#eyecatcher {
	padding: 1px;
	text-align:center
}

/*Inhalt #######################################################################################  */

body#objekt #content{
	width:980px;
	float:inherit;
	background: #fff url(../images/objekt_content_bg.jpg) 0px 0 repeat-y;
	border-top:1px solid #ccc;
	margin: 0 0 20px 0;
	overflow:hidden
}
body#objektliste #content {
	padding: 0px;
	background: #fff url(../images/objekt_content_bg.jpg) 0px 0 repeat-y;
	margin: 0 0 20px 0;
	overflow:hidden
}

body#gesuche #content, body#aktuell #content, body#referenzen #content {
	width: 620px;
	float:left;
	padding: 20px;	
}

body#dialog #content, body#unternehmen #content {
	width: 450px;
	float:left;
	padding: 20px;	
}
/*Titel / Breadcrumb Formatierungen für alle Seiten, Objekt s.u.*/

#breadcrumb {
	height: 60px; 
	margin: 50px 0 0 0; 
	/*padding: 0px 0 0 10px;*/
	padding: 20px 0 0 20px;
}

#breadcrumb_top h1 {
	padding: 20px 0 0 0;
}

/*Standard: Gesuche, Aktuell, Dialog*/

#sidebar {
	width: 320px;
	float:right;
	padding: 20px 0 20px 0;
}

body#dialog #sidebar, body#unternehmen #sidebar {
	width: 490px;
	float:right;
	padding: 20px 0 20px 0;
}

#sidebar h3 {
	margin: 0 20px 1em 20px;
}

#sidebar h4 {
	font-size: 22px;
	font-family:"CenturyGothicBold";
	text-transform:uppercase;
	color: #666;
	display:block;
	margin: 0 20px 1em 20px;
}

#sidebar h4.frage {
	background: url(../images/frage_bg.png) right top no-repeat;
}

#sidebar a.button {
	padding: 12px 10px 10px 10px;
	background: #fff;
	background: url(../images/2011-sprite.png) -494px -244px no-repeat;
	display:block;
	height: 40px;
	margin: 0 20px 1em 10px;
	font-size: 22px;
	font-family:"CenturyGothicBold";
	text-transform:uppercase;
}

#sidebar p {
	margin: 0 20px 1em 20px
}

#sidebar ul {
	margin: 0 0px 20px 35px;
}

ul.subnav {
	list-style-image: url(../images/ul_subnav_bullet.gif);
}

/*3 Spalten über gesamte Breite*/

.col_wrap {
	background: url(../images/col_wrap_bg.jpg) top center repeat-y;
	overflow:hidden;
}

.col1 {
	width: 280px;
	padding:20px;
	float:left;
}
.col2 {
	width: 280px;
	padding:20px;
	float:left;
}
.col3 {
	width: 280px;
	padding:20px;
	float:right;
	
}
/*Startseite ####################################################################################### */

#start {
	
}


.infiniteCarousel {
  width: 980px;
  position: relative;
  background: #fff;
  border: 1px solid #ccc;
  height:130px;
  margin: 0 0 20px 0;
}
 
.infiniteCarousel .wrapper {
  width: 954px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  height: 100px;
  margin: 0 10px;
  position: absolute;
  top: 10px;
}
 
.infiniteCarousel ul a img {
  border: 1px solid #ccc;
  padding: 1px;
  /*-moz-border-radius: 5px;
  -webkit-border-radius: 5px;*/
}
 
.infiniteCarousel .wrapper ul {
  width: 840px; /* single item 
 n */
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}
 
.infiniteCarousel ul li {
  display:block;
  float:left;
  padding: 10px;
  height: 100px;
  width: 177px;
  position:relative;
}

.infiniteCarousel ul li span {
	position: absolute;
	bottom:22px;
	left:10px;
	background: url(../images/2011-sprite.png) -275px -160px no-repeat;
	color: #fff;
	padding: 8px 9px 5px 9px;
}
 
.infiniteCarousel ul li img {
    -webkit-transition: border-color 400ms;
}
 
.infiniteCarousel ul:hover li img {
  
}
 
.infiniteCarousel ul:hover li:hover img {
  
}
 
.infiniteCarousel ul li a img {
  display:block;
}
 
.infiniteCarousel .arrow {
  display: block;
  height: 30px;
  width: 15px;
  background: url(../images/2011-sprite.png) 0 0 no-repeat;
  text-indent: -9999px;
  position: absolute;
  top: 55px;
  cursor: pointer;
  outline: 0;
}
 
.infiniteCarousel .forward {
  background-position:  -680px -20px;
  right: 0;
}
 
.infiniteCarousel .back {
  background-position:  -745px -20px;
  left: 0;
  
}
 
.infiniteCarousel .forward:hover {
  background-position: -680px -70px;
}
 
.infiniteCarousel .back:hover {
  background-position: -745px -70px;
}


/*Startseite cols*/



body#start .col2 a {
	background: url(../images/obj_nav_bg.png) 0 0px no-repeat;
	padding: 0 0 0 15px;
}

body#start .col2 a:hover {
	background-position: 0 -60px
}

body#start .col3 {
	padding-right:0;
	width: 300px
}

body#start .col_wrap .col3 a {
	display:block;
	background: url(../images/obj_nav_bg.png) 0 0px no-repeat;
	padding: 0 0 0 15px;
}
body#start .col_wrap .col3 a:hover {
	background-position: 0 -60px
}

/*Aktuell #################################*/

.a_teaser {
	padding: 0 0px 0 0px;
	position:relative;
}
.a_teaser h3 {
	
}

p.posted {
	color: #666;	
	font-size: 11px;
	
	
}

.a_teaser img {
	float:right;
	margin: 0 0 30px 50px;
	/*position: absolute;
	right:0px;
	top: 0px;*/
	
	
}


/*Artlikelnavigation linear*/

/*Objektnavigation linear*/
.artikelnavi h5 {
	height: 40px;
}

.artikelnavi p {
	margin-bottom:0.5em;
}
.artikelnavi a {
	padding: 0 0 1em 0px;
	margin: 0 50px 0 0;
}

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
}

span.artnext {
	padding: 0 20px 0 0;
	
	background: url(../images/a_mehr_bg.png)  /*85px*/right 0  no-repeat;
}

span.artnext:hover {
	background-position: /*85px*/right -60px
}


/*Objektlisten ####################################################################################### */


body#objektliste h2 {
	position:absolute;
	top:248px;
	margin: 0 0 0 -110px;
	padding:0 0 0 130px
}


.teaser {
	margin: 0 0px 0px 0;
	background: url(../images/teaser_bg.jpg) left bottom  repeat-x;
	padding: 20px 0 20px 20px;
	overflow:hidden;
	position:relative;
	border-top: 1px solid #ccc;
}

.obj_status {
	height: 30px;
	background: url(../images/2011-sprite.png) -275px -160px no-repeat;
	position: absolute;
	left: 10px;
	top: 100px;
	width:129px;
	padding: 9px 5px 2px 5px;
	z-index: 100;
}
.obj_status p {
	color: #fff;
	font-size: 12px;
	text-align:center;
}

.objnr {
	width: 99px;
	height:79px;
	float:left;
	background: url(../images/2011-sprite.png) -150px -160px no-repeat;
	color: #fff;
	font-size: 12px;
	padding: 25px 0 0 20px;
	margin: 0 1px 20px 0;
}

.objnr span {
	display:block;
	font-size: 20px
}

.teaser h3 {
	float:left;
	font-size: 12px;
	padding: 0 0 0 180px ;
	width: 320px;
	font-weight:normal;
}

.teaser h4 {
	float:left;
	font-size: 15px;
	padding: 0 0 20px 180px;
	width: 320px;
}

.teaser img {
	position:absolute;
	top:20px;
	left:140px;
	margin: 0 36px 0 0;
	padding: 1px;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
} 

.teaser table {
	position:absolute;
	top: 20px;
	right:0;
	/*float:right;*/
	width: 320px;
	margin:0 0px 0 0;
}

.teaser table td {
	padding: 2px 20px 2px 20px
}


.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;
}


/*Objekt ####################################################################################### */

/*Objekt Headlines*/



body#objekt #breadcrumb {
	padding: 20px 0 0 130px;
	height: 60px
}

/*Objektnummer*/

#objnr {
	height: 40px;
	width: 50px;
	background: url(../images/2011-sprite.png) 0px -160px no-repeat;
	color: #ccc;
	padding: 20px;
	float:left;
	margin: 0 20px 0 10px;
	position:absolute;
	top: 210px;
	
}

#objnr span {
	display:block;
	font-size: 20px;
	color: #fff;
}



/*Objektstatus*/

#obj_status {
	background: #cc0000 url(../images/#obj_status_bg.jpg) left bottom repeat-x;
	padding:10px 0 5px 0; 
	position:relative;
	color: #fff;
}

#obj_status a {
	display:block;
	width: 78px;
	height: 30px;
	padding: 13px 0 0 15px;
	background: url(../images/obj_status_a_bg.png) 0 0 no-repeat;
	position:absolute;
	right: 20px;
	top: 10px;
	color: #fff;
}

/*Galerie*/

.galerie_wrap {
	padding:20px 20px 60px 20px;
	height: 430px; 
	margin: 0 0 0px 0;
	background: url(../images/galerie_wrap_bg.jpg) center 470px  repeat-x;
	position:relative;
	overflow:hidden
}

.ad-gallery {
  width: 619px;
  float:left;
  position:relative;
}
.ad-gallery, .ad-gallery * {
  margin: 0;
  padding: 0;
}
  .ad-gallery .ad-image-wrapper {
    width: 100%;
    height: 413px;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
	 border: 1px solid #ccc
  }
    .ad-gallery .ad-image-wrapper .ad-loader {
      position: absolute;
      z-index: 10;
      top: 48%;
      left: 48%;
      border: 1px solid #CCC;
    }
    .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;
  }
    .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: 317px;
	 position: relative;
	 margin: 0 0 0 0px;
	 position:absolute;
	 bottom:30px;
	 right:-338px;
	
  }
    .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%;
		background:#fff;
		padding: 10px 0 10px 0;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
    }
      .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: 2px;
        }
          .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;
				  height: 60px;
            }
            .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;
}

body#objekt table {
	width: 320px;
	float:right;
	margin: 0 0 20px 0;
	padding: 60px 0 0 0;
	background: url(../images/objektdtane_table_bg.png) 0 0 no-repeat;
}

body#objekt table td {
	padding: 5px 20px 5px 20px
}

body#objekt .inhalt {
	padding: 20px
} 

body#objekt #content p,body#objekt #content h3 {
	padding: 0 350px 0 20px;
}
/*Grundrisse*/
ul#grundrisse {
	padding:80px 0 0 0;
	background: url(../images/ul_grundrisse_bg.png) -30px 20px no-repeat;
	list-style-type: none;
	width: 300px;
	margin:0;
	position: absolute;
	right:0px;
	top:0
		
}

ul#grundrisse li {
	float:left;
	width: 90px;
	margin: 0 0px 0 0px;
	font-size: 11px;
	padding: 0px;
	height: 140px
}

ul#grundrisse li a{
	
}

ul#grundrisse li img {
	display:block;
	margin: 0 0 5px 0;
	border:none;
	height: 80px
}

ul#grundrisse li span {
	font-size: 11px
}

	
/*Google Map*/

#umgebungsplan {
	clear:both;
	padding: 20px 0 10px 0px;
	margin: 0 0 0px 0;
	background: #333 url(../images/galerie_wrap_bg.jpg) center 0px  repeat-x;
	color:#ccc;
}

#umgebungsplan h3 {
	background: url(../images/umgebungsplan_h3_bg.png) 915px 10px no-repeat;
	height: 53px;
	line-height: 53px;
}

#map_canvas {
	width: 940px;
	height: 300px;
	
	margin:10px 0 10px 20px
}



/*Direktanfrage*/

h5.open {
	font-weight:normal;
	font-size: 12px;
	height: 50px;
	color: #333;
	text-transform: inherit;
	font-family : 'Trebuchet MS', Arial, Helvetica, sans-serif;
	
}

h5.open span {
	font-size: 22px;
	font-family:"CenturyGothicBold";
	text-transform:uppercase;
	color: #666;
	display:block;
	color: #cc0000;
	cursor: pointer;
	height:32px;
	background: url(../images/h5_span_open_bg.png) right top no-repeat;
}

h5.open span:hover {
	color: #333
}

.direktform {
	
}
	
.direktform label {
	display:block;
	margin: 5px 0 0 0;
}

.direktform input.zemText, .direktform textarea {
	width: 250px;
	background: #f0f0f0;
	border:1px solid #ccc;
	padding: 2px;
}

.direktform input.zemText:focus, .direktform textarea:focus {
	background: #fff
}
/*Objektnavigation linear*/
.objektnavi h5 {
	height: 50px;
}

.objektnavi p {
	margin-bottom:0.5em;
}
.objektnavi a {
	display:block;
	padding: 0 0 1em 0px;
	
}

span.objprev, span.objnext {
	padding: 0 0 0 15px;
	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;
	height: 50px;
	font-size: 22px;
	font-family:"CenturyGothicBold";
	text-transform:uppercase;
	background: url(../images/druckexpose_bg.png) 244px 10px no-repeat;
	margin: 10px 0 0px 0;
	padding: 10px 0 0 0;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
}

/*a.send {
	height: 50px;
	font-size: 22px;
	line-height: 40px;
	font-family:"CenturyGothicBold";
	text-transform:uppercase;
	background: url(../images/mailsend_bg.png) right top no-repeat;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #ccc
}*/

a.addthis_button {
	background: url(../images/a_addthis_button_bg.png) top left no-repeat;
	display:block;
	padding: 50px 0 0 0;
}


/*Objekt Sprungnavi / Extranavigation ##############################*/

#sidenav {
	position:fixed;
	top: 190px;
	right:0;
	width: 40px;
	height: 90px;
	background: url(../images/2011-sprite.png) -416px -160px no-repeat;
	z-index:1000;
text-align:center;
padding: 20px 0 0 /*5*/3px;
}  


#sidenav a {
	position:relative;
	display:block;
} 
#sidenav a span {
	position:absolute;
	width: 110px;
	height: 26px;
	padding: 11px 0 0 10px;
	background: url(../images/2011-sprite.png) -275px -240px no-repeat;
	left: -119px;
	top:-10px;
	display:none;
	color: #fff;
	text-align:left
}

#sidenav a:hover span {
	display:block;
}

/*Referenzen ####################################################################################### */

p.referenz {
	width: 200px;
	float:left;
	margin: 0 6px 30px 0;
	padding:0 0 20px 0;
	border-bottom:1px solid #eee;
	height: 230px;
	position: relative;
}

p.referenz div {
position: absolute;

}

p.referenz img {
	width: 200px;
	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;
}

/*Testimonials, Kundenmeinungen*/

.testimonial {
	background: url(../images/testimonial_bg.png)  0 0 no-repeat;
	padding: 0 0 0 30px;
}

.testimonial img {
	margin: 0 0 20px 0
}

body#referenzen p.posted {
	text-align:right
}

body#referenzen #sidebar div.bildergalerie {
	padding-left: 20px
}

body#referenzen #sidebar div.bildergalerie img {
	width: 120px;
	height: 80px;
	
}

/*Footer ####################################################################################### */

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

#footer_wrap {
	clear:both;
	background: #333 url(../images/footer_wrap_bg.jpg) repeat-x;
	padding: 2px 0 0 0;
	overflow:hidden;
}

#footer {
	width:980px;
	margin:auto;
	color: #ccc;
	background:  url(../images/footer_bg.jpg) top center no-repeat;
	overflow:hidden;
}



#footer ul {
	margin:0 0 20px 0;
	list-style-type: none;
}
#footer .col1 h5, #footer .col3 h5, #footer .col2a h5 {
	height: 60px;
	text-indent:-9999px
}
#footer .col1 a {
	color: #ccc;
}

#footer .col2 {
	width: 170px;
}

#footer .col2a {
	width: 130px;
	float:left;
}

#footer .col2 h5 {
	text-indent:0;
	font-size: 12px;
	font-family : 'Trebuchet MS', Arial, Helvetica, sans-serif;
	text-transform: inherit;
	font-weight:normal;
	color: #989898;
	margin: 0 0 10px 0
}

#footer .col2 h5.kaufobjekte {
	margin-top: 60px;
}
#footer .col2 ul {
	width: 140px;
}

#footer .col2a h5 {
	height: 108px;
}

#footer .col1 ul li a, #footer .col2 ul li a, #footer .col2a ul li a {
	background: url(../images/footer_a_bg.png) 0 0px no-repeat;
	padding: 0 0 0 15px;
	color: #ccc;
}

#footer .col1 ul li a:hover, #footer .col2 ul li a:hover, #footer .col2a ul li a:hover {
	background-position: 0 -60px;
	color: #cc0000
}



/*Col3 Tabs*/
ul.tabs {
	margin:0;
	padding:0 0 20px 0;
	list-style-type: none;
	height: 40px;
	background: url(../images/ul_tabs_bg.jpg) -15px bottom  no-repeat;
}

ul.tabs li {
	float:left;
	height:40px;
	margin: 0 0 0 0px;
	line-height: 50px;
	text-align:left;
}

ul.tabs li img {
	margin: 0px 0 0 0;
	filter:alpha(opacity=40); /* IE */
opacity:0.4; /* allgemein */
}

ul.tabs li a {
	display:block;
	width: 50px;
	padding:0;
	margin:0
} 
ul.tabs li.active {
	/*background-color: #333333;
	background: url(../images/ul_tabs_li_active_bg.png) no-repeat;*/
}

ul.tabs li.active img {
	filter:alpha(opacity=100); /* IE */
opacity:1; /* allgemein */



}

.tab_container {
	
	clear: both;
	width: 320px;
	height: 150px;
	padding:0;
}

.tab_content {
	padding: 0px 0px 0px 0px;
	margin: 0 0px 0px 0px;
}
.tab_content h3{
	text-transform: uppercase;
	font-weight:normal;
	font-size: 17px;
	letter-spacing: 1px
}

.tab_content input.zemText {
	margin: 0 0 10px 0;
	padding: 2px;
	border:none;
	background: #555;
	font-family : 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 150px;
	color: #ddd
} 

input.zemCheckbox {
	background: #ccc;
	border:none
	
}
.tab_content a {
	background: url(../images/footer_a_bg.png) 0 0px no-repeat;
	padding: 0 0 0 15px;
	color: #ccc;
}

.tab_content a:hover {
	background-position: 0 -60px;
	color: #cc0000
}

/*Footer2 ---------------------- */

#footer2_wrap {
	clear:both;
	background: url(../images/footer2_wrap_bg.jpg) repeat-x;
	padding: 0px 0 20px 0;
}

#footer2 {
	width: 980px;
	margin:auto;
	background: url(../images/footer2_bg.jpg) top center no-repeat;
	height: 60px;
	color: #ccc;
	padding: 50px 0px 0 0px;
}
#footer2 p {
	padding: 0 0 0 130px;
	font-size: 11px;
	margin:0
}
#footer2 p a {
	color: #ccc;
	text-transform:uppercase;
}
#footer2 p a:hover {
	color: #fff
}

#footer2 h6 {
	padding: 0 0 0 130px;
	font-size: 10px;
	color: #cc0000;
	text-transform:uppercase;
}

#adresse {
	display:none
}