/********** Smart Global **********/

#smart_detail_main {
	position: relative;
	float: left;
	width: 794px;
	border: 1px solid #ccccce;
}

#smart_detail_topline {
	position: relative;
	float: left;
	width: 794px;
	height: 24px;
	background: url("bilder/hintergrund-h2.jpg");
}

#smart_detail_head {
	position: relative;
	float: left;
	width: 794px;
	height: 320px;
	background: url("bilder/bg_smart_head.jpg") no-repeat;
}

#smart_detail_infotext {
	position: relative;
	width: 330px;
	height: 270px;
	margin: 30px 0 0 245px;
}

#smart_detail_infotext h1 {
	width: 152px;
	height: 23px;
	margin-bottom: 10px;
	background: url("bilder/smart_headline.gif") no-repeat;
}

#smart_detail_infotext h1 span {
	display: none;
	visibility: hidden;
}

#smart_detail_infotext p {
	margin-bottom: 10px;
}

#smart_detail_infotext a {
	display: block;
	/* margin-left: 190px; */
	text-align: right;
	text-decoration: none;
	font-weight: bold;
	color: #6686dd;
	/* background: url("bilder/dotpfeil2.gif") no-repeat scroll 0 3px; */
}

#smart_detail_module {
	position: absolute;
	width: 186px;
	height: 320px;
	top: 0;
	right: 10px;
}

#smart_detail_module h2 {
	margin: 20px 15px 10px;
}

#smart_detail_module p {
	font-size: 11px;
	margin: 0 15px 10px;
}

#smart_detail_module li {
	display: block;
	width: 186px;
	height: 40px;
	background-color: transparent;
}

#smart_detail_module li:hover {
	background-color: #f9fafb;
}

#smart_detail_module li a {
	display: block;
	width: 136px;
	height: 40px;
	line-height: 40px;
	padding-left: 50px;
	text-decoration: none;
}

li#smart_modul_objekte a { background: url("bilder/smart_modul_objekte.gif") no-repeat 15px 8px; }
li#smart_modul_adressen a { background: url("bilder/smart_modul_adressen.gif") no-repeat 15px 8px; }
li#smart_modul_email a { background: url("bilder/smart_modul_email.gif") no-repeat 15px 8px; }
li#smart_modul_termine a { background: url("bilder/smart_modul_termine.gif") no-repeat 15px 8px; }
li#smart_modul_aufgaben a { background: url("bilder/smart_modul_aufgaben.gif") no-repeat 15px 8px; }

#smart_detail_content {
	position: relative;
	float: left;
	width: 784px;
	padding: 10px 0 10px 10px;
	background: url("bilder/bg_smart_content.jpg") repeat-x;
}

div.smart_detail_vorteile {
	position: relative;
	width: 576px;
	height: 450px;
	float: left;
	border: 1px solid #ccccce;
	background-color: #fff;
}

ul.smart_detail_topfeatures {
	float: left;
	width: 576px;
	padding: 20px 0;
	background: url("bilder/bg_smart_detail_vorteile.jpg") no-repeat bottom;
}

ul.smart_detail_topfeatures li {
	display: block;
	position: relative;
	height: 100px;
	width: 230px;
	padding-left: 45px;
	float: left;
	overflow: hidden;
	background: url("bilder/smart_haken.jpg") no-repeat 16px 2px;
}

ul.smart_detail_topfeatures li a {
	text-decoration: none;
}

ul.smart_detail_topfeatures li a:hover {
	color: black;
	text-decoration: none;
}

ul.smart_detail_topfeatures li h3 {
	margin-bottom: 5px;
}

ul.smart_detail_topfeatures li p {
	text-align: justify;
	font-size: 11px;
}

ul.smart_detail_topfeatures li span {
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	color: #6686dd;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
}

ul.smart_detail_features {
	float: left;
	padding: 20px 0 10px;
}

ul.smart_detail_features li {
	width: 230px;
	padding-left: 45px;
	margin-bottom: 8px;
	background: url("bilder/smart_haken.jpg") no-repeat 16px 2px;
}

ul.smart_detail_features a {
	text-decoration: none;
	color: #000;
}

#smart_detail_preisschild {
	position: relative;
	height: 100px;
	width: 180px;
	float: left;
	margin-left: 15px;
}

#smart_detail_preisschild img {
	display: block;
	margin-left: auto;
}

#smart_detail_preisschild p {
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 11px;
	line-height: 16px;
	color: #858a9e;
}


.smart_detail_feature_box {
	position: relative;
	width: 184px;
	height: 164px;
	float: left;
	margin: 10px 0 0 10px;
	background-color: #fff;
	border: 1px solid #ccccce;
	overflow: hidden;
	display: inline; /* IE6 double-margin float bugfix :-( */
}

.smart_detail_feature_box a, .smart_detail_feature_box a:hover {
	text-decoration: none;
	color: #000;
	cursor: pointer;
}

.smart_detail_feature_box img {
	float: left;
	margin: 10px 8px 5px;
	display: inline; /* IE6 double-margin float bugfix :-( */
}

.smart_detail_feature_box h3 {
	float: left;
	width: 136px;
	margin-top: 16px;
	display: inline; /* IE6 double-margin float bugfix :-( */
}

.smart_detail_feature_box p {
	float: left;
	width: 168px;
	margin: 5px 10px 0;
	font-size: 11px;
	text-decoration: none;
	display: inline; /* IE6 double-margin float bugfix :-( */
}

.smart_detail_feature_box a span {
	width: 176px;
	float: left;
	color: #6686dd;
	text-align: right;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	display: inline; /* IE6 double-margin float bugfix :-( */
}

#smart_hinweis {
  margin: 0 10px 8px;
  font-size: 10px;
	color: #858a9e;
}

/* Module */

#modul_feature_box  {
	float: left;
	border: 1px solid #ccccce;
}

#modul_feature_blueline {
	width: 794px;
	height: 23px;
	float: left;
	background: url("bilder/hintergrund-h2.jpg") repeat-x;
}

#modul_feature_box #feature_head {
	margin: 10px 10px 0;
}

#modul_feature_box #feature_content {
	margin: 10px;
}

#modul_feature_box #feature_content p {
	line-height: 20px;
	margin-bottom: 15px;
}

#modul_feature_box #feature_content ul {
	margin-bottom: 15px;
}

#modul_feature_box #feature_content li {
	background: url(bilder/pfeil-blau.gif) no-repeat 0 4px;
	padding: 0 0 0 20px;
	line-height: 22px;
}

#modul_bottom {
	float: left;
	width: 793px;
	height: 200px;
	margin-bottom: 20px;
	padding-left: 1px;
	background: url("bilder/bg_modul_bottom.jpg") repeat-x;
}

.modul_bottom_pic {
	float: left;
	width: 194px;
	margin: 0 35px;
	text-align: center;
	display: inline; /* IE6 double-margin float bugfix :-( */
}

.modul_bottom_pic img {
	display: block;
	margin-bottom: 10px;
}

/* Features */

#feature_main_content {
	float: left;
	border: 1px solid #ccccce;
}

#feature_main_blueline {
	width: 794px;
	height: 23px;
	float: left;
	background: url(bilder/hintergrund-h2.jpg);
}

#feature_main_content h1 {
	float: left;
	width: 774px;
	padding: 10px 10px 15px;
	margin: 0;
}

#feature_main_content p {
	float: left;
	width: 774px;
	padding: 0 10px 15px;

}

#feature_main_content li {
	list-style-type: none;
	display: block;
	float: left;
	width: 383px; 
	height: 60px;
	margin: 0 0 8px 8px;
	border: 1px solid #ccccce;
	background: url("bilder/bg_feature_list.jpg") repeat-x #fff;
	display: inline; /* Fieser IE6 work-around */
}

#feature_main_content li:hover {
	background: #f0f3fc;
}

#feature_main_content li a {
	display: block;
	width: 313px;
	height: 60px;
	line-height: 60px;
	padding-left: 70px; 
	text-decoration: none;
}

#feature_main_content li a:hover {
	color: #000;
}

.feature_main_individualisierung a,
.feature_main_individualisierung a:hover { background: url("bilder/softwareicons/icon_individualisierung.gif") no-repeat 4px 4px; }
.feature_main_importexport a,
.feature_main_importexport a:hover { background: url("bilder/softwareicons/icon_imexport.gif") no-repeat 4px 4px; }
.feature_main_faxversand a,
.feature_main_faxversand a:hover { background: url("bilder/softwareicons/erweiterung_fax.gif") no-repeat 4px 4px; }
.feature_main_portalschnittstellen a,
.feature_main_portalschnittstellen a:hover { background: url("bilder/softwareicons/icon_portalschnittstellen.gif") no-repeat 4px 4px; }
.feature_main_bildermodul a,
.feature_main_bildermodul a:hover { background: url("bilder/softwareicons/erweiterung_bilder.gif") no-repeat 4px 4px; }
.feature_main_immomatching a,
.feature_main_immomatching a:hover { background: url("bilder/softwareicons/icon_immomatching.gif") no-repeat 4px 4px; }
.feature_main_exposeerstellung a,
.feature_main_exposeerstellung a:hover { background: url("bilder/softwareicons/icon_exposeerstellung.gif") no-repeat 4px 4px; }
.feature_main_exposeversand a,
.feature_main_exposeversand a:hover { background: url("bilder/softwareicons/icon_exposeversand.gif") no-repeat 4px 4px;}
.feature_main_serienbriefe a,
.feature_main_serienbriefe a:hover { background: url("bilder/softwareicons/icon_serienbriefe.gif") no-repeat 4px 4px; }
.feature_main_anfragenmanagment a,
.feature_main_anfragenmanagment a:hover { background: url("bilder/softwareicons/icon_anfragen.gif") no-repeat 4px 4px; }
.feature_main_maklerbuch a,
.feature_main_maklerbuch a:hover { background: url("bilder/softwareicons/icon_maklerbuch.gif") no-repeat 4px 4px; }
.feature_main_objektaustausch a,
.feature_main_objektaustausch a:hover { background: url("bilder/softwareicons/icon_objektaustausch.gif") no-repeat 4px 4px; }
.feature_main_objektrotation a,
.feature_main_objektrotation a:hover{ background: url("bilder/softwareicons/icon_objektrotation.gif") no-repeat 4px 4px; }
.feature_main_messenger a,
.feature_main_messenger a:hover{ background: url("bilder/softwareicons/icon_messenger.gif") no-repeat 4px 4px; }
.feature_main_benutzerverwaltung a,
.feature_main_benutzerverwaltung a:hover { background: url("bilder/softwareicons/icon_benutzerverwaltung.gif") no-repeat 4px 4px; }
.feature_main_vorlagenverwaltung a,
.feature_main_vorlagenverwaltung a:hover { background: url("bilder/softwareicons/icon_vorlagenverwaltung.gif") no-repeat 4px 4px; }

.feature_main_objektverwaltung a,
.feature_main_objektverwaltung a:hover { background: url("bilder/softwareicons/modul_objektverwaltung.gif") no-repeat 4px 4px; }
.feature_main_adressverwaltung a,
.feature_main_adressverwaltung a:hover { background: url("bilder/softwareicons/modul_adressverwaltung.gif") no-repeat 4px 4px; }
.feature_main_emailverwaltung a,
.feature_main_emailverwaltung a:hover{ background: url("bilder/softwareicons/modul_emailverwaltung.gif") no-repeat 4px 4px; }
.feature_main_terminverwaltung a,
.feature_main_terminverwaltung a:hover{ background: url("bilder/softwareicons/modul_terminverwaltung.gif") no-repeat 4px 4px; }
.feature_main_aufgabenverwaltung a,
.feature_main_aufgabenverwaltung a:hover { background: url("bilder/softwareicons/modul_aufgabenverwaltung.gif") no-repeat 4px 4px; }
.feature_main_erweiterungen a,
.feature_main_erweiterungen a:hover{ background: url("bilder/softwareicons/icon_erweiterungen.gif") no-repeat 4px 4px; }

/* Features & Module */

#feature_head {
	position: relative;
	float: left;
	width: 702px;
	height: 70px;
	padding-left: 70px;
	display: inline; /* IE6 double-margin float bugfix :-( */
}

#feature_head img {
	display: block;
	position: absolute;
	left: 0;
	top:0;
}

#feature_head h1 {
	margin-bottom: 5px;
}

#feature_head h2 {
	margin: 0;
}

#feature_content {
	float: left;
	width: 772px;
	display: inline; /* IE6 double-margin float bugfix :-( */
}

#feature_content h3 {
font-weight:bold;
margin-top:10px;
}

.feature_bild_right, .feature_bild_left {
	background: url("bilder/bg_feature_bild.gif") repeat-x;
	border: 1px solid #cdd7ed;
	width: 320px;
	position: relative;
	display: inline; /* IE6 double-margin float bugfix :-( */
}

.feature_bild_right p, .feature_bild_left p {
	padding: 0 10px;
	margin-bottom: 10px !important;
	text-align: center;
}

.feature_bild_right img, .feature_bild_left img {
	display: block;
	margin: 10px;
}

.feature_bild_left {
	float: left;
	margin: 0 10px 10px 0;
}

.feature_bild_right {
	float: right;
	margin: 0 0 10px 10px;
}

.feature_bilder_right {
	width: 332px;
	float: right;
}

.feature_bilder_right .feature_bild_right {
	float: right;
}

.feature_site_steps {
	position: relative;
	float: left;
	width: 750px;
	margin-bottom: 8px;
	padding: 10px;
	border: 1px solid #ccccce;
	background: url("bilder/bg_site_steps.jpg") repeat-x #fff;
}

.feature_site_steps img {
	display: block;
	float: left;
	margin-right: 10px;
}

.feature_site_steps h2, .feature_site_steps p {
	float: left;
	width: 420px;
	margin: 10px;
}

.feature_bottom {
	margin-left: 60px;
}

.feature_expose_box {
	position: relative;
	width: 132px;
	height: 205px;
	float: left;
	text-align: center;
	background: url("bilder/bg_feature_expose_box.jpg") no-repeat;
}

.feature_expose_box img {
	display: block;
	margin: 1px 0 0 1px;
	color: transparent;
}

#text-box .feature_expose_box p {
	margin: 3px 0 0;
	color: #6686dd;
	text-decoration: underline;
}

.feature_bild_serie {
	background: url("bilder/bg_feature_bild.gif") repeat-x;
	border: 1px solid #cdd7ed;
	width: 250px;
	margin: 0 7px 8px 1px;
	position: relative;
	float: left;
}

.third_bild_serie {
	margin: 0 0 10px 0;
}

.feature_bild_serie p {
	padding: 0 10px;
	margin-bottom: 10px !important;
	text-align: center;
}

.feature_bild_serie img {
	display: block;
	margin: 10px;
}

.feature_multilanguage_list {
	width: 200px;
	float: left;
}

.feature_site_link {
	text-align: right;
	clear: both;
}

.feature_bild_messenger {
	width: 222px !important;
}


#feature_beispiel {
	width: 395px;
	margin-bottom: 15px;
	padding: 20px;
	background-color: #f9f9f9;
	border: 1px solid #ccccce;
}

#feature_beispiel img {
	display: block;
	margin: 0 auto;
}

#feature_bild_newsletter {
	width: 212px;
	margin: 30px 0 0 100px;
	text-align: center;
}

#feature_bild_newsletter p {
	font-style: italic;
}

#feature_bild_newsletter a {
	text-decoration: none;
}

#feature_csv {
	border: 1px solid #b2c2ee;
	background-color: #f5f7fb;
	/*width: 300px;*/
	margin-bottom: 15px;
	padding: 15px 15px 0;
}

/* Thickbox Content */

#TB_window {
	font: 12px Arial, sans-serif;
}

#TB_secondLine {
	position: absolute;
	top: 10px;
	right: 25px;
}

#TB_window a {
	color: #6686dd;
}

/* Thickbox Settings */

#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url("bilder/lightbox_bg.png") repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 0 15px;
}

#TB_caption{
  position: relative;
	height:50px;
}

#TB_caption_content{
  position: absolute;
  width: 500px;
	left: 25px;
	top: 10px;
}

#TB_closeWindow{
	padding: 8px 20px;
	text-align: right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

/********** Features **********/

#smart_feature_rahmen {

	margin: 0 auto;
	text-align: center;
}

.smart_feature_box{
	position: relative;
	padding: 5px;
	margin: 0 12px 12px 5px;
	display: inline;
	border: 1px solid #ccc;
	background: url("bilder/bg_smart_detail_box.gif") repeat-x #fefefe;
	float: left;
	overflow: hidden;
width:523px;
}

.smart_feature_box * {
	text-decoration: none !important;
}


.smart_feature_box img{
	float: left;
	margin: 0 8px 4px 0;
	display: block;
}

.smart_feature_box h3 {
	color: black;
	text-align: left;
width:455px;
margin:0;
}

.smart_feature_box p {
	font-size: 11px;
	color: black;
	text-align: left;
    text-align: left;
}

.smart_feature_box span {
}


.smart_feature_box span img{

}


/********** Software: Customizing *********/

#customizing_referenz_box {
	width: 547px;
}

#customizing_referenz_box .referenz_contentbox {
	width: 295px;
}

#customizing_legende {
	position: relative;
	width: 548px;
	padding: 15px 30px;
	margin: 0 auto 10px;
	border: 1px solid #ccccce;
	background: url("bilder/bg_customizing_legende.jpg") repeat-x #fff;
}

#customizing_legende img {
	margin-bottom: 10px;
}

#customizing_legende p {
	margin-bottom: 0;
}

#customizing_legende p a {
	color: #6686dd;
}

/********** Referenzen **********/

#referenzen-main-box {
width: 776px;
padding: 0;
border: 1px solid #ccccce;
margin-bottom: 8px;
float: left;
}

	#referenzen-main-box h2 {
	width: 776px;
	height: 22px;
	padding-top: 8px;
	border: 0;
	margin: 0 0 10px 0;
	text-align: center;
	font-size: 12px;
	color: #fff;
	background: url(bilder/hintergrund-h2.jpg);
	float: left;
	}
	
	#referenzen-main-box img {
	float: right;
	margin: 0 10px 10px 10px;
	}
	
	#referenzen-main-box p {
	padding: 0 10px;
	}

/********** Referenz-Box **********/

.referenz_box {
	position: relative;
	border: 1px solid #ccccce;
	margin-bottom: 8px;
	width:547px;
	float: left;
}

.referenz_box h2 {
	height: 18px;
	padding: 5px 10px 0;
	border: 0;
	font-size: 12px;
	color: #fff;
	margin: 0;
	background: url(bilder/hintergrund-h2.jpg);
}

.referenz_contentbox {
	position: relative;
	float: left;
width: 295px;
	margin: 10px;
	display: inline;
}

.referenz_contentbox p {
	margin-bottom: 10px;
}

.referenz_contentbox img {
	float: left;
	margin-right: 8px;
}

.referenz_contentbox blockquote {
	font-style: italic;
}

.referenz_infobox {
	position: relative;
	float: left;
	width: 204px;
	padding: 8px;
	margin: 10px 0 10px 0;
	border: 1px solid #ccccce;
	background: url("bilder/bg_referenz_infobox.gif") repeat-x bottom #fff;
	display: inline;
}

.referenz_infobox img {
	display: block;
	margin-bottom: 10px;
}

div.clear {
	clear: both;
}

/********** Datensicherheit **********/

#datensicherheit_content {
	position: relative;
	float: left;
	width: 774px;
	background: url("bilder/bg_datensicherheit_box.jpg") no-repeat right top;
}

#datensicherheit_box {
	position: relative;
	float: right;
	width: 431px;
	height: 315px;
	margin: 0 0 0 10px;
}

#datensicherheit_rz1 {
	
	width: 161px;
}

#datensicherheit_rz2 {
	position: absolute;
	left: 0;
	top: 195px;
	width: 161px;
	text-align: right;
}

.datensicherheit_feature {
	float: left;
	width: 772px;
	min-height: 100px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	background: url("bilder/bg_datensicherheit_feature.jpg") repeat-x #fff;
	border: 1px solid #ccccce;
}

.datensicherheit_feature img {
	float: left;
	margin: 10px 0 0 10px;
}

#text-box .datensicherheit_feature p, #text-box .datensicherheit_feature ul {
	float: right;
	width: 602px;
	margin: 10px 0 0;

}