* {
margin: 0;
padding: 0;
}

html {
background-color: #FBCB65;

color: #5B7652;
font: 68.75%/1.3 verdana, arial, helvetica, sans-serif;
}

body {
padding: 120px 0 10px;
}

body > div#nav {
background: url(/files/klecks_vbm.png);
}

h1, h2 {
font-size: 1.2em;
}

h1, a {
color: #5B7652;
}

h1 {
margin: 20px 7px 0px;
text-transform: uppercase;
}

#rezepte h1 {
margin: 20px 7px 0px;

}

#rechts h1 {
margin: 15px 7px 0px;
text-transform: uppercase;	
}

h2 {
margin-top: -200px;
padding-top: 200px;
}

h2#katlist {
margin: 0px;
padding: 0px;
}


h2#rezept-1 {
margin-top: 0;
}

h3, div#nav, div#rezepte {
font-size: 1em;
}

p {
margin: 1em 0;
}

p.middle {
padding : 5px 10px;
margin : 0;
text-align : center;
}

p.unten {
padding : 5px 10px;
margin : 0;
text-align : center;
}

p.planes {
padding : 1px 1px;
margin : 1px 1px;
text-align : left;
}

ul {
list-style: none;
margin: 5px 7px;
}

ul.nav1st {
list-style-image: none;
text-transform : uppercase;
}
ul.nav2nd {
list-style-image: none;
font-weight: lighter;
}

ul.main {
list-style-image : none;
list-style-type : none;
}

li {
text-align: center;
padding-left: 5px;
}

li.main {
text-align : center;
padding : 2px;
}

img.test {
margin-top: 6px;
margin-left: -9px;
}

img.n-links {
float : left;
padding : 5px 10px;
}
img.n-rechts {
float : right;
padding : 5px 10px;
}
img.middle {
padding: 15px 20px;
margin-top: 50px;
margin-bottom: 50px;
margin-left: -30px;
border : 1px solid #ffffff;
}
div {
background: top right no-repeat;
font-size: 1px;
height: 6px;
width: 769px;
}

div#nav {
background: url(/files/klecks_vbm.gif);
height: 351px;
position: absolute;
top: 220px;
width: 230px;
z-index: 1;
}

div#oben {
background-image: url(/files/ecke_oben.gif);
height: 99px;
position: absolute;
top: 120px;
width: 769px;
z-index: 1;
}

div#rezepte {
height: 150px;
overflow: auto;
position: absolute;
top: 200px;
background-color: #f5d99d;
padding: 20px 25px 180px 46px;
margin: 20px 0px 80px 200px;
width: 498px;
}

div#unten {
background-image: url(/files/ecke-unten.gif);
}

div#rechts {
background-color: transparent;
top: 120px;
margin-left: 753px;
margin-top: -18px;
padding: 12px 0px 0px 25px;
width: 251px;
font-size: 11px;
}

div#werbung {
margin-left: 220px;

position: absolute;
top: 620px;
width: 498px;

font-size: 12px;
background-color: transparent;
}

hr {
        height: 1px; /* due to gecko + opera \*/
        border: 0 solid #fc0; /* due to gecko + opera \*/
        background-color: #fc0; /* due to gecko + opera \*/
        color: #fc0; /* due to msie \*/
      }

a {
font-weight: bold;
line-height: 1.8;
text-decoration: none;
background: none;
}

a:focus, a:hover {
color: #FDB902;
background: none;
}

a:visited {
color : #BA9697;
}

/* AdFlash */
.flashad {
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 0em;
    visibility: visible;
    z-index: 999;
}

/* End AdFlash */



/* Formular Definition */


/* Div das das Formular umschließt */
.formgen {
	font-size: 1em;
}


label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
cursor : pointer;
}



.formgen form
{
line-height : 100%;
width: 400px;
height: 600px;
font-size: 12px;
}

/* 
Wie sehen die einzelnen Blöcke aus? 
Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann
*/


.formgen .formblock
{
height: 50px;
width: 350px;
	margin-bottom: 25px;
	background-color: #FFFFCC;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 5px;
}


/*
Verhalten von br-Tags
*/
.formgen br
{
clear : both;
}



/* 
--------- FORMULAR-OBJEKTE ------------ 
*/


/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
	width: 200px;
	height: 50px;
	margin-left: 4px;
}


/* Textfeld */
.formgen .formtext
{
	height: 20px;
   width: 200px;
	background-color: #eeeeee;
	margin-left: 4px;
}
/* Trennelement , Abstand */
.formgen .formtrenn
{
	display: block;
	height: 30px;	
}

/* Hinweistext */
.formgen .formhinweis
{
font-size: 12px;
	font-weight: bold;
	color: #000000;

}
/* Überschrift */
.formgen .formheadline
{
	font-weight: bold;
	color: #003366;
}


/* Passwortfeld */
.formgen .formpassword
{
	width: 200px;
	background-color: #CCCCCC;
	margin-left: 4px;
}
/*Captcha-Bild*/
.formgen .formcaptcha {
	border: 1px solid #990000;
}

/* Label */
.formgen label {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
width: 120px;
clear: left;
float: left;
height: 20px;
padding: 2px;
}


/* Aussehen der Select-Ausgabe */
.formgen .formselect
{
	width: 200px;
	background-color: #CCCCCC;
	margin-left: 100px;
}


/* Sende-Button */
.formgen .formsubmit
{
width: 200px;
	
}


/* Definition des Fieldsets, das das ganze Formular umschließt */
.formgen fieldset {
width: 50px;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
border: 1px solid #5D81A3;
}


/* Fieldsetbeschriftung */
.formgen legend {

font-weight: bold;
color: #333333;
}

/* -------------- AUSGABEN / Fehlermeldungen --------*/

/* Fehlermeldung nach Versand */

.formgen .forminfo {
	color: #FFFFFF;
	font-size: 12px;
	background-color: #990000;
	border: 1px dashed #000000;
	margin: 5px;
	padding: 5px;
}


/* Markierung der Labels bei Fehler */
.formgen .formerror {
	color: #FFFFFF;
	background-color: #990000;
}

/*//////////////////////////////////////////////////////////////////////////////*
/* Ende der Formulardefinition */

/* test-css-linklist
*******************************************************************************/

.contentlinklist
{
  margin-left: 5%;
  margin-top: 10px;
}

.linkarea
{
  background: none;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px;
  width: 230px;
}

h3 
{
font-size : 12px;
font-weight: bold;
text-transform : uppercase;
background-color : transparent;
padding : 5px 15px;
margin : 0;
}

.linkarea_img
{
  padding: 2px;
  background: #fff;
  float: left;
  margin-right: 15px;
  border: 0px;
}

.linkarea_imgmax
{
  padding: 10px;
  background: none;
}

.clean
{
clear: both;
}

/* JAOS Gallery
*******************************************************************************/
/* JAOS Gallery
*******************************************************************************/
#jaos
	{
	margin:0 auto;
	}

.jaosg_galerie
	{
	text-align:center; 
	vertical-align:middle; 
	padding:5px;
	width: 500px;
	}

.jaosg_thumbnail 
	{
	margin:5px;
	float: left;
	height: 80px;
	width: 80px;
	text-align: left;
	vertical-align:middle;
	}

.jaosg_nav
	{
	text-align: center;
	}

.jaosg_bild	
	{
	text-align: center;
	}

.jaosg_bildbeschreibung
	{
	text-align: justify;
	}