html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, textarea, button, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{ font-family:Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

body { /*line-height: 1;*/ }
ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }

del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

button { cursor:pointer; }

.hide, div.text input.hide { display:none; }

.clear { clear:both; }
.ie6 { display:block; line-height:1px; height:1px; font-size:1px; }

/*html, body { height:100%; } */

body { background:#fff url(bg.gif) center repeat-y; text-align:center; }

/* div#clearfix { width:1px; height:50%; margin-bottom:-275px; float:left; } */

/*************************************************** Type (Schriften) */

h1, h2, p, ul, ol, table, address { margin-bottom:15px; }
h1 { margin-bottom:10px; }

h1, h2, h3, h4, p, li, address, td, th, label, span, div { line-height:16px; }

h1, h2, h3, h4 { line-height:18px; }
h1, div.object a span.h1 { font-size:13px; line-height:18px; margin-bottom:4px; }
h2, div.object a span.h2 { color:#676767; font-size:18px; margin-bottom:6px; font-weight:normal; letter-spacing:1px; }
h3 { font-size:14px; }
p, li, td, th, label, address, div.object a span.p { font-size:11px; }
h2, h3, p, li, td, th, label, address, div#head div.contact {  }
table { width:100%; }
address { font-style:normal; }

ol li, ul li { list-style-type:decimal; margin-left:20px; margin-bottom:2px; }
ol li li { list-style-type:square; }
ul li { list-style-type:square; margin-left:15px; }
ul li li{ list-style-type:square; }

div#newsticker h3 { text-transform:uppercase; }

div#newsticker h3, div#newsticker li { color:#fff; }
div#newsticker li { font-size:11px; list-style-type:none; background:url(li_newsticker.gif) left 6px no-repeat; margin:0; padding-left:30px; }

div#footer address { color:#fff; font-size:12px; }

div.object a span.h1 { font-size:11px; margin-bottom:2px; line-height:16px; }
div.object a span.h2 { font-size:14px; margin-bottom:2px; line-height:18px; font-weight:bold; }

div.object div.desc span { display:block; }

/********** Links */

a { color:#c5c3ac; font-weight:bold; text-decoration:none; }
a:hover, a.focus, a.active { text-decoration:underline; }

a img { border:0 none; display:block; }

div#newsticker a, div#footer a { color:#fff; font-weight:normal; }

a.download { background-repeat:no-repeat; background-position:0 0; padding:2px 0 2px 20px; }

div.object a span.h1 { color:#000; }
div.object a span.h2, div.object a span.p { color:#676767; }
div.object a span.p { font-weight:normal; }

div.object a:hover span, div.object a:focus span { text-decoration:underline; }

/*************************************************** layout */

/****** Allgemeines */
div#nav, div#startpage, div#content, div.picband a, div.picband div.wrap, div.floatLeft, div.details table,
div.details div.formimmo, div.object div.desc, div.object div.img { float:left; } 
div.floatRight, div.floatLeft { margin-bottom:10px; } 
div.floatLeft { float:left; margin-right:10px; } 
div.floatRight { float:right; margin-left:10px; }
div.floatLeft, div.floatRight, div#header, div#logo a, div#content, 
div#footer, div#nav, div#startpage, div#nav ul, div.picband, div.picband a, 
div.picband div.wrap, div.details table, div.details div.formimmo, div.object div.desc, div.object div.img,
div.object { display:block; min-height:1px; }
div#logo, div#newsticker, div#headerimage div.overlay, div#startpage div.overlay { position:absolute; z-index:2; }
div#newsticker { z-index:2000; }
div#sidenav { position:fixed; text-align:left; left:50%; }

#siag { position:absolute; right:-16px; bottom:34px; width:10px; height:104px; z-index:10000; }
#siag a { background:url(bluemouse.gif) no-repeat; width:10px; height:104px; display:block; }
#siag a:hover, #siag a:focus { background:url(bluemouse_over.gif) no-repeat; }

/****** Position, Hintergrund, Farbe etc. */

div.wrapper { margin:0 auto; position:relative; text-align:left; width:960px; }

div#header { height:158px; position:relative; }
div#newsticker { right:0; top:60px; width:200px; }

div#startpage, div#content { background:#fff; position:relative; }
div#startpage { padding:5px 0 0 5px; width:755px; height:427px; }
div#content { padding:42px 5px 0 45px; width:710px; min-height:400px; }

div#footer { height:42px; background:url(bg_footer.gif) right top no-repeat; }

/****** Header */

div#logo { background:#fff url(logo.gif) no-repeat; width:200px; height:158px; left:0; top:0; }
div#logo h1 { margin:0; }
div#logo a { width:180px; height:153px; border:0 none; margin-left:20px; }

div#headerimage { position:relative; margin-left:205px; }
div#headerimage div.img { display:block; width:605px; height:159px; }
div#headerimage div.ovleft { background:url(overlay_top_left-trans.png) no-repeat; width:192px; height:159px; top:0; left:0; z-index:3; }
div#headerimage div.ovright { background:url(overlay_top_right-trans.png) no-repeat; width:254px; height:159px; top:-1px; right:0; z-index:3; }
div#headerimage div.fill { background:url(overlay_top_fill-trans.png); width:605px; height:159px; top:0; left:0; z-index:2; }

/*************************************************** Content */

/****** Allgemein */

div#startpage div.overlay { background:url(overlay_mainimg-trans.png) no-repeat; width: 253px; height: 175px; top:5px; right:0; }

div.picband { width:710px; position:relative; margin-bottom:15px; overflow-x:auto; overflow-y:hidden; }
div.picband a, div.picband div.wrap { margin-right:10px; }

/****** Immobilien Objekte */

div.object { margin-bottom:10px; }

div.object div.desc, div.object div.img { background:#f1f2f0; }
div.object div.desc { overflow:hidden;  }
div.object div.desc div { padding:10px;  }
div.object div.img { padding-right:10px; }

div.details { position:relative; }
div.details table { width:410px; }
div.details td.tblleft { width:30%; padding-right:6px; }
div.details td.vpreis { font-weight:bold; }

div.formimmo { width:300px; }

div#mapcontainer { display:block; height:500px; }

div.contact { float:left; width:320px; }
.mapcontact {float:left; width:380px; margin-left:10px; margin-top:6px; }
.mapcontact #mapcontainer { width:380px;  height:310px; }

/****** Footer */

div#footer address { padding:18px 0 0 280px; }
div#footer span { margin:0 4px; }

/*************************************************** Navs */

div#nav { background:url(bg_nav_top.gif) 0 0 no-repeat; padding-top:40px; padding-left:30px; width:170px; }

div#nav ul { margin:0; }
div#nav li, div#sidenav li { margin:0; list-style-type:none; display:block; }
div#nav li a { color:#a5a596; display:block; font-size:13px; font-weight:bold; text-transform:uppercase; padding:4px 10px 4px 14px; text-decoration:none; }
div#nav li a:hover, div#nav li a:focus, div#nav li a.active { color:#000; }

div#nav li ul { margin-left:16px; }
div#nav li li a { font-size:11px; font-weight:normal; padding:2px 6px 2px 6px; letter-spacing:-1px; }

div#sidenav { bottom:15px; width:200px; margin-left:-436px; }
div#sidenav ul { margin:0; }
div#sidenav li a { color:#a5a596;font-size:11px; font-weight:normal; text-decoration:none; }
div#sidenav li a:hover, div#sidenav li a:focus, div#sidenav li a.active { color:#000; }

/*************************************************** Formulare generell */

.ajax-loading {
	padding: 20px 0;
	background: url(../spinner.gif) no-repeat center;
}

div.formPos {  }

form br {  }

form { padding:0 0 0 0; margin-bottom:15px;  }

form fieldset { border:0 none; padding:0; padding-bottom:0; }

form legend { }

form div.formline { height:22px; margin-bottom:3px; }

form label, form select, form button, form input, form textarea { font-size:11px; }

form input, form textarea { padding:0 2px 0 2px; }

form div.text label, form div.radio label, form div.select label, form div.checkbox label, form div.textarea label,
form div.text input, form div.radio input, form div.select select, form div.checkbox input, form div.textarea textarea { float:left; display:block; }

form div.text input, form div.select select, form div.textarea textarea { width:200px; color:#000; background:#fff; font-size:11px; padding:2px 1px 0 1px; height:16px; }
form div.select select { height:24px; width:auto; padding:1px; }

form div.textarea textarea { height:120px; }
form div.textarea { height:126px; }

form div.checkbox, form div.radio {  }
form div.checkbox div.box, form div.radio div.box, div#content form div.checkbox div.box, div#content form div.radio div.box { float:left; display:block; width:88px; padding:0; margin:0; }

form div.text label, form div.radio label, form div.select label, form div.textarea label, form div.checkbox label { width:80px;  }

form div.text label, form div.radio label, form div.select label, form div.checkbox label, form div.textarea label { color:#000; line-height:20px; }
form label span { font-size:11px; }
form div.required label {  }

form div.radio input { margin-top:4px; }
form div.radio input, form div.checkbox input { margin-right:4px; }
form div.box label { width:60px;  }

form div.btn { display:block; margin:0 0 0 80px; float:left; line-height:normal; }
form button, .ng-close-link, .ng-clear-link { font-weight:bold; background:#e3e2d7; font-size:11px; text-align:center; border:1px solid #a5a596; color:#a5a596; padding:3px 2px 2px 2px; }
form button:hover, .ng-close-link, .ng-clear-link { background:#a5a596; color:#fff; }

p.errormsg, p.successmsg, p.error, p.ok { clear:both; padding:2px 6px; margin:3px 0; color:#fff; border:3px double #fff;  }
p.errormsg, p.error { background-color:#cc0000; }
p.successmsg, p.ok { background-color:#97bf0d; }
p.inform { margin:0 0 5px 120px; width:358px; }

form div.info { clear:both; font-size:12px;  }

/*************************************************** Formular Immo Objekt */

form fieldset { border:3px double #a5a596; padding:10px; }
form legend { font-size:11px; font-weight:bold; color:#a5a596; padding:0 6px; }

div.formimmo form input, div.formimmo form textarea { width:180px; } 
div.formimmo form textarea { height:80px; }
div.formimmo form div.textarea { height:86px; }

