
/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # */

/* # # #   allgemein                                 # # # */

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # */


/* breite der gesamtkonstruktion  */
#breite {width:994px}


body
{margin-top: 15px; margin-left: 0px; margin-right: 0px;margin-bottom:15px;
background-position:  50% 0%;
background-repeat:repeat-y;
background-image:url(../design/seitenhintergrund2.png);
background-color:#232C2C;
font-family: verdana,trebuchet ms,georgia,arial, helvetica, tahoma ,verdana,  sans-serif;
}

/* überschriften */
h2{ color:#22c8ff;
margin-bottom:25px;letter-spacing:2px;
font-size: 20px;
font-variant:normal;font-weight:normal;
border-bottom:dashed 1px #678283
}

h3{ color:#22c8ff;
margin-bottom:25px;letter-spacing:2px;
font-size: 15px;
font-variant:normal;font-weight:bold;
border-bottom:dashed 1px #678283
}

/* rahmen um die seite */

.haupt {
}


/* homepagename */

#name { background-color:#2D3E3E;
color:#22c8ff;
text-align:left;
vertical-align:middle;
padding:0px 16px 10px 16px;
font-size: 18px;
}


/* listen */

li.liste1 {color:#acc0c6;
}

li.liste2 {color:#acc0c6;
padding-left:0px;
}



/* ====== kopf und inhalt ======  */

#top2 {height:320px;
text-align:left;
vertical-align:top;padding-left:40px;padding-bottom:20px;
border-top: solid 10px #2D3E3E;
border-bottom: solid 1px #000;
background-color:#485B5B;
background-image:url(../design/logo.jpg);
background-repeat:no-repeat;
background-position:50% 40%;
}

#top3 {height:38px;
text-align:center;
vertical-align:middle;
padding-top:0px;
background-color:#000;
border-bottom:solid 1px #000;
}

#inhalt {width:100%;
height:900px;
color:#d3d3d3;
text-align:justify;
vertical-align:top;
padding-top: 60px; padding-bottom: 50px;
padding-left: 74px;padding-right:74px;
letter-spacing:0px;
font-size: 15px;line-height: 25px;
}



/* ====== fussbereich ======  */

#fuss {height:160px;
background-color:#485B5B;
background-image:url(../design/seitenhintergrund2.png);
background-repeat:repeat-y;
background-position:50% 50%;
width:100%;
text-align:center;
vertical-align:middle;
color:#7A9596;
border-bottom:solid 10px #2D3E3e;
padding-left: 60px;padding-right:60px;
}


#fuss1 {font-size:12px;
font-size: 14px;line-height: 20px;
text-align:center;
vertical-align:bottom;
padding-bottom:6px;

}

#fuss2 {font-size:12px;
border-top:solid 1px #7A9596;
font-size: 14px;line-height: 20px;
text-align:center;
vertical-align:top;
padding-top:6px;
letter-spacing:1px;

}


/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # */

/* # # #   Navigation                                # # # */

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # */




/* menue oben   */

#menu1 a, #menu1 a:visited , #menu1 a:active {display: block;
color:#d3d3d3;
background-color:#55696c;
text-decoration:none ;font-family:verdana, sans-serif;
padding-left: 0px; padding-bottom: 0px; padding-top:0px;
margin-left: 1px;margin-right: 1px;
line-height:60px;
text-align:center;
background-image:url(../design/button.jpg);
background-repeat:repeat-x;
background-position:50% 50%;
border:solid 1px #55696c
}

#menu1 a:hover {color:#B0BFBF; text-decoration:none ;
background-image:url(../design/button_over.jpg);
background-repeat:repeat-x;
background-position:50% 50%;
}


/* =============================================================== */

/* allgemeine links im text */

a:link, a:visited, a:active{
color:#87a7a7;
font-size: 15px;line-height: 28px;
text-decoration:underline;}

a:hover{ text-decoration:none;
color:#9CB1B1;text-decoration:none;}


/* =============================================================== */

/*  menue unten */

#menu2 a, #menu2 a:visited , #menu2 a:active {display: block;
color:#7A9596;
text-decoration:none ;
font-size: 15px;
padding-left: 10px;padding-right: 10px; padding-bottom: 0px; padding-top:0px;
margin-left: 0px;margin-right: 0px;
height:26px;
line-height:26px;
text-align:center;
background:transparent;
vertical-align:middle;
}

#menu2 a:hover {color:#A3B8B8;text-decoration:underline;
}
.trenn2 {color:#678283;font-size:15px;vertical-align:middle}


/* ==================== allgemeine links im fussbereich ==================== */

a:link.fusslink,  a:visited.fusslink, a:active.fusslink{
font-family:arial,helvetica,verdana,times,trebuchet ms, serif;
font-size: 12px;
line-height: 16px;
color:#7A9596;
text-decoration:none;
letter-spacing:1px}

a:hover.fusslink { text-decoration:underline;
color:#A3B8B8;
}




/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # */

/* # # #   Schatten um Hauptbereich                  # # # */

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # */

#s1  {
background-image : url(../design/s1.png);
background-repeat : no-repeat;
background-position : 100% 100%;
}
#s2 {
background-image : url(../design/s2.png);
background-repeat : repeat-x;
background-position : 50% 100%;
}
#s3 {
background-image : url(../design/s3.png);
background-repeat : repeat-x;
background-position : 0% 100%;
}
#s4 {
background-image : url(../design/s4.png);
background-repeat : repeat-y;
background-position : 100% 100%;
height : 100%;
}
#s6 {
background-image : url(../design/s6.png);
background-repeat : repeat-y;
background-position : 0% 0%;
}
#s7 {
background-image : url(../design/s7.png);
background-repeat : no-repeat;
background-position : 100% 0%;
}
#s8 {
background-image : url(../design/s8.png);
background-repeat : repeat-x;
background-position : 0% 0%;
}
#s9 {
background-image : url(../design/s9.png);
background-repeat : no-repeat;
background-position : 0% 0%;
}


/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # */

/* # # #   Kontakt Formular                          # # # */

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # */


#error_msg { background-color:lightgrey;
color:red;
text-align:left;
vertical-align:middle;
padding:0px 16px 10px 16px;
font-size: 15px;
}

#FormBez {color:#d3d3d3;
text-align:justify;
vertical-align:top;
padding-top: 10px;
padding-left: 74px;padding-right:74px;
letter-spacing:0px;
font-size: 15px;line-height: 25px;
}

#FormObl {color:#d3d3d3;
text-align:justify;
vertical-align:top;
padding-top: 10px;
padding-left: 74px;padding-right:74px;
letter-spacing:0px;
font-size: 15px;line-height: 25px;font-weight:bold;
}


#FormCount{color:#d3d3d3;
text-align:justify;
vertical-align:top;
text-align:right;
padding-right:15px;
padding-top: 10px;
letter-spacing:0px;
font-size: 15px;line-height: 25px;font-weight:bold;
}

#FormResult{color:#d3d3d3;
text-align:justify;
vertical-align:top;
text-align:left;
padding-top: 10px;
letter-spacing:0px;
font-size: 15px;line-height: 25px;font-weight:bold;
}
