/*  
Theme Name: keikei 2007
Theme URI: 
Description: keikei - design.
Version: 2007
Author: Kalle Kormann
Author URI: http://www.keikei.de/
*/

/*
GENERAL
*/
body {
	background: #fff;
	margin: 0;
	padding: 0;
	
	font: normal 14px 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
	color: #60605e;

}
img {
	border:0;
}
img a{
	border:0;
	background-color: transparent;	
}
img a:hover{	
	border:0;
	background-color: transparent;	
}
img a:visited{	
	border:0;
	background-color: transparent;	
}
a{
	border:0;
	text-decoration: none;
	color:#a81a1a;
}
a:hover{
	border:0;
	text-decoration: none;
	color:#000000;
}

div.clear{
	clear:both;
}
/*
HEAD
*/
div#headcontainer {
	width:640px;
	margin: 0 auto;	
}
div#headlogo {
	padding-top:40px;
	width:64px;
	float:left;
}
div#headteaser {
	float:left;
	padding-top:45px;
	padding-left:20px;
	font: normal 12px Georgia, 'Times New Roman', serif;
	
}
div#headteaser span{
	font-size: 20px;
	line-height:24px;
	color: #000000;	
}

div#navcontainer {
	margin-top:40px;
	width:100%;
	height:24px;
	border-bottom:1px solid #aeabab;
	background-color:#e4e4cd;
}
div#navbar {
	width:640px;
	margin: 0 auto;
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
	color: #757474;
	font-size:12px;
}

div.navelement {
	float:left;
	padding-left:20px;
}
div.navelement a{
	border:0;
	text-decoration: none;
	color: #757474;
	font-size:12px;
}
div.navelement a:hover{
	border:0;
	text-decoration: none;
	color: #000000;
	font-size:12px;
}


/*
TEASER
*/
div#teaserarea {
	width:100%;
	height:242px;
	background-image: url("../img/teaserarea_bg.gif");
	background-repeat: repeat-x;

	
}
div#teasercontainer {
	width:640px;
	margin: 0 auto;
}
div#teasercontainer a{
	border:0;
	text-decoration: none;
	color: #757474;
}
div#teasercontainer a:hover{
	border:0;
	text-decoration: none;
	color: #000000;

}
div#teasercontainer a:visited{
	border:0;
	text-decoration: none;
	color: #757474;
}
div.teaserelement{
	padding-top:20px;
	padding-left:17px;
	font-size:10px;
	color:#a7a79c;
	float:left;
}
div.teasertext{
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	
}

div.moreprojects a{
	border:0;
	text-decoration: none;
	color:#a7a79c;
}
div.moreprojects a:hover{
	border:0;
	text-decoration: none;
	color:#000000;
}


/*
POSTS
*/
div.postcontainer{
	width:100%;
	padding-bottom:20px;
}
div.post{
	width:640px;
	margin: 0 auto;	
	padding-top:20px;
	padding-bottom:20px;
	padding-left:5px;
	padding-right:5px;
}
div.postheadline {
	font-size:16px;
}
div.postdate {
	padding-top:5px;
	font-size:10px;
	color: #b3b3a6;
}
div.postcontent {
	padding-top:5px;
	font-size:14px;
}
/*
RECENT
*/

div#recentcontainer{
	width:100%;
	background-color: #f8f8f1;
}
div#recent{
	width:640px;
	margin: 0 auto;
	padding-top:20px;
	padding-bottom:20px;
}
div.recentbox{
	width:200px;
	float:left;
	padding-right:20px;
}
div.recentheadline{
	font-size:12px;
	color:#a7a79c;
	padding-bottom:5px;
}
div.recententry{
	padding-bottom:3px;
	padding-top:3px;
	font-size:10px;
	border-bottom:1px solid #a7a79c;
}

div#footercontainer{
	width:100%;
	background-color:#a5a594;

}
div#footer{
	width:640px;
	margin: 0 auto;
	padding-top:20px;
	padding-bottom:20px;
	
	color:#FFFFFF;
	font-size:12px;
}
div#footer a{
	color:#FFFFFF;
	border:0;
	text-decoration: none;
}
div#footer a:hover{
	color:#000000;
	border:0;
	text-decoration: none;
}

div.showroomdate{
	
	width:100%;
	padding-left:10px;
	font-size:36px;
	line-height:1.5em;
	border-bottom: 1px solid white;
	border-top: 1px solid white;
	background-color:#f3f3e4;
}