/*
Farben
dunkelblau: #036
hellblau: #F6F7FB
Orange: #F14906
*/

/* Fonts   ------------------------------------------ */

* {padding: 0; margin: 0; list-style: none;}
p, li, form, td {font-family: Arial, Trebuchet MS, sans-serif; font-size: 13px; color: #111; text-align: left; margin: 0; padding: 0; line-height:120%;}
input {font-family: Arial, Trebuchet MS, sans-serif; font-size: 13px; color: #111;}
.orange {color: #F14906;}
.gruen {color: green;}
.strong {font-weight: bold;}
p.firmen {margin: 4px;}
p.grey {font-size: 11px; color: #888; margin: 40px 0 20px 0;}
p.grey a{font-size: 11px; color: #888; margin: 40px 0 20px 0; text-decoration: underline;}


/* Seitentitel */
h1 {font-family: Arial, Trebuchet MS, sans-serif; font-size: 16px; color: #333; font-weight: bold; margin: 25px 0 20px 0; padding: 0;}
/* Eintragstitel */
h2 {font-family: Arial, Trebuchet MS, sans-serif; font-size: 15px; color: #fff; font-weight: bold; text-align: left; margin: 0; padding: 0 0 0 6px;}
/* Untertitel */
h3 {font-family: Arial, Trebuchet MS, sans-serif; font-size: 15px; color: #111; font-weight: bold; text-align: left; margin: 18px 0 10px 0; padding: 0;}
/* Eintragsuntertitel */
h4 {font-family: Arial, Trebuchet MS, sans-serif; font-size: 13px; color: #111; font-weight: bold; text-align: left; margin: 0 0 3px 0; padding: 0;}
h4.galerie {margin: 0 0 3px 0; padding: 9px 0 0 9px;}
/* Vererbender Untertitel (z.B. acc, neu_titel etc., oft mit floats) */
h5 {font-family: Arial, Trebuchet MS, sans-serif; font-size: 13px; color: #111; font-weight: bold;}
/* Strongtitel mit margin-top */
h6 {font-family: Arial, Trebuchet MS, sans-serif; font-size: 13px; color: #111; font-weight: bold; margin: 10px 0 2px 0; padding: 0;}
/* Strongtitel ohne margin-top */
h6.nomargin {margin: 10px 0 2px 0;}


div.auf p,h4, td {background-color: #F6F7FB;}
td {background-color: #FFF;}
img {border: 0;}

.website {font-family: Arial, Trebuchet MS, sans-serif; font-size: 9px; line-height:100%; color: #000; margin: 0px; padding: 0px; text-align: right; text-decoration: none;}
p.title {font-family: Arial, Trebuchet MS, sans-serif; font-size: 18px; color: #fff; font-weight: 400; margin: 5px 0px 0px 12px;}
.ein {font-family: Arial, Trebuchet MS, sans-serif; font-size: 13px; color: #036; font-weight: bold; text-decoration: none; margin: 0px; padding: 0px; background-color: #F6F7FB;}
.blaettern {font-family: Arial, Trebuchet MS, sans-serif; font-size: 13px; line-height:120%; color: #111; margin: 0px; padding: 0px;  text-align: center;}
.normal {font-family: Arial, Trebuchet MS, sans-serif; font-size: 13px; color: #161F92; text-align: left; margin: 0px; padding: 0px; line-height:120%;}


a.start  {font-family: Arial, Trebuchet MS, sans-serif; font-weight: bold; background-color: #F6F7FB; color: #036; text-decoration: underline;}
a.start_h2 {font-family: Arial, Trebuchet MS, sans-serif; font-size: 15px; color: #fff; font-weight: bold; text-align: left; margin: 0px; text-decoration: none;}
a.acc {font-family: Arial, Trebuchet MS, sans-serif; font-size: 13px; line-height: 150%; color: #036; margin: 0px; padding: 0px; text-align: left;}
a.text {font-family: Arial, Trebuchet MS, sans-serif; font-size: 13px; line-height:120%; color: #036; margin: 0px; padding: 0px; font-weight: normal; text-decoration: underline;}
a.text_bold {font-family: Arial, Trebuchet MS, sans-serif; font-size: 13px; line-height:120%; color: #036; margin: 0px; padding: 0px; font-weight: normal; text-decoration: underline; font-weight: bold;}
a.blaettern {font-family: Arial, Trebuchet MS, sans-serif; font-size: 13px; line-height:120%; color: #036; margin: 0px; padding: 0px;}
a:hover.blaettern {color: #F14906;}
a:active.blaettern {color: #F14906;}
a.blaettern_active {color: #F14906;}
#footer a {font-family: Arial, Trebuchet MS, sans-serif; font-size: 11px; color: #036; margin: 0px; padding: 0px; font-weight: normal; text-decoration: underline;}
#footer p {font-family: Arial, Trebuchet MS, sans-serif; font-size: 11px; color: #777; margin: 0px; padding: 0px; font-weight: normal;}

/*Main Containers ------------------------------------------ */

body {
background-color: #fff;
padding: 0;
margin: 0;
}

#all { 
width: 1220px; 
margin: 0; 
padding: 0; 
} 

#container { 
float: left;
width: 985px; 
margin: 0 0 0 5px; 
padding: 0; 
} 

#leaderboard { 
float: right;
width: 728px; 
height: 90px;
margin: 10px 0 0 40px; 
padding: 0; 
background-color: #eee;
} 

#skyscraper { 
float: left;
width: 160px; 
height: 600px;
margin: 10px 0 0 40px; 
padding: 0; 
background-color: #fff;
} 

#header { 
margin: 0; 
padding: 0;
} 
 
#metanavi { 
height: 30px;
margin: 0; 
padding: 35px 0 0 0; 
}
 
#mainnavi { 
clear: both;
width: 985px;
height: 26px; 
margin: 0; 
padding: 0; 
background: #0B1373 url(../img/verlauf.jpg) repeat-x top;
}
 
#leftmenu { 
float: left;
width: 205px;
margin: 0; 
padding: 0; 
}
 
#content { 
float: left;
width: 780px;
margin: 0; 
padding: 0;
}
 
#footer{
width: 780px;
margin: 20px 0 0 0; 
padding: 0; 
border-top: 1px solid #036;
} 


/* Mainnavi ------------------------------------------ */

#mainnavi ul {
margin: 0;
padding: 0;} 

#mainnavi li {
float: left;
margin: 0;
padding: 0;
border-right: 2px solid #0B1373;
border-left: 2px solid #0359AF;
}

#mainnavi li.home {
float: left;
width: 60px;
margin: 0 140px 0 0;
padding: 0;
border-right: 2px solid #0B1373;
border-left: 2px solid #0359AF;
}

#mainnavi li.tipps {
float: right;
margin: 0;
padding: 0;
border-right: 2px solid #0B1373;
border-left: 2px solid #0359AF;
}


#mainnavi li a { 
height: 25px;
margin: 0;
padding: 0 8px;
font-family: Arial, Trebuchet MS, sans-serif; 
font-size: 15px; 
font-weight: bold;
color: #fff;
text-decoration: none; 
line-height: 25px; /* brauchts, damit die Ausrichtung bottom im Kasten funktioniert */
}

#mainnavi a:visited {color: #fff;}
#mainnavi a:hover {color: #fff; text-decoration: underline;}
#mainnavi a:active {color: #fff; text-decoration: underline;}

#container #mainnavi ul li a.aktuell {
height: 25px;
padding: 2px 8px 4px 8px;
color: #036; 
background-color: #fff;
}


/*Metanavi ------------------------------------------ */

#metanavi form{
float: right;
margin: 0;
padding: 0;}

#metanavi p {float: right; margin: 0; padding: 3px 0 0 0;}

#metanavi a { 
color: #036;
text-decoration: none; 
margin: 0;
padding: 0;}

#metanavi a:visited {color:#036;}
#metanavi a:hover {color: #F14906;}
#metanavi a:active {color:#F14906;}

#metanavi form input {
width: 130px;
height: 18px;
margin: 0px; 
padding: 0px; 
}

#metanavi input.submit {width: auto; height: auto;}

/*Leftmenu ------------------------------------------ */

#leftmenu ul {
margin: 10px 0 0 0;
padding: 0;} 

#leftmenu li {
width: 180px;
margin: 0;
padding: 2px 0 2px 0;
border-bottom: 1px solid #ccc;
}

#leftmenu span { 
font-family: Arial, Trebuchet MS, sans-serif; 
font-size: 12px; 
font-weight: normal;
color: #888;
}

#leftmenu a { 
margin: 0;
padding: 0;
font-family: Arial, Trebuchet MS, sans-serif; 
font-size: 13px; 
font-weight: normal;
color: #036;
text-decoration: none; }

#leftmenu a:visited {color: #036;}
#leftmenu a:hover {color: #036; text-decoration: underline;}
#leftmenu a:active {color: #F14906; text-decoration: underline;}
#container #leftmenu ul li a.aktuell {color: #F14906; text-decoration: underline;}

#leftmenu h5 {font-family: Arial, Trebuchet MS, sans-serif; font-size: 15px; color: #036; font-weight: bold; text-align: left; margin: 25px 0 10px 0; padding: 0;}
#leftmenu h5.suche {margin: 25px 0 0 0; padding: 0;}
#leftmenu input.suche {width: 120px; margin: 0px; padding: 0px;}

#leftmenu p {width: 180px; margin: 10px 0 0 0; padding: 10px 0 5px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #036;}
#leftmenu p a {font-family: Arial, Trebuchet MS, sans-serif; font-size: 13px; line-height:120%; font-weight: bold; text-decoration: none; color: #036; margin: 0; padding: 0;}
#leftmenu p a:visited {text-decoration: none; color: #036;}
#leftmenu p a:hover {text-decoration: underline; color: #036;}
#leftmenu p a:active {text-decoration: underline; color: #036;}




.float_right {
float: right;
margin: 0;
padding: 0;
}

.float_left {
float: left;
margin: 0;
padding: 0;
}

.antifloat {
clear: both;
height: 15px;
width: 0;
margin: 0;
padding: 0;
}

.antifloat_small {
clear: both;
height: 1px;
width: 0;
margin: 0;
padding: 0;
}

#logo {
float: left;
width: 200px;
height: 90px;
margin: 0px;
padding: 0px;
}

img.ecke_oben {
float: left;
width: 5px;
height: 25px;
margin: 0px;
padding: 0px;
}

img.ecke_unten {
float: left;
width: 5px;
height: 5px;
margin: 0px;
padding: 0px;
}

/* blaettern Containers ------------------------------------------ */

#content div.blaettern {
float: left;
width: 300px;
padding: 0;
margin: 5px 0 7px 0;
text-align: left;
}

/*Formular eintrag ------------------------------------------ */

#content form {margin-top: 5px;}


fieldset.ganze_breite {
width: 778px;
margin: 0;
padding: 0;
border: 1px solid #036;
background-color: #F6F7FB;
}

label {
float: left;
margin: 5px;
padding: 2px;
text-align: right;
font-weight: bold;
}

label.breit {width: 160px;}
label.schmal {width: 80px;}
label.s_schmal {width: 30px;}

span.label {font-weight: normal;}

fieldset.ganze_breite input {
display: block;
float: left;
margin: 5px;
padding: 2px;
}

input.breit {width: 280px; }
input.schmal {width: 40px;}
input.s_schmal {width: 20px; margin: 5px; padding: 2px;}
input.neu {width: 15px; height: 15px; margin: 0; padding-bottom: 0;}

textarea.formular{
display: block;
width: 280px;
float: left;
margin: 5px;
padding: 2px;
}

select.breit {
display: block;
float: left;
width: 288px;
margin: 5px;
padding: 2px;
}

select.kategorien {
display: block;
float: left;
width: 350px;
margin: 5px;
padding: 2px;
}

br.clear {
clear: left;
}

div.hr {
width: auto;
height: 15px;
border-top: 1px dotted #036;
}

p.formular{
width: 400px;
float: left;
margin: 5px;
padding: 2px;
}

span.st_formular{
width: 400px;
padding-top: 30px;
font-weight: bold;
}

span.formular{
width: 2px;
float: left;
margin: 5px;
padding: 2px;
}

.form{
padding-left: 12px;
}

p.zeichen {padding-top: 3px;}

p.zeichen_float{
float: left;
margin: 7px 0 0 0;
padding: 2px;
}

fieldset.ganze_breite input.zeichen{
width: 40px;
margin: 7px 2px 0 3px;
padding: 0;
}

fieldset.ganze_breite input.button{
width: 200px;
text-align: center;
font-weight: bold;
}

#content form.kantonal{
float: right;
margin: 0 0 7px 0;
padding: 0;
}

/*Formular neueintrag ------------------------------------------ */

h2.neu {
width: 154px;
border-right: 1px solid #fff;
}

h2.neu_first {
width: 150px;
border-right: 1px solid #fff;
}

h2.neu_last {
width: 154px;
}

img.neu {
float: left;
padding: 0px;
margin: 3px 0px 0px 6px;
}

img.bildcode {
border: 1px solid #036;
}

h5.neu_titel {
float: left;
width: 143px;
padding: 8px 0px 10px 11px;
border-right: 1px solid #fff;
}

h5.neu_titel_last {
float: left;
width: 143px;
padding: 8px 0px 10px 11px;
}

ul.neu {
float: left;
width: 154px;
height: 230px;
border-right: 1px solid #fff;
}

ul.neu_last {
float: left;
width: 154px;
height: 230px;
}

li.neu {
margin-left: 5px;
margin-bottom: 2px;
}

li.neu_last {
margin-left: 5px;
margin-bottom: 10px;
}

div.neu {
float: left;
width: 155px;
}



/*Formular login ------------------------------------------ */

fieldset.login {
width: 600px;
margin: 30px 0 0 0;
padding-top: 10px;
border: 1px solid #036;
background-color: #F6F7FB;
}

label.login {
float: left;
width: 80px;
margin: 5px;
padding: 2px;
text-align: right;
font-weight: bold;
}

fieldset.login input {
display: block;
float: left;
margin: 5px;
padding: 2px;
}

fieldset.login input.login_button {
width: 80px;
text-align: center;
font-weight: bold;
}

/* formular iframe ------------------------------------------ */

.iframe {
background-color: #F6F7FB;
}

form input.button{
width: 200px;
text-align: center;
}

/* start Containers ------------------------------------------ */

div.start {
float: left;
width: 250px;
margin: 0px;
padding: 0px;
background-color: #F6F7FB;
}

div.start .balken_unten {
float: left;
width: 240px;
height: 4px;
margin: 0px;
padding: 0px;
border-bottom: 1px solid #036;
}

div.start h2 {
float: left;
width: 240px;
height: 25px;
margin: 0px;
padding: 0px;
background: url(../img/verlauf.jpg) repeat-x;
text-align: left;
vertical-align: bottom;
line-height: 25px; /* brauchts, damit die Ausrichtung bottom im Kasten funktioniert */
}

div.start div.links {
float: left;
width: 109px;
height: 142px;
margin: 0px;
padding: 0px;
border-left: 1px solid #036;
background-color: #F6F7FB;
}

div.start ul.rechts {
float: left;
width: 139px;
height: 142px;
margin: 0px;
padding: 0px;
border-right: 1px solid #036;
background-color: #F6F7FB;
}

div.start img.start{
width: 100px;
height: 128px;
margin: 7px 0px 0px 4px;
padding: 0px;
border: 1px solid #036;
}

ul.rechts li {
width: 125px;
height: 18px;
margin: 0px 0px 0px 5px;
padding: 0px;
background-color: #F6F7FB;
text-align: left;
}

ul.rechts li.first {
margin: 6px 0px 0px 5px;
}

ul.rechts li.last {
margin: 8px 0px 0px 5px;
}

div.start_left {
float: left;
width: 500px;
margin: 0 30px 23px 0;
}

div.start_right {
float: left;
width: 250px;
margin: 0 0 23px 0;
}

/* auflistung Containers  ------------------------------------------ */

div.auf {
width: 780px;
margin: 0px;
padding: 0px;
background-color: #F6F7FB;
}

div.auf .balken_unten {
float: left;
width: 770px;
height: 4px;
margin: 0px;
padding: 0px;
border-bottom: 1px solid #036;
}

div.auf h2 {
float: left;
height: 25px;
margin: 0px;
padding: 0px;
background: url(../img/verlauf.jpg) repeat-x;
text-align: left;
vertical-align: bottom;
line-height: 25px; /* brauchts, damit die Ausrichtung bottom im Kasten funktioniert */
}

h2.titel1 {
width: 350px;
}

h2.titel2 {
width: 220px;
}

h2.titel3 {
width: 200px;
}

img.haus {
float: right;
height: 20px;
padding: 0px;
margin: 3px 0px 0px 0px;
}

img.auf {
float: left;
width: 150px;
height: 100px;
padding: 0px;
margin: 5px 0px 0px 5px;
border: 1px solid #036;
background-color: #fff;
}

img.det {
float: left;
width: 150px;
height: 100px;
padding: 0px;
margin: 11px 0px 0px 10px;
border: 1px solid #036;
background-color: #fff;
}

div.auf_inhalt {
clear: left;
width: 778px;
margin: 0px;
padding: 0px;
border-left: 1px solid #036;
border-right: 1px solid #036;
}

div.auf_links {
width: 774px;
margin: 0px;
padding: 3px 0px 0px 4px;
border-left: 1px solid #036;
border-right: 1px solid #036;
border-top: 1px solid #036;
text-align: left;
}

div.auf_beschreibung {
float: left;
width: 347px;
height: 106px;
margin: 4px 0px 0px 4px;
padding: 0px;
text-align: left;
}

div.auf_beschreibung_bildlos {
float: left;
width: 500px;
height: 70px;
margin: 4px 0px 0px 4px;
padding: 0px;
text-align: left;
}

div.auf_angebot {
float: left;
width: 253px;
height: 106px;
margin: 4px 0px 0px 14px;
padding: 0px;
text-align: left;
}

div.auf_angebot_bildlos {
float: left;
width: 253px;
height: 70px;
margin: 4px 0px 0px 14px;
padding: 0px;
text-align: left;
}

h4.angebot {margin: 0;}

div.auf_detailbeschreibung {
float:left;
width: 600px;
margin: 0;
padding: 9px 4px 0px 9px;
text-align: left;
}

ul.auf_kontakt {
float:left;
width: 590px;
margin: 0;
padding: 9px 4px 5px 9px;
text-align: left;
}

ul.auf_kontakt li.kon {
float: left;
width: 280px; 
padding: 0;
margin: 0 0 10px 0;
}

ul.auf_kontakt li.oef {
float: left;
width: 300px; 
padding: 0;
margin: 0 0 10px 0;
}

ul.auf_kontakt li.clr {
display: inline;
margin: 0;
padding: 0;
width: 1px;
}

ul.auf_kontakt li br.clr {
clear: left;
width: 1px;
font-size:1px;
margin: 0;
padding: 0;
overflow: hidden;
}

ul.auf_kontakt li ul li{
float: left;
width: 110px; 
padding: 0;
margin: 0;
}

ul.auf_kontakt li ul li.tag{
width: 79px; 
}

ul.auf_galerie {
width: 730px;
margin: 0;
padding: 9px 0 0 9px;
text-align: left;
}

ul.auf_galerie li {
float: left;
width: 200px;
margin: 10px 40px 0px 0px;
padding: 0px;
vertical-align: bottom;
}

ul.auf_galerie li img {
width: 200px;
margin: 0px;
padding: 0px;
border: 1px solid #036;
}

ul.auf_galerie li div p {
width: 200px;
margin: 6px 0px 5px 0px;
padding: 0px;
}

div.wohntipps_start {
height: 120px;
border: 1px solid #036;
margin: 15px 0 0 0;
padding: 0 0 0 5px;

}

div.wohntipps_semi {
float: left;
width: 380px;
}

ul.wohntipps {
clear: both;
margin: 0;
padding: 0;
}

ul.wohntipps li {
margin: 0 0 5px 0;
padding: 0;
}

/* account Containers  ------------------------------------------ */

div.acc{
width: 773px;
padding: 5px 0px 5px 5px;
border: 1px solid #036;
background-color: #F6F7FB;
}

h5.acc {
float: left;
width: 190px;
}

ul.acc {
float: left;
width: 190px;
}

ul.account {
width: 778px;
margin: 8px 0 0 0;
padding: 0;
border: 1px solid #036;
background-color: #F6F7FB;
}

ul.account li.norm_first {
float: left;
width: 130px; 
padding: 0;
margin: 5px 0 3px 4px;
font-weight: bold;
}

ul.account li.small_first {
float: left;
width: 80px; 
padding: 0;
margin: 5px 0 3px 4px;
font-weight: bold;
}

ul.account li.large_first {
float: left;
width: 180px; 
padding: 0;
margin: 5px 0 3px 4px;
font-weight: bold;
}

ul.account li.xlarge_first {
float: left;
width: 280px; 
padding: 0;
margin: 5px 0 3px 4px;
font-weight: bold;
}

ul.account li.norm {
float: left;
width: 130px; 
padding: 0;
margin: 0 0 8px 4px;
}

ul.account li.small {
float: left;
width: 80px; 
padding: 0;
margin: 0 0 8px 4px;
}

ul.account li.large {
float: left;
width: 180px; 
padding: 0;
margin: 0 0 8px 4px;
}

ul.account li.xlarge {
float: left;
width: 280px; 
padding: 0;
margin: 0 0 8px 4px;
}

ul.account li.admin {
float: left;
width: 150px; 
padding: 0;
margin: 2px 0 3px 4px;
font-weight: bold;
}

ul.account li.xxlarge {
float: left;
width: 450px; 
padding: 0;
margin: 2px 0 3px 4px;
}

ul.account li.hr {
width: 778px; 
height: 10px;
padding: 0;
margin:  0;
border-top: 1px solid #036;
}


ul.account li.clr {
display: inline;
margin: 0;
padding: 0;
width: 1px;
}

ul.account li br.clr {
clear: left;
width: 1px;
font-size:1px;
margin: 0;
padding: 0;
overflow: hidden;
}

/*Haupt-Navigation ------------------------------------------ */

ul.menu {
list-style-type: none;
margin: 5px 0px 10px 5px;
padding: 0px;
text-align: left;
}

ul.menu li {
margin: 0px;
padding: 0px 0px 5px 0px;
font-family: Arial, Trebuchet MS, sans-serif;
font-size: 14px;
font-weight: bold;
text-align: left;
}

li .a{
margin: 0px;
padding: 0px;
color: #161F92;
text-decoration: none;
}

li .a:hover{
margin: 0px;
padding: 0px;
color: #F14906;
text-decoration: none;
}

li .a:active{
margin: 0px;
padding: 0px;
color: #F14906;
text-decoration: none;
}

li .aactive{
margin: 0px;
padding: 0px;
color: #F14906;
text-decoration: none;
}

/*Wohntipps ------------------------------------------ */


img.tipps {
float: left;
width: 375px;
height: 250px;
padding: 0px;
margin: 20px 30px 20px 0;
border: 1px solid #036;
}

div.tipps {
float: left;
width: 310px;
height: 250px;
padding: 0px;
margin: 20px 0 20px 0;
border: 1px solid #FFF;
}