body
{
  background-image : url(bilder/hg.jpg);
  font-family : Verdana,Tahoma, Arial, Helvetica, sans-serif;
  font-size : 11px;
  line-height : 180%;
  text-align: center;
}

#rahmen
{
  width : 760px;
  height : 480px;
  background-image : url(bilder/cygnus_hg.gif);
  margin : 40px auto 0 auto;
}

#kopf
{
  width : 760px;
  height : 100px;
}

#kontent
{
  width : 760px;
  height : 380px;
  color : #002045;
  text-align: left;
}

#fuss
{
  width : 760px;
  height : 20px;
  padding-bottom : 40px;
  clear : both;
}

#spalten
{
  padding : 40px 0 0 0;
}

#navi
{
  height : 280px;
  width : 168px;
  float : left;
  font-size : 12px;
}

#bild
{
  height : 200px;
  float : left;
  width : 240px;
  padding : 2px 0 0 0;
}

#bildzwei
{
  height : 280px;
  float : left;
  width : 240px;
  margin-left : 30px; 
}

#text
{
  height : 280px;
  float : left;
  width : 300px;
  margin-left : 30px; 
}

#textzwei
{
  height : 200px;
  float : left;
  width : 200px;
  padding : 2px 0 0 0;
}

#textlang
{
  height : 280px;
  float : left;
  width : 530px;
  padding : 0 30px 0 30px;
  overflow : auto;
}

.clear 
{
  text-align : right;
}
  
.punkt
{
  margin : 0 0 10px 0;
  color : #3F4887;
  font-weight : bold;
}

.punkt a:link { text-decoration : none; color : #3F4887; }
.punkt a:visited { text-decoration : none; color : #3F4887; }
.punkt a:active { text-decoration : none; color : #3F4887; }
.punkt a:hover { text-decoration : none; color : #D3910C; }
.punkt a:focus { text-decoration : none; color : #D3910C; }

.acpunkt
{
  margin : 0 0 10px 0;
  color : #D3910C;
  font-weight : bold;
}

.acpunkt a:link { text-decoration : none; color : #D3910C; }
.acpunkt a:visited { text-decoration : none; color : #D3910C; }
.acpunkt a:active { text-decoration : none; color : #D3910C; }
.acpunkt a:hover { text-decoration : none; color : #D3910C; }
.acpunkt a:focus { text-decoration : none; color : #D3910C; }

#textzwei a:link { text-decoration : none; color : #002045; }
#textzwei a:visited { text-decoration : none; color : #002045; }
#textzwei a:active { text-decoration : none; color : #002045; }
#textzwei a:hover { text-decoration : underline; color : #002045; }
#textzwei a:focus { text-decoration : underline; color : #002045; }

#bildzwei a:link { text-decoration : none; color : #002045; }
#bildzwei a:visited { text-decoration : none; color : #002045; }
#bildzwei a:active { text-decoration : none; color : #002045; }
#bildzwei a:hover { text-decoration : underline; color : #002045; }
#bildzwei a:focus { text-decoration : underline; color : #002045; }

#textlang a:link { text-decoration : none; color : #002045; }
#textlang a:visited { text-decoration : none; color : #002045; }
#textlang a:active { text-decoration : none; color : #002045; }
#textlang a:hover { text-decoration : underline; color : #002045; }
#textlang a:focus { text-decoration : underline; color : #002045; }

#bildzwei img 
{
  border : 0px;
}

h1
{
  font-size : 16px;
  padding : 0;
  margin : 0 0 10px 0;
  color : #002045;
  clear : both;
}

h2
{
  font-size : 16px;
  padding : 0;
  margin : 0 0 10px 0;
  color : #002045;
}

#textzwei p
{
  margin : 5px 0 5px 0;
  padding : 0 0 0 0;
}

#produkt
{
  font-size : 10px;
}

#bildzwei p 
{
  padding : 0 0 0 0;
  margin : 0 0 0 0;
}

.produktzelle
{
  width : 60px;
  margin-right : 15px;
  float : left;
  font-size : 10px;
  
}

.produktzelle img
{
  border : 1px solid #c0c0c0;
}

.clear
{
  clear : both;
}


.produktblock
{
  border : 1px solid #BFC7D0;
  padding : 5px;
  margin-bottom : 20px;
}

.produktblocka
{
  width : 142px;
  height :82px;
  float : left;
  margin-right : 20px;
}

.produktblocka img
{
 border : 1px solid #c0c0c0;
}

.produktblockb
{
  width : 150px;
  float : left;
  margin-right : 20px;
}

.produktblockc
{
  width : 140px;
  float : left;
  margin-right : 10px;
}