/* kuepa.css *********************************************** */
/* Küchen Partner AG, Bad Schwalbach - www.kuechenpartner.ag */
/* Mai 2007 ************************************************ */
/* by IWI GmbH, Münster - www.iwi.de *********************** */

body
	{
	background-color:#808080;
	margin:0px;
	padding:0px;
	text-align:center;
	}

#main
	{
	width:978px;
	/*min-height:558px;*/
	margin-left:auto;
	margin-right:auto;
	border:12px solid #E1011C;
	background-color:silver;
	text-align:left;
	}


/* ****************************** **** ****************************** */
/* ****************************** KOPF ****************************** */

#kopf
	{
	z-index:1;
	position:relative;
	height:138px;
	}

#kopf_oben
	{
	z-index:2;
	position:relative;
	height:100px;
	background-color:#B6B6B6;
	}

#kopf_oben_grafik{
	position:absolute;
	top:9px;
	right:9px;
	border:0;
}

#kopf_unten
	{
	z-index:2;
	position:relative;
	height:38px;
	background-color:#000000;
	}


/* *************** ***** *************** */
/* *************** MENU2 *************** */

div#menuzeile2
	{
	position:relative;
	left:655px;
	margin:0px 0px 0px 0px;
	height:0px;
	width:330px;
    padding: 0em;
    border: 0px solid black;
	font-family:arial,helvetica,sans-serif;
	background-color:black;
  	}

* html div#menuzeile2
	{  /* Korrektur fuer IE 5.x */
    width: 400px;
    w\idth: 400px;
  	}

div#menuzeile2 div
	{
    clear: left; /* an| Aufhebung des FLOAT-Bereiches */
  	}


/* ---------- --------------- ---------- */
/* ---------- MENU2 - Ebene 0 ---------- */

ul#menu2
	{
    margin: 0px;
	padding: 10px 0px 0px 0px;
    text-align: left;
  	}

ul#menu2 li.ebene0
	{
    position: relative;
    list-style: none;
    float: left;  /* ohne width - nach CSS 2.1 erlaubt */
    margin: 0px;
	padding: 0px;
	width:110px;
  	}

* html ul#menu2 li.ebene0
	{  /* Korrektur fuer den IE 5 und 6 */
    margin-bottom: -0.4em;
	width:110px;
  	}

*:first-child+html ul#menu2 li.ebene0
	{  /* Korrektur fuer den IE 7 */
    margin-bottom: -0.1em;
  	}

ul#menu2 a.ebene0, ul#menu2 span.ebene0
	{
    display: block;
    width: 110px;  /* Breite den in li enthaltenen Elementen zuweisen */
    padding: 0.2em 0px;
    text-decoration: none;
	font-size:10px;
	color:#FFFFFF;
	font-weight:bold; /*Designer*/
  	}

ul#menu2 a.ebene0:hover
	{
    color: yellow;
  	}


/* ---------- --------------- ---------- */
/* ---------- MENU2 - Ebene 1 ---------- */

ul#menu2 li.ebene0 ul.master
	{
    position: absolute;
    top: 16px;
	left: -0.4em;
	min-width:110px;
    margin: 0 0 0 0;
	border:0px #000000 solid;
	padding: 10px 0px 10px 0px;
	background-color:transparent;
    display: none;  /* Untermenu2 ausblenden */
  	}

* html ul#menu2 li.ebene0 ul.master
	{  /* Korrektur fuer IE 5.x */
    left: -1.5em;
    l\eft: -0.4em;
	width:150px;
  	}

*:first-child+html ul#menu2 ul.master
	{  /* Workaround fuer den IE 7 */
    background-color:transparent;
	padding-bottom:0.4em;
  	}

ul#menu2 li.ebene0:hover ul.master
	{
    display: block;  /* Untermenu2 in modernen Browsern einblenden */
  	}

ul#menu2 li.ebene0 ul.master li.leer
	{
    float: none;
    display: block;
	height:14px;
	margin:0px;
	padding:0px;
	background-image:url('no.jpg');
	background-repeat:repeat;
	list-style: none;
  	}

ul#menu2 li.ebene0 ul.master li.voll
	{
    float: none;
    display: block;
	margin:0px;
	padding:0px;
	list-style: none;
  	}

ul#menu2 li.ebene0 ul.master li.voll ul
	{
	position:relative;
	top:-10px;
	min-width:110px;
    margin: 0 0 0 0;
	border:2px #000000 solid;
	padding:10px 10px 10px 10px;
	background-color:gray;
  	}

ul#menu2 li.ebene0 ul.master li.voll ul li
	{
    margin: 0 0 0 0px;
	padding:0px 0px 0px 0px;
	list-style: none;
  	}

ul#menu2 a.ebene1, ul#menu2 span.ebene1
	{
    display: block;
    width: 150px;  /* Breite den in li enthaltenen Elementen zuweisen */
    padding: 00px 0px 0px 10px;
    text-decoration: none;
	font-size:10px;
	color:#FFFFFF;
	background-image:url('dot.gif');
	background-repeat:no-repeat;
  	}

* html ul#menu2 a.ebene1, * html ul#menu2 span
	{
    width: 150px;   /* Breite nach altem MS-Boxmodell für IE 5.x */
    w\idth: 150px;  /* korrekte Breite fuer den IE 6 im standardkonformen Modus */
  	}

ul#menu2 a.ebene1:hover, ul#menu2 span.ebene1
	{
    color: #000000;
	background-image:url('b_dot.gif');
  	}

ul#menu2 li.ebene0 ul span
	{  /* aktuelle Unterseite kennzeichnen */
    background-color: maroon;
  	}

/* *************** */


#kopf_logo
	{
	z-index:4;
	position:absolute;
	left:0px;
	top:0px;
	border:0px;
	}


/* ****************************** ****** ****************************** */
/* ****************************** KÖRPER ****************************** */

#koerper
	{
	z-index:0;
	position:relative;
	min-height:438px;
	width:978px;
	background-image:url('grafik/hintergrund_muster.gif');
	background-repeat:repeat-y;
	}

#koerper:after
	{
	content:"clear";
	clear:both;
	display:block;
	height:0;
	overflow:hidden;
	visibility:hidden;
	}

/* *************** **** *************** */
/* *************** MENU *************** */

#menu
	{
	z-index:2;
	position:relative;
	left:0px;
	top:0px;
	min-height:100px;
	width:108px;
	float:left;
	background-color:#B6B6B6;
	font-family:arial,helvetica,sans-serif;
	font-size:11px;
	}

#menublock
	{
	margin-top:20px;
	}

#menublock .menupunkt
	{
	display:block;
	height:40px;
	width:104px;
	margin-left:2px;
	text-decoration:none;
	color:#000000;
	}

.menupunkt a
	{
	display:block;
	height:26px;
	width:102px;
	padding-top:12px;
	background:url('grafik/button_2farb.gif') left no-repeat;
	text-align:center;
	text-decoration:none;
	color:#000000;
	}

.menupunkt a:hover, .menupunkt a.aktiv
	{
	background-position:right;
	}

ul#untermenu
	{
	width:78px;
	margin:-6px 0px 5px 2px;
	padding:3px 2px 3px 20px;
	background-color:#BDC6C3;
	border:1px solid gray;
	}

ul#untermenu li
	{
	margin:0px 0px 0px 0px;
	padding:0px;
	list-style-type:square;
	}

#untermenu a
	{
	color:#000000;
	text-decoration:none;
	}

#untermenu a:hover, #untermenu a.aktiv
	{
	color:#E1011C;
	}

/* *************** ****** *************** */
/* *************** INHALT *************** */

.inhalt, #inhalt
	{
	z-index:1;
	position:relative;
	left:0px;
	top:0px;
	float:right;
	min-height:438px;
	width:868px;
	font-family:arial,helvetica,sans-serif;
	color:#000000;
	text-align:left;
	}

h2
	{
	font-size:11px;
	padding:0px 0px 3px 0px;
	margin:0px;
	}

h3
	{
	font-size:12px;
	padding:0px 0px 3px 0px;
	margin:0px;
	}

.hv
	{
	font-weight:bold;
	}

.inhalt p.hl
	{
	font-size:11px;
	padding:3px 0px 0px 0px;
	margin:0px;
	font-weight:bold;
	}

.inhalt a
	{
	color:#000000;
	text-decoration:none;
	}

.inhalt a:hover
	{
	color:#E2001A;
	}

.inhalt a.dunkler_link
	{
	color:#FFFFFF;
	text-decoration:underline;
	}

.inhalt a.dunkler_link:hover
	{
	color:#FFFFFF;
	text-decoration:none;
	}

.inhalt a.bildlink img
	{
	border:0px;
	}

.inhalt #buttonleiste
	{
	position:relative;
	left:0px;
	top:0px;
	}

.inhalt a.quader
	{
	display:block;
	float:left;
	width:15px;
	height:15px;
	background-color:#B6B5B6;
	border:1px solid #000000;
	margin:5px 10px 0px 0px;
	}

.inhalt a.quader:hover
	{
	background-color:#373839;
	}

.inhalt a.quader_aktiv
	{
	display:block;
	float:left;
	width:15px;
	height:15px;
	background-color:#373839;
	border:1px solid #000000;
	margin:5px 10px 0px 0px;
	}

.inhalt #buttonleiste a.cross
	{
	position:absolute;
	right:0px;
	display:block;
	float:left;
	width:15px;
	height:15px;
	background-color:#B6B5B6;
	background-image:url('grafik/cross.gif');
	border:1px solid #000000;
	margin:5px 10px 0px 0px;
	}

.inhalt #buttonleiste a.cross:hover
	{
	background-position:right;
	}

.inhalt ul
	{
	font-size:11px;
	padding:0px 0px 3px 15px;
	margin:0px 0px 0px 0px;
	}

.inhalt li
	{
	padding:0px 0px 0px 0px;
	margin:0px;
	list-style-type:disc;
	}

.inhalt ul.leasing li
	{

	}

.inhalt ul.leasing .leasing_hl
	{
	color:#E1011C;
	font-weight:bold;
	text-transform:uppercase;
	}

.inhalt h1.leasing
	{
	color:#E1011C;
	font-weight:bold;
	text-transform:uppercase;
	font-size:20px;
	margin:0px;
	padding: 20px 0px 10px 0px;
	}

.inhalt img#g_leasing
	{
	float:left;
	margin-right:10px;
	}

.inhalt p
	{
	font-size:11px;
	padding:0px 0px 3px 0px;
	margin:0px;
	}

.inhalt .ob_titel
	{
	padding:10px;
	background-color:#B6B5B6;
	color:#FFFFFF;
	font-size:20px;
	font-weight:bold;
	text-transform:uppercase;
	}

.inhalt .ob_text
	{
	padding:10px;
	background-color:#B6B5B6;
	color:#000000;
	font-size:11px;
	}

.inhalt .ob_white_text
	{
	padding:10px;
	background-color:#808080;
	color:#FFFFFF;
	font-size:11px;
	}

.inhalt .ob_red_text
	{
	padding:10px;
	background-color:#B6B5B6;
	color:#E3001B;
	font-size:11px;
	}

.inhalt .ob_rezepttitel
	{
	padding:10px;
	background-color:#B6B5B6;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	}

#nutzung, #analytics, #meldung, #zutaten, #anleitung
	{
	overflow:auto;
	}

.rahmen
	{
	width:505px;
	}

.rezeptrahmen
	{
	width:175px;
	}

#ob_kueche_aussenrahmen
	{
	position:absolute;
	left:80px;
	top:250px;
	width:340px;
	height:155px;
	background-color:#4E4F50;
	}

.inhalt .ob_innenrahmen
	{
	position:relative;
	left:0px;
	top:0px;
	background-color:#909192;
	margin:0px;
	border-top:1px solid #000000;
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;
	border-left:1px solid #000000;
	padding:10px;
	width:315px;
	height:130px;
	color:#FFFFFF;
	}

.inhalt .ob_innenrahmen img
	{
	border:1px solid #000000;
	}

.inhalt .ob_innenrahmen p
	{
	position:absolute;
	left:130px;
	top:10px;
	width:200px;
	height:110px;
	}

.inhalt .ob_innenrahmen div
	{
	clear:both;
	}

.schatten
	{
	margin:0px 0px 12px 0px;
	border-right:2px #404141 solid;
	border-bottom:2px #404141 solid;
	padding:1px;
	background-color:#000000;
	}

.tms
	{
	font-family:"times new roman",times,serif;
	font-weight:bold;
	}

.inlink
	{
	text-transform:uppercase;
	}

.pressebild
	{
	float:left;
	margin:0px 10px 10px 0px;
	}

.inhalt .nichtgross
	{
	text-transform:none;
	}

.inhalt table
	{
	margin:0px 0px 3px 0px;
	padding:0px 0px 0px 0px;
	font-family:arial,helvetica,sans-serif;
	font-size:11px;
	}

.inhalt table tr
	{
	margin:0px;
	border:0px;
	padding:0px;
	font-family:arial,helvetica,sans-serif;
	font-size:11px;
	}

.inhalt table tr td
	{
	margin:0px;
	border:0px;
	padding:0px;
	font-family:arial,helvetica,sans-serif;
	font-size:11px;
	}

/* ----- ++++++++++++++++++ ----- */
/* ----- INHALT / FORMULARE ----- */

form
	{
	margin:0px;
	padding:0px;
	}

.formular_zeile
	{
	margin-bottom:0px;
	padding:0px;
	clear:both;
	}

.formular_leerzeile
	{
	margin-bottom:0px;
	padding:0px;
	height:8px;
	width:300px;
	font-size:1px;
	clear:both;
	border:0px green solid;
	}

.formular_text
	{
	display:block;
	width:70px;
	float:left;
	text-align:left;
	padding-right:5px;
	padding-bottom:2px;
	padding-top:2px;
	border:0px #000000 solid;
	}

.formular_text_breit
	{
	display:block;
	width:150px;
	float:left;
	text-align:left;
	padding-right:5px;
	padding-bottom:2px;
	border:0px #000000 solid;
	}

.formular_feld
	{
	display:block;
	width:200px;
	float:left;
	padding-left:5px;
	padding-bottom:2px;
	border:0px #000000 solid;
	}

.formular_feld_schmal
	{
	display:block;
	width:300px;
	float:left;
	padding-left:5px;
	padding-bottom:2px;
	border:0px #000000 solid;
	}

.formular_feld input
	{
	padding:0px;
	margin:0px;
	width:200px;
	font-family:arial,helvetica,sans-serif;
	font-size:12px;
	background-color:#FFFFFF;
	border:1px #969693 solid;
	padding:1px;
	}

.formular_feld_schmal input
	{
	padding:0px;
	margin:0px;
	width:250px;
	font-family:arial,helvetica,sans-serif;
	background-color:#E2DFDE;
	border:1px #000000 solid;
	padding:1px;
	}

.formular_feld input.plz
	{
	width:38px;
	}

.formular_feld input.ort
	{
	width:154px;
	margin-left:4px;
	}

.formular_feld textarea
	{
	padding:0px;
	margin:0px;
	width:250px;
	font-family:arial,helvetica,sans-serif;
	font-size:13px;
	background-color:#E2DFDE;
	border:1px #969693 solid;
	padding:1px;
	}

.formular_knopf
	{
	margin-top:10px;
	margin-left: 110px;
	width:150px;
	padding-top:3px;
	padding-bottom:3px;
	background-color:#898A8C;
	color:#FFFFFF;
	border:1px #FFFFFF solid;
	font-weight:normal;
	text-transform:uppercase;
	font-size:12px;
	}

.inhalt #rechenformular input
	{
	width:80px;
	border:0px;
	text-align:right;
	}

.inhalt #rechenformular input.readonly
	{
	background-color:#DCDCDC;
	}

.inhalt #rechenformular input.button
	{
	width:82px;
	border:2px #E1011C solid;
	color:#E1011C;
	font-weight:bold;
	font-size:12px;
	text-align:center;
	}

.inhalt #rechenformular input.btn_rst
	{
	width:90px;
	border:1px #000000 solid;
	color:#000000;
	font-size:12px;
	text-align:center;
	}

.inhalt #submit2
	{
	position:absolute;
	left:10px;
	margin:1px;
	}

.inhalt #rechenformular #rechentabelle
	{
	width:400px;
	font-weight:bold;
	}

.inhalt #rechenformular #rechentabelle td
	{
	width:100px;
	height:30px;
	}

.inhalt #rechenformular #rechentabelle td.lang
	{
	width:200px;
	}

.inhalt #rechenformular #leasing_disclaimer
	{
	position:absolute;
	bottom:5px;
	left:10px;
	}

/* ++++++++++ ++++ ++++++++++ */
/* ++++++++++ Maße ++++++++++ */

/* Spalte 2: left: 108px; */
/* Spalte 3: left: 217px; */
/* Spalte 4: left: 326px; */
/* Spalte 5: left: 435px; */
/* Spalte 6: left: 543px; */
/* Spalte 7: left: 652px; */
/* Spalte 8: left: 761px; */


/* ---------- ---------- ---------- */
/* ---------- startseite ---------- */

#inhalt_startseite
	{
	background-image:url('grafik/hintergrund_startseite.jpg');
	background-repeat:no-repeat;
	}

#startseite_introtext
	{
	position:absolute;
	left:544px;
	top:220px;
	height:108px;
	width:215px;
	}

#startseite_introtext p
	{
	margin:0px;
	padding:10px;
	color:#FFFFFF;
	font-size:20px;
	font-weight:bold;
	text-transform:uppercase;
	}

/* ----- --------------------- ----- */
/* ----- 0 - planer des monats ----- */

#inhalt_0_planer
	{
	background-image:url('grafik/0_planer_hintergrund.jpg');
	background-repeat:no-repeat;
	}

/* ----- ---------------------------- ----- */
/* ----- 0a - vorteile für mitglieder ----- */

#inhalt_0a_vorteile
	{
	background-image:url('grafik/0a_vorteile_hintergrund.jpg');
	background-repeat:no-repeat;
	}

/* ----- -------------- ----- */
/* ----- 0e - marketing ----- */

#inhalt_0e_marketing
	{
	background-image:url('grafik/0e_marketing_hintergrund.jpg');
	background-repeat:no-repeat;
	}

/* ----- -------------------- ----- */
/* ----- 0f - mitglied werden ----- */

#inhalt_0f_mitglied
	{
	background-image:url('grafik/0f_mitglied_hintergrund.jpg');
	background-repeat:no-repeat;
	}

/* ---------- ----------------- ---------- */
/* ---------- m1 - wer wir sind ---------- */

#inhalt_1_wir
	{
	background-image:url('grafik/1_wir_hintergrund.jpg');
	background-repeat:no-repeat;
	}

/* ---------- ---------------------- ---------- */
/* ---------- m2 - wo sie uns finden ---------- */

#deutschland
	{
	position:relative;
	left:-3px;
	border:0px;
	padding-left:22px;
	background-image:url('grafik/flagge_d.gif');
	background-repeat:no-repeat;
	text-transform:uppercase;
	}

#austria
	{
	position:relative;
	left:-3px;
	border:0px;
	padding-left:22px;
	background-image:url('grafik/flagge_a.gif');
	background-repeat:no-repeat;
	text-transform:uppercase;
	}

/* ---------- ------------------- ---------- */
/* ---------- m3 - was wir können ---------- */

#inhalt_3_was
	{
	background-image:url('grafik/3_was_hintergrund.jpg');
	background-repeat:no-repeat;
	}

/* ----- -------------------------- ----- */
/* ----- m3a - Anzahlungssicherheit ----- */

#inhalt_3a_anzahlung
	{
	background-image:url('grafik/3a_anzahlung_hintergrund.jpg');
	background-repeat:no-repeat;
	}

/* ----- ---------------------- ----- */
/* ----- m3b - 5-Jahre-Garantie ----- */

#inhalt_3b_5jahre
	{
	background-image:url('grafik/3b_5jahre_hintergrund.jpg');
	background-repeat:no-repeat;
	}

/* ----- ------------------ ----- */
/* ----- m3c - Kundendienst ----- */

#inhalt_3c_kunden
	{
	background-image:url('grafik/3c_kunden_hintergrund.jpg');
	background-repeat:no-repeat;
	}

/* ---------- -------------------- ---------- */
/* ---------- m3ci - online-planer ---------- */

#o_link
	{
	position:absolute;
	left:10px;
	bottom:10px;
	text-transform:uppercase;
	}

/* ---------- ------------------------ ---------- */
/* ---------- m3cii - planungsbeispiel ---------- */

#inhalt_3cii_beispiel
	{
	background-image:url('grafik/3cii_beispiel_hintergrund.jpg');
	background-repeat:no-repeat;
	}

/* ---------- --------------------- ---------- */
/* ---------- m3ciii - finanzierung ---------- */

#inhalt_3ciii_finanz
	{
	background-image:url('grafik/3ciii_finanz_hintergrund.jpg');
	background-repeat:no-repeat;
	}

/* ---------- --------------------- ---------- */
/* ---------- m3civ - umzugsservice ---------- */

#inhalt_3civ_umzug
	{
	background-image:url('grafik/3civ_umzug_hintergrund.jpg');
	background-repeat:no-repeat;
	}

/* ---------- ---------------------- ---------- */
/* ---------- m4 - wovon sie traumen ---------- */


/* ---------- -------------------- ---------- */
/* ---------- m5 - was gutes extra ---------- */

#inhalt_5_was
	{
	background-image:url('grafik/5_was_hintergrund.jpg');
	background-repeat:no-repeat;
	}