@charset "utf-8";

@import url(layout.css);

@media all {
	p {
		line-height: 160%;
		font-size: 68.75%;
		margin: 0 0 5px 0;
		color: #666;
	}
h1, h3 {
	font-size: 14px;
	font-weight: bold;
	border-bottom: 3px solid #CC0000;
	color: #CC0000;
	padding: 0 0 5px 0;
	margin: 15px 0 10px 0;
}
h2 {
	font-size: 12px;
	font-weight: bold;
	/*border-bottom: 3px solid #CC0000;*/
	color: #CC0000;
	padding: 0 0 5px 0;
	margin: 15px 0 10px 0;
}
a {
	color: #C00;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

.c60l {
	float: left;
	width: 60%;
}
.c40r {
	float: right;
	width: 40%;
}
.half {
	width: 50%;
	float: left;
}
.tags {
	margin: 0 0 10px 0;
}
.tags a {
	color: #999;
	text-decoration: none;
}
.tags a:hover {
	text-decoration: underline;
}
.c300l {
	margin: 0 340px 0 0;
	width: auto;
}
.c300r {
	width: 340px;
	float: right;
}

.c210l {
	margin: 0 250px 0 0;
	width: auto;
}
.c210r {
	width: 250px;
	float: right;
}

.middle {
	vertical-align: middle;
	margin-bottom: 2px;
}
/***************************************************
Thumbnails
***************************************************/
.thumb {
	border: 1px solid #CCC;
}
.front img {
	border: 2px solid #fff;
}
.front {
	width: 139px;
	height: 139px;
	float: left;
	margin: 0 10px 10px 0;
}
.mini img, .normal img {
	border: 1px solid #fff;
}
.mini {
	width: 37px;
	height: 37px;
	float: left;
	margin: 0 5px 5px 0;
}
.normal {
	width: 82px;
	height: 82px;
	float: left;
	margin: 0 10px 10px 0;
}
/* Bewertungs-Stern */
.ricon {
	vertical-align: middle;
	margin-bottom: 3px;
}
.social img {
	margin: 0 5px 0 0;
}
/**************************************************
Kleine Auflistung (Kategorien, Rezepte etc.
**************************************************/
ul.list, div.list ul {
	list-style: none;
	margin-top: -5px;
}
.list li span {
	font-size: 68.75%;
	color: #666;
}
.list li a {
	font-size: 68.75%;
	color: #666;
	text-decoration: none;
	padding: 0 0 0 15px;
	background: url(../images/layout/nav_icon.png) 5px center no-repeat;
}
.list li a:hover, .list li a.current {
	color: #C00;
	background: url(../images/layout/nav_icon_c.png) 5px center no-repeat;
}
.list ul ul {
	margin: 0 0 0 12px;
	list-style: none;
}



/*****************************************************************
Fehler / Success Box
*****************************************************************/
.success {
	margin: 0 0 20px 0;
	background: url(../images/icons/accept.png) 10px 9px no-repeat #D8FFCE;
	padding: 10px 10px 10px 35px !important;
	color: #006600;
	font-size: 11px;
	font-weight: bold;
	border: 1px dotted #7AE36F;
}
.error {
	margin: 0 0 20px 0;
	background: url(../images/icons/exclamation.png) 10px 9px no-repeat #FDDFDF;
	padding: 10px 10px 10px 35px !important;
	color: #660000;
	font-size: 11px;
	font-weight: bold;
	border: 1px dotted #C00;
}
.information {
	margin: 0 0 20px 0;
	background: url(../images/icons/information.png) 10px 9px no-repeat #CED5FF;
	padding: 10px 10px 10px 35px !important;
	color: #000066;
	font-size: 11px;
	font-weight: bold;
	border: 1px dotted #000066;
}

.full {
	width: 100%;
}
th, td {
	text-align: left;
}
th a {
	color: #666;
}
table.results th, table.results td {
	padding: 5px;
}
tr.bg2 td {
	background-color: #F3F3F3;
}


	/***********************************************************************************
	SEITENNAVIGATION IM FORUM, PN's etc.
	***********************************************************************************/
	.navigation {
		padding: 5px 0;
		height: 25px;
		vertical-align: middle;
		padding: 3px 13px 3px 3px;
		margin: 3px 0;
		font-size: 11px;
	}
	.navigation form {
		display: inline;
		margin: 0;
		padding: 0;
	}
	.navigation img {
		vertical-align: middle;
		margin: 0 2px 2px 2px;
	}
	.navigation p {
		margin: 0; padding: 0;
		display: inline;
	}
	.naviL {
		width: 49%;
		float: left;
		vertical-align: middle;
	}
	.naviR {
		width: 49%;
		float: right;
		text-align: right;
		vertical-align: middle;
	}
table.msgs {
	width: 100%;
}
table.msgs th {
}
table.msgs td, table.msgs th {
	font-size: 11px;
	padding: 3px;
	text-align: left;
	color: #666;	
}
table.msgs a {
	color: #666;
}
table.msgs img {
	border: 1px solid #CCC;
	padding: 1px;
	background-color: #FFF;
}
table.msgs strong.neu {
	color: #C00;
}
table.msgs a.neu {
	font-weight: bold;
}

/**************************************
Kommentarbox
**************************************/
.cb {
background-color: #F3F3F3; margin: 0 0 20px 0; width: 100%; height: auto;	
}
.cb_left {
	width: 120px; float: left; background: url(/images/box/box_tl.png) no-repeat top left; text-align: center; padding: 20px 0 0 0;
}
.cb_small .cb_left {
	width: 80px; float: left; background: url(/images/box/box_tl.png) no-repeat top left; text-align: center; padding: 20px 0 0 0;
}
.cb_right {
	padding: 20px 0 0 0; margin: 0 0 0 120px; background: url(/images/box/box_tr.png) top right no-repeat;
	height: auto;
}
.cb_small .cb_right {
	padding: 20px 0 0 0; margin: 0 0 0 80px; background: url(/images/box/box_tr.png) top right no-repeat;
	height: auto;
}
.cb_foot {
	height: 10px; padding: 0 0 0 10px; background: url(/images/box/box_bl.png) top left no-repeat;
}
.cb_footl {
	background: url(/images/box/box_br.png) top right no-repeat;
}
.cb_left img {
	padding: 1px;
	background-color: #FFF;
	border: 1px solid #CCC;
}




img.azb_border {
	padding: 1px;
	background-color: #FFF;
	border: 1px solid #CCC;
}

.werbung td {
	border-bottom: 1px solid #ccc;
	padding: 2px;
}
.werbung th {
	background-color: #999;
	padding: 2px;
	color: #FFF;
	font-weight: bold;
}
.werbung th p {
	color: #FFF;
}
.werbung td p, .werbung th p {
	padding: 0; margin: 0;
}
}