/* HEADINGS */
h1 {font-family:Segoe UI Light,Segoe UI,ff-din-web-condensed-1,ff-din-web-condensed-2,Arial,sans-serif;color: #777674;font-size: 28px;font-weight:400;margin:4px 0 15px 0;padding:0px;width:auto;}
h2 {font-family:Segoe UI Light,Segoe UI,ff-din-web-condensed-1,ff-din-web-condensed-2,Arial,sans-serif;color: #777674;font-size:20px;font-weight:400;margin:15px 0px 8px 0px;padding:0px;}
h3 {font-family:Segoe UI Light,Segoe UI,ff-din-web-condensed-1,ff-din-web-condensed-2,Arial,sans-serif;padding:0;font-size:18px;margin:0;color: #777674;margin-top: 15px;}

a:link {
        text-decoration: none;
        color: #d0d0d0;
        font-weight:600;
        }

a:visited {
        text-decoration: none;
        color: #d0d0d0;
        font-weight:600;
        }

a:hover {
        text-decoration: underline;
        color: #f0f0f0;
        }

a:active {
        color: #f0f0f0;
        text-decoration: underline;
        }

a:focus
        {-moz-outline: none;
        outline:none;
        outline-offset: -1px;
        }

img        {
        border:none;
         display:inline;
        }

p         {
        margin-bottom: 10px;
        margin-left:0px;
        }

body         {
        font-family:Segoe UI,Verdana,Arial,Helvetica,sans-serif;
        font-size: 14px;
        font-weight: normal;
        color: #b0b0b0;
        background: url("http://www.keramikraum.de/bg_main.jpg") repeat-x scroll center top #000000;
         }

td       {
        font-family:Segoe UI,Verdana,"Arial",Helvetica,sans-serif;
        font-size: 14px;
        font-weight: normal;
        color: #b0b0b0;
        background-color: #000000;
        text-align:justify;
        padding-left:0px;
        }


table {
        padding-left:0px;
        border-style:none;
        border-spacing:0px;
}

textarea {
        font-family: Segoe UI,Verdana,"Arial",Helvetica,sans-serif;
        font-size: 100%;
        font-weight:normal;
        color: #d0d0d0;
        background-color: #000000;
        border-color: #6a6a6a;
        overflow: auto;
}

input {
        font-family: Segoe UI,Verdana,"Arial",Helvetica,sans-serif;
        font-size: 100%;
        font-weight:normal;
        color: #d0d0d0;
        background-color: #000000;
        border-color: #6a6a6a;

}

.gallery {
         margin-left: 205px;
         margin-top:140px;
}

.heading {
        margin-bottom: 25px;
        margin-right:0px;
        text-align:left;
}

.gallerylegend {
        width:700px;
        margin-left:190px;
         margin-right:90px;
        font-size:100%;
        font-weight:normal;
        text-align:right;
}

.indent {
        margin-left:190px;
         margin-right:90px;
}


ul#linklist {
    text-align:left;
    margin: 0; padding: 0em;
    border:none;
    background-color:black;
    margin-top:20px
}

ul#linklist li {
    font-size:100%;
    list-style: none;
    margin:-0.2em 0 2em 0;
    padding:0;
}

ul#linklist li ul {
   margin: 0 0 0 1em;
   padding: 0;
}

ul#linklist li ul li {
    font-size:95%;
    list-style: none;
    margin: 1em 1em 1em 1em;
    padding:0;
    letter-spacing:0px;
}

ul#Navigation {
    text-align:left;
    font-size:15px;
    font-weight:bold;
    margin: 0; padding: 0em;
    color:#d0d0d0;
    margin-top:40px
  }
* html ul#Navigation {  /* Korrekturen fuer IE 5.x */
    width: 120px;
    w\idth: 120px;
    padding-left: 0;
    padd\ing-left: 0em;
  }

ul#Navigation li {
    list-style: none;
    margin: 0 0 10px;
    padding:5px 0 0;
    border-style:solid;border-width:1px 0px 0px 0px;border-color:#3a3a3a;
    width: 150px;
  }

ul#Navigation li ul {
    margin: 0 0 0 1.5em; padding: 0;
    font-size:13px;
    letter-spacing:1px;
  }
ul#Navigation li ul li {
    margin: -0.2em 0;
  }
* html ul#Navigation li ul li {  /* Korrektur fuer IE 5.x */
    margin-left: 1em;
    ma\rgin-left: 0;
  }

ul#Navigation a {
    display:block;
    padding: 0.2em;
    text-decoration: none; font-weight: 400;font-size:14px;
    border: none;
    color:#d0d0d0;
  }

* html ul#Navigation a {
    width: 100%;    /* Breitenangabe fuer IE 5.x */
    w\idth: 130px;  /* Breitenangabe fuer IE 6 */
  }
* html ul#Navigation li ul li a {
    width: 100%;    /* Breitenangabe fuer IE 5.x */
    w\idth: 130px;  /* Breitenangabe fuer IE 6 */
  }
ul#Navigation a:hover {
    color:#f0f0f0;
    text-decoration:underline;
  }

#main_wrapper {margin: 0 auto; width:950px; padding-bottom: 20px}

#content {
         margin-left:205px;margin-top:125px;
        }

#news_box {
         margin-left:205px;
         margin-top:40px;
         margin-bottom:40px;
         padding: 15px 15px 15px 15px;
         border-style:solid;border-width:1px 1px 1px 1px;
         border-color:#3a3a3a;
         background-color: #050505;
         -moz-border-radius: 4px;-webkit-border-radius: 4px; border-radius: 4px;
          }

h3.news_box ~ p {
         margin-top: 5px;
         margin-bottom: 5px;
         font-size: 11px;
}

h3.news_box ~ a {
         font-size: 12px;
         }

h2.news_box {margin:0px 0px 0px 0px;padding:0px;font-size:18px;}
h3.news_box {padding:0;font-size:12px;margin:0;margin-top: 12px;}

td.news_box {
        font-size: 10px;
        background: none;
        width: 30%;
        vertical-align:top;
        text-align: left;
        padding-right: 10px;

}


#navarea {
         float:left; width:205px; padding:5px 0 15px 0;
         position: absolute;
         height: 100%;
         top: 0px;
         }

#footer {
    position:fixed;
    bottom:0px;
    background:#000000;
    text-align:left;
    padding:10px;
    margin-left:170px;
    font-size:75%;
    width:100%;
}
/* BREADCRUMB PATH AS LIST */

#breadcrumb{clear:both;height:28px; font-size:12px; overflow: hidden; width: 100%;}
#breadcrumb a{font-weight:normal; cursor:pointer; margin:0;}

/*
#breadcrumb ul{list-style: none; margin:0;padding:0; float: left;}
#breadcrumb ul li{float:left;  background: url(../img/arrow2.gif)  no-repeat 0 5px; margin: 0 5px 0 0;}
*/
#breadcrumb ul{float:left; padding: 0 0 0 0px}
#breadcrumb ul li{float:left; list-style: none; padding: 0 5px; background: url(/arrow2.gif)  no-repeat 0 5px;}
