@charset "UTF-8";

#container {
	background: transparent url(../images/sidebarHtgr.gif) no-repeat left bottom;
} 
#sidebar {
    float: left;
    width: 299px;
	height:100%;
    background: #FFFFFF;
    padding: 10px 9px 0px 22px;
}

#mainContent {
	padding:10px 4px 10px 9px !important;
}

/*Sidebarmenue*/

  ul.menue2 {
	font-size:1em;
  }

  ul.menue2 li {
	list-style: none;
  }

  ul.menue2 li ul {
    margin: 0 0 0 1em;
	font-size:0.9em;
  }
  ul.menue2 li ul li {
    margin: 0.1em 0;
  }
  * html ul.menue2 li ul li {  /* Korrektur fuer IE 5.x */
    margin-left: 1em;
    ma\rgin-left: 0;
  }

  ul.menue2 a {
	display:block;
	padding: 0.7em 0.7em 0.7em 30px;
	text-decoration: none;
	background: none;
	border-bottom: 1px solid #ffcc00;
	border-top: 1px solid #ffcc00;
	color:#FFFFFF;
  }
  ul.menue2 li.aktiv a, ul.menue2 a:hover {
	background: url(../images/pfeil_13x9_262E72.gif) no-repeat 10px 15px;
	background-color:#333582;
}
  ul.menue2 li.aktiv ul li.aktiv a, ul.menue2 li.aktiv ul a:hover{
	background: url(../images/pfeil_13x9_262E72.gif) no-repeat 10px 10px;
	background-color:#262e72;
}
  ul.menue2 li.aktiv ul li a {
	border:0px;
	background: none;
	padding:0.3em 0.3em 0.3em 30px;
  }





/* Die blauen Ksten */
div.kastendklblau300 {
	background-color:#16225a;
	width:300px;
}

div.kastendklblau300header {
	height:4px;
	background-image: url(../images/300dklblauOben.gif);
	background-repeat: no-repeat;
}
	
div.kastendklblau300content {
	padding:18px 0px 6px 0px;
}

div.kastenhellblau300 {
	float:left;
	margin-right:18px;
}
* html div.kastenhellblau300 {
	margin-right:9px;
}
div.kastenhellblau300right {
	position:relative;
	float:right;
	margin-right:18px;
}

* html div.kastenhellblau300right {
	margin-right:9px;
}
div.speisenkarten300 {
	width:300px;
	float:left;
	margin-right:9px;
}
div.kastenhellblau600 {
	position:relative;
	background-color:#e2edef;
	width:618px;
	margin-bottom:18px;
	float:left;
                     padding-bottom:10px;
}
div.kastenhellblau600gal {
                     padding-bottom:10px;
}
div.kastenhellblau600header {
	height:4px;
	background-image: url(../images/600hellblauOben.gif);
	background-repeat: no-repeat;
}
	
div.kastenhellblau600content {
	padding:8px 8px 6px 8px;
}
div.speisenkarten {
	padding:0px;
}
div.kastenhellblau600footer {
	height:4px;
	background-image: url(../images/600hellblauUnten.gif);
	background-repeat: no-repeat;
}

/*Das einzelne Rezept*/
div.rezept {
	width:551px;
	padding-left:30px;
}
div.rezeptheader {
	height:6px;
	background-image: url(../images/rezeptOben.gif);
	background-repeat: no-repeat;
}
	
div.rezeptcontent {
	background-image: url(../images/rezeptMitte.gif);
	padding:6px 0px 6px 0px;
}

div.rezeptcontent img {
	padding:0px;
}

div.rezeptcontent p {
	padding: 5px 30px;
}
div.rezeptcontent table p, div.rezeptcontent p.no {
	padding:0px;
}
div.rezeptcontent table {
	color:#16225a;
	padding:20px 0px 20px 10px;
	border-collapse:separate;
}
div.rezeptcontent td {
	padding:4px;
}
div.rezeptfooter {
	height:12px;
	background-image: url(../images/rezeptUnten.gif);
	background-repeat: no-repeat;
}
p.rezeptDatum {
	font-weight:bold;
	text-align:right;
	padding-right:30px;
	color:#16225a;
}
#mainContent p.klein {
	font-size:0.65em;
	line-height:0.99em;
	color:#16225a;
	padding:3px 0px;
}
/*Der mittelblaue Rezeptekasten*/
div.rezepte {
	background-color:#99a6af;
	float:left;
	width:300px;
	margin-bottom:18px;
	background-image: url(../images/rezepteMitte.gif);
	background-repeat: repeat-y;
}
div.rezepteheader {
	height:4px;
	background-image: url(../images/rezepteOben.gif);
	background-repeat: no-repeat;
}

div.rezeptecontent {
	padding:8px 8px 6px 8px;
}
div.rezeptefooter {
	height:4px;
	background-image: url(../images/rezepteUnten.gif);
	background-repeat: no-repeat;
}

.floatleft {
	width:618px;
}


/*Formulare*/
label, input, select { /* Alle Labels UND Formularelemente auswhlen */
  display: block;
  float: left;
  width: 300px; /* Breite.*/
  margin:5px 0px;
}

form br { /* Alle Zeilenumbrche in Formularen auswhlen */
  clear: left; /* das floating der labels und inputs aufheben */
}
input.checkbox {
	width:18px;
	margin-right:60px;
}
table.anfrage input.checkbox {
	width:18px;
	margin-right:3px;
}
label {
 padding-right: 1em; 
 width:150px;
 font-size:0.75em;
}

input.kurz, label.kurz {
	width:90px;
}
table.anfrage label {
	width:100px;
}
table.anfrage input {
	width:%;
}
table.anfrage input.button {
	width:125px;
}
table.anfrage label.kurz, table.anfrage input.kurz {
	width:67px;
}