
/**
 * Common CSS for HBV.
 */


/* -------------------------- basic settings ---------------------------- */

* {
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	line-height:1.3em;
}

body {
	background:#FBF8EE none;
	color:#333;
	font-size:12px;
}

body,h1,h2,h3,h4,h5,h6,ul,li,p,form {
	margin:0;
	padding:0;
}

div {
	text-align:left;
	overflow:hidden;
}

img {
	border:none;
	vertical-align:bottom;
}

ul,li {list-style:none}

td, th, input {
	vertical-align:top;
	text-align:left;
}

#lecker_termine {
	vertical-align:bottom !important;
}
#wdw_termine {
	vertical-align:bottom !important;
}



a {text-decoration:none}
a:hover {text-decoration:underline}

h1, h1 * {font-size:24px; font-weight:normal}
h2, h2 * {font-size:20px}
h3, h3 * {font-size:16px; font-weight:normal}
h4, h4 * {font-size:14px}
h5, h5 * {font-size:12px}
h6, h6 * {font-size:11px}

h3.customFont, h3.customFont * {font-size:18px}

/* explicit hidden field hiding for FF */
input[type=hidden] {display:none !important}

small, small * {font-size:11px}

.fl {float:left}
.fr {float:right}
.vmid, .vmidall, .vmidall * {vertical-align:middle}
.vtop {vertical-align:top}
.vbot {vertical-align:bottom}

.ar {text-align:right}
.ac {text-align:center}
.al {text-align:left}

.uc {text-transform:uppercase}

.cHighRed {
	background-color:#A00058 !important;
	color:#ffffff !important;
}
.cHighOrange {
	background-color:#FA7911 !important;
	color:#ffffff !important;
}
.cHighGreen {
	background-color:#CACD26 !important;
	color:#ffffff !important;
}
.cHighBlueDark {
	background-color:#5CADBD !important;
	color:#ffffff !important;
}
.cHighBlueLight {
	background-color:#A9D8E1 !important;
	color:#ffffff !important;
}
.cHighLightGray {
        background-color:#afafaf !important;
        color:#ffffff !important;
}
.cHighGray {
        background-color:#cccacd !important;
        color:#ffffff !important;
}
.cHighPurple {
        background-color:#4F1560 !important;
        color:#ffffff !important;
}

.cHighWhite {
	color:#ffffff;
}
.cHighBlack a:link {
	color:#333;
}
.cHighBlack a:hover {
	color:#A00057;
}

.clearBackground { background:none; }
.cBackground3 { background-color:#eee; }

body .sp1 {height:4px}
body .sp2 {height:8px}
body .sp3 {height:12px}
body .sp4 {height:16px}
body .sp5 {height:20px}
body .sp9 {height:36px}
body .sp10 {height:40px}
body .nomarg {margin:0 !important}
body .m1 {margin:4px 0}
body .m2 {margin:8px 0}
body .m3 {margin:12px 0}
body .m4 {margin:16px 0}
body .m5 {margin:20px 0}
body .m9 {margin:36px 0}
body .ovis {overflow:visible !important}

body .pr2 {padding-right:8px;}
body .pr3 {padding-right:12px;}

.nopad {padding:0 !important}

.break {
	display:block;
	clear:both;
	height:1px;
	width:1px;
	overflow:hidden;
}

.clearBackground { background:none; }
.cBackground3 { background-color:#eee; }


.clearFloat { clear:both !important;}
.noneWidth  { width:auto !important; }

/* ----------------------------- typo -------------------------- */

.module h4 {
	font-weight: normal;
}


/* ----------------------------- global layout -------------------------- */

#global{
	z-index:1;
	width:954px;
	margin:3px auto 20px 17px;
}

.leftCol {
	float:left;
	width:634px;
}

.rightCol {
	float:right;
	width:314px;
}

.leftCol .leftCol {width:314px}
.leftcol .r2 .leftCol, .leftCol .r2 .rightCol {width:308px}		/* subdivided r2-module */

/* ----------------------------- soft edged boxes -------------------------- */

.module {
	background-position:0 0;
	background-repeat:repeat-y;
}
.r1 {width:314px; background-image:url(/media/img/bg_edge1_mid.gif);}
.r2 {width:634px; background-image:url(/media/img/bg_edge2_mid.gif);}
.r3 {width:954px; background-image:url(/media/img/bg_edge3_mid.gif);}

.module .topedge, .module .botedge {
	width:100%;
	height:3px;
	background-position:0 0;
	background-repeat:no-repeat;
}
.module .botedge {background-position:0 -3px !important; clear:both}

.r1 .topedge, .r1 .botedge {background-image:url(/media/img/bg_edge1_topbot.gif)}
.r2 .topedge, .r2 .botedge {background-image:url(/media/img/bg_edge2_topbot.gif)}
.r3 .topedge, .r3 .botedge {background-image:url(/media/img/bg_edge3_topbot.gif)}

/* boxcontent fitting exactly into softedge */

.module .mContent {margin:0 3px}
.r2 .r1 .mContent {margin:0}

.r3 .mContent {width:948px;}
.r2 .mContent {width:628px}
.r1 .mContent {width:308px !important}

/* cascaded modules.. */

.r2 .r1 {background-image:none;width:308px}
.r2 .r1 .topedge, .r2 .r1 .botedge {display:none !important}
.r2 .r1 .mContent {margin:0}

.r2 .r2 {background-image:none;width:628px;}
.r2 .r2 .topedge, .r2 .r2 .botedge {display:none !important}
.r2 .r2 .mContent {margin:0}

/* defined inner area for module content (12px to inner edge) */

.mIndent {margin:12px;}
body .mIndentMinusBreak {margin-bottom:11px}
.r3 .mIndent {width:924px}		/* just .mContent-width minus 2*margin */
.r2 .mIndent {width:604px}
.r1 .mIndent {width:284px}


.leftCol .module .leftCol .module .mIndent {
	width:296px;
}
.leftCol .module .rightCol .module .mIndent {
	width:296px;
	margin-left:0;
}

.mIndent1 {margin:1px}
.r3 .mIndent1 {width:946px}
.r2 .mIndent1 {width:626px}
.r1 .mIndent1 {width:206px !important}

.leftCol .mNoVIndents .mIndent {margin-bottom:0;margin-top:0}

.mIndent8 {margin:8px}
.r2 .mIndent8 {width:612px}
.r1 .mIndent8 {width:192px}
.r3 .mIndent8 {width:932px}

.ad300Indent {
	margin:4px;
	width:300px;
}

/* use the following class in conjunction with .mIndent to disable vertical indents */
.noVIndent {margin-top:0 !important;margin-bottom:0 !important}
/* use the following class for headlines inside of container modules to disable vertical bottom indent */
.mHeadline {margin-bottom:0 !important}

.noBlock { display:inline !important; }

/* ----------------------------- bullet lists --------------------------- */

ul.graybullets li, .graybullet {
	background:transparent url(/media/img/bullet_arrow_gray.gif) left center no-repeat;
	padding-left:10px;
}

ul.whitebullets li, .whitebullet {
	background:transparent url(/media/img/bullet_arrow_w.gif) left center no-repeat;
	padding-left:10px;
}

/* double bullet */
ul.whitebullets2 li, .whitebullet2 {
	background:transparent url(/media/img/bullet_2arrow_w.gif) left center no-repeat;
	padding-left:20px;
}

ul.lbluebullets li, .lbluebullet, ul.bluebullets li, .bluebullet {
	background:transparent url(/media/img/bullet_arrow_blue.gif) left center no-repeat;
	padding-left:10px;
}
body ul.lbluebullets li, body .lbluebullet {background-image:url(/media/img/bullet_arrow_lblue.gif)}

/* --------------------------------------------------------------------- */

.toggleArrow {
	cursor:pointer;
	background:transparent url(/media/img/bg_togglearrow.gif) 0 -15px no-repeat;
	padding-left:11px;
}

.toggleArrowClosed {
	background-position:0 2px;
}

li.moreless {display:none}


/* dotted line; combinable with .break */
body .dotline, .dotline_blue {
	width:auto;
	height:2px;
	background:transparent url(/media/img/bg_dotline_gray.gif) 0 0 repeat-x;
}

.rightdotline {background:transparent url(/media/img/bg_dotlinev_gray.gif) right top repeat-y}

.dotlineVAlign {background:transparent url(/media/img/bg_dotline_gray.gif) 0 center  repeat-x;}


/* ---------------------------- breadcrumb ----------------------------- */


/* breadcrumb */

/* breadcrumb */
#bc {}
#bc div {padding:3px 0 0 5px}
#bc small a,#bc small a:hover {text-decoration:underline}
#bc small b a,#bc small b a:hover {text-decoration:none}
#bc span a,#bc span a:hover {text-decoration:none;font-weight:bold}

#bc h1 {display:inline; padding:0; margin:0; font-size:11px !important;  font-weight:normal;  color:#777;}
#bc h1 * { font-size:11px !important; text-decoration:underline; }




/* ---------------------------- header --------------------------------- */

#header {
	height:91px;
	overflow:visible;
	position:relative;
	margin-bottom:2px;
}

#header #logobox {float:none}	/* define bgcolor in brand-spec. css */
#logo {vertical-align:top}

/* ---------------------------- header (logo) -------------------------- */

/* 'aktuelles heft' */
#issue {position:absolute}
#issuelinks {position:absolute}


/* ---------------------------- header (login) -------------------------- */

#loginbox {
	position:absolute;
	left:640px;
	top:0;
	width:314px;
	height:91px;
	background:transparent none 0 0 no-repeat;
	text-align:right;
}

#loginbox .content {
	width:298px;
	margin:0 0 0 auto;
	padding-top:16px;
}

#loginbox .content .online {
	padding-left:118px;
	height:20px;
}

#loginbox .fl {
	width:105px;
	margin-right:7px;
}

#loginbox .fl input {
	width:103px;
	padding:1px 0;
	line-height:13px;
	background-color:#fff;
	border:1px solid #5CADBD; /* adjust color in brand-spec. css */
	margin-bottom:2px;
}

#loginbox .fr {padding-right:11px}

#loginbox #loggedin {padding-top:0}
#loginbox #loggedin .userpic {
	float:right;
	margin:5px 5px 0 0;
}
#loginbox #loggedin .online {
	padding:34px 0 0 0;
	height:auto;
}

/* stuff fitting nowhere else */

.cWhite {color:#fff}
.bgWhite {background-color:#fff}
.bgSomeGray {background-color:#ccc}



/* rating related... */

.rateimg {
	width:100px;
	height:18px;
	border:none;
	background:transparent url(/media/img/bg_rate_stars_pink.gif) 0 0 no-repeat;
	vertical-align:bottom;
}

body .rate0 {background-position:0 -90px}
body .rate1 {background-position:0 -72px}
body .rate2 {background-position:0 -54px}
body .rate3 {background-position:0 -36px}
body .rate4 {background-position:0 -18px}
body .rate5 {background-position:0 0px}

.minirateimg {
	width:45px;
	height:8px;
	border:none;
	background:transparent url(/media/img/bg_rate_stars_mini_pink.gif) 0 0 no-repeat;
	vertical-align:bottom;
}

body .minirate0 {background-position:0 -40px}
body .minirate1 {background-position:0 -32px}
body .minirate2 {background-position:0 -24px}
body .minirate3 {background-position:0 -16px}
body .minirate4 {background-position:0 -8px}
body .minirate5 {background-position:0 0px}

.ratingspan .rateimg {vertical-align:middle}
.ratingspan span {position:relative;top:3px}


.ratingspan img.rateSwitch, .rateSwitch {
	width:12px;
	height:7px;
	background:transparent url(/media/img/bg_arrow_down_pink.gif) 0 0 no-repeat;
	vertical-align:top;
	cursor:pointer;
	margin-top:7px;
}

.leftArrowHighGray {
	padding-left:12px;
	color:#777777;
	background:transparent url(/media/img/bg_arrow_left_gray.gif) left center no-repeat;
}
.rightArrowHighGray {
	padding-right:12px;
	color:#777777;
	background:transparent url(/media/img/bg_arrow_right_gray.gif) right center no-repeat;
}

.kalender_vollansicht .kal_navi span {
margin-right:30px;
}

.rightArrowHigh {
	padding-right:12px;
	background:transparent url(/media/img/bg_arrow_right_pink.gif) right center no-repeat;
}
ul.shortcuts li a.leftArrowHigh {background-image:url(/media/img/bg_arrow_right_pink.gif)}

.leftArrowHigh {
	padding-left:12px;
	background:transparent url(/media/img/bg_arrow_left_pink.gif) left center no-repeat;
}

.leftLeftArrowHigh {
	padding-left:12px;
	background:transparent url(/media/img/bg_arrow_left_pink.gif) left center no-repeat;
}

.rightArrowHighw {
	padding-right:12px;
	background:transparent url(/media/img/bg_arrow_right_white.gif) right center no-repeat;
}
.leftArrowHighw {
	padding-left:12px;
	background:transparent url(/media/img/bg_arrow_right_white.gif) left center no-repeat;
}

.rightArrowHighSmall {
	padding-right:9px;
	background:transparent url(/media/img/bg_arrow_small_right_pink.gif) right center no-repeat;
}

.leftArrowHighSmall {
	padding-left:9px;
	background:transparent url(/media/img/bg_arrow_small_left_pink.gif) left center no-repeat;
}

.rightCross{
	padding-right:18px;
	background:transparent url(/media/img/cross_12_pink.gif) right center no-repeat;
}

/* whereever something is to be displayed in 2-column way */
.leftright {position:relative;width:100%}
.leftright .left {}
.leftright .right {position:absolute;right:0;top:0}


.bookmarking {overflow:visible}
.bookmarking img {margin-left:3px}

/* links with brand-specific 16x16 icon (usable for other elements, too) */
.iconLink {padding-left:20px;background:transparent url(/media/img/icon/default_pink.gif) 0 0 no-repeat;padding-bottom:1px;cursor:pointer;}
body .ilMerken {background-image:url(/media/img/icon/merken_pink.gif)}
body .ilSend {background-image:url(/media/img/icon/send_pink.gif)}
body .ilPrint {background-image:url(/media/img/icon/print_pink.gif)}
body .ilComment {background-image:url(/media/img/icon/comment_pink.gif)}
body .ilCooktime {background-image:url(/media/img/icon/cooktime_pink.gif)}
body .ilVideo {background-image:url(/media/img/icon/video_pink.gif)}
body .ilDelete {background-image:url(/media/img/icon/delete_pink.gif)}
body .ilAddKochbuch {background-image:url(/media/img/icon/add_kochbuch_blue.gif)}
body .ilEdit {background-image:url(/media/img/icon/bearbeiten_pink.gif)}
body .ilPDF {background-image:url(/media/img/icon/pdf_pink.gif)}
body .ilAnswerCite {background-image:url(/media/img/icon/answer_cite_pink.gif)}
body .ilAnswer {background-image:url(/media/img/icon/answer_pink.gif)}
body .ilViolation {background-image:url(/media/img/icon/violation_pink.gif)}
body .ilIgnore {background-image:url(/media/img/icon/ignore_pink.gif)}

body .ilBig {font-size:14px}

body .ilAddKB {background-image:url(/media/img/icon/add_kochbuch_blue.gif)}
body .ilAddKE {background-image:url(/media/img/icon/add_kocheinladung_blue.gif)}

body .ilSendblue {background-image:url(/media/img/icon/send_blue.gif)}
body .ilConfirmblue {background-image:url(/media/img/icon/confirm_blue.gif)}
body .ilRefuseblue {background-image:url(/media/img/icon/refuse_blue.gif)}
body .ilRequestblue {background-image:url(/media/img/icon/request_blue.gif)}

/* 16x16 def. to be used in conjunction with trans.gif + brand-specific background */
.icon {width:16px;height:16px;background:transparent url(/media/img/icon/default_pink.gif) center center no-repeat}
body .icoVideo {background-image:url(/media/img/icon/video_pink.gif)}

/* comments table */
table.comments {width:100%}
table.comments tr {border-bottom:1px solid red}
table.comments td.pic img {display:block}
table.comments td.user {padding-left:12px;padding-right:12px}

/* screen reader only */
.reader { position: absolute; left: -990em; height: 1em; width: 1em; overflow: hidden; }


/* ---------------------------- navigation --------------------------------- */

#navigation {
	position: relative;
	overflow: visible;
	z-index: 1000;
}
#navigation .mContent,
#navigation .main,
#navigation .search {
	position: relative; /* set parent */
	overflow: visible;
}

/* search */

#navigation .search {
	position: absolute;
	top: 2px; right: 0;
	width: 295px;
}
#navigation .search input.text {
	border: 1px solid #b8b8b8;
	width: 195px;
	padding: 1px 2px 0 2px;
	margin-right: 5px;
	height: 17px;
}
#navigation .search input.button {
	width: 80px;
} 

/* navigation */

#navigation .main .inner {
	border: 1px solid #94c9d4;
	margin: 1px;
	overflow: visible;
}
#navigation .main ul {
	display: block;
	float: left;
	overflow: visible;
	width: 634px;
	margin: -2px -2px -3px 0;
	padding: 0;
}
#navigation .main ul li {
	display: block;
	float: left;
	margin: 0 0 0 -2px;
	padding: 0;
	list-style-type: none;
}
#navigation .main ul li a,
#navigation .main ul li strong {
	font-size: 14px;
	font-weight: bold;
	display: block;
	color: #fff;
	background: url(/media/img/bg_navigation_main.gif) left center no-repeat;
	padding: 4px 12px;
	margin: 0;
	position: relative; /* set parent */
	cursor: pointer;
}
#navigation .main ul li.first a {
	background-image: none;
}
#navigation .main ul li a:hover,
#navigation .main ul li a:focus {
	text-decoration: none;
}
#navigation .main ul li strong {
	text-decoration: none;
	position: relative; /* place on top */
	z-index: 1000;
	cursor: default;
}

#navigation .main ul li.cTop a {
	background-image: none;
}
#navigation .main ul li.cNext a {
	background-image: none;
}

/* level 2 */

#navigation .main ul li .lev2 {
	display: none;
	position: absolute;
	z-index: 2000;
	width: 175px;
	background: #5CADBD;
}
#navigation .main ul li.first .lev2 {
	margin-left: 0px;
}
#navigation .main ul li:hover .lev2 {
	display: block;
}
#navigation .main ul li .lev2 .inner {
	overflow: hidden;
	margin-top: 0;
	border-top: 0;
}
#navigation .main ul li .lev2 ul {
	width: auto;
	float: none;
	margin: 0;
}
#navigation .main ul li .lev2 ul li {
	float: none;
	margin: 0;
}
#navigation .main ul li .lev2 ul li a,
#navigation .main ul li .lev2 ul li strong {
	font-size: 12px;
	font-weight: normal;
	background: url(/media/img/bg_navigation_lev2.gif) left top repeat-x;
	padding: 5px 10px;
	margin: 0;
}
#navigation .main ul li .lev2 ul li strong {
	font-weight: bold;
	color: #000;
}
#navigation .main ul li .lev2 ul li.first a {
	background-image: none;
}
#navigation .main ul li .lev2 ul li a:hover,
#navigation .main ul li .lev2 ul li a:focus {
	background-color: #A9D8E1;
	color: #000;
}

/* sub */

#navigation .sub {
}
#navigation .sub .inner {
	background: #a9d8e1 url(/media/img/bg_navigation_sub2.gif) repeat-x;
}
#navigation .sub ul {
	display: block;
	float: left;
	overflow: visible;
	margin: 0;
	padding: 0;
}
#navigation .sub ul li {
	display: block;
	float: left;
	margin: 0 0 0 -2px;
	padding: 0;
	list-style-type: none;
}
#navigation .sub ul li a,
#navigation .sub ul li strong {
	display: block;
	color: #333;
	background: url(/media/img/bg_navigation_sub.gif) left center no-repeat;
	padding: 4px 12px;
	margin: 0;
}
#navigation .sub ul li a:hover,
#navigation .sub ul li a:focus {
	text-decoration: none;
	color: #333;
}

/* ---------------------------- teaser --------------------------------- */

/* noack: suffix L=Landscape, P=Portrait, S=Square
/* .module1.fullsizeImageTeaser = 296px inner size */
.imageTeaser296 .mIndent {
	width:296px !important;
	max-height: 222px;
	overflow: hidden;
	margin:6px;
	text-align:center;
}

.teaser-img {
	float: left;
	margin: 0 10px 0 0;
	text-align: right;
}
.imgR .teaser-img {
	width: auto !important;
	float: right;
	margin: 0 0 0 10px;
}
.sizeM .teaser-img {
	width: 86px;
	max-height: 75px;
	overflow: hidden;
}
.sizeMS .teaser-img {
	width: 86px;
	max-height: 86px;
	overflow: hidden;
}
.hochF .teaser-img {
  width:65px;
}
.sizeL .teaser-img {
	width: 142px;
	max-height: 142px;
	overflow: hidden;
}
.sizeLP .teaser-img {
	width: 142px;
	max-height: 190px;
	overflow: hidden;
}
.sizeLL .teaser-img {
	width: 142px;
	max-height: 107px;
	overflow: hidden;
}

/* cobranding */
img.cobranding {
	margin-bottom: 5px;
	margin-right: -100px; /* IE! */
}

/* teaser: img-oben */
.img-oben .teaser-img {
	float: none;
	margin: 0 0 5px 0;
	text-align: left;
}
.img-oben .leftCol,
.img-oben .rightCol {
	width: 136px;
	overflow: hidden;
}
.r2 .img-oben .leftCol,
.r2 .img-oben .rightCol {
	width: 142px;
}

/* !! falls Änderungen hier, ie6.css anpassen (3px weniger) wg. margin-bug */
.leftCol .module .sizeL .mIndent .teaser-text,
.leftCol .module .sizeLP .mIndent .teaser-text,
.leftCol .module .sizeLL .mIndent .teaser-text {width:144px} /* 296-10-142 */

.rightCol .sizeL .mIndent .teaser-text,
.rightCol .sizeLP .mIndent .teaser-text,
.rightCol .sizeLL .mIndent .teaser-text {width:132px} /* 284-10-142 */

/* teaser: menue der woche */
.menuederwoche {
	border:2px solid #5CADBD;
	width:auto !important;
	background-image: none;
}
.menuederwoche .mContent {
	margin:0 !important;
	width:auto !important;
}
.menuederwoche .topedge,
.menuederwoche .botedge {display:none !important}
.menuederwoche .mContent .mIndent {width:600px !important}
.menuederwoche .leftright .right {width:294px}

.menuederwoche h3, .menuederwoche p {width:288px}
.menuederwoche .right td {vertical-align:middle;padding-right:6px}

/* bilderkarussell */
.carousel {width:100%}
.carousel .next, .carousel .prev {cursor:pointer}


/* .module1.cteaser = colored teaser (teaser_einspaltig_farbig) */
.cteaser .mIndent {
	width: 301px !important;
	margin: 1px !important;
	padding-right: 5px !important;
}
.cteaser h4 {
	margin-top: 15px;
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 5px;
	line-height: 14px;
}
.cteaser h4 * {
	line-height: 14px;
}
.cteaser a,
.cteaser a:hover,
.cteaser a:focus {
	color: #fff;
}
.cteaser p {
	color: #fff;
	margin-bottom: 10px;
}



/*-------------------------------------*/
/* Community Lecker.Club */
/*-------------------------------------*/

.normal{font-weight:normal}

fieldset{border:none;padding:0;margin:0;}


#short_register fieldset input,#short_register fieldset select,#short_register fieldset textarea,

fieldset.loginFormBox input,fieldset.loginFormBox select,fieldset.loginFormBox textarea,

#community_profil input,#community_profil textarea,
#community_profil input,#community_profil select,#community_profil textarea,

table.recipeEdit fieldset input,table.recipeEdit fieldset textarea,table.recipeEdit fieldset select,

fieldset.kb_neu input,fieldset.kb_neu textarea,
table.kbEdit fieldset input,table.kbEdit fieldset textarea{	
/*  height:20px;  */
	border:1px solid #d9d9d9;
	background-color:#fff;
	display:block;
	color:#777;
	padding-left:4px;

}

table.recipeEdit fieldset textarea,
fieldset.kb_neu textarea,
table.kbEdit fieldset textarea{
	font-size:14px;
}


.cGray{color:#a3a3a3 !important}
.cGrayDark{color:#777 !important}
.cRed{color:#ff0058}
.cGreen{color:#13c344}
.cLightgray{color:#acacac}

.fullWidth{width:100%}

.Text11{font-size:11px !important}
.Text14{font-size:14px !important}
.Text16 {font-size:16px !important}
.Text18{font-size:18px}
.Text20{font-size:20px}

.errorBox{
	border:1px solid #ff0058;
	color:#ff0058;
	background:#fff url(/media/img/icon/error.gif) no-repeat 9px 8px;	
	padding:8px 9px 8px 36px;
}

.okayBox{
	border:1px solid #13c344;
	color:#13c344;
	background:#fff url(/media/img/icon/okay.gif) no-repeat 9px 8px;
	padding:8px 9px 8px 36px;
}

input.error,select.error,textarea.error{border-color:#ff0058 !important;}
input.require,select.require{background-color:#fff !important;}

label{cursor:pointer}
label.in{
	display:inline !important;
	position:relative;
	top:4px;
	line-height:2.0em;
}

.icq,.skype,.msn,.aol{
	padding:3px 0 3px 25px;
	font-size:12px !important;
}


.icq{background:transparent url(/media/img/icon/icq.gif) no-repeat top left;}
.skype{background:transparent url(/media/img/icon/skype.gif) no-repeat top left;}
.msn{background:transparent url(/media/img/icon/msn.gif) no-repeat top left;}
.aol{background:transparent url(/media/img/icon/aol.gif) no-repeat top left;}

.w252{display:block;width:252px;}
.w450{display:block;width:450px;}
.w590{display:block;width:590px;}


table.community_2steps th {
	width:33px;
	padding:7px 0 10px 3px;
	color:#fff;
	background:transparent url(/media/img/community/bg_circle_cyan.gif) top center no-repeat;
	text-align:center;
	font-weight:bold;
	font-size:15px;
}

table.community_2steps td {padding:0 0 12px 12px}

table.community_2steps th.inactive {background:transparent url(/media/img/community/bg_circle_grey.gif) top center no-repeat}
table.community_2steps td.inactive {color:#d9d9d9;}

.innerBox{
	border:1px solid #fff;
	margin:1px;
}
.tooltiptable {
	margin-top: 0px !important;
}
.community_greenBox{
	background:#eaf5f9 url(/media/img/community/bg_greenBox.gif) repeat-x 0px 0px;
	color:#777;
	width:304px;
}
.community_greenBox h3{font-weight:normal}
.community_greenBox table{margin-top:10px;color:#777;}
.community_greenBox table.instructions th {background:transparent url(/media/img/bg_circle_blue_trans.png) top center no-repeat;}

.formFooter{padding:8px;margin-top:15px;}
.formHeader{padding:8px;}

.formFooter a,
.formHeader a{
	padding-left:2px;
	position:relative;
	top:2px;
}

input.radiocheck,
input.radiochecking,
span.freigeben input{
	border:none !important;
	margin-left:0 !important;
	width:auto !important;
	height:auto !important;
	display:inline !important;
	background-color:transparent !important;
}

#community_profil label,
table.recipeEdit label{display:block;}

#community_profil input,
#community_profil select,#community_profil textarea{
	position:relative;
	margin-top:2px;
	margin-bottom:-5px;
}

#short_register fieldset{
	border:none;
	padding:0;
	padding-left:58px;
	color:#777;
	text-align:left;
}

#short_register a{
	font-size:11px;
	text-decoration:underline;
	color:#A00057;
}

#short_register a:hover,#short_register a:focus,#short_register a:active{
	text-decoration:none;
}
#short_register span{font-size:11px;line-height:18px;}

#short_register label,
fieldset.kb_neu label,
table.kbEdit label{
	display:block;
	margin:6px 0 2px 0;
	font-size:11px;
}


#short_register fieldset input,
#short_register fieldset select{

	width:446px;background-color:#eaf5f7;
}

#short_register fieldset select{width:448px}

#short_register fieldset textarea {
	background-color:#eaf5f7;
}

#short_register #verifycode{
	width:121px;
	float:left;

	margin-right:8px;
}

#short_register .captchacode{	
	position:relative;
	top:-7px;
	width:80px;
	height:36px;
	background-color:#eee;
}

#short_register .errorBox{
	width:405px;
	margin-bottom:12px;
	position:relative;
	top:-6px;
}

#captchaLayer {
	width:240px;
}

#captchaLayer #captchaTextLayer{
	background-color:#eaf5f7;
	border: 1px solid #D9D9D9;
	float: left;
	margin-right: 8px;
}

#captchaLayer .captchacode{
	position:relative;
	top:-7px;
	width:80px;
	height:36px;
	background-color:#eee;
}



#community_profil .profilBox{
	background:transparent url(/media/img/bg_dotline_gray.gif) repeat-x top left;
	margin-top:8px;
	padding:12px 0 8px 0;
}

#community_profil table.profil{}

#community_profil table.profil h3{padding:0 0 8px 16px;font-weight:normal;}


#community_profil table.profil p{padding:8px 0 5px 16px;position:relative;}

#community_profil table.profil span{font-size:14px;display:block;}

#community_profil table.profil td{background:transparent url(/media/img/bg_dotlinev_gray.gif) repeat-y top left;}

#community_profil table.profil .profilBox{padding:8px 0 8px 0 !important;}


#community_profil td.col1{width:301px;background-image:none !important;}
#community_profil td.col2{width:314px;padding:0 2px 0 4px;}
#community_profil td.col3{width:295px;padding:0 2px 0 4px;}

#community_profil td.col1 p{padding:8px 0 5px 0px}


#community_profil table.profil span.freigeben{
	position:absolute;
	top:5px;
	right:0px;
}
#community_profil .freigeben label{display:inline !important;}

#community_profil table.profil .col2 span.freigeben{right:10px}

#community_profil input,
#community_profil textarea{
	width:248px;font-size:14px;
}

#community_profil textarea,
fieldset.kb_neu textarea{
	height:120px !important;
	overflow:hidden !important;
}

#community_profil .file{display:block;height:20px;width:139px;border:1px solid #d9d9d9;}

#community_profil #profil_plz{width:51px;float:left;margin-right:8px;}
#community_profil #profil_ort{width:183px}
#community_profil #profil_gdatum{width:114px}

#community_profil .profil_instructions{
	font-size:12px !important;
	color:#acacac;
	padding-top:10px;
}


#community_profil .ProfilCheckBox label,#community_profil .ProfilCheckBox input{float:left;}
#community_profil .ProfilCheckBox label{padding:0 0 0 4px;width:590px;}

#community_profil .profilavatar{display:block;}
#community_profil .profilavatar span{vertical-align:bottom;margin-right:5px;display:inline !important;}

#community_profil .okayBox,#community_profil .errorBox{margin-bottom:14px;}


.comTabBox{padding:12px;position:relative;}
.comTabBoxaktiv{
	padding:6px 12px;
	position:relative;
	background-color:#A00057;
	border-bottom:1px solid #fff;
}
.r3 .comTabBoxaktiv{width:924px}

.comTabBox p{margin-top:5px;}
.comTabBox .comTabNavi{position:absolute;bottom:12px;left:655px;}
.comTabBox .comTabNavi a{color:#A00057}

.comTabBoxaktiv,.comTabBoxaktiv *{font-size:14px;color:#fff !important;}


ul.comSubmenu{
	background:transparent url(/media/img/bg_subnav_blue.gif) repeat-x bottom left;
	overflow:hidden;
	margin-left:-2px;
}
ul.comSubmenu li{
	display:inline;
	color:#a00057;
	line-height:24px;	
	padding:0 9px 0 13px;
	background:transparent url(/media/img/bg_navigation_sub.gif) no-repeat 0px 2px;
}

ul.comSubmenu li a,
ul.comSubmenu li a:hover,
ul.comSubmenu li a:focus{
	color:#333;
	text-decoration:none;
}

ul.comSubmenu li a.selected { font-weight: bold !important }

.profilForm{padding-top:14px}
.profilForm label{padding:0 25px 0 8px;}
.profilForm input[type=checkbox]{border:none;margin:0;}

a.closePreview{
	float:right;
	font-size:14px;
	position:relative;
	top:4px;
	color:#a00057;
}


/* community startseite icon (combine with ci* classes) */
.commIcon {
	width:42px;
	height:42px;
	background:transparent url(/media/img/community/icons_startseite.png) 0 0 no-repeat;
	vertical-align:top;

}
body .ciAkti {}
body .ciMsg {background-position:0 -42px;}
body .ciInv {background-position:0 -84px;}
body .ciKon {background-position:0 -126px;}
body .ciMit {background-position:0 -168px;}

.csLeft {width:86px;float:left;text-align:right}
.csRight {width:815px;float:right}

table.csMitmach {width:100%}
table.csMitmach div {padding:2px 0}
table.csMitmach div.h3Space {padding:0;height:25px}
table.csMitmach h3 {margin-bottom:8px}
table.csMitmach td {width:33%}
table.csMitmach td img {margin-right:10px;vertical-align:top;float:left}
table.csMitmach td.col2 {padding:0 10px}

table#csVisitors {margin:0 auto}
table#csVisitors td {text-align:center; padding:10px 22px 0}
table#csVisitors div {height:84px;text-align:center}
table#csVisitors div img {vertical-align:top}

/*------------------Login Boxen--------------------------*/
fieldset.loginFormBox,div.loginFormBox{
	padding:0 0 10px 58px;
	width:446px;
}
div.loginFormBox{
	padding:0 0 18px 58px;
}
fieldset.loginFormBox input,fieldset.loginFormBox select,fieldset.loginFormBox textarea{width:100%;}



/*------------------Rezept Liste und Vorschau--------------------------*/
.authorInfo{padding-top:2px;}
.authorInfo img{display:block;margin-right:8px;float:left;}

.sortRList{margin:14px 0 10px 0}
.sortRList label{padding-right:6px}
.sortRList select{margin-right:25px}

.recipeListBox{
	background:transparent url(/media/img/bg_dotline_gray.gif) repeat-x top left;
	padding:10px 0 0 0;
	margin-top:6px;
	clear:both;
	overflow:visible;
	z-index:0;
}
.recipeListBox .recipeInfo{width:482px;float:left;overflow:visible;}

.recipeListBox .recipeInfo .clicks{margin-bottom:2px}

.recipeListBox .recipeImage{
	position:relative;
	width:112px;
	margin-right:8px;
	float:left;
	padding-bottom:5px;
	text-align:right;
}
.recipeListBox .recipeImage div{
	position:absolute;
	border-left:1px solid #fff;
	border-bottom:1px solid #fff;
	width:16px;
	height:16px;
	z-index:20;
	top:0px;
	right:0px;
} 
 .recipeImage div.public{background:transparent url(/media/img/icon/okay.gif) no-repeat top left}
 .recipeImage div.private{background:transparent url(/media/img/icon/protect.gif) no-repeat top left}

.recipeListBox .recipeEdit{
	margin-top:4px;
	padding:24px 8px 7px 8px;
	background-color:#f5f5ed;
	overflow:visible;
}

.recipeListBox .recipeEdit a{margin-right:16px;z-index:0;}
.recipeListBox .recipeEdit .radiocheck{margin:2px 0 0 2px !important;}

.pleft90{padding-left:90px}




.kb_dialog, .kb_dialog_loeschen {
  position:absolute;
  z-index:9999;
  border:1px solid #5CADBD;
  left:-13px;
  top:-14px;  
  width:194px;
  background-color:#fff;
  padding:12px;
  padding-top:14px;
  overflow:visible !important;

	/* body Elemente */
  font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	line-height:1.3em;
	font-size:12px;
}

.kb_dialog p, .kb_dialog_loeschen p {
  padding-top:12px;
  padding-left:20px;
}

.kb_dialog .checkbox, .kb_dialog_loeschen .checkbox {
  padding-left:0px;
  margin-left:-20px;
  margin-top:0px;
  width:auto !important;
}

.kb_dialog div.kbauswahl, .kb_dialog_loeschen div.kbauswahl{
	display:block;
	width:192px;
	height:125px;
	overflow:auto;
	margin:5px 0 2px 0;
}

.kb_dialog div.kbauswahl p, .kb_dialog_loeschen div.kbauswahl p{
  padding-top:6px;
  padding-left:20px;
}


.kb_dialog input, .kb_dialog_loeschen input {width:166px;}

.kb_dialog .submit, .kb_dialog_loeschen .submit {width:170px;}

.kb_dialog .errorBox, .kb_dialog_loeschen .errorBox {
  margin-left:-6px;
  width:175px;
  padding-left:28px;
  padding-right:1px;
  margin-top:6px;
}

.kb_dialog .close, .kb_dialog_loeschen .close {
position:absolute;
left:201px;
top:0px;
}

.kb_dialog .ilAddKochbuch, .kb_dialog_loeschen .ilAddKochbuch {width:200px;}


div.adds{padding-left:18px;display:inline;}
div.adds a{padding-right:8px;}



/*------------------Rezept eingeben--------------------------*/
table.recipeEdit {}
table.recipeEdit h3{font-weight:normal;margin-bottom:6px;}

table.recipeEdit td.col1{width:620px;}
table.recipeEdit td.col2{
	padding:0 0 0 20px;
	background:transparent url(/media/img/bg_dotlinev_gray.gif) repeat-y top left;
}

table.recipeEdit .recipeFieldBox{padding:0 42px 8px 0;}

table.recipeEdit p.inputRow{clear:both;padding:5px 0;margin-top:4px;}

table.recipeEdit p.inputRow *{vertical-align:top;}

table.recipeEdit p.inputRow a.iconLink{margin-left:12px;position:relative;top:4px;}

table.recipeEdit label{padding-top:2px;}

table.recipeEdit .col2 p{clear:both;margin:0 0 4px 0;}
table.recipeEdit .col2 select{width:260px;padding-left:0px;}
table.recipeEdit .col2 label{padding-bottom:2px;}


table.recipeEdit fieldset textarea.ingredients{height:140px;width:572px;margin:0;}
table.recipeEdit fieldset textarea.steps{height:80px;width:435px;margin:0;float:left;}

label.recipeEnable{padding:0 10px 0 0;position:relative;top:2px;font-size:11px;}

table.recipeEdit select.recipeTimeUnit{margin-left:9px;width:73px !important;color:#000 !important;}
table.recipeEdit select.recipePersons{width:136px !important;}
table.recipeEdit input.recipeName{width:572px !important;}
table.recipeEdit input.recipeCalories,input.recipeTime{width:48px !important;}
table.recipeEdit input.imageUpload{margin-top:50px}

table.recipeEdit table.recipeImage td{position:relative;}
table.recipeEdit table.recipeImage img{display:block;margin-right:12px;float:left;}
table.recipeEdit td.recipeImageUpload{display:block;width:255px;}

table.recipeEdit td.recipeImageUpload .sp6{height:72px;}


/*----------Kuchbuch -----------*/

fieldset.kb_neu input,
fieldset.kb_neu textarea{width:453px;}

table.kbEdit .col1{width:618px;padding-right:2px;}
table.kbEdit .col2{
	width:280px;
	padding:0 0 0 20px;
	background:transparent url(/media/img/bg_dotlinev_gray.gif) repeat-y top left;
}

table.kbEdit .okayBox,table.kbEdit .errorBox{margin:10px 0 5px 0;width:556px;}

table.kbEdit fieldset input{width:276px;}
table.kbEdit fieldset textarea{width:276px;height:80px;overflow:hidden;}

table.kbEdit input.kbCategorie{float:left;width:188px;margin-right:4px;}

table.kbEdit a.kbvorschau{margin:4px 16px;}

table.kbEdit a.button{
	display:block;
	float:left;
	padding:2px 5px 2px 20px;
	margin-top:1px;
}

div.kb_voransicht{position:relative;margin:-10px -12px 0 0;overflow:hidden;}
div.kb_voransicht .ratingLayer {right:13px}

div.kb_pages,
div.kb_pageCover,
div.kb_pageBack,
div.kb_design,
div.kb_cover,
div.kb_kategorie,
div.kb_rezept{
	width:294px;
	height:207px;
	border:1px solid #a9d8e0;
	overflow:hidden;
	float:left;
	padding:0;
	margin:12px 11px 0 0;
}

div.kb_pages{background:#fff url(/media/img/bg_recipePage.gif) no-repeat top center; overflow:visible !important;}

div.kbInfoBox{
	width:296px;
	height:209px;
	overflow:hidden;
	float:left;
	padding:0;
	margin:12px 11px 0 0;
}

div.kb_pageCover{	
	width:144px;
	margin:12px 11px 0 150px;
}

div.kb_pageBack{	
	width:144px;
	margin:12px 161px 0 0;
}

div.kb_kategorie,
div.kb_rezept{
	width:144px;
	margin:12px 4px 0 0;
}

div.kb_cover{
	width:144px;
	margin:0;
	float:none;
}

.kb_pg{
	display:block;
	height:207px;
	float:left;	
	width:145px;
	padding:0 1px;
	overflow:visible !important;
}

.kb_design .kb_pg{
	width:146px;
	padding:0;
}
.kb_pg.mr2{margin-right:2px;}

.kb_entry{
	height:207px;
	width:145px;
  	text-align:center;
	position:relative;
	background-color:#FFFFFF;
}

.kb_entry p.recipe{
	position:absolute;
	width:146px;
	text-align:center;
	bottom:26px;
	left:0px;
}
.kb_entry p.recipe img{display:block;margin:0 auto 4px auto;}
.kb_entry p.recipe span{display:block;height:40px;}
.kb_entry p.recipe span img{display:inline;}

.kb_entry .rightArrowHighSmall{
	padding-right:0px;
	background:none !important;
}

.kb_pages a{font-size:11px;}

.kb_pages .buttonDelete{
	display:block;
	height:18px;
	position:absolute;
	bottom:5px;
	left:65px;
	z-index:20;
}

.kb_pg .kategorieLayer{
	position:absolute;
	top:35px;
	left:8px;
	width:130px;
	height:130px;
	cursor:pointer;
	z-index:20;
}

.kbDesignBox table{
	width:100%;
	margin:-2px -8px -8px -8px;
	border-collapse:collapse;
}
.kbDesignBox table td {
	background:#fff;
	border:2px dotted #e1e1e1;
	text-align:center;
	padding:10px 7px 15px 7px;
}
.kbDesignBox table div.kb_design{margin-bottom:12px;}
.kbDesignBox table input.radiocheck{margin:0 4px 0 0;}
.kbDesignBox table .kb_design{margin:0 auto;}


.kbCoverBox table{
	width:614px;
	margin:-2px -8px -8px -2px;
	border-collapse:collapse;
}
.kbCoverBox table td {
	background:#fff;
	border:2px dotted #e1e1e1;
	text-align:center;
	font-size:11px;
	width:200px;
	padding:14px 0 12px 0;
}

.kbCoverBox img.coverImage{border:1px solid #a9d8e0;}
.kbCoverBox table .ilDelete{margin-left:6px;}

/*
.kbCoverBox table td.col_l{padding:14px 41px 12px 0;}
.kbCoverBox table td.col_m{padding:14px 40px 12px 40px;}
.kbCoverBox table td.col_r{padding:14px 0 12px 41px;}
*/

.kbCoverBox table td .kbTitelBox{
	margin:4px auto;
	text-align:center;
	height:28px;
}

.kbCoverBox table td .kbTitelBox img{vertical-align:inherit;}
.kbCoverBox .rightArrowHighSmall{padding-right:0px;background:none !important}

.kbCoverBox table td .smallRating{
	margin:0 auto 6px auto;
	width:45px;
	height:14px;
}
.kbCoverBox table td .radiocheck{margin:0 4px 0 0;}
.kbCoverBox .minirateimg{display:block;margin:8px auto 8px auto;}




.changeCoverBox{margin:0 0 -12px 0;}
table.changeCover{
	width:286px;
	margin:-2px;
	border-collapse:collapse;
}
table.changeCover td {
	background:#fff;
	border:2px dotted #e1e1e1;
	text-align:center;
}
table.changeCover td.col_l{padding:10px 9px 10px 1px;}
table.changeCover td.col_m{padding:10px 9px 10px 9px;}
table.changeCover td.col_r{padding:10px 1px 10px 9px;}

table.changeCover label{display:inline;}
table.changeCover .radiocheck{margin:0 4px 0 0;}

table.changeCover .smallCoverBorder{
	padding:2px;
	border:1px solid #fff;
	height:104px;
	width:73px;
	margin-bottom:6px;
}

table.changeCover .smallCover{width:71px;height:102px;border:1px solid #A9D8E0;} 

table.changeCover .high,
table.changeCover .smallCoverBorder:hover{
	border:1px solid #A00057;
	padding:2px;
	height:104px;
	width:73px;
	margin-bottom:6px;
}

.kb_pages h5{
	background-color:#d8ecf1;
	text-transform:uppercase;
	font-weight:normal;
	padding:4px 0;
	width:130px;
	position:absolute;
	top:77px;
	left:8px;
}

fieldset.kbFreigabe{padding:8px 0 0 0;}
fieldset.kbFreigabe .radiocheck{margin:2px 4px 0 0;}
fieldset.kbFreigabe label{display:inline;margin:0px;}

.recipeSearch_bg{
	display:block;
	height:23px;
	width:100%;
	padding:4px 5px;
	margin-right:5px;
	background: transparent url(/media/img/community/bg_recipesearch.gif) no-repeat top left;
}
.recipeSearch_bg input{
	width:187px;
	border:1px solid #5cadbd;
	float:left;
}
.recipeSearch_bg a.button{margin-left:10px;}


/*----------Kommentare-----------*/

.commentList{margin-bottom:17px}
.commentList h2{font-weight:normal}
.commentList h5{
	background:transparent url(/media/img/bg_dotline_gray.gif) right top repeat-x;
	padding-top:3px;
	color:#777;
	font-size:10px;
	text-transform:uppercase;
	text-align:right;
}

/*----------Newsletter-----------*/

table.newsletter{
	margin:4px 0 0 0;
	font-size:11px;
	width:565px;
}
table.newsletter td{
	vertical-align:top;
	padding:10px 5px 10px 0;
}
table.newsletter label{
	font-size:12px;
}
table.newsletter .radiocheck{
	margin:0 2px 0 4px;
}

table.newsletterInfo {width:534px}

/*----------LECKER KOCHEINLADUNGEN----------*/

.ke *{font-size:14px;}

table.einladungen small{color:#399aad !important;font-size:11px !important;}
table.einladungen {width:100%;border-bottom:2px dotted #e1e1e1;}
table.einladungen tr{background:transparent url(/media/img/bg_dotline_gray.gif) repeat-x top left;}
table.einladungen th{text-transform:uppercase;color:#777;padding:6px 4px 4px 0;}
table.einladungen td{padding:6px 6px 4px 0;}

table.ke_liste tr{background:none}
table.ke_liste td{padding:2px 24px 2px 0;}

span.ke_zugesagt,span.ke_abgesagt,span.ke_offen{
	text-transform:uppercase;
	color:#777;
	font-size:10px;
	padding-left:16px;
} 
span.ke_zugesagt{background:transparent url(/media/img/icon/ke_zugesagt.gif) no-repeat center left;}
span.ke_abgesagt{background:transparent url(/media/img/icon/ke_abgesagt.gif) no-repeat center left;}
span.ke_offen{background:transparent url(/media/img/icon/ke_offen.gif) no-repeat center left;}


table.ke_steps{
	width:100%;	
	border-top:2px dotted #e1e1e1;
	border-bottom:2px dotted #e1e1e1;
	margin:16px 0 12px 0;
}
table.ke_steps td{
	padding:4px 6px 6px 0px;
	vertical-align:bottom;
	color:#777;
}
table.ke_steps td.active{font-size:16px;color:#5cadbd;}
table.ke_steps td span{
	color:#fff;
	padding:4px 8px;
	line-height:1.8em;
	background:transparent url(/media/img/bg_ke_steps_gray.gif) no-repeat 35% 45%;
}
table.ke_steps td.active span{
	padding:4px 10px;
	line-height:1.6em;
	background:transparent url(/media/img/bg_ke_steps_blue.gif) no-repeat 35% 45%;
}

#recipientBox .inputRow{margin-bottom:12px;}
#recipientBox .inputRow .ilDelete{position:relative;top:4px;}

#recipientBox .inputRow input,
.ke_dataBox .inputRow input{
	width:216px;
	padding:2px 0 0 4px;
	margin-right:8px;
	color:#777;
	border:1px solid #bbb;
	font-size:12px;
}

body #recipientBox .inputRow input {border:1px solid #5CADBD}
#recipientBox .inputRow input.keRName {margin-right:12px}
#recipientBox .inputRow input.keRMail {margin-right:0}

.ke_dataBox .inputRow{margin-bottom:6px;}

ul.ke_typ{margin:4px 0 0 0;}
ul.ke_typ .radiocheck{margin:0 2px 0 0;}
ul.ke_typ li{
	display:block;
	float:left;
	width:115px;
	margin:4px 0 0 0;
}

div.erinnerungsmail{margin:6px 0 0 0;}
div.erinnerungsmail .radiocheck{margin:0 2px 0 0;}

fieldset.kocheinladung{
	display:block;
	position:relative;
	left:-4px;
	width:470px;
	overflow:visible;
}
fieldset.kocheinladung .top{
	background:transparent url(/media/img/bg_ketitel_topbot.gif) no-repeat top left;
	height:4px;
}
fieldset.kocheinladung .middle{	
	background-color:#cae7ee;
	padding:0 4px;
}
fieldset.kocheinladung .bottom{
	background:transparent url(/media/img/bg_ketitel_topbot.gif) no-repeat bottom left;
	height:4px;
}

fieldset.kocheinladung input,
fieldset.kocheinladung textarea{
	border:1px solid #5cadbd;
	width:452px;	
	padding:2px 4px 0px 4px;
	font-size:12px;
}
fieldset.kocheinladung input{margin:0 0 6px 0;}
fieldset.kocheinladung textarea{height:120px;}

div.ke_motiv table {
	border-collapse:collapse;
	margin:-2px;
	width:610px;
}
div.ke_motiv table td {
	background:#fff;
	border:2px dotted #e1e1e1;
	text-align:center;
	width:148px;
	padding:15px 0;
}
div.ke_motiv table tr td img{
	padding:2px;
	border:1px solid #fff;
	margin:0 auto 6px auto;
	display:block;
	cursor:pointer;
}
div.ke_motiv table tr td img:hover,div.ke_motiv table tr td img:focus,
div.ke_motiv table tr td img.high{
	border:1px solid #a00057;
}

div.ke_motiv table input.radiocheck{margin:0 0 0 0;}



div.ke_rezeptliste,div.bap_liste{
	margin:8px 0 0 0;
	position:relative;
}

div.ke_rezeptliste .navi{
	padding:8px 8px 7px 8px;
	margin-top:12px;
	background-color:#ebebdc;
}

div.ke_rezeptliste .moreRecipe{position:absolute;top:0px;left:478px;}
div.ke_rezeptliste .moreRecipe img{position:relative;top:-2px;}

div.ke_rezeptliste .radiocheck,
div.bap_liste .radiocheck{margin:0px;}

div.ke_rezeptliste p,
div.bap_liste p{margin-bottom:6px;}

div.kocheinladung{margin:12px 0 8px 0}
div.kocheinladung .top{
	background:transparent url(/media/img/bg_kebox_topbot.gif) no-repeat top left;
	height:8px;
}
div.kocheinladung .middle{	
	background:transparent url(/media/img/bg_kebox_middle.gif) repeat-y top left;
	padding:0 7px;
}
div.kocheinladung .bottom{
	background:transparent url(/media/img/bg_kebox_topbot.gif) no-repeat bottom left;
	height:8px;
}

div.kocheinladung h1{font-weight:bold;margin-bottom:12px;}
div.kocheinladung img{float:left;margin:0 12px 0 0;}
div.kocheinladung .ke_text{float:left;width:268px;}


tr.ke_functions {background-image:none !important}
tr.ke_functions td {padding:5px 0 12px 0}
.ke_functions div {
	background-color:#eaeadb;
	padding:5px 7px;
}
.ke_functions div a {font-size:12px}


/* absagen overlay */
#keCancelOv {border:1px solid #5BAEBE;padding:10px;position:absolute;background:#fff none;display:none}
.keCOClose {position:absolute;right:5px;top:5px;cursor:pointer}
.keCOCont {width:334px}
.keCOCont textarea {width:332px;height:82px;border:1px solid #bbb;display:block;margin:3px 0;font-size:12px}



/*----------LECKER Nachrichten----------*/

table.postausgang,
table.posteingang{
	width:100%;
	border-collapse:collapse;
	table-layout:fixed;
}

table.posteingang tr,table.postausgang tr{
	background:transparent url(/media/img/bg_dotline_gray.gif) repeat-x left bottom;
}

tr.unread .receiver,
tr.unread .forwarder,
tr.unread .subject{
	font-weight:bold;
	cursor:pointer;
}

tr.mail_message {
  display:none;
}

table.posteingang th,table.postausgang th{
	border-left:1px solid #c7c7b5;
	border-bottom:1px solid #c7c7b5;
	background:#ebebe1;
	padding-top:6px;
	padding-bottom:5px;
}

th.mailarrow{width:25px;border-left:none !important;background-image:none !important;}
th.mailicon{width:26px;}
th.receiver{width:132px;padding-left:9px;}
th.forwarder{width:132px;padding-left:9px;}
.posteingang th.subject{width:249px;padding-left:9px;}
.postausgang th.subject{width:276px;padding-left:9px;}
th.maildate{width:120px;padding-left:9px;}
th.marker{width:20px;}

table.posteingang td,table.postausgang td{
	line-height:17px;
	padding-top:5px;
	padding-bottom:3px;
}

td.forwarder img,td.receiver img{float:left;margin:0 6px 0 0;position:relative;top:-2px;}
td.receiver,td.forwarder,td.subject{padding-left:9px;color:#A00057;}
td.maildate{padding-left:9px;}

td.receiver,td.forwarder,td.subject,td.mailarrow,td.mailicon{cursor:pointer;}

td.mailarrow div{
	display:block;
	width:11px;height:11px;
	background:transparent url(/media/img/icon/arrow_right_pink.gif) no-repeat top left;
	margin:4px auto 0 auto;
	cursor:pointer;
}
tr.active td.mailarrow  div{background:transparent url(/media/img/icon/arrow_down_pink.gif) no-repeat top left;}

tr.active td.mailicon div,
td.mailicon div{
	display:block;
	width:16px;height:16px;
	background:transparent url(/media/img/icon/mail_open.gif) no-repeat top left;
	margin:0 auto;
	cursor:pointer;
}

html .unread td.mailicon div{background:transparent url(/media/img/icon/mail_close.gif) no-repeat top left;}

table.postausgang .messageBox,
table.posteingang .messageBox{
	overflow:auto;
	width:592px;
	height:115px;
	padding:5px;
	position:relative;
	top:-7px;
	margin-bottom:5px;
	border:1px solid #e2e9ef;
	background-color:#eaf5f7;
}
table.postausgang .messageBox{margin:0 !important;}	

table.posteingang .rightArrowHigh{
	font-size:14px;
	margin:0 0 2px 32px;
	position:relative;
	top:-5px;
}


fieldset.writeMessage label{color:#399AAD}
fieldset.writeMessage input,fieldset.writeMessage textarea{
	width:596px;
	padding-left:4px;
	border:1px solid #bbbbbb;
	margin:2px 0 6px 0;
}
fieldset.writeMessage textarea{
	height:240px;
	font-size:12px;
}

/*----------LECKER Kontakte----------*/

div.contactlist{
	overflow:hidden;
	width:100%;
	margin:-12px 0 -4px 0;
}

div.contacts{
	clear:left;
	display:block;
	padding:14px 0 10px 0;
	border-bottom:2px dotted #E1E1E1;
}
div.contacts .c_left{float:left;width:100px;}	
div.contacts .c_left img{display:block;margin:0 0 6px 0;}	
div.contacts .c_left small{display:block;color:#777;}	

div.contacts .c_right{float:right;width:500px}
div.contacts .c_right h2{font-weight:normal;margin-bottom:6px;}
div.contacts .c_right h2 span{color:#00c43a;font-size:11px;padding-left:8px;}
div.contacts .c_right h2 span.gray{color:#777}

div.contacts .options{display:block;overflow:visible;margin:28px 0 0 0;}
div.contacts a{margin:0 8px 0 0;}

div.contacts .okayBox,
div.contacts .errorBox{margin:0 0 12px 0;}

.anfrageBox textarea{
	display:block;
	width:502px;
	height:80px;
	margin:6px 0 10px 0;
	font-size:12px;
	padding:0 0 0 4px;
	border:1px solid #ddd;
}


/*------module1 Kontaktsuche------*/

div.contactsearch .radiocheck{margin:0 2px 0 3px;}
div.contactsearch .contactSearch_bg{
	margin:4px 0 0 0;
	background:transparent url(/media/img/bg_contactsearch.gif) no-repeat top left;
	padding:4px;
	position:relative;
	left:-4px;
	width:285px;
}
div.contactsearch  input.search{
	border:1px solid #5cadbd;
	width:195px;
	padding-left:6px;
	color:#777;
}
div.contactsearch .button{
	padding:0px 3px 0px 18px;
	margin:1px 0 0 6px;
}


#tabKSExt .contactsearch {margin-bottom:7px}
#tabKSExt .ksxBG .mIndent {margin-top:0;margin-bottom:2px}
#tabKSExt .ksxBG {
	width:100%;
	background:transparent url(/media/img/bg_contactsearchExt.png) 0 0 no-repeat;
}
#tabKSExt h5 {padding:7px 0 2px}
#tabKSExt h5 label {font-weight:normal}

#tabKSExt input.txt {
	border:1px solid #5cadbd;
	width:274px;
	padding-left:6px;
	color:#333;
	display:block;
}
#tabKSExt .ksxBGEnd {
	width:100%;
	background:transparent url(/media/img/bg_contactsearchExt.png) 0 -297px no-repeat;
	height:3px;
}
#tabKSExt .ksxBut {
	text-align:center;
	padding:8px 0;
}

/*----------LECKER FORUM----------*/

div.f_breadcrumb{font-size:14px;color:#a00057;}
div.f_breadcrumb a{color:#a00057;text-decoration:underline;}

.forum_edit textarea {
  font-size:12px;
  width:587px;
  height:240px;
  padding:5px;
}

.forum_edit input.text {
  font-size:12px;
  width:587px;
  padding:2px 5px;
}

.forum_themen table.themen_liste {
  width:100%;
	border-collapse:collapse;
  empty-cells:show;
}

.forum_themen .themen_liste th {
  background-color:#ebebe1;
  color:#777;
  height:27px;
  vertical-align:middle;
}

.forum_themen .themen_liste td {
  padding-top:8px;
  padding-bottom:8px;
}

.forum_themen .themen_liste td.first {
	background-color:#f5f5ed;
}

.forum_themen .themen_liste th.col1, .forum_themen .themen_liste td.col1 {
  width:23px;
  border-bottom:1px solid #c7c7b5;
  padding-left:12px;
  padding-top:10px;
}
.forum_themen .themen_liste th.col2, .forum_themen .themen_liste td.col2 {
  width:505px;
  border-right:1px solid #c7c7b5;
  border-bottom:1px solid #c7c7b5;
  padding-left:9px;
}
.forum_themen .themen_liste th.col3, .forum_themen .themen_liste td.col3 {
  width:103px;
  border-right:1px solid #c7c7b5;
  border-bottom:1px solid #c7c7b5;
  padding-left:9px;
}
.forum_themen .themen_liste td.col3 img {
	padding-right:5px;
	padding-top:2px;
	float:left;
}
.forum_themen .themen_liste td.col3 div {
	float:left;
	overflow:visible;
}
.forum_themen .themen_liste th.col4, .forum_themen .themen_liste td.col4 {
  width:80px;
  border-right:1px solid #c7c7b5;
  border-bottom:1px solid #c7c7b5;
  text-align:center;
}
.forum_themen .themen_liste th.col5, .forum_themen .themen_liste td.col5 {
  width:228px;
  border-bottom:1px solid #c7c7b5;
  padding-left:9px;
}

.forum_detail table.forum_detail {
  width:100%;
	border-collapse:collapse;
  empty-cells:show;
}
.forum_detail table.forum_detail th {
	background-color:#ebebdc;
	vertical-align:middle;
	padding:8px 13px;
	border-bottom:1px solid #c7c7b5;
}
.forum_detail table.forum_detail th img {
	padding-right:6px;
}
.forum_detail table.forum_detail td {
  padding-top:8px;
  padding-bottom:12px;
}
.forum_detail table.forum_detail td.first {
	background-color:#f5f5ed;
}
.forum_detail table.forum_detail td.col1 {
	width:240px;
	border-right:1px solid #c7c7b5;
	border-bottom:1px solid #c7c7b5;
	padding-left:9px;	
}
.forum_detail table.forum_detail td.col1 img {
	padding-top:8px;
	padding-bottom:8px;
}
.forum_detail table.forum_detail td.col2 {
	width:707px;
	border-bottom:1px solid #c7c7b5;
	padding-left:9px;	
}
.forum_detail table.forum_detail td.col2 a.iconLink {
	margin-right:9px;
}
.forum_detail table.forum_detail td.col2 .zitat {
	width:682px;
	border:1px solid #ebebdc;
	padding:8px;
	margin-bottom:8px;
}
.forum_detail table.forum_detail td.col2 .zitat a.autor {
	text-decoration:underline;
}
.forum_detail table.forum_detail td.col2 .zitat p {
	margin-top:4px;
}

/* zitat in "meine beitr�ge" */
.themen_liste td.col2 .zitat {
	border:1px solid #ebebdc;
	padding:8px;
	margin:8px 8px 8px 0;
}
.themen_liste td.col2 .zitat a.autor {text-decoration:underline}
.themen_liste td.col2 .zitat p {margin-top:4px}


.forum_uebersicht table.uebersicht_liste {
  width:100%;
	border-collapse:collapse;
  empty-cells:show;
    table-layout:fixed;
}
.forum_uebersicht table.uebersicht_liste th {
	background-color:#ebebe1;
	vertical-align:middle;
	padding:8px 13px;
	border-bottom:1px solid #c7c7b5;
}
.forum_uebersicht table.uebersicht_liste th.col1, .forum_uebersicht table.uebersicht_liste table.uebersicht_klappliste td.col1 {
	width:498px;
	border-right:1px solid #c7c7b5;
}
.forum_uebersicht table.uebersicht_liste th.col2, .forum_uebersicht table.uebersicht_liste th.col3, .forum_uebersicht table.uebersicht_liste table.uebersicht_klappliste td.col2, .forum_uebersicht table.uebersicht_liste table.uebersicht_klappliste td.col3 {
	width:54px;
	border-right:1px solid #c7c7b5;
}
.forum_uebersicht table.uebersicht_liste th.col4, .forum_uebersicht table.uebersicht_liste table.uebersicht_klappliste td.col4 {
	width:203px;
}

.forum_uebersicht table.uebersicht_liste td {
	padding:8px 13px;
	background-color:#f5f5ed;
	border-bottom:1px solid #c7c7b5;
}
.forum_uebersicht table.uebersicht_liste td h3 {
	margin-bottom:2px;
}
.forum_uebersicht table.uebersicht_liste td p {
	width:498px;
}

.forum_uebersicht table.uebersicht_liste table.uebersicht_klappliste {
	margin-top:8px;
	margin-bottom:-9px;
  	width:948px;
	border-collapse:collapse;
  	empty-cells:show;
	position:relative;
  	left:-13px;
  	table-layout:fixed;
  	display:none;
}
.forum_uebersicht table.uebersicht_liste table.uebersicht_klappliste td {
  background-color:#fff;
  	border-top:1px solid #c7c7b5;
}

/*-------------------------------------*/
/* ENDE Community Lecker.Club */
/*-------------------------------------*/



/*-------------------------------------*/
/* SITEMAP  */
/*-------------------------------------*/

.sitemap,.rezeptregister,.rezeptsammlung{
	float:left;
	margin:0 0 0 -12px;
	overflow:hidden;
}
.sitemap .catBox,
.rezeptregister .catBox,
.rezeptsammlung .catBox{
	float:left;
	margin:0 0 16px 12px;
	width:142px;
}
.catBox a.titel{
	font-size:14px;
	color:#fff !important;
	line-height:24px;
	padding:1px 5px 2px 9px;
	font-weight:normal;
	display:block;
	cursor:pointer;
}	

.catBox ul{margin-top:12px;}
.catBox ul li{margin-bottom:6px;}

.catBox ul li a.leftArrowHigh{
	display:block;
	background:transparent url(/media/img/bg_arrow_right_pink.gif) no-repeat 0px 1px;
	font-weight:bold;
}

body .catBox ul li a.rightArrowHigh {
	display:block;
	background-position:0px 1px;
	font-weight:bold;
	padding-left:12px;
}

.catBox ul li small{
	color:#666;
	display:block;
	padding-left:12px;
}
.catBox ul li small a{color:#666}

/*-------------------------------------*/
/* ENDE SITEMAP */
/*-------------------------------------*/



.underline {text-decoration:underline;}

.teaser_2_xxl {}
.teaser_2_xxl img {z-index:1; width:626px; height:313px}
.teaser_2_xxl .mIndent1 {position:relative;height:313px}
.teaser_2_xxl .mIndent1 .teserContainer {position:relative;width:100%;height:100%;background:red}

.teaser_2_xxl h2 {font-size:27px}

.teaser_2_xxl .textbox {
	position:absolute;	
	top:171px; 
	left:222px; 
	width:364px;	
	z-index:2; 
	background:transparent url(/media/img/bg_white_trans70.png) repeat	top left; 
	padding:2px 14px 8px 14px;
}

.reiternav a,
ul.tabsFix li {
	font-weight: normal;
	text-transform:uppercase;
	font-weight:bold;
	display: block;
	float: left;
	color: #fff;
	padding: 2px 12px 1px 12px;
	margin: 0 6px 0 0;
	position:relative;
}

body .rnLessPadd a {	/* use TOGETHER with .reiternav */
	padding-left:11px;
	padding-right:11px;
}

ul.tabsFix li{background-color:#a00057}

.reiternav li {
  float:left;
}

.reiternav {
  margin-left:3px;
  margin-bottom:-3px;
  position:relative;
}

.reiternav a:hover,
.reiternav a:focus,
.reiternav strong {background: #A00057; color:#fff; text-decoration:none;}

.ui-tabs-hide { display: none; }
.ui-tabs-nav .ui-tabs-selected a,
a.ui-tabs-selected{
	background-color: #A00057;
}


/* rotating teaser.. */
.teaser_2_xxl .teasertabs {position:absolute;left:219px;top:152px;z-index:20;height:19px}
.teaser_2_xxl .reiternav {overflow:visible}
.teaser_2_xxl .reiternav a {padding-bottom:4px !important}


/* collapsable blocks */
/**
 * Used for H5 headlines in the right "Suche verfeinern" column
 */
.toggleArrow {
	cursor:pointer;
	background:transparent url(/media/img/bg_togglearrow.gif) 0 -15px no-repeat;
	padding-left:11px;
}

.toggleArrowClosed {
	background-position:0 2px;
}

li.moreless {display:none}



/* rating layer */

.ratingLayer {
	position:absolute;
	right:0;
	border:1px solid #5BAEBE;
	padding:10px;
	display:none;
	z-index:100;
}
.ratingLayer td {padding:0 5px 4px 0}
.ratingLayer .minirateimg {vertical-align:middle; margin:0 3px}
.ratingLayer h5 {margin-bottom:12px; font-size:13px}
.ratingLayer table {margin-bottom:4px}
.ratingLayer .sp3 {width:1px}

.ratingLayer input.ratingCaptchaText {
	width:165px;
	border:1px solid #ccc;
	background-color:#fff;
}

.ratingLayer .ratingError {
	width:175px;
	padding-bottom:12px;
	display:none;
}

/* artikel-versenden-layer */

/* rating layer */

#sendArticle {
	position:absolute;
	left:0;
	border:1px solid #5BAEBE;
	padding:10px;
	z-index:100;
	display:none;
}
#sendArticle td {padding:0 0 5px 0}
#sendArticle td.saPadd {padding-right:8px}
#sendArticle td label {display:block}
#sendArticle td input, #sendArticle td textarea {width:165px;border:1px solid #bbb;background:#fff none}
body #sendArticle td textarea {width:341px;height:66px;font-size:12px}
#sendArticle h5 {margin-bottom:12px; font-size:13px}
#sendArticle table {margin-bottom:4px}
#sendArticle .sp3 {width:1px}

#sendArticle #sendArticleError {
	padding-bottom:12px;
	width:343px;
}

/* rezeptsuche hilfe */

.search_help .mContent {
	background: #fff;
}
.search_help h3 {
	margin-bottom: 15px;
}
.search_help p {
	margin-bottom: 10px;
}


h3.artHit {width:372px}

/* Rezeptsuche Trefferliste: Nur Bild */

.picresults .mIndent {
	margin: 0;
	width: 629px;
	background: #fff;
}
.results_imageonly {
	width: 100%;
	border-collapse: collapse;
}
.results_imageonly td {
	background: #fff;
	width: 150px;
	height: 150px;
	border: 1px dotted #e1e1e1;
	vertical-align: baseline;
	text-align: center;
	padding: 15px 5px 10px 5px;
}
.results_imageonly td a {
	display: block;
	text-decoration: none !important;
	padding: 0 0 16px 0 !important;
	background-position: center bottom !important;
}
.results_imageonly td a img {
	margin-bottom: 5px;
	vertical-align:baseline !important;
}
.results_imageonly td a em {
	font-style: normal;
	font-weight: bold;
}
.results_imageonly td a:hover em,
.results_imageonly td a:focus em {
	text-decoration: underline !important;
}

/* Bildgalerie Uebersicht */
.picgalerie {
  border-left:2px solid #fff;
  border-top:12px solid #fff;
  border-bottom:2px solid #fff;
  border-right:2px solid #fff;
}

.picgalerie_block {
  margin-left:-2px;
  margin-top:-12px;
  margin-bottom:-2px;
  margin-right:-2px;
	border-collapse: collapse;
}
.picgalerie_block td {
	background: #fff;
	width: 150px;
	height: 150px;
	border: 2px dotted #e1e1e1;
	vertical-align: bottom;
	text-align: center;
	padding: 15px 5px;
}
.picgalerie_block td a img {
  padding:2px;
	background-color:#fff;
	border:1px solid #fff;
}
.picgalerie_block td a:hover img {
	border:1px solid #950051;
}
.pic_f1 {
  background-image:none !important;
}
.picgalerie_block td a {
	text-decoration: none !important;
}
.picgalerie_block td img {
	margin-bottom: 5px;
}
.picgalerie_block td a em {
	font-style: normal;
	font-weight: bold;
}
.picgalerie_block td a:hover em,
.picgalerie_block td a:focus em {
	text-decoration: underline !important;
}

.hide {display:none !important}
.show {display:block;}

/******************** bauer_lecker_bildergalerie_bildansicht ********************/

#bauer_lecker_bildergalerie_bildansicht{
	position:relative;
	margin-bottom:20px;
	width:100%;
}

#bauer_lecker_bildergalerie_bildansicht #page_subtitle {
	font-size:13px;
}

#bauer_lecker_bildergalerie_bildansicht .site_menu {
	font-size:13px;
}

#bauer_lecker_bildergalerie_bildansicht .headline{
	z-index:1;
}
#bauer_lecker_bildergalerie_bildansicht .site_menu{
	width:130px;
	margin:0 auto;
	z-index:2;
	white-space:nowrap;
	
	height:24px;
	position:relative;
	text-align:center;
	line-height:23px;
}
#bauer_lecker_bildergalerie_bildansicht .site_menu a.next {
	background:transparent url(/media/img/bildergalerieButton_right.gif) repeat scroll 0;

	height:24px;
	margin:0;
	padding:0;
	width:16px;
	outline:none;

  position:absolute;
  right:0px;
	top:0px;
}
#bauer_lecker_bildergalerie_bildansicht .site_menu a.prev {
	background:transparent url(/media/img/bildergalerieButton_left.gif) repeat scroll 0;

	height:24px;
	margin:0;
	padding:0;
	width:16px;
	outline:none;

  position:absolute;
  left:0px;
	top:0px;
}
#bauer_lecker_bildergalerie_bildansicht table.img {margin:0 auto}
#bauer_lecker_bildergalerie_bildansicht table.img td {padding:0; width:600px;  text-align:center; vertical-align:middle;}
#bauer_lecker_bildergalerie_bildansicht table.img td #page_img {margin:0 auto;}
#bauer_lecker_bildergalerie_bildansicht table.img td img {vertical-align:top}
#bauer_lecker_bildergalerie_bildansicht table.img td small {display:block;padding-top:3px}


/******************** ENDE bauer_lecker_bildergalerie_bildansicht ********************/


/******************** module3 bauer_shortcutbox  ********************/

ul.shortcuts{}
ul.shortcuts li{width:142px;display:block;float:left;margin:2px 0px;}

div.shortcut{
	clear:both;
	margin:3px 0 6px 0;
	display:block;
}

.shortcut p { overflow:hidden; }

div.shortcut img {
	display:block;
	float:left;
	margin:3px 12px 0 0;
}


/******************** ENDE module3 bauer_shortcutbox ********************/





/*----------------------module3_shortcut_list_4x------------------------*/

.shortcutliste {padding:1px;background-color:#fff;}

.r4 {
  float: left;
  width:231px;
  height: 74px;
  background-image:url(/media/img/bg_edge1_mid_2.gif);
  margin: 6px 3px 5px 3px;
}
.r4 .mContent .shortcut_bild{float:left;padding: 1px 5px 1px 1px; width:66px; height:66px;}
.r4 .mContent h4{margin: 5px 0pt 2px 0px;}
.r4 .mContent p{font-size: 11px;}
.r4 .topedge{width: 229px;background-image:url(/media/img/bg_edge3_topbot.gif);}
.r4 .botedge{width: 229px;background-image:url(/media/img/bg_edge3_topbot.gif);}
.r4 .shortcutliste {background-image:url(/media/img/farbverlauf_shortcut_4x.gif); padding:0px; width:225px;}

.vmidH4 .shortcutliste h4 {padding-top:20px}

/*----------------------module3_shortcut_list_6x------------------------*/

.r6 .topedge, .r6 .botedge {width: 150px;background-image:url(/media/img/bg_edge6_topbot.gif)}
.r6 {
  float: left;
  width:150px;
  height: 29px;
  background-image:url(/media/img/bg_edge1_mid_6.gif);
  margin: 5px 5px 5px 3px;
}
.r6 .mContent h6{
  margin: 3px 0px 4px 5px;
  font-weight: normal;
}
.r6 .mContent {width:143px;}
.r6 .shortcutliste {background-image:url(/media/img/farbverlauf_shortcut_6x.gif);}

/* mods 17.5. */

ul.shortcuts li .leftArrowHigh,
.r6 .shortcutliste h6 .leftArrowHigh,
.r8 .shortcutliste h6 .leftArrowHigh {
	background-position:0 1px;
	display:block;
}
.r6 {height:auto !important}


/*----------------------module3_shortcut_list_8x------------------------*/

.r8 .topedge, .r8 .botedge {width: 112px;background-image:url(/media/img/bg_edge8_topbot.gif);}
.r8 {
  float: left;
  width:110px;
  background-image:url(/media/img/bg_edge1_mid_8.gif);
  margin: 5px 5px 5px 3px;
}
.r8 .mContent h6{
  margin: 3px 0px 4px 5px;
  font-weight: normal;
}
.r8 .mContent {width:104px;}
.r8 .shortcutliste {background-image:url(/media/img/farbverlauf_shortcut_8x.gif);}


/* picture navigation */

.picnavi {}
.picnavi a {outline:none}
.picnavi img {
	width:20px;
	height:20px;
	background:transparent url(/media/img/bg_picnavi.gif) 0 0 no-repeat;
}
.picnavi a img.play {background-position:0 -20px}
.picnavi a img.pause {background-position:-20px -20px}
.picnavi a img.prev {background-position:-40px -20px}
.picnavi a img.next {background-position:-60px -20px; width:15px}

.picnavi a.inactive img.play {background-position:0 0}
.picnavi a.inactive img.pause {background-position:-20px 0}
.picnavi a.inactive img.prev {background-position:-40px 0}
.picnavi a.inactive img.next {background-position:-60px 0}

/* teaser_2_bild_links_xl */

.bild_links_xl {
  float:left;
  margin-right:12px;
}
.bild_links_xl_text {
  margin-top:40px;
}
.bild_links_xl_text h4 {
	font-size:24px; font-weight:normal;
}

/* top10_modul */

.top10_text .minirateimg {
	vertical-align:top;
	margin-top:3px;
}

.top10_img {text-align:right;}
.top10_text {padding-left:8px;}
.top10_text p a {font-size:14px;}
.top10_text h6 {display:inline;}

/* module2_videothek */

.videothek_teaser .mIndent {
  margin:0px;
}

.videothek_rightcol {
  width:290px !important;
  overflow:visible !important;
}


/* ------ footer ------ */

#footer {padding-top:14px}
#footer * {
	text-align:center;
	font-size:10px;
	color:#555;
	overflow:visible;
}
#footer a {white-space:nowrap !important}
#footer .lvl1 {padding-bottom:6px}
#footer .footer_title {
	padding:6px 0 1px; 
	font-weight:bold;
	border-top:1px solid #979691;
}
#footer p.footer_text {padding-bottom:6px}
#footer .footer_line {
	border-top:1px solid #979691;
	padding-top:6px;
}

#footer .powered {text-align:right; padding-top:25px}
#footer sup {vertical-align:top}

/* module2_lecker_menue_der_woche (ehemals Wochenendmenue) */
.menue_gaenge {
  width:200px;
  float:left;
}
.menue_gaenge * {
  margin:0 auto;
  display:block;
  text-align:center;
}
.menue_gaenge h2 {
  margin:5px 0;
}
.menue_gaenge img {
  border:3px solid #fff;
  padding:3px;
}
.menue_gaenge p {
  margin-top:0px;
}
.menue_gaenge img.high, .menue_gaenge img:hover {
  border:3px solid #A00057;
}
.linie_dessert {
  margin-left:24px;
}
.vorspeisen, .nachspeisen {
  width:302px;
  text-align:center;
  float:left;
}
.vorspeisen p, .nachspeisen p {
  margin:10px 0;
}
.vorspeisen img, .nachspeisen img {
  margin-right:7px;
}

/* module2_lecker_menue_der_woche_druckvorschau (ehemals Wochenendmenue) */

#zutatenliste {
  table-layout:fixed;
  empty-cells:show;
}
#zutatenliste tr td {
  padding:5px 0;
}
#zutatenliste .sp1 {
  width:296px;
}
#zutatenliste th.sp2 {
  width:92px;
}
#zutatenliste td.sp2 p {
  border:1px solid #000;
  width:14px;
  height:14px;
}
#zutatenliste th.sp3 {
  width:216px;
}
#zutatenliste td p {
  width:216px;
  height:15px;
  border-bottom:1px solid #e1e1e1;
}

/* module2_lecker_quiz */

.quizInfo{font-size:14px}
.quizInfo img{
	float:left;
	padding-right:12px;
}
div.answer{float:none;margin:0 0 14px 0;}
div.answer .radiocheck{margin:3px 0 0 0;float:left;}
div.answer label{
	display:block;
	width:425px;
	padding-left:22px;
	font-size:14px;
	color:#777;
}
div.quiznavi{margin:0 auto;text-align:center}
div.quiznavi input{border:none;font-size:14px;cursor:pointer}

div.quizResults{font-size:14px;}

/* module2_lecker_bilderquiz */

#bilderquiz .bq_bildstrecke {
  overflow:visible;
}

#bilderquiz .bq_bildstrecke img {
  border:1px solid #a9d8e0;
  margin-right:6px;
}

#bilderquiz .bq_bildstrecke img.last {
  margin-right:0px;
}

#bilderquiz .bq_person_left, #bilderquiz .bq_person_right {
  border:1px solid #a9d8e0;
  width:283px;
  float:left;
  margin-right:31px;
  margin-bottom:9px;
  height:142px;
}

#bilderquiz .bq_person_right {
  margin-right:0px;
}

#bilderquiz img.bq_bildspiel {
  margin-left:-4px;
}

#bilderquiz img.bq_check {
  position:relative;
  top:-140px;
  left:140px;
  z-index:2;
}

/* module1_kalender_einspaltig */
.kalender_vorschau a:hover {
text-decoration:none;
width:auto;
}
#calendar_empty_item {
	min-height:70px;
}
#kal_tabs span {
	margin-right:6px;
	float:left;
	cursor:pointer;
}

.kalender .mIndent {
	position:relative;
  	width: 303px !important;
	margin: 1px !important;
	padding-right: 3px !important;
	z-index:1;
}

.r1 .kalendernews .topedge, .r1 .kalendernews .botedge {background-image:url(/media/img/bg_cal_edge2_topbot.gif);}

.kalender .kalendernews .mIndent{
	background:#fff url(/media/img/bg_cal_edge2_mid.gif) repeat-y top left;
	margin:0 !important;
	width:290px !important;
	padding:0 !important;
}

.kalender .kalendernews .reiternav{margin-bottom:-4px}

.kalender_vollansicht .topedge, .kalender_vollansicht div.botedge {background-image:url(/media/img/bg_cal_edge1_topbot.gif);}

.kalender_vollansicht .bgWhite {
	background:#fff url(/media/img/bg_cal_edge1_mid.gif) repeat-y top left;
	margin-top:0px;
 	margin-left:-3px;
	width:610px;
}
.kalender_vollansicht .bgGray {
        background:#fff url() repeat-y top left;
        margin-top:0px;
        margin-left:-3px;
        width:610px;
}

.kalender h4 {
  color:#fff;
}

.kalender .kalendernews {
  margin:45px 6px -1px 6px;  
}

.kalender .kalender_schatten {
  padding:0 2px 0 1px;
  position:relative;
  z-index:1;
}

.kalender .kalender_vorschau {
  background-color:#fff;
  /*margin:2px;*/
  
  margin:0 2px;
  padding:32px 9px 10px 9px;
  width:265px;
  z-index:2;
  position:relative;
}

.kalender #kalenderblatt{
	position:absolute;
	left:204px;
	top:3px;
	z-index:2;
	width:96px;
	height:78px;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	font-size:31px;
	background:#a00057 url(/media/img/bg_cal_sheet.gif) no-repeat top left; 
	line-height:30px;
}
#kalenderblatt p.month{
	font-size:15px;
	padding:8px 0 4px;
}
#kalenderblatt p.day {font-size:11px}
#kalenderblatt b {line-height:14px}

.calitemLink {
	padding-top:0px !important;
height:auto !important;
width:100% !important;
}
.klfilter1 {
	margin-top:1pt !important;
	padding:3px 5px 0 0  !important;	

}


.kalender #kalender_lecker {
  position:absolute;
  left:10px;
  top:14px;
  z-index:2;
}

.kalender .kalender_subtext {
  text-align:center;
}

/* module2_kalender */

.bgBlue {
  background: #a9d8e0;
}
.bgGray {
  background: #cccccc;
}


.dotline_blue {
  background:none;
  border-top:2px dotted #5cadbe;
}
.dotline_gray {
  background:none;
border-top:2px dotted  #afafaf;
}

.kalender_vollansicht select {
padding-left:5px;
width:215px;
margin-right:13px;
}

.kalender_vollansicht .reiternav {
margin-left:0;
}

.kalender_vollansicht .kalenderblatt {
margin:12px;
}

.kalender_vollansicht .kal_navi {
text-align:center;
}

.kalender_vollansicht .kal_navi a {
margin-right:30px;
}

/* Kalender icons */
.klBirthday {background-image:url(/media/img/icon/geburtstag.gif)}
.klTV {background-image:url(/media/img/icon/tv.gif)}
.klEvent {background-image:url(/media/img/icon/event.gif)}
.klLTipp {background-image:url(/media/img/icon/lecker-tip.gif)}
.klWDWTipp {background-image:url(/media/img/icon/wdw_tip.gif)}
.klFeiertag {background-image:url(/media/img/icon/feiertag.gif)}
.klMottotag {background-image:url(/media/img/icon/mottotag.gif)}

.klBirthday_grey {background-image:url(/media/img/icon/geburtstag_grey.gif)}
.klTV_grey {background-image:url(/media/img/icon/tv_grey.gif)}
.klEvent_grey {background-image:url(/media/img/icon/event_grey.gif)}
.klLTipp_grey {background-image:url(/media/img/icon/lecker_tip_grey.gif)}
.klWDWTipp_grey {background-image:url(/media/img/icon/wdw_tip_grey.gif)}
.klFeiertag_grey {background-image:url(/media/img/icon/feiertag_grey.gif)}
.klMottotag_grey {background-image:url(/media/img/icon/mottotag_grey.gif)}

.klBirthday_pink {background-image:url(/media/img/icon/geburtstag_pink.gif); background-repeat:no-repeat;}
.klTV_pink {background-image:url(/media/img/icon/tv_pink.gif); background-repeat:no-repeat;}
.klEvent_pink {background-image:url(/media/img/icon/event_pink.gif); background-repeat:no-repeat; }
.klLTipp_pink {background-image:url(/media/img/icon/lecker_tip_pink.gif); background-repeat:no-repeat;}
.klWDWTipp_pink {background-image:url(/media/img/icon/wdw_tip_pink.gif); background-repeat:no-repeat;}
.klFeiertag_pink {background-image:url(/media/img/icon/feiertag_pink.gif); background-repeat:no-repeat;}
.klMottotag_pink {background-image:url(/media/img/icon/mottotag_pink.gif); background-repeat:no-repeat;}

.kalender_vollansicht a.iconLink, .kalender_vollansicht a:hover.iconLink, .kalender_vollansicht a:focus.iconLink,.kalender_vollansicht a:visited.iconLink, .kalender_vollansicht a:active.iconLink {
color:#777;
margin-right:6px;
}

.kalender_vollansicht .kalender_tabelle {
background:transparent url(/media/img/bg_dotline_gray.gif) repeat-x top left;
table-layout:fixed;
}

.kalender_vollansicht .kal_left, .kalender_vollansicht .kal_right {
background:transparent url(/media/img/bg_dotlinev_gray.gif) right top repeat-y;
width:100px;
padding:10px 0;
border-bottom:2px dotted #e1e1e1;
}
.kalender_vollansicht .kal_right {
width:480px;
background:none;
}

/* Kalender Scrollable */

html .scrollable_kalender {
height:auto !important;
width:480px !important; 
position:relative;
background:none;
}

html .scrollable_kalender div.items {
height:auto;
min-height:58px;
width:410px !important;
margin-left:40px;
}

.scrollable_kalender div.items div.kal_item {
display:block;
float:left;
margin-right:10px;
width:142px;
background-color:#f5f5ed;
min-height:58px;
padding:8px 8px 8px 32px;
background-position:8px 8px;
}
.scrollable_kalender div.items div.kal_item p a {
/* 
height: !important; 
min-height:!important;
*/
padding:0;
}
.scrollable_kalender div.items div.kal_item img {
margin-top:3px;
}

#kal_tabs {
  height:17px;
}


html .scrollable_kalender a.prev{
position:absolute;
left:0;
top:50%;
margin:-12px 17px 0 10px;
padding-right:50px;
}

html .scrollable_kalender a.next{
position:absolute;
left:446px;
top:50%;
margin:-12px 17px 0 16px;
}

html .scrollable_kalender a.prev{
height:26px;
width:18px;
background:transparent url(/media/img/bildergalerieButton_cal_left.gif) no-repeat;
}

html .scrollable_kalender a.next{
height:26px;
width:18px;
background:transparent url(/media/img/bildergalerieButton_cal_right.gif) no-repeat;
}

html .scrollable_kalender a.prev_white{
height:26px;
width:18px;
background:transparent url(/media/img/bildergalerieButton_white_left.gif) no-repeat;
}

html .scrollable_kalender a.next_white{
height:26px;
width:18px;
background:transparent url(/media/img/bildergalerieButton_white_right.gif) no-repeat;
}

html .scrollable_kalender .__scrollable {
height:auto;
}

.kal_line_off {
height:3px;
background-color:#fff;
width:100%;
margin-top:-4px;
}

/* Modul2 lecker Abstimmungsbarometer */
.barometer_liste {
border-top:2px dotted #e1e1e1;
padding-top:10px;
margin-top:10px;
clear:both;
}

.barometer_liste_winner {
border:2px solid #5BAEBE;
}

.barometer_liste .barometer_bild {
float:left;
width:155px;
}

.barometer_liste .barometer_text {
float:left;
width:295px;
}

.barometer_liste .barometer {
float:right;
width:150px;
}

.barometer_liste .baro_buttons {
float:left;
width:80px;
text-align:center;
}

.barometer_liste .barometer div {
float:left;
}
#barometerText {overflow:visible;}
#barometerText p { margin-bottom: 10px; }
#barometerText ul.list, #barometerText ol.list { margin:0 0 10px 0; overflow:hidden; padding:0;}
#barometerText ul.list li, #barometerText ol.list li {
	margin: 0 0 0 25px;
	padding: 0;
}
#barometerText ul.list li {
	list-style-type: disc;
}
#barometerText ol.list li {
	list-style-type: decimal;
}

img.baro_top {width:76px;height:45px;background:transparent url(/media/img/barometer_top.png) 0 0 no-repeat}
img.baro_top_gr {width:76px;height:45px;background:transparent url(/media/img/barometer_top_gr.png) 0 0 no-repeat}
img.baro_flop {width:76px;height:45px;background:transparent url(/media/img/barometer_flop.png) 0 0 no-repeat}
img.baro_flop_gr {width:76px;height:45px;background:transparent url(/media/img/barometer_flop_gr.png) 0 0 no-repeat}

.barometer_liste .baro1 {margin:21px 0 10px 12px}
.barometer_liste .baro2 {margin-left:12px}
.barometer_liste .baro3 {margin:10px 0 0 12px}

#community_profil .barometer_text_input textarea {
width:442px;
overflow: auto !important;
}

#community_profil .barometer_text_input input {
width:442px;
}

#community_profil .barometer_text_input {
float:left;
width:449px;
}

html .bookmark_dialog {
width:358px;
}

html .bookmark_dialog .close {
left:361px;
}

html .bookmark_dialog div.colleft {
float:left;
width:165px;
padding-right:20px;
}

html .bookmark_dialog textarea {
width:351px;
}

html .bookmark_dialog .submit {
width:130px;
}

html .bookmark_dialog .center {
text-align:center;
}

.right {
float:right !important;
}

/* Katalog-Service */

.catalogform {
background: #ebebe1;
margin: 10px 0 5px 0;
padding: 10px;
position: relative;
width: 436px;
}
.catalogform a.f-close {
position: absolute; top: 5px; right: 10px;
}
.catalogform .f-name {
width: 436px;
}
.catalogform .f-strasse {
width: 212px;
float: left;
}
.catalogform .f-ort {
width: 212px;
float: right;
}
.catalogform label {
display: block;
float: left;
margin: 0;
font-size: 11px;
}
.catalogform input.text {
display: block;
clear: both;
border: 1px solid #b8b8b8;
padding: 1px 2px 0 2px;
height: 17px;
}
.catalogform .f-name input.text {
width: 430px;
}
.catalogform .f-strasse input.text,
.catalogform .f-ort input.text {
width: 206px;
}

/******************** Widgets-�bersicht ********************/

.widget .leftCol {
width:290px;
}
.widget .rightCol {
width:626px;
}
.widget pre {
font-family:monospace;
}

/******************** /Widgets-�bersicht ********************/



.relContent {width:298px;border:2px solid #E9E8E1;float:left;margin-right:10px}
.relContent div.cont {padding:10px 15px 0 15px}
.relContent ul {margin-top:5px}
.relContent ul li {padding-top:8px}
.relContent ul p {font-size:12px;padding:0 0 10px 0;background:transparent url(/media/img/bg_dotline_gray.gif) left bottom repeat-x;}
.relContent ul li.last p {background-image:none}

.relStars {width:150px;border:2px solid #E9E8E1;float:right;margin-left:10px}
.relStars div.cont {padding:10px 15px 0 15px}
.relStars ul {margin-top:5px}
.relStars ul li {padding:8px 0 10px 0;background:transparent url(/media/img/bg_dotline_gray.gif) left bottom repeat-x;}
.relStars ul li.last {background-image:none}

.relContentFull {border:2px solid #E9E8E1}
.relContentFull div.cont {padding:10px 15px 0 15px}
.relContentFull ul {margin-top:10px}
.relContentFull ul small {display:block;font-size:11px;padding:0 0 10px 0}
.relContentFull .paragraph {padding-bottom:10px;}

/********************************/


.debugger {
border: 1px solid red; 
background-color: rgb(221, 221, 221);
}


.violationLayer {
position:absolute;
left:0;
top:0;
border:1px solid #5BAEBE;
padding:10px;
z-index:10001;
display:none;
background-color:#fff;
}
.violationLayer td {padding:0 5px 4px 0; }
.violationLayer .minirateimg {vertical-align:middle; margin:0 3px}
.violationLayer h5 {margin-bottom:12px; font-size:13px}
.violationLayer table {margin-bottom:4px}
.violationLayer .sp3 {width:1px}

.violCaptchaImg {margin-right:20px;display:block}
.violationLayer input.violCaptchaText {
width:155px;
border:1px solid #ccc;
background-color:#fff;
}

.violationLayer .violError {
width:312px;
padding-bottom:12px;
display:none;
}
.violationLayer .ac {border-top:1px solid #AFAFAF}


/* vorher-nachher */

/* vorher nachher vergleich */

table.vnvergleich {width:100%}
table.vnvergleich * {text-align:center}
table.vnvergleich td {padding:2px 0}
table.vnvergleich td.vorher p {padding:2px 12px 2px 5px}
table.vnvergleich td.nachher p {padding:2px 5px 2px 10px}

table.vnborder {
border-top:1px solid #AFAFAF;
border-bottom:1px solid #AFAFAF;
}

table.vnvergleich td.vorher {
width:303px;
background:transparent url(/media/img/bg_dotlinev_gray.gif) right top repeat-y;
}

table.vndotborder {background:transparent url(/media/img/bg_dotline_gray.gif) 0 0 repeat-x}

div.vndotline {
	background:transparent url(/media/img/bg_dotline_gray.gif) 0 0 repeat-x;
	height:2px;
}

table.vnvergleich td.vorher img.vnpic {display:block;margin:10px auto 0 0}
table.vnvergleich td.nachher img.vnpic {display:block;margin:10px 0 0 auto}

/* vorher-nachher-#3 */

table.vnresults {
	width:100%;
	background:transparent url(/media/img/wweib/bg_thead_vergleich.gif) 0 0 no-repeat;
}
.vnresults th {
	vertical-align:middle;
	text-align:left;
	height:24px;
	padding-left:12px;
}
.vnresults td {padding-top:12px;padding-bottom:14px}
.vnresults td.col1 {width:154px; text-align:right;background:transparent url(/media/img/wweib/bg_tr_vergleich.gif) left bottom no-repeat;}
.vnresults td.col2 {padding:8px 12px 14px 12px; background:transparent url(/media/img/wweib/bg_tr_vergleich.gif) right bottom no-repeat;}

.vnresults tr.last td {
	padding-bottom:12px !important;
	background-image:none !important;
}


body .vergleichneu {border-bottom:none !important}
body .vergleichneu * {text-align:left}
body .vergleichneu td {padding-bottom:12px}
.vergleichneu h4 {padding:5px 0;text-align:center}
.vergleichneu .vn_uploadedpic img {display:block}
.vergleichneu .vn_uploadedpic {
	background:transparent url(/media/img/wweib/placeholder_296x296.png) 0 0 no-repeat;
	width:296px;
	height:296px;
}
.vergleichneu td.nachher .inputs,
.vergleichneu td.nachher .vn_uploadedpic {margin-right:0;margin-left:auto}
.vergleichneu .inputs {width:290px;text-align:left}

.vergleichneu .inputs label {display:block; text-align:left}
.vergleichneu .inputs textarea {width:285px; height:170px; border:1px solid #bbb; background:#fff none; font-size:12px}

#vneuTitle, #vneuThema {width:266px;border:1px solid #bbb; background:#fff none}

#vneuButtons {
	text-align:center;
	padding:8px;
	background-color:#dbdbdb;
}


table.vnUebersicht {width:100%}
table.vnUebersicht tr {
	background:transparent url(/media/img/bg_dotline_gray.gif) left bottom repeat-x;
}
table.vnUebersicht td {padding:5px 10px 7px 0}
table.vnUebersicht td.ar {padding-right:0}

.vergleichBy {position:relative;padding:2px 0;width:100%}
.vergleichBy .verstoss {position:absolute;right:0;top:0}


/* character counter */
.ccount {color:#777}
.ccount b {font-weight:normal}
.ccount .ccGood {color:green}
.ccount .ccBad {color:red}


.commteaser {}
/*.commteaser table td {padding:12px 0 0 0}*/
.commteaser table td.img {padding-right:8px}
.commteaser table td.img img {display:block}
.commteaser table td p a, .commteaser small a {text-decoration:underline}
.commteaser small {display:block}
.commteaser .mehrthemen h4, .commteaser .mehrthemen h4 a {line-height:16px}
.commteaser ul.mehrthemen li {padding-top:8px}

#rafflelayer {
	display: none;
	width: 308px;
	position: absolute;
	top: 0px;
	z-index: 1120;
	border: 1px solid #5BAEBE;
}

#rafflelayer div {
	padding: 8px 12px;
}

#underRaffleLayer {
	z-index: 1119;
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	filter:Alpha(opacity=30); 
	-moz-opacity:0.3; 
	-khtml-opacity:0.3; 
	opacity:0.3;
	background-color: #c0c0c0;
	min-width : 971px;
	width : 100%;
}
