/*  
Theme Name: lecker_theme
Theme URI: 
Description: Handwritten Theme for lecker&echt.de - keasone | Alexander Hahn
Version: 1.0
Author: Alexander Hahn
Author URI: http://www.keasone.de 

	
 */
@import url("reset.css");
@import url("navi_main.css");
@import url("navi_foot.css");

@media all{

#print_logo {display: none;}

html, body { height: 100%;} 
	  
body {
	width: 100%;
	background: #efead9 url(images/bg.gif) repeat top center;
	font: 62.5% Verdana, Helvetica, Arial, Sans-Serif;
	color: #0a6380;
	text-align: left;
	}
/**
* --- STRUCTURE ---------------------------------------------------------------------------------------------------------------------------
*/
#wrapper01 {
	/* height: 100%; */
	margin: 0 auto; 
	background: transparent url(images/pat_bg.gif) repeat-x center -25px ;
	}
	
#wrapper02 {
		/*100% Höhe!!!*/
/* 		min-height: 100%;
		height:auto !important; /* moderne Browser
		height:100%; /* IE */ 
 
 	width: 100%;
	margin: 0 auto;
	padding-bottom:25px;
	background: transparent url(images/cotton.jpg) no-repeat center 135px;
}
	
#content_wrap {
	width: 64.999em;
	/*width: 780px;*/
	margin: 0px auto!important;
	padding: 0 15px;
	background: transparent;
	}

#header_wrap {
	width: 100%;
	height: 95px;
	padding-top: 40px;
	background: transparent;
}

#logo {
	height:45px;
	width: 182px;
	background: transparent;
	margin-left:-4px;
}

#footer {
	width: 100%;
	background: transparent;
	border-top: 2px solid #d0c296; 
	border-bottom: 2px solid #d0c296; 
	text-transform:uppercase;
	letter-spacing:2px;
}

/**
* --- CONTENT ---------------------------------------------------------------------------------------------------------------------------
*/
#content {
	width: 100%;
	margin: 180px 0 15px 0;
	background: transparent;
}


#headline {
	width: 42.915em;
	margin-bottom:0px;
	padding: 15px 0;
	background: transparent;
}

.post {
	float: left;
	/*width: 42.085em;*/
	width: 42.915em;
	/*width: 515px;*/
	background: transparent /*url(images/bg2.gif) repeat 0 0*/;
}

#sidebar {
	float: right;
	width: 20.835em;
	/*width: 250px;*/
	background: transparent;
}

/**
* --- TRIPPLE ---------------------------------------------------------------------------------------------------------------------------
*/
.tripple {
	clear:both;
	width: 66.254em;
	background: transparent;
	margin-bottom: 5px;
	margin-top: -7px;
}
* html .tripple { margin-bottom: 19px;} /*FUCK > IE 6*/
*+ html .tripple { width: 66.35em; margin-bottom: 19px;} /*FUCK > IE 7*/
* html .onerow {margin-bottom: 5px;}
*+ html .onerow {margin-bottom: 5px;}

.teaser {
	float: left;
	width: 20.835em;
	/*width: 250px;*/
	margin: 0 15px 15px 0;
	min-height: 17.752em;
	height:auto !important;  /* für moderne Browser */
	height:210px;  /*für den IE */
}
* html .teaser { padding-right: 8px; margin: 0 0 15px 0;} /*FUCK > IE 6*/
*+ html .teaser { margin-bottom: 15px;} /*FUCK IE 7*/

.tripple h3 { margin: 0 15px 19px 0; }
* html .tripple h3 { margin: 0 0px 19px 0; } /*FUCK > IE 6*/

.teaser:hover { background: transparent url(images/bg2.gif) repeat top center;}
.teaser img {width: 20.165em}
.teaser dd {padding: 0 2px 0 5px;}

.teaser2 {
	float: left;
	width: 20.835em;
	/*width: 250px;*/
	margin: 0 15px 15px 0;
}
* html .teaser2 { padding-right: 8px; margin: 0 0 15px 0;} /*FUCK > IE 6*/
*+ html .teaser2 { margin: 0 13px 15px 0;} /*FUCK IE 7*/

/**
* --- TYPOGRAPHY ---------------------------------------------------------------------------------------------------------------------------
*/
#content_wrap { font-size: 1.2em; line-height: 1.585em;}

a:link {
	color: #0a6380;
	text-decoration: none;
	border-bottom: 2px solid #d0c296;
	}
	
a:visited {
	color: #0a6380;
	text-decoration: none;
	border-bottom: 2px solid #d0c296;
	}
a:hover {
	color: #0a6380;
	background: transparent url(images/bg2.gif) repeat 0 0;
	border-bottom: 3px solid #d0c296;
	padding-bottom:0pt;
	}
a:active {
	color: #0a6380;
	text-decoration: none;
	}

/* HEADLINES */

#logo h1 a {
	background: transparent url("images/lecker_logos.gif") no-repeat 0px 6px;
	display: block;
	height: 45px;
	line-height: 400px;
	overflow: hidden;
	position: absolute;
	width: 182px;
	color: #0a6380;
	border:none;
}
#logo h1 a:hover {
	background: transparent url("images/lecker_logos.gif") no-repeat 0 -39px;
}

h2, h3 { font-family: Georgia,"Century Schoolbook",Times,serif; color: #564922;}

#headline h2{
	font-size: 2.0em;
	background: transparent;
	font-weight: bold;
	letter-spacing: 0px;
	line-height: 1.207em;
	padding-left: 15px;
	}
#headline h2 a {color: #564922; border:none;}

h2 {	font-size: 1.5em; }

h3 { 
	color: #0a6380;
	font-size: 1.25em;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: normal;
	background: transparent url(images/h_bg.gif) repeat-x left center;
	padding-left: 40px;
	margin-bottom: 12px;
	}

h3 span { background: #efead9 url(images/bg.gif) repeat top center; padding: 0px 5px 0 7px; }

h4 {	font-weight:bold; font-size: 1.0em; margin: 5px 0 7px 0;}

strong {font-weight:bold;}

em {
font-style:oblique;
font-family:georgia;
font-size: 1.085em;
letter-spacing:1px;
}

/**
* --- SIDEBAR ---------------------------------------------------------------------------------------------------------------------------
*/
#sidebar h3 { 
	padding-left: 25px;
	margin: 0 0 22px 0;
	}
	
#sidebar ul {
	line-height: 130%;
	list-style: none;
	padding: 0px 17px;
	}
#sidebar ul.zutaten{
	list-style-position: outside;
	list-style-type: disc;
	padding: 0 2px 0 30px;
	margin: -8px 0 22px 0;
}

#sidebar li{ padding: 3px 0; }
#sidebar li.nope{ list-style-type: none;}
	
#kategorien {width: 100%; overflow: hidden; margin: -8px 0 10px 0;}
#kategorien ul  {padding: 0px!important; margin-bottom:-1px;}
#kategorien li { border-bottom: 1px solid #d0c296; padding: 0px;}
#kategorien li a { 
		display: block;
		background: transparent; 
		border: none;
		padding: 6px 0 6px 30px;
	}
#kategorien li a:hover { background: transparent url(images/bg2.gif) repeat 0 0; }


/**
* --- GALERIE ---------------------------------------------------------------------------------------------------------------------------
*/
#diatisch {text-align: center; margin-bottom: 12px; background: transparent url(images/loader.gif) no-repeat center center; }
#diatisch img {width: 42.25em;}

#thumbs {clear:both; padding: 0!important;}
#thumbs li {float:left; margin: 0pt 10px 11px 0pt; padding: 0;}
#thumbs a { border:none; background:transparent;}

#thumbs img {vertical-align: bottom;width: 3.915em;}
#thumbs img.selected , #thumbs img.selected:hover{ padding: 1px; border: 3px solid #0a6380; background: #fff; }
#thumbs .four {margin-right: -1px; }

/**
* --- FOOTER ---------------------------------------------------------------------------------------------------------------------------
*/
#footer p {
clear:both; 
padding: 4px 0 0 15px;
font: 0.835em/normal Georgia,"Century Schoolbook",Times,serif;
}

#footer p a:link, #footer p a:visited { border: none; text-decoration: underline;}

/* EXTRAS */
acronym, abbr {
	cursor: help;
	border-bottom: 2px dotted #d0c296;
	font-size: 0.9em;
	}

code {
	font: 1em 'courier new',courier,fixed,monospace;
	padding: 0 0 1em 0;
	}

small { font-size: 0.835em; line-height: 1.4; }

blockquote {
	margin: 8px;
	padding: 1px 15px 0pt 20px;
	background: transparent url(images/blockquote.gif) no-repeat 0 0;
	color: #777;
	}
	
.post ul {
	line-height: 130%;
	list-style: disc;
	list-style-position:inside;
	padding: 0px 20px;
	margin-bottom: 12px;
	}
.post li {
	padding: 3px 0 3px 15px;
	}
	
p { margin: 0 0 12px 0; padding-right: 2px;}

.georg {
background: transparent url(images/bg2.gif) repeat scroll 0%;
font-family:georgia;
font-size:1.25em;
margin:0px 0pt 15px;
padding:10px 60px 8px 13px; 
}

/**
* --- IMAGES ---------------------------------------------------------------------------------------------------------------------------
*/
.post img, .post img:visited, .teaser img, .teaser img:visited , #thumbs img, #thumbs img:visited{
	padding: 1px; 
	border: 3px solid #d0c296; 
	background: #fafafa; 
	}
.post a img:hover, .post a img:active, .teaser a img:hover, .teaser a img:active, #thumbs img:hover, #thumbs  img:active{
	padding: 3px; 
	border: 1px solid #d0c296; 
	background: #FCFBF8; 
	}
	
.left {
	float: left;
	margin: 3px 15px 2px 0;
	}
	.right {
	float: right;
	margin: 3px 0px 2px 15px;
	}

.none {display:none;}

.no, .no:hover, .no:visited, .no:active{
	background: transparent!important;
	border: none!important;
	border: transparent; 
}

.full {width: 42.25em;}

/**
* --- EXTRAS ---------------------------------------------------------------------------------------------------------------------------
*/

.navi_extra { margin: 0 0 7px 0; background: transparent url(images/h_bg.gif) repeat-x left center; }

.navi_extra a {border: none; cursor: pointer; }
.navi_extra span:hover{ border: none; text-decoration: underline; }

.aback { float: left; margin-left: 15px; padding:0 4px 0 13px; background: #EFEAD9 url(images/arrow-left.gif) no-repeat left center; border: none;}
.anext { float: right; margin-right: 15px; padding:0 13px 0 4px; background: #EFEAD9 url(images/arrow-right.gif) no-repeat right center; border: none;}

.navi_extra2 { margin: 25px 0;}
* html .navi_extra2 { margin: 25px 0 10px 0;}

.navi_extra2 a { margin-right: 15px; border:none; padding:0 4px 0 13px; }
.navi_extra2 a:hover { border:none; text-decoration: underline;}

.aprint, .aprint:hover { background: #EFEAD9 url(images/printer.gif) no-repeat left center; border:none;}
.apdf, .apdf:hover { background: #EFEAD9 url(images/document.gif) no-repeat left center;}

.amm, .amm:hover { background: #EFEAD9 url(images/permalink.gif) no-repeat left center;}
.down, .down:hover { background: #EFEAD9 url(images/permalink.gif) no-repeat left center; border:none; padding:0 4px 0 13px;}

.aprint {display:none;}

/* Clearen per Overflow */
.floatbox { overflow:hidden; }
/* .floatbox-Anpassung für IE */
* html .floatbox {width:100%;}

}