/**
 * Haupt-Styles für das Projekt
 *
 * @package CSS
 *
 * @copyright Copyright © 2010 handgestrickt netzwerk
 * @author Stefan Jelner <stefan.jelner@gmx.de>
 * @version $Id: layout.css 43 2010-03-04 19:48:03Z jelner $
 */

/* Seitenaufbau
------------------------------------------------- */
#container {
	width: 888px;
	margin: auto;
	border: 1px solid #e4ebeb;
	padding-bottom: 90px;
}
#logo {
	width: 888px;
	height: 106px;
}
#navi_1 {
	text-align: right;
	padding: 0px 16px 0 0;
	margin: 6px 0 0 0;
	height: 15px;
}
#con_navi_2 {
	width: 888px;
	height: 19px;
	margin: 8px 0 0 0;
}
#inhalt {
	margin-top: 25px;
}
#seitenfuss {
	background-image: url(../images/bg-seitenfuss.gif);
	background-repeat: no-repeat;
	padding: 50px 19px 0 19px;
}
/* Navigation
------------------------------------------------- */

#navi_1 ul {
	font-size: 10px;
	line-height: 14px;
	font-family: Arial, Helvetica, sans-serif;
}
#navi_1 ul li,
#zusatznavi ul li {
	display: inline;
}
#navi_1 ul li a:hover,
#navi_1 ul li a:active,
#navi_1 ul li a.active:link,
#navi_1 ul li a.active:visited,
#zusatznavi ul li a:hover,
#zusatznavi ul li a:active,
#zusatznavi ul li a.active:link,
#zusatznavi ul li a.active:visited {
	color: #66cc00;
}

#navi_2 {
	height: 19px;
	margin: 0 0 0 18px;
	display: inline;
	float: left;
}
#navi_2 ul li {
	display: inline;
	float: left;
}
#navi_2 ul li a {
	background-repeat: no-repeat;
	height: 19px;
	display: block;
}
#navi_2 ul li a.rezepte:link,
#navi_2 ul li a.rezepte:visited {
	background-image: url(../images/navi-2-rezepte-p.gif);
	width: 119px;
}
#navi_2 ul li a.rezepte:hover,
#navi_2 ul li a.rezepte:active,
#navi_2 ul li a.rezepte_active:link,
#navi_2 ul li a.rezepte_active:visited {
	background-image: url(../images/navi-2-rezepte-a.gif);
}
#navi_2 ul li a.wissen:link,
#navi_2 ul li a.wissen:visited {
	background-image: url(../images/navi-2-wissen-p.gif);
	width: 109px;
}
#navi_2 ul li a.wissen:hover,
#navi_2 ul li a.wissen:active,
#navi_2 ul li a.wissen_active:link,
#navi_2 ul li a.wissen_active:visited {
	background-image: url(../images/navi-2-wissen-a.gif);
}
#navi_2 ul li a.shopping:link,
#navi_2 ul li a.shopping:visited {
	background-image: url(../images/navi-2-shopping-p.gif);
	width: 128px;
}
#navi_2 ul li a.shopping:hover,
#navi_2 ul li a.shopping:active,
#navi_2 ul li a.shopping_active:link,
#navi_2 ul li a.shopping_active:visited {
	background-image: url(../images/navi-2-shopping-a.gif);
}
#navi_2 ul li a.community:link,
#navi_2 ul li a.community:visited {
	background-image: url(../images/navi-2-community-p.gif);
	width: 144px;
}
#streifen_navi_2 {
	display: inline;
	float: left;
	background-image: url(../images/bg-navi-2.gif);
	background-repeat: repeat-x;
	width: 95px;
	height: 19px;
}

/* Sucheeingabe-Formular
------------------------------------------------- */
#suchform {
	width: 235px;
	height: 16px;
	background-image: url(../images/bg-suche.gif);
	background-repeat: no-repeat;
	display: inline;
	float: right;
	margin-right: 17px;
}
#suchform input.feld {
	height: 13px;
	width: 160px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	position: relative;
	top: -3px;
	left: 2px;
	border: 0px;
	background-color: transparent;
	color: #000;
}
#suchform input.knopp {
	height: 16px;
	width: 68px;
	display: inline;
	cursor: pointer;
	position: relative;
	top: -2px;
	left: 2px;
	background-color: transparent;
	background-image: url(../images/bg-submit-trans.gif);
	border: 0px;
	color: transparent;
}
/* REZEPT
-------------------------------------------------
   Rezepttitel */
#rezepttitel {
	position: relative;
	top: 0px;
	padding: 0 0 16px 45px;
}
#rezepttitel h1 {
	color: #8ba3a6;
}
#rezepttitel .rezeptautor {
	font-size: 11px;
	font-weight: normal;
}
/* Videoblock
------------------------------------------------- */
#videoblock_oben {
	width: 850px;
	height: 16px;
	margin-left: 19px;
	background: url(../images/bg-player-oben.gif) no-repeat;
	overflow: hidden;
}
#videoblock {
	width: 848px;
	height: 325px;
	margin-left: 19px;
	border-left: 1px solid #e4ebeb;
	border-right: 1px solid #e4ebeb;
	position: relative;
}
#schrittenavi {
	width: 323px;
	height: 38px;
	background-image: url(../images/bg-schrittenavi.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	position: absolute;
	top: -12px;
	left: 27px;
}
#schrittenavi ul {
	width: 323px;
	height: 38px;
}
#schrittenavi ul li {
	display: inline;
}
#schrittenavi ul li a {
	display: block;
	float: left;
	width: 30px;
	height: 38px;
}
#schrittenavi ul li a.s01:link,
#schrittenavi ul li a.s01:visited {
	background-image: url(../images/schritt-01-p.png);
}
#schrittenavi ul li a.s01:hover,
#schrittenavi ul li a.s01:active,
#schrittenavi ul li a.s01_aktiv:link,
#schrittenavi ul li a.s01_aktiv:visited {
	background-image: url(../images/schritt-01-a.png);
}
#schrittenavi ul li a.s02:link,
#schrittenavi ul li a.s02:visited {
	background-image: url(../images/schritt-02-p.png);
}
#schrittenavi ul li a.s02:hover,
#schrittenavi ul li a.s02:active,
#schrittenavi ul li a.s02_aktiv:link,
#schrittenavi ul li a.s02_aktiv:visited {
	background-image: url(../images/schritt-02-a.png);
}
#schrittenavi ul li a.s03:link,
#schrittenavi ul li a.s03:visited {
	background-image: url(../images/schritt-03-p.png);
}
#schrittenavi ul li a.s03:hover,
#schrittenavi ul li a.s03:active,
#schrittenavi ul li a.s03_aktiv:link,
#schrittenavi ul li a.s03_aktiv:visited {
	background-image: url(../images/schritt-03-a.png);
}
#schrittenavi ul li a.s04:link,
#schrittenavi ul li a.s04:visited {
	background-image: url(../images/schritt-04-p.png);
}
#schrittenavi ul li a.s04:hover,
#schrittenavi ul li a.s04:active,
#schrittenavi ul li a.s04_aktiv:link,
#schrittenavi ul li a.s04_aktiv:visited {
	background-image: url(../images/schritt-04-a.png);
}
#schrittenavi ul li a.s05:link,
#schrittenavi ul li a.s05:visited {
	background-image: url(../images/schritt-05-p.png);
}
#schrittenavi ul li a.s05:hover,
#schrittenavi ul li a.s05:active,
#schrittenavi ul li a.s05_aktiv:link,
#schrittenavi ul li a.s05_aktiv:visited {
	background-image: url(../images/schritt-05-a.png);
}
#schrittenavi ul li a.s06:link,
#schrittenavi ul li a.s06:visited {
	background-image: url(../images/schritt-06-p.png);
}
#schrittenavi ul li a.s06:hover,
#schrittenavi ul li a.s06:active,
#schrittenavi ul li a.s06_aktiv:link,
#schrittenavi ul li a.s06_aktiv:visited {
	background-image: url(../images/schritt-06-a.png);
}
#schrittenavi ul li a.s07:link,
#schrittenavi ul li a.s07:visited {
	background-image: url(../images/schritt-07-p.png);
}
#schrittenavi ul li a.s07:hover,
#schrittenavi ul li a.s07:active,
#schrittenavi ul li a.s07_aktiv:link,
#schrittenavi ul li a.s07_aktiv:visited {
	background-image: url(../images/schritt-07-a.png);
}
#schrittenavi ul li a.s08:link,
#schrittenavi ul li a.s08:visited {
	background-image: url(../images/schritt-08-p.png);
}
#schrittenavi ul li a.s08:hover,
#schrittenavi ul li a.s08:active,
#schrittenavi ul li a.s08_aktiv:link,
#schrittenavi ul li a.s08_aktiv:visited {
	background-image: url(../images/schritt-08-a.png);
}
#schrittenavi ul li a.s09:link,
#schrittenavi ul li a.s09:visited {
	background-image: url(../images/schritt-09-p.png);
}
#schrittenavi ul li a.s09:hover,
#schrittenavi ul li a.s09:active,
#schrittenavi ul li a.s09_aktiv:link,
#schrittenavi ul li a.s09_aktiv:visited {
	background-image: url(../images/schritt-09-a.png);
}
#schrittenavi ul li a.s10:link,
#schrittenavi ul li a.s10:visited {
	background-image: url(../images/schritt-10-p.png);
}
#schrittenavi ul li a.s10:hover,
#schrittenavi ul li a.s10:active,
#schrittenavi ul li a.s10_aktiv:link,
#schrittenavi ul li a.s10_aktiv:visited {
	background-image: url(../images/schritt-10-a.png);
}
#schrittetext {
	width: 341px;
	height: 249px;
	background: url(../images/bg-player-text.gif) no-repeat;
	position: absolute;
	top: 26px;
	left: 9px;
}
#vid-txt-scroll {
	width: 18px;
	height: 249px;
	background: url(../images/bg-vid-txt-scroll.gif) no-repeat;
}
#vid-txt {
	width: 323px;
	height: 249px;
	position: absolute;
	top: 5px;
	left: 18px;
	overflow: hidden;
}
#vid-txt li {
	background-color: transparent;
	background-image: url(../images/bg-vid-txt-passiv.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 0px;
	height: 25px;
	position: relative;
}
#vid-txt li.aktiv {
	background-image: url(../images/bg-vid-txt-aktiv.gif);
}
#vid-txt li a {
	background-image: none;
	display: block;
	padding: 0px 10px 10px 29px;
	text-indent: -14px;
	font-size: 11px;
	line-height: 15px;
	cursor: pointer;
	height: 15px;
}
#vid-txt li.aktiv a {
	background-color: #fff;
	position: relative;
	top: -5px;
	padding-top: 5px;
	height: 10px;
}
#schritteopt {
	width: 323px;
	height: 50px;
	background: url(../images/bg-schritteopt.gif) no-repeat;
	position: absolute;
	top: 275px;
	left: 27px;
	padding: 6px 10px 0px 19px;
}
#schritteopt input {
	float: left;
}
#schritteopt p {
	float: left;
	margin-left: 6px;
}
#vid_screen {
	width: 490px;
	height: 276px;
	background-color: #009999;
	position: absolute;
	top: -1px;
	left: 350px;
}
#vid_start_icon {
	width: 95px;
	height: 69px;
	position: absolute;
	top: 102px;
	left: 205px;
	background: url(../images/icon-video-start.png) no-repeat;
}
#vid_start_icon a {
	display: block;
	width: 95px;
	height: 69px;
}
#vid_menu {
	width: 490px;
	height: 50px;
	background: url(../images/bg-vid-menu.gif) no-repeat;
	position: absolute;
	top: 275px;
	left: 350px;
}
#vidstop a:link,
#vidstop a:visited {
	display: block;
	width: 37px;
	height: 28px;
	position: absolute;
	top: 10px;
	left: 5px;
	background: url(../images/vid-button-stop-p.gif) no-repeat;
}
#vidstop a:hover,
#vidstop a:active {
	background: url(../images/vid-button-stop-a.gif) no-repeat;
}
.vidplay a:link,
.vidplay a:visited {
	display: block;
	width: 37px;
	height: 28px;
	position: absolute;
	top: 10px;
	left: 47px;
	background: url(../images/vid-button-play-p.gif) no-repeat;
}
.vidplay a:hover {
	background: url(../images/vid-button-play-a.gif);
}
.vidpause a:link,
.vidpause a:visited {
	display: block;
	width: 37px;
	height: 28px;
	position: absolute;
	top: 10px;
	left: 47px;
	background: url(../images/vid-button-pause-p.gif) no-repeat;
}
.vidpause a:hover {
	background: url(../images/vid-button-pause-a.gif);
}
#vidverlauf {
	width: 246px;
	height: 22px;
	background-image: url(../images/vid-leiste-verlauf.gif);
	background-repeat: no-repeat;
	background-position: -244px 0px;
	position: absolute;
	top: 8px;
	left: 101px;
	cursor: pointer;
}
#vidverlaufklotz {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 12px;
	height: 20px;
	cursor: move;
}
#vid_menu p {
	position: absolute;
	top: 27px;
	left: 100px;
}
#vidvolvoice {
	width: 87px;
	height: 15px;
	background-image: url(../images/vid-leiste-volume.gif);
	background-repeat: no-repeat;
	background-position: -8px 0px;
	position: absolute;
	top: 10px;
	left: 391px;
	cursor: pointer;
}
#vidvolvoiceklotz {
	position: absolute;
	top: 0px;
	left: 78px;
	width: 8px;
	height: 12px;
	cursor: move;
}
#vidvolmusic {
	width: 87px;
	height: 15px;
	background-image: url(../images/vid-leiste-volume.gif);
	background-repeat: no-repeat;
	background-position: -8px 0px;
	position: absolute;
	top: 29px;
	left: 391px;
	cursor: pointer;
}
#vidvolmusicklotz {
	position: absolute;
	top: 0px;
	left: 78px;
	width: 8px;
	height: 12px;
	cursor: move;
}
#videoblock_unten {
	width: 850px;
	height: 16px;
	margin-left: 19px;
	background: url(../images/bg-player-unten.gif) no-repeat;
	overflow: hidden;
}
/* Kartei-Block
------------------------------------------------- */
#karteikasten {
	width: 850px;
	margin: 25px 0 0 19px;
}
/* Karteireiter-Navi
------------------------------------------------- */
#karteinavi {
	background-image: url(../images/bg-karteinavi.jpg);
	background-repeat: no-repeat;
	width: 850px;
	height: 43px;
	overflow: hidden;
}
#karteinavi ul li {
	display: inline;
	float: left;
}
#karteinavi ul li a {
	display: block;
}
#karteinavi ul li a.rezepttext:link,
#karteinavi ul li a.rezepttext:visited {
	width: 170px;
	height: 43px;
}
#karteinavi ul li a.rezepttext:hover,
#karteinavi ul li a.rezepttext:active,
#karteinavi ul li a.rezepttext_aktiv:link,
#karteinavi ul li a.rezepttext_aktiv:visited {
	background-image: url(../images/karteinavi-text-a.jpg);
	background-repeat: no-repeat;
}
#karteinavi ul li a.einkauf:link,
#karteinavi ul li a.einkauf:visited {
	width: 170px;
	height: 43px;
}
#karteinavi ul li a.einkauf:hover,
#karteinavi ul li a.einkauf:active,
#karteinavi ul li a.einkauf_aktiv:link,
#karteinavi ul li a.einkauf_aktiv:visited {
	background-image: url(../images/karteinavi-einkauf-a.jpg);
	background-repeat: no-repeat;
}
#karteinavi ul li a.download:link,
#karteinavi ul li a.download:visited {
	width: 170px;
	height: 43px;
}
#karteinavi ul li a.download:hover,
#karteinavi ul li a.download:active,
#karteinavi ul li a.download_aktiv:link,
#karteinavi ul li a.download_aktiv:visited {
	background-image: url(../images/karteinavi-download-a.jpg);
	background-repeat: no-repeat;
}
#karteinavi ul li a.r_shop:link,
#karteinavi ul li a.r_shop:visited {
	width: 170px;
	height: 43px;
}
#karteinavi ul li a.r_shop:hover,
#karteinavi ul li a.r_shop:active,
#karteinavi ul li a.r_shop_aktiv:link,
#karteinavi ul li a.r_shop_aktiv:visited {
	background-image: url(../images/karteinavi-shopping-a.jpg);
	background-repeat: no-repeat;
}
/* Kartei-Inhalt
------------------------------------------------- */
#karteiinhalt {
	width: 804px;
	padding: 11px 19px 70px 25px;
	border-left: 1px solid #e4ebeb;
	border-right: 1px solid #e4ebeb;
}
#rezepttexttitel {
	padding: 0px;
}
#rezepttexttitel h1 {
	color: #8ba3a6;
	float: left;
}
#rezepttexttitel p {
	float: right;
	width: 113px;
	text-align: right;
}
a.printlink {
	background-image: url(../images/icon-drucker.gif);
	background-repeat: no-repeat;
	height: 18px;
	display: block;
}
#rezepttexttitel .rezeptautor {
	font-size: 11px;
	font-weight: normal;
}
#karteiinhalt .txt_row_2 {
	border-top: 1px solid #e4ebeb;
}
#karteiinhalt .txt_row_2b {
	border-top: none;
	margin-top: 25px;
}
#karteiinhalt .txt_row_2 h2 {
	font-size: 13px;
	margin: 8px 0 19px 0;
}
#karteiinhalt .txt_row_2 img {
	float: left;
}
#karteiinhalt .txt_row_2 .schritt_txt {
	padding-bottom: 45px;
}
#karteiinhalt .txt_row_2 p.txt_block_1 {
	width: 145px;
	float: left;
	margin: 0 30px 0 25px;
	line-height: 15px;
}
#karteiinhalt .txt_row_2 .txt_block_2 {
	width: 460px;
	float: left;
	line-height: 15px;
}
#karteiinhalt .txt_row_2 table {
	width: 460px;
}
#karteiinhalt .txt_row_2 th {
	font-size: 11px;
	text-align: left;
}
#karteiinhalt .txt_row_2 td {
	vertical-align: top;
	font-size: 11px;
	border-bottom: 1px solid #e4ebeb;
	padding: 1px 0 1px 0;
}
#karteiinhalt .txt_row_2 .cell_no_border td {
	border-bottom: none;
}
a.so_gehts_link {
	width: 90px;
	height: 16px;
	display: block;
	background-image: url(../images/icon-so-gehts.gif);
	margin-top: 4px;
}
#karteifuss {
	width: 850px;
	height: 14px;
	background-image: url(../images/bg-karteiinhalt-u.gif);
	background-repeat: no-repeat;
	overflow: hidden;
}
/* Seitenfuss
------------------------------------------------- */
#seitenfuss p {
	color: #789498;
}
#seitenfuss .logos {
	margin-top: 35px;
}
#seitenfuss .logos img {
	vertical-align: middle;
	margin-right: 35px;
}
#zusatznavi {
	margin-top: 50px;
}
#zusatznavi ul {
	font-size: 11px;
	line-height: 14px;
}

/* Ergänzungen 01-2010:

HOMEPAGE
------------------------------------------------- */
#inhalt {
	position: relative;
}
#homepage {
	position: relative;
	top: 20px;
	height: 520px;

}
#home_txtcont_1 {
	width: 321px;
	height: 282px;
	position: absolute;
	top: 0px;
	left: 20px;
	border-bottom: 2px dotted #789498;
}
#home_txtcont_1 h2 {
	font-weight: normal;
	font-size: 22px;
	margin-bottom: 10px;
}
#home_txtcont_1 h3 {
	width: 322px;
	font-weight: normal;
	font-size: 16px;
	position: absolute;
	bottom: 22px;
}
#home_txtcont_1 h3 a {
	width: 126px;
	height: 52px;
	background: url(../images/home-kochclip-link.gif) no-repeat;
	display: block;
	position: absolute;
	top: -29px;
	right: 2px;
}
#home_txtcont_2 {
	width: 321px;
	height: 81px;
	position: absolute;
	top: 320px;
	left: 20px;
}
#home_txtcont_2 h3 {
	font-weight: normal;
	font-size: 16px;
	margin-bottom: 9px;
}
#home_txtcont_2 p.weiter_link {
	position: relative;
}
#home_txtcont_2 p a {
	background: url(../images/home-weiter-link.gif) no-repeat;
	display: block;
	width: 62px;
	height: 16px;
	position: absolute;
	right: 2px;
}
#home_gfxcont_1 {
	width: 500px;
	height: 296px;
	overflow: hidden;
	position: absolute;
	top: 0px;
	right: 19px;
}
#home_gfxcont_1 a {
	cursor: pointer;
}
#home_gfx_mask_1 {
	width: 500px;
	height: 296px;
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(../images/home-overlay-1.png) no-repeat;
	z-index: 20;
}
#home_gfxcont_2 {
	background: url(../images/home-neu-container.gif) no-repeat;
	width: 461px;
	height: 94px;
	padding: 11px 0 0 39px;
	position: absolute;
	top: 307px;
	right: 19px;
}
#home_gfxcont_2 .neu_rezept_bild {
	width: 142px;
	height: 81px;
	overflow: hidden;
	position: relative;
	float: left;
	margin-right: 10px;
}
#home_gfxcont_2 .neu_rezept_bild img {
	text-align: center;
}
#home_gfxcont_2 .neu_rezept_bild .home_gfx_mask_2 {
	background: url(../images/home-overlay-klein.png) no-repeat;
	width: 142px;
	height: 81px;
	position: absolute;
	top: 0px;
	left: 0px;
}
#home_gfxcont_2 a {
	cursor: pointer;
}
/* TEXTLAYOUT 1
------------------------------------------------- */
#textblock_mitte {
	width: 828px;
	margin-left: 19px;
	border-left: 1px solid #e4ebeb;
	border-right: 1px solid #e4ebeb;
	position: relative;
	padding: 0 0 0 20px;
}
#text_layout_1 h2 {
	font-weight: normal;
	font-size: 18px;
	margin: 0 0 20px 6px;
}
#text_layout_1 h3 {
	font-size: 12px;
	margin-bottom: 12px;
}
#text_layout_1 p,
#kartei_rez_col_1 p {
	line-height: 15px;
	margin-bottom: 15px;
}
#text_lay_col_1 {
	float: left;
	width: 301px;
	margin-right: 28px;
}
#lay_textblock_1_oben {
	background: url(../images/textblock-1-bg-oben.gif) no-repeat;
	width: 301px;
	height: 4px;
}
#lay_textblock_1_unten {
	background: url(../images/textblock-1-bg-unten.gif) no-repeat;
	width: 301px;
	height: 4px;
}
#lay_textblock_1_mitte {
	background: #eff3f3;
	padding: 8px 20px 20px 7px;
}
#lay_textblock_1_mitte ul {
	margin-bottom: 20px;
}
#lay_textblock_1_mitte ul li {
	display: inline;
	font-size: 11px;
	white-space: nowrap;
	line-height: 20px;
}
#lay_textblock_1_mitte ul li a {
	text-decoration: underline;
	margin-right: 6px;
}
#text_lay_col_2 {
	float: left;
	width: 470px;
	padding-bottom: 60px;
}
#text_lay_col_2 h3 {
	padding-top: 12px;
}
/* REZEPTE-ÜBERSICHT
------------------------------------------------- */
#karteikasten_uebersicht {
	width: 850px;
	margin: 56px 0 0 19px;
}
#karteinavi_rezepte {
	background-image: url(../images/bg-karteinavi-rezepte.jpg);
	background-repeat: no-repeat;
	width: 850px;
	height: 43px;
	overflow: hidden;
}
#karteinavi_rezepte ul li {
	display: inline;
	float: left;
}
#karteinavi_rezepte ul li a {
	display: block;
}
#karteinavi_rezepte ul li a.kochclip_rez:link,
#karteinavi_rezepte ul li a.kochclip_rez:visited {
	width: 195px;
	height: 43px;
}
#karteinavi_rezepte ul li a.kochclip_rez:hover,
#karteinavi_rezepte ul li a.kochclip_rez:active,
#karteinavi_rezepte ul li a.kochclip_rez_active:link,
#karteinavi_rezepte ul li a.kochclip_rez_active:visited {
	background-image: url(../images/karteinavi-rezepte-kochclip-rez-a.jpg);
	background-repeat: no-repeat;
}
#karteinavi_rezepte ul li a.user_rez:link,
#karteinavi_rezepte ul li a.user_rez:visited {
	width: 136px;
	height: 43px;
}
#karteinavi_rezepte ul li a.sogehts_rez:link,
#karteinavi_rezepte ul li a.sogehts_rez:visited {
	width: 180px;
	height: 43px;
}
#karteinavi_rezepte ul li a.sogehts_rez:hover,
#karteinavi_rezepte ul li a.sogehts_rez:active,
#karteinavi_rezepte ul li a.sogehts_rez_active:link,
#karteinavi_rezepte ul li a.sogehts_rez_active:visited {
	background-image: url(../images/karteinavi-rezepte-sogehts-rez-a.jpg);
	background-repeat: no-repeat;
}
#karteikaste_oben {
	width: 850px;
	height: 55px;
	background: url(../images/bg-rezeptliste-titel.gif) no-repeat right;
}
#karteikaste_oben h1 {
	height: 38px;
	width: 200px;
	background: url(../images/bg-rezeptliste-titel-innen.gif) no-repeat right;
	padding: 17px 0 0 17px;
	margin-left: 11px;
}
#karteiinhalt_rezepte {
	width: 818px;
	padding: 11px 10px 0px 20px;
	border-left: 1px solid #e4ebeb;
	border-right: 1px solid #e4ebeb;
}
#kartei_rez_col_1 {
	float: left;
	width: 301px;
	margin-right: 28px;
	background: #CCCC33;
}
#karteiinhalt_rezepte h3 {
	font-size: 12px;
	margin-bottom: 12px;
}
#kartei_rez_col_2 {
	float: left;
	width: 483px;
	padding-bottom: 60px;
}
.rez_uebersicht_seitennavi a.uebersicht_navi_v {
	width: 149px;
	height: 26px;
	display: block;
	background: url(../images/uebersicht-navi-knopp-vor.jpg) no-repeat;
	float: left;
}
.rez_uebersicht_seitennavi a.uebersicht_navi_n {
	width: 149px;
	height: 26px;
	display: block;
	background: url(../images/uebersicht-navi-knopp-naechst.jpg) no-repeat;
	float: left;
}
.rez_uebersicht_seitennavi ul {
	float: left;
	width: 184px;
	height: 26px;
	text-align: center;
}
.rez_uebersicht_seitennavi ul li {
	display: inline;
	font-size: 24px;
	color: #c2cfd0;
}
.rez_uebersicht_seitennavi ul li a {
	font-size: 14px;
	font-weight: bold;
	line-height: 24px;
	padding: 0 3px 0 3px;
}
.rez_uebersicht_seitennavi ul li a:hover,
.rez_uebersicht_seitennavi ul li a:focus,
.rez_uebersicht_seitennavi ul li a:active,
.rez_uebersicht_seitennavi ul li a.active:link,
.rez_uebersicht_seitennavi ul li a.active:visited {
	color: #66cc00;
}
#rezepte_liste {
	padding: 22px 0 20px 0;
}
#rezepte_liste ul li {
	position: relative;
	border-bottom: 1px solid #e4ebeb;
	padding: 0 0 24px 10px;
	margin: 0 0 10px -10px;
}
#rezepte_liste ul li a {
	display: block;
	width: 149px;
	height: 108px;
	background: url(../images/rezepte-liste-clip-link-bg.gif) no-repeat bottom right;
}
#rezepte_liste ul li .rezept_liste_text {
	width: 310px;
	position: absolute;
	left: 168px;
	top: 0px;
}
#rezepte_liste ul li .rezept_liste_text h3 {
	margin-bottom: 0px;
}
#rezepte_liste ul li .rezept_liste_text p {
	line-height: 15px;
}

/* Änderungen Stefan Jelner 2010-03-12 */
input.neu_berechnen_knopf {
	border: 0;
	width: 125px;
	height: 16px;
	background-image: url('../images/icon-neu-berechnen.gif');
	background-repeat: no-repeat;
	background-color: transparent;
	cursor: pointer;
}

#karteikopf {
	width: 850px;
	height: 14px;
	background-image: url(../images/bg-karteiinhalt-o.gif);
	background-repeat: no-repeat;
	overflow: hidden;
}

/* Änderungen Stefan Jelner 2010-03-13 */
#karteiinhalt_shopping,
#karteiinhalt_bestellformular,
#karteiinhalt_danksagung,
#karteiinhalt_standard {
	width: 818px;
	padding: 11px 10px 0px 20px;
	border-left: 1px solid #e4ebeb;
	border-right: 1px solid #e4ebeb;
}

#karteiinhalt_shopping h2,
#karteiinhalt_bestellformular h2,
#karteiinhalt_danksagung h2,
#karteiinhalt_standard h2 {
	background-color: #EFF3F3;
	padding: 7px 12px;
	font-size: 12px;
	margin-bottom: 22px;
}

#karteiinhalt_shopping h3,
#karteiinhalt_bestellformular h3,
#karteiinhalt_standard h3 {
	font-size: 12px;
	margin: 0;
}

#karteiinhalt_shopping ul {
	list-style-type: none;
}

#karteiinhalt_shopping li li {
	padding-bottom: 24px;
	margin-bottom: 10px;
	border-bottom: 1px solid #E4EBEB;
}

#karteiinhalt_shopping .image {
	float: left;
	width: 168px;
	height: auto;
}

#karteiinhalt_shopping .description_form {
	float: left;
	width: 650px;
	height: auto;
	font-size: 12px;
}

#karteiinhalt_shopping .description {
	margin-bottom: 18px;
}

#karteiinhalt_shopping .amount_label,
#karteiinhalt_shopping .amount,
#karteiinhalt_shopping .price_label,
#karteiinhalt_shopping .price {
	float: left;
}

#karteiinhalt_shopping .amount_label,
#karteiinhalt_shopping .price_label,
#karteiinhalt_shopping .price {
	font-weight: bold;
}

#karteiinhalt_shopping .amount_label {
	width: 90px;
	margin-right: 5px;
}

#karteiinhalt_shopping .amount {
	width: 40px;
	margin-right: 20px;
}

#karteiinhalt_shopping .price_label {
	width: 80px;
	margin-right: 5px;
}

#karteiinhalt_shopping .price {
	width: 95px;
	text-align: right;
}

#karteiinhalt_shopping_submit {
	text-align: center;
}

#karteiinhalt_shopping_submit input {
	border: 0;
	width: 199px;
	height: 16px;
	background-image: url('../images/icon-bestellformular.gif');
	background-repeat: no-repeat;
	background-color: transparent;
	cursor: pointer;
}

/* Änderungen Stefan Jelner 2010-03-15 */
#karteiinhalt_bestellformular h2.topmargin,
#karteiinhalt_bestellformular_submit {
	margin-top: 22px;
}

#karteiinhalt_bestellformular div.label,
#karteiinhalt_bestellformular div.input {
	font-size: 12px;
	float: left;
}

#karteiinhalt_bestellformular div.row {
	margin-bottom: 5px;
}

#karteiinhalt_bestellformular div.label {
	width: 100px;
}

#karteiinhalt_bestellformular div.error div.label {
	color: #F00;
	font-weight: bold;
}

#karteiinhalt_bestellformular div.input {
	width: 210px;
}

#karteiinhalt_bestellformular div.input input {
	width: 200px;
}

#karteiinhalt_bestellformular table {
	font-size: 12px;
}

#karteiinhalt_bestellformular_submit {
	text-align: center;
}

#karteiinhalt_bestellformular_submit input {
	border: 0;
	width: 159px;
	height: 16px;
	background-image: url('../images/icon-bestellung-absenden.gif');
	background-repeat: no-repeat;
	background-color: transparent;
	cursor: pointer;
}

#karteiinhalt_bestellformular h2 .small {
	font-size: 10px;
	font-weight: normal;
	padding-left: 5px;
}

#karteiinhalt_bestellformular table td {
	padding: 4px 12px;
}

#karteiinhalt_bestellformular table td.text {
	text-align: left;
}

#karteiinhalt_bestellformular table td.number {
	text-align: right;
}

#karteiinhalt_bestellformular table tr.topline td {
	border-top: 1px solid #789498;
}

#karteiinhalt_bestellformular table th {
	background-color: #EFF3F3;
	padding: 7px 12px;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
}

/* Änderungen Stefan Jelner 2010-03-16 */
#karteiinhalt_standard p {
	margin-bottom: 22px;
}

/* Änderungen Stefan Jelner 2010-03-19 */
#suchform input.feld.default {
	color: #789498;
}
/* Ergänzungen von Lutz 2010-03-25 */
#karteiinhalt input.rezept_menge_var {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-image: url('../images/bg-input-rezept-menge-var.gif');
	background-repeat: no-repeat;
	background-color: transparent;
	width: 44px;
	height: 16px;
	line-height: 14px;
	border: none;
	padding: 0 3px 0 3px;
	text-align: right;
	color: #789498;
	}
/* Kontaktformular */
#c22 .label,
#c22 .input {
	float: left;
}
#c22 .label {
	width: 120px;
	font-size: 11px;
}
#c22 .input input{
	border: 1px solid #e2e7e7;
	height: 16px;
	width: 240px;
	margin-bottom: 6px;
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #789498;
}
#c22 .input textarea {
	border: 1px solid #e2e7e7;
	height: 150px;
	width: 360px;
	margin-bottom: 12px;
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #789498;
}
#c22 .input select {
	width: 120px;
	border: 1px solid #e2e7e7;
	margin-bottom: 6px;
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #789498;
}
#c22 .row_formtype_mail input {
	background-image: url('../images/bg-kontaktform-senden.gif');
	background-repeat: no-repeat;
	background-color: transparent;
	border: none;
	margin: 0 0 60px 120px;
	width: 242px;
	cursor: pointer;
}