body   	     { font-family: arial, verdana, helvetica, serif; background-color: #fff }
   
a:link     { color: black; text-decoration: none; border: none }
a:visited  { color: black; text-decoration: none; border: none }
a:hover      { color: #000000; border-style: none none solid; border-width: medium medium 1px; border-color:   black }
a:active  { text-decoration: none; border: none }


html, body, h1, h2, h3, h4, h5, h6, p,img   { margin: 0; padding: 0; border: 0; outline-width: 0 }
ol, ul, ul li { margin: 0; padding: 0 }
ol, ul li { list-style: none }

h1	 { font-size: 16px; font-weight: normal; position: absolute; top: 25px; left: 28px; border-bottom: 1px solid black }
h1 a:hover  { border-bottom: 0px solid  }
h2	{ }
/*h2	 { font-size: 24px; font-weight: normal; line-height: 30px; margin-bottom: 38px }*/
h3	 { font-size: 12px; font-weight: normal; margin: 0; padding: 0 }
h4	{font-size: 16px; font-weight: normal; display: inline; line-height: 21px ; margin: 0; padding: 0 }
h5	{ }
h6	{ }

/*START*/

 div#wrapper           {  margin-right: auto; margin-left: auto; position: relative; top: 84px; width: 860px; height: 800px }
 * html div#wrapper     { left: 100px }
.eins   { }
.zwei   { }
.drei          { position: relative; top: 20px; width: 46%; clear: right; }
.vier          {  margin-left: 430px; position: relative; top: 40px; width: 390px;  }

/* html #wrapper {height: 100%;}*/
div#wrapper p.start_de         { font-size: 38px }
div#wrapper p.start_en          { font-size: 38px; width: 50%; float: right }

div#wrapper p.start_de a:hover  {border-style: none none solid; border-width: medium medium 2px; border-color:   black  }
div#wrapper p.start_en a:hover  {border-style: none none solid; border-width: medium medium 2px; border-color:   black  }

div#wrapper  p#newstext_de  {font-size: 12px; line-height: 17px;  }
div#wrapper  p#newstext_en   { font-size: 12px; line-height: 16px }
div#wrapper p#newstext_de a    { background-image: url(../layoutimages/dreieck_rechts.gif); background-repeat: no-repeat; background-position: right 3px; padding-right: 30px }
div#wrapper p#newstext_en a    { background-image: url(../layoutimages/dreieck_rechts.gif); background-repeat: no-repeat; background-position: right 3px; padding-right: 30px }


div#wrapper p#newstext_de a:hover   { border-bottom: 0 }
div#wrapper p#newstext_en a:hover   { border-bottom: 0 }

/*div#wrapper .newstext     { background-color: black;  width: 326px; height: 120px }

*/


/*MENUES*/

ul#menue-1      { position: absolute; top: 85px; left: 28px }
/*ul#menue-1 li {height: 21px }*/
ul#menue-1 li     { display: block; padding: 0 0 2px }
ul#menue-1 li a.menue_aktiv { border-bottom: 1px solid black; }

#sub         { position: absolute; z-index: 5; top: 85px; left: 141px }
#sub ul li   { display: block;  padding: 0 0 2px }
#sub ul li a.menue_aktiv { border-bottom: 1px solid black; }

#menue-2      { margin-bottom: 50px;  }
#menue-3       { margin-bottom: 50px }

/*INHALTE*/
.preview_next      { margin-bottom: 10px }
.preview_next a:hover  { border-bottom: 0 none }
p.content_detail_projekttitel         { font-size: 16px; line-height: 21px; margin-bottom: 25px; width: 230px }
p.content_detail_projekttitel span   { top: 25px; border-bottom: 1px solid black }
p.content_detail_projektbeschreibung           { font-size: 12px; line-height: 17px; width: 230px }
p.content_detail_projektbeschreibung a  { background-image: url(../layoutimages/dreieck_rechts.gif); background-repeat: no-repeat; background-position: right 3px; padding-right: 20px  }



p.content_detail_projektdaten    { font-size: 12px; line-height: 17px; margin-top: 25px; margin-bottom: 100px; width: 230px }
.mehrtext        { text-align: right; position: relative; top: 8px; left: 210px }
.mehrtext  a      {  border-bottom: 0 none }
#content     { padding-bottom: 100px; position: absolute; top: 85px; left: 391px; width: 490px }
/*#content img { margin-bottom: 50px }*/
#content p    { font-size: 16px; line-height: 21px; }
#content p.liste span { font-size: 12px }
#content .liste a   { background-image: url(../layoutimages/dreieck_rechts.gif); background-repeat: no-repeat; background-position: 0 center; margin-left: -18px; padding-left: 18px }
#content .liste a:hover {border-style: none none solid; border-width: medium medium 1px; border-color:   black }

#content ul { font-size: 16px; line-height: 21px; margin-bottom: 30px }
#content ul li  { background-image: url(../layoutimages/anstrich.gif); background-repeat: no-repeat; background-position: left 10px; padding-left: 10px; li: 20px }
#content .bild_gross  { margin-bottom: 30px }

a.content_detail_bigbild   { }
a.content_detail_bigbild:hover     {border-bottom: 0 none }
a.content_detail_minibild  { margin-right: 40px; position: relative; top: 50px; height: 170px; float: left }
a.content_detail_minibild img  { display: block }
a.content_detail_minibild:hover     {border-bottom: 0 none }

#content h4 a  { background-image: url(../layoutimages/dreieck_rechts.gif); background-repeat: no-repeat; background-position: 0 center; display: block; margin-left: -18px; padding-left: 18px; display: inline; }


/*INHALTE-PROJEKTE*/
#projekte       { padding-bottom: 100px; position: absolute; top: 85px; left: 391px; width: 550px }

#baustelle       { width: 550px }
#projekte p.liste    {font-size: 16px; line-height: 21px; margin-bottom: 25px }

#projekte p.liste span  { background-image: url(../layoutimages/dreieck_rechts.gif); background-repeat: no-repeat; background-position: 0 center; display: block; margin-left: -18px; padding-left: 18px }
#projekte p.liste span a:hover {border-style: none none solid; border-width: medium medium 1px; border-color:   black }
.content_projektindex  {}
#projektindex   { position: absolute; top: 85px; left: 391px; width: 800px }
#projektindex .ut  { line-height: 16px; padding-top: 5px }
#projektindex .ut a:hover { border-style: none none solid; border-width: medium medium 1px; border-color:   black }
#projektindex img      { display: block }
#projektindex ul li   { font-size: 12px; margin-right: 40px; width: 120px; height: 140px; float: left }
#projektindex :hover     {border-bottom: 0 none }

#baustellenindex      { position: absolute; top: 0; left: 0; width: 490px }
#baustellenindex .ut  { line-height: 16px; padding-top: 5px }
#baustellenindex .ut a:hover { border-style: none none solid; border-width: medium medium 1px; border-color:   black }
#baustellenindex img      { display: block }
#baustellenindex ul li     { font-size: 12px; margin-right: 40px; padding-left: 0; width: 120px; height: 140px; float: left; li: 0px  }
#baustellenindex :hover     {border-bottom: 0 none }

p.content_detail_projektdaten a    { background-image: url(../layoutimages/dreieck_rechts.gif); background-repeat: no-repeat; background-position: right 3px; padding-right: 20px }