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

.hidden {
    display: none;
}

div.separator {
    margin: 20px 0;
	height: 1px;
	font-size: 1px;
	overflow: hidden;
    background-color: #cfcfcf;
}

div.feed {
	margin: 1.50em 0 0 0;
}

div.feed .top {
	display: block;
    padding: 0 0 5px 0;
    text-align: right;
}

div.feed .bottom {
    display: block;
	padding: 5px 0 0 0;
	font-size: 10px;
    border-top: 1px solid #cfcfcf;
}

div.feed .bottom a {
	text-decoration: none;
    text-transform: uppercase;
}

div.feed .bottom a:hover {
	text-decoration: underline;
}

#slogan {
	padding-left: 97px;
}

#meta_links {
    padding-top: 40px;
}

.suchbox {
	margin: 0 0 1.00em 0;
}

.suchbox input.text {
    border: 1px solid #7ca235;
	width: 238px;
}

.suchbox input.button {
	margin: 5px 0 0 0;
	padding: 0 0 0 15px;
    color: #68ab2a;
    background: url(/img/icon-zoom.gif) no-repeat 0 3px transparent;
}

#page {
    padding-left: 33px;
	padding-right: 20px;
	background-position: top left !important;
}

#page-top, #page-bottom {
	margin-left: 5px;
}

div.content {
	width: 650px;
	margin: 0 0 0 20px;
}

div.content ul {
    margin: 0.50em 0 0 0;
    padding: 0 0 0 15px;
}

div.content ul.frisches-wissen {
    border-top: 1px solid #cfcfcf;
	padding-left: 0;
}

div.content ul.frisches-wissen li {
	background: url(/img/icon-information.gif) left 16px no-repeat;
	margin: 0;
    padding: 15px 0 15px 30px;
	border-bottom: 1px solid #cfcfcf;
}

div.content ul.information {
    padding-left: 0;
}

div.content ul.information li {
    background: url(/img/icon-information.gif) left 6px no-repeat;
    margin: 0;
    padding: 5px 0 5px 30px;
}

div.content div.left {
	width: auto;
	margin: 5px 0 0 77px;
}

div.content div.content-left {
    width: auto;
}

#content_navi {
	float: right;
    margin: 20px 20px 0 0;
	width: 238px;
}

#content_navi form input.button {
	text-align: left;
}

#header_img {
	width: 947px;
	background-color: #69ab2d;
	margin-left: 0;
}

#header_img div.statusBox {
    float: right;
	padding: 5px;
	margin: 0 auto;
	width: 249px;
    line-height: 1.50em;
	color: #fff;
	font-size: 0.90em;
}

#header_img div.statusBox a {
	color: #fff;
	text-decoration: none;
}

#header_img div.statusBox input {
	width: 225px;
    margin: 0 0 5px 0;
	border: 1px solid #7da239;
}

#header_img div.statusBox input.button {
	width: 233px;
	height: 19px;
	padding: 1px 0;
    border: 1px solid #629433;
	background: url(/img/button-background.gif) repeat-x top left;
	color: #767772;
    font-size: 0.90em;
	text-align: center;
}

#header_img div.statusBox img.profileIamge {
	float: left;
    margin: 0 10px 0 0;
	border: 1px solid #fff;
}

#content_navi a {
	color: #75b82b;
	text-decoration: none;
}

#content_navi ul {
    margin: 0 0 2.00em 0;
    border-top: 1px solid #badb96;
}

#content_navi ul li {
    border-bottom: 1px solid #badb96;
}

#content_navi ul li a {
    padding: 3px 20px;
	font-size: 0.80em;
	display: block;
    color: #69ab2d;
	text-decoration: none;
}

#content_navi .teaser {
	cursor: pointer;
	width: 218px;
	margin: 0 0 2.00em 0;
	padding: 40px 10px 0 10px; 
}

#content_navi .teaser input.text {
	width: 208px;
    margin: 0 0 5px 0;
}

#content_navi .teaser input.button {
    width: 206px;
	margin: 0 0 5px 0;
	font-family: Arial,Verdana,Helvetica,sans-serif;
}

#content_navi .teaser input.text {
    border: 1px solid #7ca235;
}

#content_navi .teaser textarea {
	width: 208px;
    border: 1px solid #7ca235;
    margin: 0 0 5px 0;
}

#content_navi .teaser input.button.quickRecommendation {
    padding: 0 0 0 15px;
	background: url(/img/icon-empfehlen.gif) no-repeat 0 4px transparent;
    color: #68ab2a;
	text-align: left;
	font-size: 1.0em !important;
}

#content_navi ul li a.active, #content_navi ul li a:hover {
	background-color: #69ab2d;
    color: #fff;
}

div.clearLeft {
    clear: left;
}

div.clearRight {
    clear: right;
}

.alignRight {
	text-align: right;
}

div.clear {
	display: block;
	clear: both !important;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

div.errors ul {

}

div.errors ul li {
    list-style-type: disc;
}

form {
    margin: 1.00em 0 0 0;
}

form fieldset {
    border: 0;
	padding: 0;
}

form fieldset legend {
    display: none;
}

form input {
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
}

form input.text {
    width: 260px;
	padding: 3px;
    border: 1px solid #a7a6ab;
	color: #777;
}

form input.file {
    width: 260px;
    padding: 3px;
    border: 1px solid #a7a6ab;
    color: #777;
}

form input.button {
    padding: 3px 10px;
    border: 0;
    color: #fff;
    background-color: #75b82b;
	text-align: center;
}

form textarea {
    width: 260px;
    padding: 3px;
    border: 1px solid #a7a6ab;
	font: inherit;
    color: #777;
}

form select {
    width: 266px;
    padding: 3px;
    border: 1px solid #a7a6ab;
    font: inherit;
    color: #777;
}

form div.label {
    float: left;
    width: 200px;
    padding: 0 10px 20px 0;
    text-align: right;
}

form div.element {
    float: left;
    padding: 0 0 10px 20px;
    width: 300px;
}

span.notice {
    font-size: 0.80em;
}

div.messageBox {
    margin: 1.00em 0 0 0;
	padding: 5px 5px 5px 30px;
	background-repeat: no-repeat;
	background-position: 5px 5px;
}

div.messageBox.error {
	background-image: url(/img/icon-error.png);
}

div.messageBox.success {
	border: 1px solid #78b82c;
    background-image: url(/img/icon-success.png);
	background-color: #f7faf3;
}

div.messageBox.information {
    border: 1px solid #268afa;
    background-image: url(/img/icon-information.png);
    background-color: #deeaf7;
}

div.messageBox ul {
	margin: 0;
}

div.messageBox ul li {
	list-style-type: disc;
}

img.previewImageUser {
    float: right;
    margin: 0  0 10px 0;
}

img.previewImageRecipe {
    float: left;
    margin: 0  10px 10px 0;
}

a.icon {
	display: inline-block;
	height: 16px;
	padding: 0 0 0 15px;
    line-height: 1.00em;
	background-repeat: no-repeat;
	background-position: 0 0;
	text-decoration: none;
}

a.icon.blog {
    padding: 0 0 0 17px;
	background-image: url(/img/icon-blog.gif);
}

a.icon.knowledge {
    padding: 0 0 0 17px;
    background-image: url(/img/icon-knowledge.gif);
}

a.buttonLink {
    padding: 3px 10px;
    border: 0;
    color: #fff !important;
	text-decoration: none;
    background-color: #75b82b;
}

div.recipeIcons {
	margin: 10px 0 0 0;
}

div.recipeIcon {
	float: left;
    overflow: hidden;
	margin: 0 0 0 15px;
	padding: 0 0 0 18px;
	font-size: 0.95em;
}

div.recipeIcon.timeToPrepare {
	margin: 0;
}

div.recipeIcon.numberOfPersons {
	background: url(/img/icon-personenanzahl.gif) no-repeat 0 1px;
}

div.recipeIcon.calories {
    background: url(/img/icon-kcal.gif) no-repeat 0 1px;
}

div.recipeIcon.user {
    background: url(/img/icon-user.gif) no-repeat 0 1px;
}

h2.content-headers {
	width: auto !important;
}

h3 {
	margin: 1.00em 0 0.50em 0 !important;
	padding: 0;
	color: #78b82c;
	text-transform: uppercase;
	font-weight: normal;
}

table {
    width: 100%;
	margin: 1.00em 0 0 0;
}

table tr th {
    padding: 10px 2px;
	vertical-align: top;
	border-bottom: 1px solid #cfcfcf;
}

table tr th a {
	display: block;
	color: #777 !important;
	text-decoration: none;
	background-repeat: no-repeat;
}

table tr td {
    padding: 10px 2px;
    vertical-align: top;
    border-bottom: 1px solid #cfcfcf;
}

table.recipeList {

}

table.recipeList tr td.image {
	padding-left: 0;
}

table.recipeList tr td.rating {
    padding-right: 0;
}

table.recipeList tr td a {
	color: #777 !important;
	text-decoration: underline;
}

table.recipeList tr td.category {
    text-transform: uppercase;
}


/* Rezept detailansicht */

.rezeptbild {
    float: left;
    width: 250px;
}

.zutatenliste {
    float: right;
    padding: 0 0 0 20px;
    width: 300px;
}

.zubereitung {
    margin: 30px 0 0 0;
}

div.zubereitungsschrittSpanner {
    width: 1px;
    min-height: 85px;
    float: left;
}

div.zubereitungsschritt {
    background: url(/img/zubereitungsschrittBackground.jpg) no-repeat top left;
    width: 574px;
    padding-top: 5px;
}

div.schrittnummer {
    font-size: 30px;
    font-weight: bold;
    color: #75b82b;
    margin: 7px 0 0 5px;
    float: left;
}

div.zubereitungsanweisung {
    width: 510px;
    margin: 0 0 30px 40px;
}


/**
 * Startseite
 */
.home ul li {
	float: left;
	width: 250px;
}

.home ul li.second {
	 margin-left: 15px;
}

.home div.introduction {
    border-top: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf;
    padding: 1.00em 0 2.00em 0;
}

.home div.introduction a.registrationButton {
	display: block;
    height: 40px;
    margin: 10px 0 0 0;
    padding: 10px 0 0 0;
	text-align: center;
	text-decoration: none;
	font-size: 2.00em; 
	font-weight: bold;
	color: #fff !important;
	background: url(/img/button_registration.gif) no-repeat top left transparent;
}

.home div.recipe {
    border-bottom: 1px solid #cfcfcf;
    padding: 2.00em 0 2.00em 0;
}

.home div.recipe .links {
	margin: 3.00em 0 0 0;
	text-align: right;
}

.home div.recipe .links a {
    margin: 0 0 0 15px;
	text-decoration: none;
}


/**
 * Blog
 */
div.blogEntry {
	padding: 0.25em 0 1.00em 0;
    border-bottom: 1px solid #cfcfcf;
}

div.blogEntry.first {
    border-top: 1px solid #cfcfcf;
}

div.blogEntry.last {
 
}

div.blogEntry h3 a {
	text-decoration: none;
}


/**
 * RezeptDetailansicht - Kommentare
 */
div.comments {
    margin: 1.00em 0 0.50em 0;
}

div.comments div.userImage {
    float: left;
}

div.comments div.commentText {
    margin: 0 0 0 40px;
    width: 500px;
    overflow: hidden;
}

div.comments div.commentText div.title {
    font-weight: normal;
    font-size: 0.95em;
    color: #69ab2d;
}

div.addCommentForm {
    margin: 20px 0 0 0;
}

textarea.newCommentTextarea {
    border: 1px solid #a7a6ab;
    width: 563px;
}

input.newCommentSubmit {
    float: right;
    margin-top: 10px;
}


/**
 * Paginator
 */
.paginationControlTop {
    float: right;
}

.paginationControl {
    float: right;
    margin: 1.00em 0;
    font-size: 0.95em;
}

.paginationControl a {
    display: inline-block;
    padding: 3px;
    text-decoration: none;
}

.paginationControl span.page.active {
    display: inline-block;
    padding: 3px 5px;
    color: #fff;
    background-color: #69ab2d;
}


/**
 * jQuery.Rating Plugin CSS
 * http://www.fyneworks.com/jquery/star-rating/
 */
.star {
    float: left;
    overflow-x: hidden;
    text-indent: -10000px;
    width: 18px;
    height: 17px;
    background: url(/img/star.gif) top left no-repeat;
}

.star.active {
    background-position: 0 -17px;
}

.auto-submit-star {
	display: none;
}

#rating {
    float: right;
}

div.rating-cancel, div.star-rating {
    float:left;
    width:17px;
    height:15px;
    text-indent:-999em;
    cursor:pointer;
    display:block;
    background:transparent;
    overflow:hidden
}

div.rating-cancel, div.rating-cancel a {
    background: url(delete.gif) no-repeat 0 -17px;
}

div.rating-cancel {
    display: none !important;
}

div.star-rating, div.star-rating a {
    background: url(/img/star.gif) no-repeat -17px;
    height: 17px;
}

div.rating-cancel a, div.star-rating a {
    display: block;
    width: 16px;
    height: 100%;
    background-position: 0 0;
    border: 0;
}

div.star-rating-on a {
    background-position: 0 -17px !important;
}

div.star-rating-hover a {
    background: url(/img/star.gif) no-repeat 0 -17px;
}

div.star-rating-readonly a {
    cursor: default !important;
}

div.star-rating {
    background: transparent !important;
    overflow: hidden !important;
}


/**
 * ddsmoothmenu
 */
.ddsmoothmenu-h ul {
	margin: 0 0 0 6px;
}

.ddsmoothmenu-h ul li {
    position: relative;
    margin: 0 0 0 19px !important;
    padding: 0 !important;
    border: none !important;
    list-style-type: none !important;
}

.ddsmoothmenu-h ul li.first {
	margin-left: 0 !important;
}

/* Top level menu links style */
.ddsmoothmenu-h ul li a {
    display: block;
    overflow: visible; /*force hasLayout in IE7 */
}

.ddsmoothmenu-h ul li a.selected {
    background: transparent url(/img/topnavi-hover-selected.gif) no-repeat bottom left !important;
	color: #fff !important;
}

/*Sub level menu items */
.ddsmoothmenu-h ul li ul {
    position: absolute;
    top: 0;
    font-weight: bold;
    visibility: hidden;
}


/* Holly Hack for IE \*/
* html .ddsmoothmenu-h ul li { float: left; height: 1%; }
* html .ddsmoothmenu-h ul li a { height: 1%; }
/* End */

#top_navi {
    margin-top: 32px;
    float: left;
    width: 475px;
}

#top_navi ul {
    list-style-type: none;
    width: 100%;
    float: left;
}

#top_navi ul li {
    float: left;
    width: 130px;
    margin-right: 33px;
}

#top_navi ul li.last {
    margin-right: 0;
}

#top_navi ul li a {
    display: block;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
    padding: 6px 0;
    background: #fff url(/img/topnavi-normal.gif) no-repeat bottom left;
    color: #75b82b;
}

#top_navi ul li a:hover {
    background: transparent url(/img/topnavi-hover.gif) no-repeat bottom left;
    color: #fff;
}

#top_navi ul li ul {
    background: transparent url(/img/topnavi-hover-open.gif) no-repeat bottom left;
}

#top_navi ul li ul {
    display: none;
	top: 0;
	margin: 0;
	visibility: visible;
}

#top_navi ul li ul li {
    position: relative;
    z-index: 99;
	margin-left: 0 !important;
}

#top_navi ul li ul li a {
	margin: 0 6px;
	background: none !important;
	color: #fff;
	border-bottom: 1px solid #bbdc95;
}

#top_navi ul li ul li a.last {
	margin-bottom: 12px;
}

#top_navi ul li ul li a:hover {
	background: none !important;
	text-decoration: underline !important;
}