/* ------------------------------------------------------------komplette seite */

body   /*mit beiger Hintergrundfarbe! */
{
 font-family:Verdana;
 font-size:12px;
 background-color:#FFFBF2;
 height:100%;
 margin-left:8%;
 padding:0%;
 margin-top:0px;
}


/* ---------------------------------------------------------------Menüstyles */


TD.menu {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #000000;
  color: #ffffff;
  font-weight : bold;
  padding-left: 5px;
  vertical-align: middle; 
}


 a:link {color: #2020A0; text-decoration: none; }
 a:visited { color: #2020A0; text-decoration: none;}
 a:hover { color: #2020A0; text-decoration: underline}



/*--------------------------------------------------------------------- Kopf */
#kopf            /*kopf gesamt*/
{
 background-image:url(bg_suchen.gif);
 width:90%;
}

#suchen         /*suchen button*/
{
 position:absolute;
 top:0%;
 right: 9.5%;
 width:240px;
 height:35px;
 z-index:1;
}

#input         /*such input*/
{
 position:absolute;
 margin-top:5px;
}

/* ------------------------------------------------------------linke Spalte */

#part1           /*container für die komplette linke Spalte*/
{
  margin-left: 0%;
  width: 15%;
  float: left;   /* Textausrichtung (center geht sowieso ned; Ulli) */
  clear: right;  /* gehört zu float und beginnt eine neue Spalte*/
  margin-right:1%;
}



#boxhead          /*Überschrift Info-Box */
{
 text-align: center;
 margin-left:0%;
 background-color:#990033;
 width:104%;
 float:left;
 color:#ffffff;

}


#boxheadleft   /*linker Bereich von arthead*/
{
width:auto;
float:left;
padding-left:5px;
padding-top:3px;
color:#ffffff;
background-color:#990033;
font-size: 12px;
font-family: Arial;
font-weight: bold;
}




#boxheadright  /*rechter Bereich von arthead, in diesem fall Graphik*/
{
width:auto;
float:right;
padding-right:0px;
color:#ffffff;
background-color:#990033;
font-size: 12px;
font-family: Arial;
font-weight: bold;
}


#boxmain          /*Inhalt Info-Box */
{
 background-color:#CCEEFF;
 width:104%;
 font-size: 11px;
 font-family: Arial;
 font-align: center;
 color: #000000;
 padding-left:5px;
 margin-bottom: 10px;  /*abstand zum unteren Rand des Containers*/

 /*Sie können bestimmen, wie viel Abstand ein Element zu seinem Nachfolgerelement
 nach unten hin hat - oder, wenn es das letzte Kindelement eines
 Elements ist - wie viel Abstand es zu dessen unteren Rand hin hat. */
}

/*--------------------------------------------------------------Komplette Main */
#main        /* main-Überschrift - mit beigem Hintergrund */ 
{
margin-left:0%;
width:57%;
float:left;
margin-left:1%;
background-color:#FFFBF2;
font-size:8pt;
}


/* -----------------------------------------------------------container - Artikel */


#arthead        /* main-Überschrift */
{
width:100%;
float:left;
margin-left:0%;
background-color:#990033;
}


#artheadleft   /*linker Bereich von arthead*/
{
width:auto;
float:left;
padding-left:5px;
padding-top:3px;
color:#ffffff;
background-color:#990033;
font-size: 12px;
font-family: Arial;
font-weight: bold;
}


#artheadright  /*rechter Bereich von arthead, in diesem fall Graphik*/
{
width:auto;
float:right;
padding-right:0px;
color:#ffffff;
background-color:#990033;
font-size: 12px;
font-family: Arial;
font-weight: bold;
}


#content      /* Container für Content */
{
width:100%;
float:left;
margin-left:0%;
margin-bottom: 2%;
background-color:#CCEEFF;
}

#eintrag_kopf
{
 font-weight:bold;
}

#adresse
{
 font-size:10px; 
 color:#000000;
}

#untermenue
{
 font-weight:bold;


}

/* -------------------------------------------------------kategorie - Artikel */



#kathead        /* Container für Kategorie-Überschrift */
{
width:100%;
float:left;
margin-left:0%;
background-color:#990033;
}


#katheadleft   /* linker Inhalt vom Überschriftcontainer*/
{
width:auto;
float:left;
padding-left:5px;
padding-top:3px;
color:#ffffff;
background-color:#990033;
font-size: 1em;
font-family: Arial;
font-weight: bold;
}


#katheadright  /* rechter Inhalt vom Überschriftcontainer*/
{
width:auto;
float:right;
padding-right:0px;
color:#ffffff;
background-color:#990033;
font-size: 12px;
font-family: Arial;
font-weight: bold;
}


#kategorie     /* wirklicher Inhalt vom Container - mit beiger Hintergrundfarbe*/
{
width:99%;
float:left;
margin-left:0%;
font-size:8pt;
margin-bottom: 2%;
background-color:#FFFBF2;
border:double #909090 2px;

}

#rechtebox
{
  width:15%;
  float:left;
  margin-left:1%;

}

#boden
{
 width:90%;
  clear: left;
  float:left;
 color:#ffffff;
 background-color:#990033;
 font-size: 12px;
 font-family: Arial;
 font-weight: bold;
}


#boden_text
{
 width:auto;
 float:left;
 color:#ffffff;
 background-color:#990033;
 font-size: 12px;
 clear:right;
 padding-left:30%;
 font-family: Arial;
 font-weight: bold;
}

#test
{
 color:#000000;
}