/* ******************************************************************************************************
** *********** (c) by Helmut Siebe (http://www.siebe-webdesign.de/) ***********
** ******************************************************************************************************
*/

/* Basis-Formatierungen */
* { margin: 0; padding: 0; border: 0; font-size: 1.0em; }

html { height: 101%; }

body { font-family: verdana, arial, sans-serif; text-align: left; padding: 0; background-color: #f5e197;
color: #0e3865; font-size: 100.01%; background-image: url(../pic/bg3.jpg); background-repeat: repeat-x; background-position: left top; }

a { text-decoration: none; color: #6686c3; font-weight: bold; }
a:hover { text-decoration: none; color: #ff3300; font-weight: bold; }
.red { font-weight: bold; color: #ff0000; }
.blau { font-weight: bold; color: #426282; }
.small { font-size: 70%; }
.novis { display: none; }

/* gesamte Seite */
#gesamt { width: 900px; margin: 0 auto; padding: 0px; background-color: #fff7d6; border: 1px solid #f3d673; }

/* Verlinkung oben rechts */
#impressum { margin: 4px 12px 0 0; padding: 0; font-size: 70%; color: #6686c3; background: transparent; text-align: right; }
#impressum a { color: #6686c3; background: transparent; text-decoration: none; font-weight: normal; }
#impressum a:hover { text-decoration: underline; background: transparent; color: #0e3865; }

/* Header */
#header { width: 880px; height: 70px; margin: 10px 0 10px 10px; background: transparent; border: 0; }
#header img { margin: 8px 0 0 20px; padding: 0; background-color: transparent; border: 0; }
#header h1 { width: 320px; margin: 10px 10px 0 520px; padding: 0; background-color: transparent; border: 0; text-align: left; font-size: 1.0em; color: #6686c3; font-weight: bold; font-style: italic; font-family: 'trebuchet ms', Georgia, 'Times New Roman', Times, serif; }
#header p { width: 320px; margin: 10px 10px 0 520px; padding: 0; background-color: transparent; border: 0; text-align: left; font-size: 1.0em; color: #6686c3; font-weight: bold; font-style: italic; font-family: 'trebuchet ms', Georgia, 'Times New Roman', Times, serif; }


#titel { width: 880px; height: 220px; margin-left: 10px;
background-image: url(../images/titel-index.jpg); background-repeat: repeat-x; left: 10px; }


#menue { width: 880px; height: 24px; background-color: #6686c3; margin-left: 10px; }


/* Kernbereich */
#main { width: 880px; background: transparent; margin: 10px 0 30px 10px; padding: 0px; border: 0; overflow: hidden; }

/* Spalte links */
#navi { float: left; width: 180px; font-family: 'trebuchet ms', Georgia, 'Times New Roman', Times, serif;
margin: 0; padding: 10px 8px 8px 0; background-color: transparent; border: 0; text-align: left;
border-top: 6px solid #f5e197; border-right: 2px solid #f5e197; border-bottom: 2px solid #f5e197; border-left: 0px solid #f5e197; }
#navi h5 { font-size: 0.9em; background-color: #f5e197; font-weight: bold; padding: 4px 6px; line-height: 1.0em; }

#navi h5.immo { font-size: 0.95em; background-color: #6686c3; font-weight: bold; padding: 4px 6px; line-height: 1.0em; margin-top: 20px; }
#navi a.immo { color: #f5e197; font-size: 0.95em; font-weight: bold; }
#navi a:hover.immo { color: #ffffff; font-size: 0.95em; font-weight: bold; }

#navi h5.immo2 { font-size: 0.95em; background-color: #6686c3; font-weight: bold; padding: 4px 6px; line-height: 1.0em; margin-bottom: 20px; }
#navi a.immo2 { color: #f5e197; font-size: 0.95em; font-weight: bold; }
#navi a:hover.immo2 { color: #ffffff; font-size: 0.95em; font-weight: bold; }

#navi p { font-size: 0.8em; padding: 2px 4px; line-height: 1.3em; }
#navi p.hotline { font-size: 0.9em; padding: 2px 4px; line-height: 1.2em; }
#navi p.hotlinefett { font-size: 1.0em; font-weight: bold; padding: 2px 4px; line-height: 1.3em; }
#navi input { margin: 4px 0px; padding: 2px 2px; font-size: 12px; width: 174px; border: 1px solid #f3d673;
background-image: url(../pic/lupe.gif); background-repeat: no-repeat; background-position: left top; }

/* Content */
#content { margin-left: 240px; width: 580px; overflow: hidden; background-color: transparent; border: 0; font-size: 80%; }

#content h1 { font-family: 'trebuchet ms', Georgia, 'Times New Roman', Times, serif; color: #426282; font-size: 1.4em;
padding: 18px 0px 10px 0px; background: transparent; font-weight: bold; text-align: left; line-height: 1.3em; }
#content h1.welcome { font-family: 'trebuchet ms', Georgia, 'Times New Roman', Times, serif; color: #426282; font-size: 1.2em;
padding: 10px 0px 10px 0px; background: transparent; font-weight: bold; text-align: left; line-height: 1.3em; }
#content h2 { font-family: 'trebuchet ms', Georgia, 'Times New Roman', Times, serif; color: #426282; font-size: 1.4em;
padding: 18px 0px 10px 0px; background: transparent; font-weight: bold; text-align: left; line-height: 1.3em; }
#content h3 { font-family: 'trebuchet ms', Georgia, 'Times New Roman', Times, serif; color: #426282; font-size: 1.2em;
padding: 10px 0px 10px 0px; background: transparent; font-weight: bold; text-align: left; line-height: 1.3em; }
#content h4 { font-family: 'trebuchet ms', Georgia, 'Times New Roman', Times, serif; color: #426282; font-size: 1.0em;
padding: 10px 0px 4px 0px; background: transparent; font-weight: bold; text-align: left; line-height: 1.3em; }

#content p { font-size: 1.0em; padding: 0 0px 10px 0px; line-height: 1.3em; }
#content p.center { text-align: center; padding: 0 0 20px 0; }
#content p.welcome { font-family: 'trebuchet ms', Georgia, 'Times New Roman', Times, serif; color: #426282; font-size: 1.4em;
padding: 18px 0px 10px 0px; background: transparent; font-weight: bold; text-align: left; line-height: 1.3em; }

#content img { margin: 4px 10px 4px 0px; border: 1px solid #ccc; }
#content img.link { margin: 4px 10px 4px 0px; border: 0px solid #ccc; }
#content img.left { float: left; margin: 6px 16px 10px 0px; border: 1px solid #ccc; }
#content img.right { float: right; margin: 6px 0px 10px 16px; border: 1px solid #ccc; }
#content img.shop { clear: both; float: left; margin: 8px 16px 6px 0px; border: 1px solid #ccc; }
#content img.textleft { float: left; margin: 4px 10px 4px 0px; border: 1px solid #ccc; }
#content img.textright { float: right; margin: 4px 0px 4px 10px; border: 1px solid #ccc; }

#content ul { list-style-type: square; padding: 0px 10px 10px 40px; }
#content ul.sub { list-style-type: circle; padding: 5px 10px 0px 15px; }
#content ul.links { list-style-type: circle; padding: 0px 10px 10px 40px; }
#content li { line-height: 1.3em; padding: 0px 0px 4px 0px; }
#content fieldset.buero { width: 255px; border: 1px solid #ccc; font-size: 11px; line-height: 1.2em; padding: 12px; margin: 10px 0 10px 0; }
#partner { float: left; width: 150; margin: 10px 20px 10px 0px; text-align: center; font-size: 11px; }
#partner img { margin: 0px 0px 6px 0px; border: 1px solid #ccc; }

#fuss { clear: left; width: 900px; text-align: left; padding: 20px 0px; background-color: transparent; border-top: 4px solid #f3d673; margin: 0; }
#fuss p { font-size: 0.7em; padding: 0; line-height: 1.3em; margin-left: 250px; }
#fuss a { font-weight: normal; }