/* 
Theme Name: 78 PIXEL (hacked version of yourfolio)
Description: 78 PIXEL Fotografie & Gestaltung
Author: Alexander Klingebiel
Author URI: http://www.78pixel.de
*/

*								{ margin: 0px; padding: 0px; }
body, html						{ height: 100%; }
body							{ font-family: "lucida grande", verdana, sans-serif; font-size: 70.5%; }
a								{ outline: none; text-decoration: none; }
a:hover							{ text-decoration: underline; }
a img							{ border: none; }
.clearfix:after					{ content: "."; visibility: hidden; display: block; height: 0px; clear: both; }
* html .clearfix				{ height: 1%; }
*+html .clearfix				{ height: 1%; }

/* -------- Page Structure -------- */

#container						{ width: 100%; min-height: 100%; height: auto !important; height: 100%; margin: 0px 0px -70px; min-width: 970px; }

#header_wrap, #project_wrap, #content_wrap, #footer_wrap { font-size: 1em; width: 100%; position: relative; }
#header, #project, #content, #footer { width: 960px; margin: 0px auto; font-size: 1.1em; }

#header_wrap					{ padding-top: 10px; }
#header							{ padding: 10px 0px; position: relative; }

#project						{ position: relative; z-index: 101; }

#content_wrap					{ padding: 35px 0; }
#home #content_wrap				{ padding: 35px 0; }

#sidebar						{ width: 350px; float: left; }
#main							{ width: 565px; float: right; }
#proof						{ width: 900px; float: left; }

.box{
	color: #fff;
	font-size: 1.8em;
	margin: 0 0 40px;
	width: 960px
}

.box a {color:#C93232; text-decoration:none; border-bottom:1px dotted #c93232;}

.box .top  {
	background: url(images/boxtop.png) no-repeat top;
	clear: both;
	height: 13px;
	overflow: hidden;
}

.box .spacer{
	background: url(images/boxbg.png) repeat-y;
	padding: 5px 20px;
}

.box .bot {
	background: url(images/boxbt.png) no-repeat top;
	clear: both;
	height: 13px;
	overflow: hidden;
}

.box p{
	padding: 0;
}

.boxkontakt{
	color: #fff;
	margin: 0 0 40px;
	width: 350px
}

.boxkontakt a {color:#C93232; text-decoration:none; border-bottom:1px dotted #c93232;}

.boxkontakt .top  {
	background: url(images/boxkontakttop.png) no-repeat top;
	clear: both;
	height: 13px;
	overflow: hidden;
}

.boxkontakt .spacer{
	background: url(images/boxkontaktbg.png) repeat-y;
	padding: 5px 15px 0 15px;
}

.boxkontakt .bot {
	background: url(images/boxkontaktbt.png) no-repeat top;
	clear: both;
	height: 13px;
	overflow: hidden;
}


#kontaktinfos p {
    margin: 0;
    padding: 0 0 10px 35px;
    line-height: 1.4em;
    color: #fff;
    background-repeat: no-repeat;
	font-size:1.6em;
	font-weight:normal;
}

p.telefon {
    background-image: url(images/telefon.png); }
	
p.email {
    background-image: url(images/email.png); }
	
p.adresse {
    background-image: url(images/adresse.png); }



#footer_wrap, .push				{ height: 69px; min-width: 970px; }
#footer							{ padding: 28px 0px 0px;color:#6F6F6F;}

.logoarea						{ float: left; height:97px; }
.logoarea h1 span 				{ display:none;}
.logoarea h1 a					{ text-decoration: none; background:transparent url(images/logo.png) top left no-repeat; width:366px;height:100px; position: absolute; top: 0; left:0;}

p.description					{ text-transform: uppercase; letter-spacing: 1px; }

ul.main_nav						{ width: 650px; text-align: right; position: absolute; top: 40px; right: 0px; text-transform: uppercase; float: right; }
ul.main_nav li					{ display: inline; list-style: none; padding: 0px 15px; position: relative; }
ul.main_nav li a				{ padding-bottom: 3px; text-decoration: none; }
ul.main_nav li a:hover			{ color:#C93232; text-decoration: none; border-bottom:3px solid #C93232; }

.info							{ width: 350px; float: left; padding: 35px 0px; min-height: 185px; line-height: 22px; font-size: 1em; }
.info h2						{ font-size: 1.95em; margin-bottom: 20px; }
.info p.introtext				{ text-transform:uppercase; margin-bottom:20px; color:#C93232; }
a.nextproject					{ width: 110px; height: 32px; display: block; float: left; padding: 6px 0px 0px 35px; font-size: 0.95em; margin-top: 25px; }
.info a.view					{ display: block; width: 170px; float: left; padding: 6px 0px 0px 0px; margin: 25px 0px 0px 25px; }

.project_screen					{ height: 280px; width: 565px; float: right; margin: 15px 0px; position: relative; z-index: 100; overflow: hidden; }

h3.pagetitle					{ width: 100%; font-size: 2.25em; padding: 20px 0px; }
.pagetitle span					{ display: block; width: 960px; margin: 0px auto; }

.text_left						{ width: auto; float: left; text-transform: uppercase; margin-bottom: 25px; }
.text_right						{ width: auto; float: right; text-align: right; margin-bottom: 25px; }

.crop_image						{ width: 565px; height: 300px; overflow: hidden; border: 5px solid #212121; margin: 20px 0; }
.no-crop						{ width: 565px; overflow: hidden; border: 5px solid #212121; margin: 20px 0; }

hr								{ clear: both; height: 0px; border: none; background: none; }
#sidebar hr						{ margin-bottom: 25px; }

.post							{ clear: both; margin: 20px 5px 20px 0px; font-size:1em;  }
.post h2.posttitle, h4.title	{ font-size: 1.95em; width: auto; float: left; color:#fff; }
.post p.comments				{ width: auto; float: right; text-align: right; text-transform: uppercase; }
.post .entry					{ clear: both; padding-top: 10px; line-height: 19px; }
.post .entry a, .post .entry a:visited  { color:#C93232; text-decoration:none; border-bottom: 1px dotted #C93232; }
.post .entry a:hover  { border-bottom: 1px solid #C93232; }
.post .entry p					{ margin-bottom: 10px; }
.post blockquote				{ margin-left: 25px; }
.post cite						{ font-style: italic; margin-left: 25px; }
.post img.alignleft				{ margin-right: 20px; }
.post img.alignright			{ margin-left: 20px; }
.post ul, .post ol, .info ul, .info ol	{ margin: 0px 0px 10px 25px; }
.post ol li, .info ol li		{ list-style: decimal outside; }
.info ul li, .post ul li		{ list-style-image:url(images/li_pfeil.png); }

h4.title						{ width: auto; float: none; margin-bottom: 25px; }

.navigation						{ margin-top: 25px; }
.navigation a					{ display: block; width: auto; font-size: 1.5em; text-decoration: none; padding: 5px 15px; }
.navigation .alignleft a		{ float: left; }
.navigation .alignright a		{ float: right; }

.module							{ margin-bottom: 25px; line-height: 16px; }
.module h4						{ font-size: 1.35em; }

.list							{ line-height: 23px; }
.list ul						{ list-style: none; padding: 10px; }
.list h4						{ padding: 10px; font-weight: bold; }

input, select					{ background:#383838; border:1px solid #484848; color:#fff; font-size:1.3em; }
input.text						{ background:#383838; float: none; margin-bottom: 20px; display: block; width: 300px; color:#fff; }
textarea						{ background:#383838; border:1px solid #484848; font-size: 1.3em; width: 545px !important; height: 150px !important; margin-bottom: 20px; color:#fff; }
input.submit					{ background:#383838; display: block; width: auto; padding: 7px 40px; border:1px solid #484848; color:#fff; }

#searchform						{ padding: 7px 5px 7px 12px; }
#searchform input#s				{ border: none; width: 300px; float: left; padding: 2px 0px; font-size: 1.1em; color:#fff; }
#searchform input#searchsubmit	{ float: right; margin: 2px 8px 0px 0px; }

#home #categories				{ display: none; }

#home .singles					{ display: none; }

*+html hr						{ margin-top: -7px; margin-bottom: -21px; }

.pagebar {
	padding: 0.2em 0.5em;
	margin-right: 0.1em;
	margin-bottom: 1.0em;
	text-decoration: none;
}

.pagebar a,.pageList .this-page {
	border: 1px solid #383838;
	text-decoration: none;
	padding: 0.2em 0.5em;
}

.pagebar a:visited {
	border: 1px solid #383838;
	text-decoration: none;
	padding: 0.2em 0.5em;
}

.pagebar .break {
	padding: 2px 6px 2px 6px;
	border: none;
	background: #fff;
	text-decoration: none;
}

.pagebar .this-page {
	border: 1px solid #C93232;
	padding: 0.2em 0.5em;
	font-weight: bold;
	background: #C93232;
	color: #fff;
}

.pagebar a:hover {
	border-color: #C93232;
}

.pagebar .inactive
{
   border: 1px solid #383838;
   color: #ccc;
   text-decoration: none;
   padding: 0.2em 0.5em;
}

#footer ul li	{ display: inline; list-style: none; padding: 0px 5px; }

#footer a, footer a:visited  { color:#6F6F6F; text-decoration:none; border-bottom: 1px dotted #6F6F6F; }
#footer a:hover  { border-bottom: 1px solid #fff; color:#fff; }

img.stern{

border:none;
width:auto;
display:inline;
margin:0 0 0 2px;
padding:0;
}