/* top right bottom left */
body { font-family: Verdana, sans-serif; color: #333333; font-size: 70%; line-height: 120%; background-color: #EFEFEF; margin: 0px; }

img { border: 0px none; padding: 0px; margin: 0px; }

form { padding: 0px; margin: 0px; }

.clear { clear: both; }

a { color: #cc3300; text-decoration: none; }
a:hover { color: #333333; }

h1 { color: #525252; font-size: 120%; font-weight: bold; padding: 0px 0px 8px 0px; margin: 0px; }
h2 { color: #525252; font-size: 110%; font-weight: bold; padding: 15px 0px 8px 0px; margin: 0px; }
h3 { color: #525252; font-size: 110%; font-weight: normal; padding: 0px; margin: 15px 0px 2px 0px; }
h4 { color: #525252; font-size: 100%; font-weight: normal; padding: 15px 0px 0px 0px; margin: 0px; }
h5 { margin: 5px 0px 5px 0px; font-size: 100%; }
h6 { margin: 5px 0px 5px 0px; font-size: 100%; }

.all { border-left: 1px solid #E9E9E9; border-right: 1px solid #E9E9E9; background-color: #ffffff; width: 1000px; margin: 0px auto; }

.trenner {clear: both; line-height: 0; }

#head { width: 1000px; background-color: #ffffff; margin: 0; line-height: 0; }
.titelbild { display: block }
.titelbild-container { position: relative }
a.logo img { margin: 20px 0 20px 15px; }
a.logo:hover { text-decoration: none; }

#navbar { position: relative; background-color: #F4F4F4; margin: 1px 0px 0px 0px; padding: 0px; height: 30px; }
#navbar ul { list-style-type: none; margin: 0px; padding: 0px; line-height: 18px; }
#navbar ul li { float: left; }
#navbar ul li a { text-decoration: none; color: #cc3300; padding: 6px 14px; border-left: 1px solid #ededed; display: block; }
#navbar ul li a:hover { color: #333333; background-color: #E8E8E8; }
#navbar ul li a.nav-active { color: #333333; background-color: #E8E8E8; }

/* Sub Navigation */

.subnav { width: 200px; margin: 0px; padding: 0px; }
.subnav li { list-style-type: none; padding: 0px; border-bottom: 1px solid #F3F3F3; }
.subnav a { display: block; padding: 6px 0px 6px 22px; background-image: url(../images/layout/icon_nav.gif); background-repeat: no-repeat; background-position: 11px center; }
.subnav a:hover { background-color: #EFEFEF; }
.subnav a.nav-active { background-color: #EFEFEF; color: #333333; }

.left-col { position: relative; float: left; width: 200px; padding: 0px; margin-top: 25px; margin-bottom: 50px; }
.content-col { position: relative; float: left; width: 560px; padding: 3px 0px 30px 20px; line-height: 140%; margin-top: 25px; margin-bottom: 50px; }
.right-col { position: relative; float: right; width: 200px; font-size: 90%; background-color: #F7F7F7; padding: 0px; margin-top: 25px; margin-bottom: 50px; }

.schmal { width: 0px; }
.schmal ul { display: none; }
.wide { width: 760px; }

.content-col ul { padding-top: 0px; padding-bottom: 0px; margin-top: 0px; margin-bottom: 0px;  }

.immo-uebersicht { width: 400px; margin: 0px; background-color: #F7F7F7; padding: 10px 15px 10px 15px; }
.immo-uebersicht ul { padding: 0px; margin: 0px; }


.grey { /*background-color: #F7F7F7;*/ margin-bottom: 15px; }

.thumbs { background-color: #F7F7F7; margin-bottom: 15px; text-align: center }
.thumbs img { margin: 15px 7px 15px 7px; }

.breadcrumb { margin: 0px 0px 20px 0px; padding: 0px; font-size: 80%; }

.content { padding: 0; clear: both; }
.content-text { padding: 0px 0px 20px 0px; }
.content-headline { margin: 0px; }

.content-text-bild-l { margin-bottom: 15px; padding: 15px; background-color: #F7F7F7; }
.bild-l { display: block; float: left; margin-right: 30px; }
.text-bild-l {  }

.content-col ul { list-style-type: none; }
.content-col ul li { line-height: 20px; background-image: url(../images/layout/icon_list.gif); }
.content-col ul li { background-repeat: no-repeat; background-position: left 5px; padding-left: 20px }
.headline { border-bottom: 1px solid #F3F3F3; margin-bottom: 8px; }

.footer { width: 100%; clear: both; margin: 20px 0; }

.right-col h3 { font-size: 100%; margin: 5px 10px 15px 10px; border-bottom: 1px solid #ECECEC; }
.marginal-funcs { padding: 0px; margin: 0px 0px 25px 0px; }
.marginal-funcs ul { margin: 0px; padding: 0px; }
.marginal-funcs li { list-style-type: none; padding: 3px 0px 3px 0px; }
.print-link, .sitemap-link, .impressum-link, .home-link, .datenschutz-link { padding: 0px 0px 0px 30px; background-repeat: no-repeat; background-position: 11px center; }
.print-link { background-image: url(../images/layout/icon_drucken.gif); }
.sitemap-link { background-image: url(../images/layout/icon_sitemap.gif); }
.impressum-link { background-image: url(../images/layout/icon_impressum.gif); }
.home-link { background-image: url(../images/layout/icon_home.gif); }
.marginal-kontakt { padding: 0px; margin: 0px 11px 25px 11px; }

#kontaktinput, #kontaktbtn, #kontaktradio { border: 0px none; margin-bottom: 10px; }
#kontaktinput input, #kontaktinput label, #kontaktinput textarea { display: block; width: 460px; margin-bottom: 3px; }

#kontaktradio { border: 0px none; margin-bottom: 20px; }
#kontaktradio span, #kontaktradio input { vertical-align: middle; }
#kontaktradio span { margin-right: 5px; }
#kontaktradio input { margin-right: 10px; }

#kontaktinput input, #kontaktinput textarea { font-family: Verdana, sans-serif; font-size: 11px; color: #333333; border: 1px solid #E8E8E8; padding: 2px; }
#kontaktbtn input { font-size: 12px; }

.finanzkalender {}
.finanzkalender .first { background-color: #F0F0F0; width: 300px; text-align: right; padding: 7px; }
.finanzkalender .second { background-color: #F0F0F0; width: 150px; padding: 7px;}

/* reddot */

.content-edit { position: relative; }

.dot-set, .dot-1 { font-family: verdana,sans-serif; font-size: 10px; color: #000000; }
.dot-1 span { vertical-align: middle; color: red; background-image: url(../images/reddot_add/reddot_trans_white.png); }
.dot-1 span, .dot-1 a { vertical-align: middle; }
.dot-1 { z-index: 500; position: absolute; left: -5px; top: -5px; }
.seiteninhalt { position: absolute; left: 10px; top: -7px; }
.dot-set { position: absolute; z-index: 600; left: -5px; top: -5px; padding: 5px; border: 1px solid red; background-image: url(../images/reddot_add/reddot_trans.png); }
.dot-set .pic { float: right; border: 1px solid red; }
.dot-set a { padding: 0px; margin: 0px; display: inline; }
.dot-set p { line-height: 100%; margin: 0px 0px 5px 0px; padding: 0px; }
.text-prev { font-style: italic; font-size: 10px; }