/* Farbschema 
#ff9933 orange
#000099 blau
#000034 coverflow_blau
*/

body {
background: #fff;
font-family: "Helvetica Neue", Arial;
font-weight: bold;
color: #000099;
font-size: 12px;
line-height: 1.5em;
}

a {
text-decoration: none;
color: inherit;
}

b {
color: #000099;
}

em {
color: #000099;
font-weight: bold;
}

h1 {
font-size: 24px;
font-weight: bold;
margin-bottom: 15px;
}

h1.merkliste {
position: absolute;
top: 100px;
left: 190px;
font-size: 14px;
font-weight: normal;
}

p {
margin-bottom: 10px;
font-weight: normal;
}

#wrapper {
width: 980px;
height: 740px;
margin: 0 auto;
position: relative;
}

#header {
position: absolute;
top: 15px;
left: 0px;
width: 980px;
height: 75px;
background: url(img/bg_header.png) top left no-repeat;
}

#slider {
position: absolute;
top: 0px;
left: 0px;
width: 730px;
height: 180px;
background: url(img/bg_slider.png) top left no-repeat;
}

#block_links,
#block_rechts {
float: left;
width: 270px;
}

#block_rechts {
margin-left: 10px;
}

#block_links p,
#block_rechts p {
font-weight: bold;
color: #000099;
}

#farbecontent {
position: absolute;
width: 712px;
height: 402px;
background: #000034;
color: #fff;
left: 10px;
}

.caption{
font-size: 14px;
}

#content {
position: relative;
top: 110px;
left: 250px;
width: 732px;
height: 641px;
}

#edit_content_scroll {
position: relative;
top: 110px;
left: 250px;
width: 682px;
height: 591px;
background: url(img/bg_content.png) top left no-repeat;
padding: 25px;	
overflow: auto;
}

#edit_content_noscroll {
position: relative;
top: 110px;
left: 250px;
width: 682px;
height: 591px;
background: url(img/bg_content.png) top left no-repeat;
padding: 25px;	
}

#topangebot {
position: absolute;
top: 0px;
left: 0px;
width: 730px;
height: 450px;
text-align: center;
overflow: hidden;
background: url(img/bg_topobjekt.png) top left no-repeat;
}

/*#topangebot img {
height: 400px;
}*/

/*#hinweis p {
font-size: 30px;
font-weight: bold;
line-height: 44px;
padding-top: 110px;
text-align: center;
font-style: italic;
background:url("img/bg_Hinweis.png") no-repeat scroll 85% 100% transparent;
color:#000099;
font-size:22px;
font-style:italic;
font-weight:bold;
height:275px;
line-height:1.2em;
margin:0 auto;
padding-top:75px;
text-align:center;
width:400px;
}*/

.textfade_oben {
position: absolute;
top: 0px;
left: 0px;
background: url(img/textfade.png) top bottom no-repeat;
width: 650px;
height: 15px;
z-index: 6;
}

.merkliste_hinweis {
position: absolute;
top: 20px;
right: 55px;
font-weight: bold;
font-size: 14px;
}

#tabelleninfo {
position: absolute;
font-size: 14px;
top: 5px;
left: 30px;
width: 400px;
color: #000;
padding: 5px 10px;
}

#tabellenrahmen {
height: 86px;
left: 19px;
position: absolute;
top: 10px;
width: 695px;
background: #ff9933;
}

td.td_first {
font-weight: bold;
color: #000099;
width: 90px;
padding-bottom: 5px;
}

td.td_second {
color: #000;
padding-bottom: 5px;
}

td.td_fueller {
width: 20px;
}

span {
font-size: 10px;
color: #000;
}

#block_links span {
font-size: 12px;
color: #000099;
}

.clear {
clear: both;
}

.pfeil_oben {
width: 16px;
height: 16px;
display: inline;
background: url(img/bg_pfeil.png) bottom left no-repeat;
}

#coverflow, #coverflow_start, #hinweis {
position: absolute;
top: 229px;
left: 0px;
width: 692px;
height: 372px;
background: url(img/bg_hinweis.png) bottom left no-repeat;
padding: 20px;
z-index: 2;
overflow: auto;
font-weight: normal;
}

#coverflow {
padding-top: 0px;
height: 392px;
}

#hinweis {
top: 201px;
z-index: 0;
height: 400px;
}

.detailtext {
height: 297px;
overflow: auto;
position: absolute;
top: 100px;
width: 664px;
padding-right: 30px;
color: #000;
}

#detail01 {
background: #000034;
height: 390px;
}

#coverflow_start {
top: 0px;
}

#con_startseite {
position: absolute;
left: 0px;
top: 0px;
width: 732px;
height: 449px;
background: url(img/bg_startseite.jpg) top left no-repeat;
}

#regional_icons {
position: absolute;
bottom: 0px;
left: 0px;
}

#regional_icons li {
float: left;
margin-right: 17px;
}

.nomargin {
margin: 0 !important;
}

#nav_footer {
position: absolute;
top: 709px;
left: 0px;
width: 230px;
height: 42px;
background: url(img/bg_nav_footer.png) top left no-repeat;
text-shadow: 1px 1px 0 #cdcdcd;
}

#nav_footer ul {
padding: 15px 25px;
text-align: center;
}

#nav_footer li {
float: left;
}


/* Navigation oben */

#nav_horizontal_oben {
position: absolute;
top: 50px;
left: 470px;
width: 510px;
height: 40px;
font-size: 18px;
text-shadow: 1px 1px 0 #cdcdcd;
}

#nav_horizontal_oben li,
#nav_horizontal_oben a  {
width: 170px;
height: 40px;
float: left;
overflow: hidden;
}
	
#nav_horizontal_oben a {
display: block;
padding-top: 10px;
text-align: center;
}
	
#nav_horizontal_oben a.oben01 { 
background: url(img/bg_nav_header.png) 0px 0px no-repeat; 
}

#nav_horizontal_oben a.oben02 { 
background: url(img/bg_nav_header.png) -170px 0px no-repeat; 
}

#nav_horizontal_oben a.oben03 { 
background: url(img/bg_nav_header.png) -340px 0px no-repeat; 
}
		
#nav_horizontal_oben a.oben01:hover { 
background: url(img/bg_nav_header.png) 0px -40px no-repeat; 
}

#nav_horizontal_oben a.oben02:hover { 
background: url(img/bg_nav_header.png) -170px -40px no-repeat; 
}

#nav_horizontal_oben a.oben03:hover { 
background: url(img/bg_nav_header.png) -340px -40px no-repeat; 
}

#nav_horizontal_oben a.oben01:hover,
#nav_horizontal_oben a.oben02:hover,
#nav_horizontal_oben a.oben03:hover {
color: #d3d3d3;
text-shadow: 1px 1px 0 #000;
}

/* Navigation Coverflow */

#nav_coverflow, 
#nav_coverflow_start {
position: absolute;
top: 200px;
left: 0px;
width: 732px;
height: 29px;
text-shadow: 1px 1px 0 #cdcdcd;
z-index: 5;
}

#nav_coverflow_start {
top: 410px;
}

#nav_coverflow li, 
#nav_coverflow_start li {
width: 122px;
height: 28px;
float: left;
overflow: hidden;
}

#nav_coverflow a, 
#nav_coverflow_start a {
width: 122px;
height: 29px;
display: block;
padding-top: 5px;
text-align: center;
}

#nav_coverflow a.unten01, 
#nav_coverflow_start a.unten01 { 
background: url(img/bg_nav_coverflow.png) 0px 0px no-repeat; 
}

#nav_coverflow a.unten02, 
#nav_coverflow_start a.unten02 { 
background: url(img/bg_nav_coverflow.png) -122px 0px no-repeat; 
}

#nav_coverflow a.unten03, 
#nav_coverflow_start a.unten03 { 
background: url(img/bg_nav_coverflow.png) -244px 0px no-repeat; 
}

#nav_coverflow a.unten04, 
#nav_coverflow_start a.unten04 { 
background: url(img/bg_nav_coverflow.png) -366px 0px no-repeat; 
}

#nav_coverflow a.unten05, 
#nav_coverflow_start a.unten05 { 
background: url(img/bg_nav_coverflow.png) -488px 0px no-repeat; 
}

#nav_coverflow a.unten06, 
#nav_coverflow_start a.unten06 { 
background: url(img/bg_nav_coverflow.png) -610px 0px no-repeat; 
}
		
#nav_coverflow a.unten01:hover, 
#nav_coverflow_start a.unten01:hover,
#nav_coverflow a.unten01_hover { 
background: url(img/bg_nav_coverflow.png) 0px -29px no-repeat; 
}

#nav_coverflow a.unten02:hover, 
#nav_coverflow_start a.unten02:hover,
#nav_coverflow a.unten02_hover  { 
background: url(img/bg_nav_coverflow.png) -122px -29px no-repeat; 
}

#nav_coverflow a.unten03:hover, 
#nav_coverflow_start a.unten03:hover,
#nav_coverflow a.unten03_hover  { 
background: url(img/bg_nav_coverflow.png) -244px -29px no-repeat; 
}

#nav_coverflow a.unten04:hover, 
#nav_coverflow_start a.unten04:hover,
#nav_coverflow a.unten04_hover  { 
background: url(img/bg_nav_coverflow.png) -366px -29px no-repeat; 
}

#nav_coverflow a.unten05:hover, 
#nav_coverflow_start a.unten05:hover,
#nav_coverflow a.unten05_hover  { 
background: url(img/bg_nav_coverflow.png) -488px -29px no-repeat; 
}

#nav_coverflow a.unten06:hover, 
#nav_coverflow_start a.unten06:hover,
#nav_coverflow a.unten06_hover  {
background: url(img/bg_nav_coverflow.png) -610px -29px no-repeat; 
}

#nav_coverflow a.unten01:hover,
#nav_coverflow a.unten02:hover,
#nav_coverflow a.unten03:hover,
#nav_coverflow a.unten04:hover, 	
#nav_coverflow a.unten05:hover,
#nav_coverflow a.unten06:hover,
#nav_coverflow_start a.unten01:hover,
#nav_coverflow_start a.unten02:hover,
#nav_coverflow_start a.unten03:hover,
#nav_coverflow_start a.unten04:hover, 	
#nav_coverflow_start a.unten05:hover,
#nav_coverflow_start a.unten06:hover,
#nav_coverflow a.unten01_hover,
#nav_coverflow a.unten02_hover,
#nav_coverflow a.unten03_hover,
#nav_coverflow a.unten04_hover,
#nav_coverflow a.unten05_hover,
#nav_coverflow a.unten06_hover,
#nav_coverflow_start a.unten01_hover,
#nav_coverflow_start a.unten02_hover,
#nav_coverflow_start a.unten03_hover,
#nav_coverflow_start a.unten04_hover,
#nav_coverflow_start a.unten05_hover,
#nav_coverflow_start a.unten06_hover
{
color: #d3d3d3;
text-shadow: 1px 1px 0 #000;
}

/* Navigation links */

#nav_left {
position: absolute;
top: 110px;
left: 0px;
width: 231px;
height: 580px;
background: url(img/bg_nav_left.png) top left no-repeat;
font-size: 16px;
font-weight: bold;
}

#nav_left ul {
margin-top: 100px;
margin-left: 20px;
list-style: disc;
list-style-position: inside;
width: 189px;
}

#nav_left ul li {
display: block;
background: url(img/list.png) 5px 5px no-repeat;
}

#nav_left ul li a {
padding: 5px 0px 5px 20px;
display: block;
}

#nav_left ul ul {
margin-top: 5px;
margin-left: 0px;
margin-bottom: 10px;
font-size: 12px;
font-weight: normal;
line-height: 10px;
}

#nav_left ul li ul li  {
background: none;
}

#nav_left ul li ul li a.selected {
background: none;
color: #ff9933;
font-weight: bold;
}

#nav_left ul li a.selected {
background: #ff9933 url(img/list.png) 5px 5px no-repeat;
}

#nav_left ul li span a.selected {
font-size: 16px;
list-style: disc;
list-style-position: inside;
color: #000099;
}

/* Kontaktformular */

table.kontaktformular,
table.schnellkontaktformular {
margin-top: 20px;
}

table.kontaktformular td,
table.schnellkontaktformular td {
vertical-align: top;
padding-bottom: 10px;
}

table.kontaktformular td.links,
table.schnellkontaktformular td.links {
width: 100px;
}

table.kontaktformular td.rechts {

}

input, textarea, select {
font-family: "Helvetica Neue", Arial;
color: #000;
border: 1px solid #ccc;
font-size: 12px;
line-height: 1.5em;
}

input[type="text"], 
select {
width: 140px;
}

/* Objektslider */
#liste {
width: 710px;
height: 160px;
background: #fff url(img/bg_slider.png) top left no-repeat;
padding: 10px;
}

#liste a {
color: #000099 !important;
}

h1.sl_objektort {font-size: 12px; margin-bottom: 5px; font-family: "Helvetica Neue", Arial; }
p.sl_objektbild {margin-bottom: 5px; }
/*p.sl_objektbild img {width: 120px; height: 90px; }*/
h1.sl_objektpreis {font-size: 16px; font-family: "Helvetica Neue", Arial;}
li.selected {background: #ff9933;}

#myImageFlow {
color: #fff;
height: 370px !important;
}

.ui-widget-header  {
border: none !important;
background: none;
width:150px;
}

.scroller_left {
background: url(img/slider-scroller_teil01.png) top left no-repeat;
width: 6px;
height: 16px;
float: left;
}

.scroller_right {
background: url(img/slider-scroller_teil03.png) top left no-repeat;
width: 6px;
height: 16px;
float: right;
}

#scrollbar_unten {

}

ul#innerContent {

}

#liste #left,
#liste #right {
font-size: 0px;
line-height: 0px;
}

#liste #left {
width: 15px !important;
height: 19px;
background: url(img/slider-scrollbar_links.png) top left no-repeat;
}

#liste #middle {
width: 680px !important;
height: 19px;
background: url(img/slider-scrollbar_mitte.png) top left no-repeat;
}

#liste #right {
width: 15px !important;
height: 19px;
background: url(img/slider-scrollbar_rechts.png) top left no-repeat;
}

element.style {
left:20%;
margin-left:-49.4216px;
width:98.8431px;
}
.scroll-bar-wrap .ui-slider-handle {
height:1.5em;
top:0.2em;
}
/*
	.ui-slider-horizontal, .ui-handle-helper-parent {
	width: 534px !important;
	float: left;
	}

	.ui-slider-handle {
	width: 142px !important;
	margin-left: 0 !important;
	background: url(img/slider-scroller.png) no-repeat scroll -19px 0 !important;
	}
		
		.ui-slider-handle span {
		display: none;
		}
*/
.ui-state-default, .ui-widget-content .ui-state-default{
background: url(img/slider-scroller_teil02.png) 0px 0px repeat-x;
border: 0;
}
.ui-widget-content {
background: none;
border: none;
}

/* Referenzen */
h1.ref_objektort {font-size: 14px; margin-bottom: 5px;}
p.ref_objektbild {margin-bottom: 5px; }

ul#referenzliste li {
float:left;
height:210px;
text-align:center;
width:220px;
}

.ref_objektbild img {
width: 187px;
}

/* Iservice */
table.iservice {
margin-bottom: 20px;
}

table.iservice td {
padding-bottom: 10px;
width: 120px;
}

select.selector {
width: 138px;
}

ul.interessenten {
font-size: 12px;
font-weight: normal;
border: 1px solid black;
float: left;
width: 180px;
height: 80px;
margin-right: 20px;
margin-bottom: 20px;
padding: 10px;
}