* {
margin:0;
padding: 0;
}
#body {
font-family: "Trebuchet MS", Arial, Verdana;
font-size: 100.1%;
text-decoration: none;
word-spacing: normal;
letter-spacing: 0;
text-align:center;
background-color: white;
}
#main-div {
margin-left: auto;
margin-right: auto;
margin-top: -70px;
width: 950px;
background-color: #ececec;
border-left: 1px solid #a2a994;
border-right: 1px solid #a2a994;
}
#main-div h3, #main-div p {
margin-left: 20px;
margin-right: 20px;
margin-bottom: 15px;
}
#main-div h3{
text-align: left;
font-size: 16px;
margin-left: 30px;
}
#main-div p{
text-align: left;
font-size: 12px;
}
#main-div-start {
margin-left: auto;
margin-right: auto;
margin-top: -70px;
width: 950px;
background-color: white;
}
#oben-band {
height: 70px;
width: 100%;
background-color: #77ce07;
background-image: url('allgemein/oben-leiste.jpg');
background-repeat:repeat-x;
}
img {
border: none;
}
#header {
width: 950px;
text-align:left;
margin-bottom: 15px;
border-bottom: 1px solid #a2a994;
padding-bottom: 15px;
}
#header p, #header h1{
margin-left: 20px;
}
#header h1{
margin-left: 30px;
font-size: 18px;
font-variant:small-caps;
}

#menu_links_oben{
float:left;
width: 30px;
height: 25px;
background-color: #406f2c;
background-image: url(allgemein/menu_links_oben.jpg);
}
#menu_rechts_oben{
float:right;
width: 30px;
height: 25px;
background-color: #406f2c;
background-image: url(allgemein/menu_rechts_oben.jpg);
}
#menu-planer{
width: 648px;
height: 25px;
font-size: 16px;
background-color: #669a50;
background-image: url(allgemein/menu_oben.jpg);
background-repeat:repeat-x;
margin: auto;
color: #435139;
float:left;
}
#menu-planer ul{
}
#menu-planer ul li{
float:left;
list-style-type: none;
padding-left: 8px;
padding-right: 8px;
margin-top: 0px;
font-variant:small-caps;
font-weight: bold;
background-image: url('allgemein/menu_oben_trenner.jpg');
background-repeat: no-repeat;
background-position: right;
cursor:pointer;
}
#menu-planer ul li a{
color: #435139;
text-decoration: none;
font-variant:small-caps;
}
#menu-planer ul li a:active{
color:white;
}
#menu-planer ul li a:hover{
color:white;
}

#header-start {
height: 250px;
width: 950px;
border-left: 1px solid #a2a994;
border-right: 1px solid #a2a994;
background-color: #ececec;
}
#header-start div{
float: left;
width: 290px;
font-size: 12px;
margin-left: 10px;
margin-right: 10px;
text-align: center;
font-variant:small-caps;
}
.logo {
float: right;
}
#header-start h1 {
font-size: 18px;
margin-left: 15px;
text-align: left;
font-variant:small-caps;
}
#header-start p {
margin-left: 15px;
text-align: left;
}
#hgoben {
height: 15px;
width: 950px;
background-image: url('allgemein/hauptgrafik_oben.jpg');
border-left: 1px solid #a2a994;
border-right: 1px solid #a2a994;
}
#hauptgrafik {
height: 300px;
width: 950px;
background-color: white;
text-align: left;
}
#hauptgrafik h1 span{
display:none;
}
#hauptgrafik h1{
font-size: 18px;
margin: 15px;
text-align: left;
}
#hauptgrafik div{
float: left;
width: 450px;
font-size: 14px;
margin-left: 10px;
margin-right: 10px;
margin-top: -15px;
text-align: center;
font-variant:small-caps;
height: 80px;
}
#hauptgrafik.upload{
min-height: 350px;
width: 950px;
}
#hauptgrafik.massstab{
min-height: 650px;
width: 950px;
}
#hauptgrafik div.googleadlinks {
float:left;
width: 202px;
height: 200px;
margin-left: 0px;
margin-top: 10px;
padding: 0px;
}
#hauptgrafik div.googleadrechts {
float:right;
width: 202px;
height: 200px;
margin-left: 0px;
margin-top: 10px;
padding: 0px;
}
#weiter_arbeiten, #neu_anfangen {
visibility: hidden;
}
#neue_planung{
margin-top: 20px;
margin-left: 40px;
display: block;
float:left;
}
#weiter_arbeiten{
margin-top: 40px;
float:right;
}
#hgunten {
height: 15px;
width: 950px;
background-image: url('allgemein/hauptgrafik_unten.jpg');
border-left: 1px solid #a2a994;
border-right: 1px solid #a2a994;
}
#unterteil{
height: 270px;
width: 950px;
border-left: 1px solid #a2a994;
border-right: 1px solid #a2a994;
background-color: #ececec;
}
#unterteil div{
float: left;
width: 290px;
font-size: 14px;
margin-left: 10px;
margin-right: 10px;
text-align: left;
font-variant:small-caps;
}
#unterteil h3{
text-align: right;
font-size: 18px;
margin-bottom: 14px;
margin-top: 15px;
font-weight: bold;
}

#unterteil h3.blau{
color: #269eff;
}

#unterteil h3.gruen{
color: #83d209;
}
#unterteil h3.orange{
color: #ff7c09;
}
#unterteil ul{
list-style-type: none;
padding-left: 20px;
padding-top: 10px;
}
#unterteil ul li{
border-bottom: 1px solid #bababa;
}
#alte_planung{
margin-left: 60px;
width: 350px;
height: 50px;
}
#neue_planung a {
background-image: url(allgemein/neue_planung_hover.png);
display: block;
width: 350px;
height: 50px;
}
#neue_planung img {
display:block;
}
#neue_planung a:hover img {
visibility: hidden;
}
p.noscript, p.fehler{
border: 2px solid red;
padding: 10px;
font-variant:small-caps;
color: black;
margin-bottom: -50px;
background-color: white;
font-size: 14px;
}
p.fehler a {
color: green;
}
p.ok{
border: 2px solid green;
padding: 10px;
font-variant:small-caps;
color: black;
margin-bottom: 20px;
}
p.tipp {
width: 900px;
height: 90px;
margin: 15px;
border-top:1px solid #a2a994;
text-align:left;
font-size: 14px;
margin: 15px;
}
p.tipp span, .fett{
font-weight: bold;
}
#fenster {
position: relative;
left: 0px;
top: 15px;
}
#dauerlinks p.fehler{
color: black;
}
#dauerlinks input{
margin-bottom: 8px;
}
#lineal {
z-index: 2;
position: absolute;
left: 0px;
top: 25px;
}
#grundriss {
z-index: 1;
position: absolute;
left: -10px;
top: 25px;
}
#header a{
color: #699b47;
}
#header a:hover{
color: #8acc5e;
}
#header-entwurf{
height: 150px;
padding-bottom: 30px;
padding-top: 30px;
}
.mindesthoehe {
height: 400px;
}
/* footer */

#footer {
font-size: 16px;
text-decoration: none;
word-spacing: 0.2em;
font-family: "Trebuchet MS", Arial, Verdana;
font-variant:small-caps;
}
#footer-oben{
background-color: grey;
width: 100%;
height: 25px;
margin-bottom: 0px;
border-left: 1px solid #a2a994;
border-right: 1px solid #a2a994;
}
#footer a.ueberschrift {display:block;
margin-top: 10px;
font-size: 18px;
}
#footer-rest a.logo-planer {
background: url('allgemein/Einrichtungsplaner_online_logo.jpg') no-repeat;
display:block;
width:300px;
}
#footer-rest a.logo-blog {
background: url('allgemein/Einrichtung_und_moebel_blog.jpg') no-repeat;
display:block;
width:330px;
}
#footer-rest a.logo-einrichtung {
background: url('allgemein/Stil_einrichtung_logo.jpg') no-repeat;
display:block;
width:330px;
}
#footer-rest a.logo-handbuch {
background: url('allgemein/Einrichtungshandbuch_Ratgeber.jpg') no-repeat;
display:block;
width:330px;
}
#footer-rest a.logo-textilien {
background: url('allgemein/stil_textilien_logo.jpg') no-repeat;
display:block;
width:330px;
}
#footer-rest a.logo-dekoration {
background: url('allgemein/stil_dekoration_logo.jpg') no-repeat;
display:block;
width:330px;
}
#footer-rest a.logo-planer img, #footer a.logo-blog img, #footer a.logo-einrichtung img, #footer a.logo-dekoration img, #footer a.logo-textilien img, #footer a.logo-handbuch img  {
    display:block; border:0;
  }
#footer-rest a.logo-planer:hover img, #footer a.logo-blog:hover img, #footer a.logo-einrichtung:hover img, #footer a.logo-dekoration:hover img, #footer a.logo-textilien:hover img,#footer a.logo-handbuch:hover img {
    visibility: hidden;
  }
#footer-rest a.logo-planer :hover, #footer a.logo-blog :hover, #footer a.logo-einrichtung :hover, #footer a.logo-dekoration :hover, #footer a.logo-textilien :hover, #footer a.logo-handbuch :hover  {
    border:0;
  }
#footer-rest{
background-color: grey;
width: 100%;
background-repeat: y-repeat;
margin-top:0px;
float:left;
text-align:left;
font-size: 16px;
text-decoration: none;
word-spacing: 0.2em;
line-height: 1em;
font-family: "Trebuchet MS", Arial, Verdana;
font-variant:small-caps;
border-left: 1px solid #a2a994;
border-right: 1px solid #a2a994;
}
#footer-rest p{
margin-left: 20px;
margin-top:10px;
}
#footer-rest p.first{
border-bottom: 1px solid white;
margin-right: 20px;
}
#footer-rest p.first span.copyright{
margin-right: 0px;
}
#footer-rest p.hosted{
display:block;
width: 910px;
text-align:right;
margin-top: 0px;
}

#footer a:link, #footer-rest a:link { text-decoration:none; color: #335b80; }
#footer a:visited, #footer-rest a:visited  { text-decoration:none; color: #335b80; }
#footer a:hover, #footer-rest a:hover { text-decoration:underline;  color:#FFFF80; }
#footer a:active, #footer-rest a:active { text-decoration:none; color:#FFFF80;}

.copyright{
float: right;
margin-right: 20px;
color: #cccccc;
}
.footer-left{
margin-top: 10px;
border-right: 1px solid white;
margin-bottom: 10px;
margin-right: 10px;
width: 450px;
float:left;
color: white;
}
.footer-right{
margin-top: 10px;
margin-bottom: 10px;
color: white;
}
.Sergiu {float:right; margin-left: 10px; margin-bottom: 10px;margin-right: 20px;}