* {
     padding:0;
     margin:0;
}

body {
     background: url(../img/misc/bg.jpg) repeat-x top left #fff;
     background-color: #9d9c98;
     font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
     font-size: 12px;
     color:#fff;
     padding:0;
     margin:0 auto;
}

img {border:0;}

/* --- Container DIV --------------------------------------------- */
#container {
    position: absolute; left: 50%; width: 600px; margin-left: -300px;
}
  
/* --- Header DIV ------------------------------------------------ */
#header {
     background-color: #fff;
     width:600px;
     height:230px;
}

/* --- Menu DIV --------------------------------------------------- */
#menu {
     background: #4D4D4D;
     height: 2em;
}

#menu ul {
        list-style-type: none;
        padding: 0;
        margin: 0; 
}

#menu li {
        float:left;
}

#menu a:hover {
        background: #fff;
        color: #333;
        text-decoration: none;
}

#menu a {
     padding: 0px 10px;
     display: block;
     line-height: 2em;
     font-size: 1em;
     color: #fff;
     text-decoration: none;
}

#menu a:hover {color: #333; text-decoration: none;}
#menu a:active {color: #ccc; text-decoration: none;}

/* --- Menu current Status --------------------------------------- */
#menu ul li#current a, #menu ul li#current a:hover {
        color: #333;
        background:#fff;
        text-decoration: none;
}

/* --- SubMenu DIV ------------------------------------------------ */
#submenu {
     background-color: #fff;
     color:#fff;
     padding: 5px 10px;
     margin-top: 10px;
     text-align: left;
}

#submenu ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
}

#submenu a {
     font-size: 1em;
     line-height: 1em;
     color: #fff;
     text-decoration: none;
     font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
}

#submenu a:hover {color: #fff; text-decoration: none; background: #fff;}
#submenu a:active {color: #fff; text-decoration: none;}

/* --- Content DIV -------------------------------------------------- */
#content {
     position: relative; width: 100%;
     background-color: #fff;     
     font-size: 12px;
     font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
     color:#989898;
     overflow:hidden;  /* benoetigt, wenn content breiter als 420px / IE */
}

#inner {
     margin-left: 90px;
     margin-right: 90px;
     margin-bottom: 20px;
}

#content a {color: #388DE4; text-decoration:none;}
#content a:hover {background-color: #DBE8F6; text-decoration:underline;}

#content a[href^="http:"], #content a[href^="https:"]
{
        padding-left: 12px;
        background-image: url('../img/misc/ext_link.gif');
        background-repeat: no-repeat;
        background-position: left;
}

#content img {border:0; margin-right: 10px;}

a.pic:link img{
      filter: alpha(opacity=60);
      filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
      -moz-opacity: 0.60;
      opacity:0.6;
}
a.pic:visited img{
      filter: alpha(opacity=60);
      filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
      -moz-opacity: 0.60;
      opacity:0.6;
}
a.pic:hover img{
      filter: alpha(opacity=100);
      filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
      -moz-opacity: 1.00;
      opacity:1;
}

/* --- Formular ----------------------------------------------------- */
input, textarea {
        width: auto;
        font: 1em Verdana, Arial, Helvetica, Sans-Serif;
        border: 1px #ccc solid;
        background: #fafafa;
        padding: 3px;
        color: #777;
}

input[type=text]:focus, textarea:focus {
        background: #f0f0f0;
        color: #333;
        border-color: #666;
}

fieldset.csc-mailform label {float:left; width:110px;}
fieldset.csc-mailform {border:0;}

/* --- Footer DIV ----------------------------------------------------- */
#footer {
     background: url(../img/misc/footer_bg.gif) no-repeat top left;
     /*background-color: #C4C3C1;*/
     height:20px;
     padding-left:310px;
     font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
     font-size: 0.9em;
     color:#666;
}
#footer a {
     font-size: 1em;
     line-height: 1em;
     color: #666;
     text-decoration: underline;
     font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
}

#footer a:hover {color: #333; text-decoration: underline;}
#footer a:active {color: #333; text-decoration: underline;}
/* --- Sonderformate ------------------------------------------------- */
h1 {
     text-align: center;
     font-size: 14px;
     font-face: bold;
     font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
     color:#ccc;
}

h2 {
     font-size: 13px;
     font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
     color:#999;
     border-bottom:1px solid #9D9982; 
     margin: 0 0 2 0; 
}

p {
     padding-top:4px;
     margin:0;
}

/* --- Sitemap ------------------------------------------------------- */
#sitemap ul li ul li { margin-left:20px;}