/*******************************************************
TITLE: licht-gestalten.de
DATE: 01.07.2008
AUTHOR: Melanie Bernshausen - http://www.sakura-art.de
*******************************************************/

body {
margin:.5em;
padding:0;
height:100%;
background-color:#11151d;
color:#879CB3;  
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:.9em;
}

a {
color:#879cb3;                         /* Linkfarbe */
text-decoration:none;
border: none !important;

}

a:hover {                          /* Linkfarbe bei Mausberührung */
color:#616161;
text-decoration:none;
border: none !important;
}

a:active {
color:#616161;
text-decoration:none;
border: none !important;
}

blockquote {
margin:1em;
padding:.5em .5em .5em 85px;
background-color:#D7ECF8;
}

blockquote p {
margin:.2em;
color:#000000;
}

hr {
margin-bottom:20px;               /* horizonale Linie */
border:none;
width:99%;
color:#eeeeee;
background-color:#eeeeee;
height:1px;
clear:both;
}

td.desc {
padding:4px;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.7em;
}



#container {    
margin:0 auto;
padding:1em;
width:900px;
text-align:left;
vertical-align: middle; 
background-color:#11151d;
}

/* Menue */

#navbar {
margin:-1em 0 0 0; /* FF */
padding:1em 0 1em 0 !important; /* IE */
padding:1em 0 0 0;
background-color:#11151d;
}

#navbar ul {
margin:0 0 -1em .3em !important;
margin:.3em 0 0 .3em;
padding:0 0 1em 0;
list-style:none;
background-color:#11151d;
}

#navbar li {
margin:0 0 0 -.27em;
padding:.2em 0 .2em 0 !important;
padding:1em 0 1em 0;
list-style:none;
display:inline;
background-color:#11151d;
}

#navbar li a {
margin:0 0 0 0;
padding:1em .5em 1em .5em !important;
padding:1em .5em 0 .5em;
}

/* Header */

#header {
margin:0px auto;
padding:0 0 0 0;
height:254px;
width: 900px;
background:url("../images/header.jpg");
background-repeat: no-repeat;
}

/* Inhalt */

#content {
background: url("../images/contentbg.jpg") no-repeat #12171d;
width: 900px;
margin: 0 auto;
}


#spalte_1 {
float:left;
margin:15px 15px 1em 10px;
padding:8px;
width:550px;
}

#spalte_2 {
float:left;
margin:15px 50px 1em 15px;
padding:8px;
width:200px;
}
#spalte_3 {
float:left;
margin:15px 0px 1em 100px;
padding:8px;
width:300px;
}
#spalte_4 {
float:left;
margin:15px 15px 1em 15px;
padding:8px;
width:429px;
}

#spalte_5 {
float:left;
padding:8px;
width:500px;
margin-left:25%;
*margin-left: 10%;
margin-bottom: 1em;

}

#spalte_1 p, #spalte_2 p,{
font-size:.50em;
color:#879CB3;
}

#spalte_1 h2 {
margin:0 0 -4px 0 !important;
margin:0 0 -20px 0;
padding:4px 0 10px 0;
font-family:Georgia, "Times New Roman", Times, serif;
color:#879CB3;
font-weight:bold;
}

#spalte_2 h2 {
margin:0 0 -4px 0 !important;
margin:0 0 -20px 0;
padding:4px 0 10px 0;
font-family:Georgia, "Times New Roman", Times, serif;
color:#879CB3;
font-weight:bold;
}

/* Bilder */

#bilder {
margin:0px 0px 20px 0 ;
padding:5px;
text-align:center;
}
#bilder img {
margin:8px;
border:1px solid;
}

.img {
border:none;
}

.right {
float:right;
margin:5px;
padding:2px;
}

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

.center {
width:auto;
margin-left:auto;
margin-right:auto;
}

.clear {
clear:both;
}

/* Bilderboxen unten */

#box_1 {
background-color:#242e39;
float:left;
margin:0pt -5px 2em 11pt;
*margin:0pt -5px 2em 5px;
padding:8px;
width:150px;
}
#box_2 {
background-color:#242e39;
float:left;
margin:0pt 1px 2em 14px;
padding:8px;
width:150px;
}
#box_3 {
background-color:#242e39;
float:left;
margin:0pt 3px 2em 7px;
padding:8px;
width:150px;
}
#box_4 {
background-color:#242e39;
float:left;
margin:0pt 3pt 2em 5px;
padding:8px;
width:150px;
}
#box_5 {
background-color:#242e39;
float:left;
margin:0pt 0pt 2em 5px;
padding:8px;
width:150px;
}

#box_1 p, #box_2 p, #box_3 p, #box_4 p, #box_5 p  {
text-align: center;
}

/* Footer */

#footer {
position:relative;
clear:both;
bottom:0;
margin:5em 0 0 0;
padding:0;
height:4em;
line-height:4em;
text-align:center;
font-size:.7em;
background-color:#11151d;
}

/* Kontakt */

#contactForm{margin-left: 25%}

.eingabe {
background: none repeat scroll 0% 50%;
color: white;
margin-left:14px;
}
.eingabe1 {
background:none repeat scroll 0% 50%;
color: white;
margin-left:36px;
margin-top:10px;
}
.eingabe2 {
background:none repeat scroll 0% 50%;
color: white;
margin-left:36px;
margin-top:10px;
}
.eingabe3 {
background:none repeat scroll 0% 50%;
color: white;
margin-left:6px;
margin-top:10px;
}
.eingabe4 {
background:none repeat scroll 0% 50%;
color: white;
margin-left:23px;
margin-top:10px;
}
.eingabe5 {
background: none repeat scroll 0% 50%;
color: white;
margin-left:26px;
margin-top:10px;
}
.eingabe6 {
background: none repeat scroll 0% 50%;
color: white;
margin-left:31px;
margin-top:10px;
}

.anliegen {
background: none repeat scroll 0%;
color:white;
margin-top:10px;
min-height:150px;
width:288px;
margin-left:5px;
}

.clearfix {
margin: 5px;
}

#contactFormSubmitLeft {
margin-left:89px;

#contactForm{}