body{
   margin:0px;
   padding:0px;
   width:100%;
   height:100%;
   background-color:#fff;
   text-align:left;
   color:#5b5b5b;
   font: 65%/150% 'Verdana','Lucida Grande','Lucida sans unicode','Lucida sans', sans-serif;
   
   background:url(../images/hg.gif) no-repeat;
}

#header {
    position: relative;
    width: 100%;
    height: 60px;
    display: block;
    float: left;
    clear: left;
    padding-top: 20px;
}

#leiste {
    width: 215px;
    height: 45px;
    background-color: #808080;
    position: relative;
    float: left;
}

#leistew {
    width: 215px;
    height: 45px;
    background-color: #fff;
    position: relative;
    float: left;
}

#leiste1 {
    height: 5px;
    background-color: #ff0;
    position: relative;
    left: 700px;
    clear: left;
    float: left;
    display: inline;
    width: 64%;
    overflow-y: hidden;
    display:none;
}
#leiste2 {
    height: 5px;
    background-color: #808080;
    position: relative;
    clear: left;
    float: left;
    left: 220px;
    margin-bottom: 25px;
    display: inline;
    width: 89%;
    overflow-y: hidden;
    display:none;
}

#logo{
    margin-left: 5px;
    height:50px;
    float: left;
    position: relative;
    border-style: none;
}

#logo a {
    border-style: none;
    display: inline-block;
    background-image: none;
    background-color: #fff;
}

#page{
   position: absolute;
   top:0px;
   left:0px;
   width:1000px;
   height:600px;
   background-color:#ffffff;
   margin-top:110px;
   /* border:1px solid red; */
}

#navigation{
   width:155px;
   float:left;
   display: block;
   position: relative;
   margin-left: 65px;
}


/* Hauptnavigation erste Ebene */

#navi{
   min-height:246px;
   width:150px;
   clear:left;
   border:1px solid white;
   position: relative;
   top:  -10px;
   display: block;
   font-family: "Lucida Grande", Lucida, Verdana, sans-serif ! important;

}

#navi a{
    background-color: transparent;
}

#navi ul{
    padding-left: 0px;
    margin-left: 0px;
}

#navi li{
   list-style-type:none;
   line-height: 160%; 
   width:152px;
   display: block;
    padding: 1px 0px 3px 2px;
    margin: 0 0px 0px;
}

#navi .active{
   line-height:140%;
}

#navi active {
    background-color: #808080;
    color: #fff;
    background: url(http://www.d-werk-net.de/cms2/images/activehg.gif) repeat;
}

#navi li a{
   color:#999999;
   font-weight:bold;
    text-decoration: none;
}

#navi .active a{
   color:#fff ! important;
}

#navi ul li.active {
    width:152px;
    display: block;
    background: url(http://www.d-werk-net.de/cms2/images/activehg.gif) repeat;

}

#navi li.active {
    background-color: #808080;
}

#navi .link1{
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-color: #ccc;
    padding-bottom: 5px;
    line-height: 160%;
    padding-top: 5px;
}

#navi .active1 a{
   color:#fff;
}

#navi .active1 {
    background-color: #808080;
    color: #fff;
    background: url(http://www.d-werk-net.de/cms2/images/activehg.gif) repeat;
    width: 152px;
    padding-bottom: 5px;
}

#navi .link2{
    padding-top: 5px;
}

#navi .active2 a{
   color:#fff;
}

#navi .active2 {
    background-color: #808080;
    color: #fff;
    background: url(http://www.d-werk-net.de/cms2/images/activehg.gif) repeat;
    width: 152px;
}

#navi .link6{
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-color: #ccc;
    padding-bottom: 5px;
}

#navi .active6{
    background-color: #808080;
    color: #fff;
    background: url(http://www.d-werk-net.de/cms2/images/activehg.gif) repeat;
    width: 152px;
}

#navi li.active6 {
    background-color: #808080; 
    color: #fff;
}

#navi .active6 a{
   color:#fff;
   }

#navi .link7{
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-color: #ccc;
    padding-bottom: 5px;
    line-height: 160%;
    padding-top: 5px;
}

#navi .active7{
    background-color: #808080;
    color: #fff;
    background: url(http://www.d-werk-net.de/cms2/images/activehg.gif) repeat;
    width: 152px;
}

#navi .active7 a{
   color:#fff;
}

#navi li.active7 {
    background-color: #808080;
    color: #fff;
}

#navi .link8{
    padding-top: 5px;
}

#navi .active8 a{
   color:#fff;
}

#navi .active8 {
    background-color: #808080;
    color: #fff;
    background: url(http://www.d-werk-net.de/cms2/images/activehg.gif) repeat;
    width: 152px;
}


#navi .link10{
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-color: #ccc;
    padding-bottom: 5px;
    line-height: 200%;
}

#navi .active10{
    background-color: #808080;
    color: #fff;
    background: url(http://www.d-werk-net.de/cms2/images/activehg.gif) repeat;
    width: 152px;
}

#navi .active10 a{
   color:#fff;
}

#navi li.active10 {
    background-color: #808080;
    color: #fff;
}

#navi .link11{
    padding-top: 5px;
}

#navi .active11 a{
   color:#fff;
    padding-top: 5px;
}

#navi .active11 {
    background-color: #808080;
    color: #fff;
    background: url(http://www.d-werk-net.de/cms2/images/activehg.gif) repeat;
    width: 152px;
}

#navi li a:hover{
   /* padding-left:46px; */
   color:#fff ! important;
   
   width: 180px;
}

#breadcrumb {
    width: 150px;
    height: 25px;
    text-transform: capitalize;
    font-weight: bold;
    text-indent: 20px;
    line-height: 24px;
    color: #fff;
    background-color: #808080;
}



/* Hauptnavigation zweite Ebene */

#navi_2{
   min-height:80px;
   width:150px;
    border: 1px dotted #666;
    font-weight: bold;
    right: 10px;
    float: right;
    display: block;
}

#navi_2 ul{
   margin:0px;
   padding:0px;
}

#navi_2 li{
   margin:0px;
   padding:0px;
   padding-left:20px;
    line-height: 30px;
    text-transform: capitalize;
    background: url(http://www.d-werk-net.de/cms2/images/pfeilchen.gif) no-repeat 5px;
    list-style-image: none;
    list-style-type: none;
}

#navi_2 li a{
   color:#999999;
   text-decoration:none;
   background: transparent;
    vertical-align: baseline;
}

#navi_2 li a:hover{
   color:#fff;
   background: #808080;,    
   vertical-align: baseline;
}

#navi_2 .active a{
   color:#696969;
   background: transparent;
    vertical-align: baseline;
}

/* Sprachnavigation */



#navi_lang{
  width:auto;
  margin-left:799px;
}

#navi_lang ul{
   margin:0px;
   padding:0px;
}

#navi_lang li{
   margin:0px;
   padding:0px;
   float:left;
   list-style-type:none;
}

#navi_lang li a{
   padding:3px;
   color:#474747;
   text-decoration:none;
   background-color:#f0f0f0;
   line-height:190%;
}

#navi_lang li a:hover{
   background-color:#cccccc;
}

#navi_lang li .activ{
   padding:3px;
   color:#474747;
   text-decoration:none;
   background-color:#cccccc;
}

/* Hilfsnavigation */


#navi_help{
  /* clear:left; */
  position:absolute;
  left:0px;
  top:0px;
  margin-top:565px;
  display:block;
}

#navi_help ul{
   margin:0px;
   padding:0px;
   margin-left:89px;
}

#navi_help li{
   margin:0px;
   padding:0px;
   float:left;
   list-style-type:none;
}

#navi_help li a{
   color:#666666;
   text-decoration:none;
   font-weight:bold;
}

#navi_help li a:hover{
   color:#1a1a1a;
}

/*     Inhalt     */

table{
   margin:0px;
   padding:0px;
   border:0px;
   padding-top:0px;
}

tr{
   margin:0px;
   padding:0px;
}

td{
   margin:0px;
   padding:0px;
   border:0px;
   padding-right:20px;
   padding-bottom:10px;
   vertical-align:top;
   border-bottom: 1px dotted #666;
}

a{
    color: #fff ; 
    text-decoration: none;
    background: #808080;
}

#inhalt div.artikelliste div.artikel div.newstext p a {
    color: #fff  ! important; 
    text-decoration: none;
    background: #808080 ! important;
}

a:hover{
    color: #fff;
    text-decoration: none;
    background: #C0C0C0;
}

a:active {
    color: #fff;
    text-decoration: none;
    background: #808080;
}

b{
   color:#666666;
}

p{
   margin:0px;
   padding:0px;
   margin-bottom:20px;
}

#inhalt div.artikelliste div.artikel p {
    margin-bottom:0px;
    width: auto;
} 

strong{
   color:#666666;
}


/* formular */

.eingabe{
  width:310px;
  border:1px solid #5b5b5b;
  color:#666666;
  background-color:#f0f0f0;
  margin-bottom:7px;
}

.eingabe:hover{
  background-color:#fff;
}

.eingabefeld{
  width:310px;
  border:1px solid #5b5b5b;
  color:#666666;
  background-color:#f0f0f0;
  margin-bottom:7px;
  height:80px;
}

.eingabefeld:hover{
  background-color:#fff;
}

.button{
  padding:3px;
  border:1px solid #5b5b5b;
  color:#666666;
  background-color:#f0f0f0;
  margin-top:7px;
  margin-bottom:7px;
}

.button:hover{
  background-color:#fff;
}


#link{
   position:absolute;
   top:476px;
   left:0px;
   height:80px;
   width:253px;
   display:block;
}

#inhalt{
  width:610px;
  min-height:540px;
  float:left;
  border: 1px dotted #666;
}

#inhalt_start{
  width:610px;
  height:650px;
  float:left;
  border: 1px dotted #666;
}

#startbild {
    border-bottom: 5px solid #ff0;
}

#headline h1,h2,h3,h4,h5{
   margin:0px;
   padding:0px;
   font-size:100%;
   line-height:110%;
   width:auto;
   /* width:500px; */
}

#fliesstext{
   margin:0px;
   padding:0px;
      padding-left: 10px;
   width:500px;
   line-height:120%;
}

#fliesstext_hg_grau{
   margin:0px;
   margin-top:0px;
   padding-top:0px;
   padding-right:0px;
   padding-bottom:40px;
   padding-left:0px;
   width:610px;
   height:auto;
   line-height:120%;
   display: block;
}

#fliesstext_hg_grau form{
    /* position: relative;
    left: 10px;*/
    display: block;
    padding:10px 0px 10px 10px;
}

#text_kurzinfo{
   padding:0px;
   margin:0px;
   color:#666666;
   width:500px;  
   height:88px;
   line-height:120%;
   padding-left:20px;
   margin-top:20px;
}

#text_info{
   position:absolute;
   top:33px;
   left:353px;
   display:block;
}

#text_info_2{
   color:#666666;
   background-color:#f6f6f6;
   width:452px;
   height:278px;
   padding-top:20px;
   padding-left:20px;
   padding-right:20px;
   padding-bottom:40px;
   display:block;
   line-height:120%;
}

#text_liste{
   line-height:120%;
   width: 610px;
}

#text_liste table tbody td {
    width: 610px;
    margin: 0px;
    padding-left: 10px;
    border-top-style: dotted;
    border-top-width: 1px;
    border-bottom: 1px dotted 1px dotted #666;
    padding-top: 5px;
}

#text_liste table tbody tr td p a {
    
}

#text_liste ul{
   padding:0px;
   margin:0px;
   list-style-type:none;
}

#text_liste li{
   padding:0px;
   margin:0px;
   margin-bottom:15px;
}

#text_liste h1,h2,h3,h4{
   font-size:100%;
   color:#1c1c1c;
   padding-top:5px;
   padding-bottom:5px; 
}

#artikel p {
    margin: 0;
    padding: 0;
    float: left;
    display: block;
    width: 375px;
    height: auto;
}

#text_team{
   position:absolute;
   top:33px;
   left:253px;
   z-index:10;
   color:#8a8a8a;
   background-color:#f6f6f6;
   width:552px;
   height:455px;
   padding-top:20px;
   padding-left:20px;
   padding-right:20px;
   padding-bottom:40px;
   display:none;
   line-height:120%;
}

.closeWindow{
   color:#000000;
   margin:0px;
   padding:0px;
   padding-left:25px;
   padding-top:5px;
   padding-bottom:5px;
   background-image:url(../images/button_schliessen.gif);
   background-repeat:no-repeat;
   background-position:0px 0px;
   text-decoration:none;
}

.closeWindow:hover{
   color:#666666;
}

/*     Styles fuer Startseite      */

#tickerStart{
   position:absolute;
   left:252px;
   top:394px;
}

.ticker{
   margin-top:21px;
   background-color:#f0f0f0;
   color:#666666;
   width:587px;
   height:18px;
   border:0px;
   padding-top:5px;
   padding-left:3px;
   font-family:'Verdana','Lucida Grande','Lucida sans unicode','Lucida sans', sans-serif;
}

#imgStart1{
   position:absolute;
   z-index:5;
   text-decoration:none;
   width:610px;
}

#bild_links {
    float: left;
    margin-right: 15px;
}

#bild_links img {
    border-bottom: 5px solid #ff0;
}

a.startseite {
   float: left;
   width:120px;
   clear:left;
   position: relative;
   margin-left: 65px;
    top: 28px;
    color: #ccc;
    padding-left: 3px;
}

a:hover.startseite {
    float: left;
   width:120px;
   clear:left;
   position: relative;
   margin-left: 65px;
    top: 30px;
    color: #333;
    background-color:#fff;
}

a:active.startseite {
    float: left;
   width:120px;
   clear:left;
   position: relative;
   margin-left: 65px;
    top: 30px;
    color: #333;
    background-color:#fff;
}

div.artikelliste {
    display: inline-block;
}

.artikel {
    border-bottom: 1px dotted #666;
    display: inline-block;
    width: 100%;
    position: relative;
}

.artikel p img {
    float: left;
    margin-right: 10px;
    display: block;
    margin-top: -5px;
}

img.teaser_img {
    display: inline-block;
    width: 220px;
    float: left;
    clear: none;
    position: relative;
}

.teaserbild {
    float:left;
    width:220px;
    display:block;
    border-right:1px dotted #666;
}

#startbild img {
    width: 610px;
    height: 317px;
}

/* Styles fuer Kontaktseite */

.kollege1{
    position:relative;
    min-height:110px;
    width:270px;
    margin-bottom:5px;
    clear:none;
    display:inline-block;
    border-bottom:1px dotted #666;
}

.kollege2 {
    position:relative;
    min-height:110px;
    width:270px;
    margin-bottom:5px;
    clear:none;
    display:inline-block;
    border-bottom:1px dotted #666;
}


.kollege1 img, .kollege2 img {
    margin-right:5px;
    float:left;
    display:block;
}

.kollegentext {
    position:absolute;
    right:0px;
    bottom:0px;
    margin:0px;
    padding:0px;
    /* padding-top:40%; */
    width: 150px;
    height: auto;
    /* float: left; */
    display:inline-block;
    /* vertical-align:bottom; */
}


.kollegentext p {
    /* margin-top: 100px; */
    height:100%;
    width:auto;
    vertical-align:bottom;
}


/* .kollege1 .kollegentext{
    height:100%;
} */


#kollegen {
    float: left;
    padding-right: 20px;
}

#text_kollegen {
    float: left;
    clear: left;
    display: block;
    border-top: 1px dotted #666;
    width: 270px;
    font-size: 0.9em;
}

#text_kollegen table tbody tr td {
    border-bottom: 1px dotted #666;
    float: left;
    width: 150px;
    padding: 0px 0 5px;
}

#kollegenauswaerts {
    width: 110px;
    height: 50px;
    float: left;
    display: block;
    padding-top: 3px;
}

#text_links {
    width: 320px;
    float: left;
    
    padding-right: 18px;
    padding-left: 10px;
}

#text_rechts {
    width: 320px;
    float: right;
    padding-right: 5px;
}

#text_rechts_start {
    width: 230px;
    float: right;
    padding-right: 5px;
}




#altern {
    border-top: 1px dotted #808080;
    margin-bottom: 25px;
    clear: left;
}

#alternative1 {
    display: block;
    width: 250px;
    float: left; 
    overflow: hidden;
}

#alternative2 {
    margin-left: 50px;
    display: block;
}

.newstext {
    display: block;
    /* position: relative; */
    width: 350px;
    height:100%;
    border-left:1px dotted #666;
    margin-left:220px;
    padding-left:10px;
}

div.bild {
    display: inline-block;
    float: left;
    position: relative;
}

#imgStart {
    height: 315px;
    width: 610px;
    display: block;
    border:1px solid #ccc;
    margin-bottom: 15px;
    border-bottom: 5px solid #ff0;
    float: left;
}

/* Styles fuer Flash-Header */

#flash{
    position:absolute;
    left:445px;
    top:18px;
    width:350px;
    height:50px;
}

/* Styles fuer Tabellen Fliesstext Hintergrund grau */

#fliesstext_hg_grau table{
   margin:0px;
   padding:0px;
   width:auto;
   /* border-top: 1px dotted #666; */
}

#fliesstext_hg_grau td:first-child{
   margin:0px;
   padding:0px;
   border-left:0px;
   width:auto;
}

#fliesstext_hg_grau td{
   padding:0px;
   padding-left:10px;
   padding-top:10px;
   padding-bottom:20px;
   padding-right:20px;
   margin:0px;
   border-left: 1px dotted #666;
   width:auto;
}

#fliesstext_hg_grau p{
   padding-right:10px;
}


/* Style fuer Anzeige */
/*
#dwerk{
   position:absolute;
   top:110px;
   left:850px;
   width:150px;
   border: 1px dotted #666;
   z-index:10;
}

#dwerk #text_dwerk{
   padding:7px;
}

#dwerk .headline{
   background-color:#808080;
   width:140px;
   height:15px;
   padding:5px;
   color:#fff;
}
*/

/* Style fuer Anzeige */

#dwerk{
   position:absolute;
   top: 430px;
   left:840px;
   width:200px;
   height: 330px;
   border: 1px dotted #666;
   z-index:10;
}

#dwerk #text_dwerk{
   padding:7px;
}

#dwerk .headline{
   background-color:#808080;
   width:auto;
   height:15px;
   padding:5px;
   color:#fff;
}

.untersc {
    background-image: url(../upload/bilder/unterschrift.jpg);
    width: 270px;
    height: 88px;
    float: left;
}