/* 
    Document   : Verwalter
    Created on : 08.12.2012, 19:18:35
    Author     : sk
*/

input[type="submit"] { height:20px; padding:0px 6px 1px 6px; background:#4E8CC9; border:1px solid #6EACE9; 
                                  color:#ffffff; font-size:10px; font-weight:bold; cursor:pointer; }


h2 { color:#4E8CC9; }
h3 { color:#6EACE9; }
a { text-decoration:none; color:#4E8CC9; }
a:hover { text-decoration:underline; color:#6EACE9; }
a.arrow { 
  display:inline-block; padding-left:20px; background: url('../img/arrow_l_blue.png') 0px 11px no-repeat; padding-top:6px;
  font-size:10px; color:#000000; text-decoration:none;
}

div.select { 
  margin:2px 0px 12px 0px;
}

#dvObjSel select { width: 500px; }
ul li { padding-left:14px; background: url('/img/bulletpointblue.gif') 0px 5px no-repeat; line-height:18px; }
.color { color:#4E8CC9; }
.invheader { width: 98; background-Color: #4e8cc9; Color: #ffffff; }
input[type="submit"] { background:#4E8CC9; }

/* object of the month */
#divphotoviewer { position:relative; width:750px; height:420px; vertical-align:middle; }
#divphotoviewer img { position:absolute; }
#divphotoviewer .label { position:absolute; top:250px; height:70px; line-height:70px; width:380px; background: url('/img/pix_antrazit_90.png'); z-index: 99;
                            color:#ffffff; font-size:40px; padding:0px 0px 0px 20px; font-family:Tahoma, Verdana, Helvetica; letter-spacing:1px; vertical-align:middle;
}
#divphotoviewer .description { position:absolute; top:330px; height:37px; line-height:37px; width:380px; background: url('/img/pix_antrazit_90.png'); z-index: 99;
                                  color:#ffffff; font-size:15px; padding:0px 0px 0px 20px; font-family:Tahoma, Verdana, Helvetica; letter-spacing:1px; vertical-align:middle;
}


/* photoviewer */
#photoviewer { position:relative; width:750px; height:420px; vertical-align:middle; }
#photoviewer img { position:absolute; }
#photoviewer .label { position:absolute; top:250px; height:70px; line-height:70px; width:380px; background: url('/img/pix_antrazit_90.png'); z-index: 99;
                            color:#ffffff; font-size:40px; padding:0px 0px 0px 20px; font-family:Tahoma, Verdana, Helvetica; letter-spacing:1px; vertical-align:middle;
}
#photoviewer .description { position:absolute; top:330px; height:37px; line-height:37px; width:380px; background: url('/img/pix_antrazit_90.png'); z-index: 99;
                                  color:#ffffff; font-size:15px; padding:0px 0px 0px 20px; font-family:Tahoma, Verdana, Helvetica; letter-spacing:1px; vertical-align:middle;
}

#mnu_main a.active { Color:#4E8CC9; }
#mnu_sub a.active { Color:#4E8CC9; }


/* object of the month */

/* link-tiles (Kacheln) */
#kacheln { width:756px; margin-top:25px; }
#kacheln td { width:33%; }

/* quick-search */
#schnellsuche { font-size:12px; }
#schnellsuche input[type="text"],
#schnellsuche input[type="number"] { width:81px; }
#schnellsuche input[name="ort"] { width:191px; }
#schnellsuche div.select { 
  width:196px; 
  margin:2px 0px 12px 0px;
}
#schnellsuche select { width:214px; }
* + html #schnellsuche select { width:196px; } /* IE<9 */

.mailformheader {
  color:#ffffff; font-size:13px;
  margin-bottom:10px;
  height:23px; line-height:23px;
  border:1px solid #2e7f1e;
  box-shadow: 3px 3px 6px 1px #e4e9ec; 
}

/* detailsearch */
.formheader { 
  color:#ffffff; font-size:13px;
  padding-left:8px; margin-bottom:10px;
  height:23px; line-height:23px;
  border:1px solid #2e7f1e;
  box-shadow: 3px 3px 6px 1px #e4e9ec;
  
  background-color: #348325; /* fallback color if gradients are not supported */
  background-image: -webkit-linear-gradient(top, #5fb228, #348325); /* For Chrome and Safari */
  background-image:    -moz-linear-gradient(top, #5fb228, #348325); /* For old Fx (3.6 to 15) */
  background-image:     -ms-linear-gradient(top, #5fb228, #348325); /* For pre-releases of IE 10*/
  background-image:      -o-linear-gradient(top, #5fb228, #348325); /* For old Opera (11.1 to 12.0) */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#ff5fb228, endColorStr=#ff348325, GradientType=0); /* For Internet Explorer 5.5 - 7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff5fb228, endColorstr=#ff348325, GradientType=0)"; /* For Internet Explorer 8 */
  background-image:         linear-gradient(to bottom, #5fb228, #348325); /* Standard syntax; must be last */
}
.formcontent { 
  border:1px solid #c2c9ce; 
  box-shadow: 3px 3px 6px 1px #e4e9ec;
  
  background-color: #eaeced; /* fallback color if gradients are not supported */
  background-image: -webkit-linear-gradient(45deg, #fefefe, #eceeef 30%, #e5e7e9); /* For Chrome and Safari */
  background-image:    -moz-linear-gradient(45deg, #fefefe, #eceeef 30%, #e5e7e9); /* For old Fx (3.6 to 15) */
  background-image:     -ms-linear-gradient(45deg, #fefefe, #eceeef 30%, #e5e7e9); /* For pre-releases of IE 10*/
  background-image:      -o-linear-gradient(45deg, #fefefe, #eceeef 30%, #e5e7e9); /* For old Opera (11.1 to 12.0) */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#ffe5e7e9, endColorStr=#fffefefe, GradientType=0); /* For Internet Explorer 5.5 - 7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffe5e7e9, endColorstr=#fffefefe, GradientType=0)"; /* For Internet Explorer 8 */
  background-image:         linear-gradient(45deg, #fefefe, #eceeef 30%, #e5e7e9); /* Standard syntax; must be last */
}
#detailsuche { width:750px; }

#detailsuche_lage { width:496px; float:left; }
#lage { position:relative; padding:20px 0px 0px 20px; min-height:240px; }
#detailsuche_lage div.select { 
  width:136px; height:20px;
  margin:2px 0px 12px 0px;
  position:absolute; top:44px; left:150px;
  z-index:99;
}
#detailsuche_lage select { width:154px; }
* + html #detailsuche_lage select { width:136px; } /* IE<9 */
#map { position:absolute; top:50px; right:40px; }
#bezirk { margin-top:20px; padding:20px 0px 20px 20px; border-top:1px solid #c2c9ce ; }
#bezirk .links, #bezirk .mitte, #bezirk .rechts { float:left; }
#bezirke { overflow:hidden; max-height:200px; }

#detailsuche_sonstige { border-left:1px solid #c2c9ce; padding:20px 0px 20px 20px; width:230px; float:right; min-height:599px; }
#detailsuche_sonstige input[type="text"],
#detailsuche_sonstige input[type="number"] { width:81px; margin:2px 0px 6px 0px; }

/* top immobilien */
#top_immobilien { width:200px; }
#top_immobilien .formheader { width:191px; }
#top_immobilien a { color:#69686b; }

#top_immobilien div.item { 
  margin-bottom:20px;
  border:1px solid #dee4e7; border-left:0; border-top:0;
  box-shadow: 3px 3px 6px 1px #e4e9ec;
  background-color: #e5e7e9; /* fallback color if gradients are not supported */
  background-image: -webkit-linear-gradient(45deg, #fefefe, #eceeef 30%, #e5e7e9); /* For Chrome and Safari */
  background-image:    -moz-linear-gradient(45deg, #fefefe, #eceeef 30%, #e5e7e9); /* For old Fx (3.6 to 15) */
  background-image:     -ms-linear-gradient(45deg, #fefefe, #eceeef 30%, #e5e7e9); /* For pre-releases of IE 10*/
  background-image:      -o-linear-gradient(45deg, #fefefe, #eceeef 30%, #e5e7e9); /* For old Opera (11.1 to 12.0) */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#fffefefe, endColorStr=#ffe5e7e9, GradientType=1); /* For Internet Explorer 5.5 - 7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffefefe, endColorstr=#ffe5e7e9, GradientType=1)"; /* For Internet Explorer 8 */
  background-image:         linear-gradient(45deg, #fefefe, #eceeef 30%, #e5e7e9); /* Standard syntax; must be last */
}
#top_immobilien .label { display:block; height:25px; line-height:25px; padding:0px 0px 0px 10px;  }

/* objectlist */
#objektliste .formheader { width:740px; }
#objektliste .formheader div.select { 
  width:136px; height:18px; line-height:17px; margin:1px 0px 0px 0px;
}
#objektliste .formheader select { width:154px; height:18px; font-size:11px; }
* + html #objektliste .formheader select {  width:136px; margin-top:2px;  } /* IE<9 */

#objektliste .liste { width:748px; 
  border:1px solid #c2c9ce; 
  box-shadow: 3px 3px 6px 1px #e4e9ec;
}
table.objektliste { width:748px; }
table.objektliste thead td { 
  background: #e7e9eb;  
  height:25px;
  border-bottom:1px solid #c2c9ce; 
  vertical-align:middle;
  font-weight:bold;
}
table.objektliste tbody td { 
  background: #e7e9eb; 
  border-bottom:10px solid #ffffff;
  vertical-align:bottom;
  padding-bottom:6px;
  cursor:pointer;
}
table.objektliste tbody tr:hover td { background: #f1f4f6; }
table.objektliste tbody td:first-child { padding:0; }
table.objektliste tbody tr:last-child td { border-bottom:0; }
table.objektliste img { box-shadow: 3px 0px 6px 1px #bec2c5; }
table.objektliste td.green { color:#579f27; }
table.objektliste td.ort { width:100px; }
table.objektliste td.preis { width:70px; }
table.objektliste td.sixty { width:60px; }

/* objektdetails */
#objektdetails .formheader { width:740px; }
#objektdetails .formcontent { width:748px; }
#objektdetails .formheader a { color:#ffffff; }
#objektdetails .longcontent { padding:20px 20px 20px 20px; }

/* objektdetails */
#picloader { position:absolute; top:-1px; height:1px; width:1px; overflow:hidden; }
#loading { position:absolute; z-index:9999; }
#picviewerBackground { position:absolute; top:0; left:0; width:100%; opacity:0.1;filter:Alpha(Opacity=1); background:#000000; z-index:999; }
#picviewer { position:relative; width:400px; height:285px; overflow:hidden; background:#e8eaeb; z-index:1000; }
#picviewer .pics { position:absolute; left:0; top:0; height:285px; overflow:hidden; }
#picviewer .pic { display:inline-block; width:400px; height:285px; line-height:285px; text-align:center; }
* + html #picviewer .pic { float:left; } /* IE<9 */
#picviewer .btn_zoom { position:absolute; top:0px; right:0px; width:32px; height:32px; background:url('/img/zoom.png') no-repeat; }
#picviewer .btn_zoom:hover { background-position: 0px -32px; }
#picviewer .nav { position:absolute; left:0; bottom:0; height:30px; width:100%; background:url('/img/pix_antrazit_90.png'); }
#picviewer .nav table { width:100%; font-weight:normal; }
#picviewer .nav table td { height:30px; vertical-align:middle; color:#ffffff; 
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor:default;
}
#picviewer .nav table td.left { padding-left:10px; width:20%; cursor:default; }
#picviewer .nav table td.left:hover, #picviewer .nav table td.right:hover { background:#788d98; }
#picviewer .nav table td.middle { width:60%; text-align:center; }
#picviewer .nav table td.right { padding-right:10px; width:20%; text-align:right; cursor:default; }

#picviewerframe { width:400px; float:left; box-shadow: 3px 3px 6px 1px #bec2c5; }

#picviewer { width:400px; float:left; box-shadow: 3px 3px 6px 1px #bec2c5; }

#objektdetails div.details { float:right; width:288px; margin:20px 20px 0px 40px; }
#objektdetails table { width:280px; }
#objektdetails table.details td { padding:4px 0px 3px 0px; border-bottom:1px solid #c2c9ce;  }
#objektdetails .adresse { display:block; margin-top:-10px; margin-bottom:10px; }

#objektdetails .actionbar { height:40px; width:100%; margin:20px 0px 0px 20px; overflow:hidden; }
#objektdetails .actionbar a { display:inline-block; height:40px; margin-right:20px; padding-left:32px; background:url(/img/btn_actions_25x40.png) no-repeat; 
  line-height:30px;  font-size:16px; color:#579f27;
}
#objektdetails .actionbar a[data-name="btn_lageplan"] { background-position:0px -40px; }
#objektdetails .actionbar a[data-name="btn_drucken"] { background-position:0px -80px; }
#objektdetails .actionbar a[data-name="btn_pdf"] { background-position:0px -120px; }


#logo { display: block; width: 400px; height: 115px; background:url(/img/rustler-die-verwalter.gif) no-repeat; }
#logosmall { display: block; width: 230px; height: 65px; background:url(/img/rustler-dieverwalter-small.gif) no-repeat; }