/*  

	Theme Name: Portfolio
	Theme URI: http://www.philippdoms.com
	Description: This is the theme for my portfolio.
	Version: 1.0
	Author: Philipp Doms 
	Author URI: http://www.philippdoms.com

*/

@import "footer.css";
@import "lightbox.css";
@import "links.css";
@import "navi.css";
@import "portfolio.css";
@import "form.css";
@import "page.css";

body {
	
	background-image: url(bilder/bg_body.png);
	background-color: #e8f6fb;
	background-position: top;
	background-repeat: repeat-x;
	
	color: #66666f;
	font-family: 'Trebuchet MS', 'Helvetica Neue', Helvetica, 'FranklinGothic-Book', 'Franklin Gothic Book', 'Lucida Grande', Calibri, 'Trebuchet MS', Verdana, sans-serif;
	font-style: normal;
	font-weight: normal;
	text-transform: none;
	text-decoration: none;
	font-size: 0.75em;
    line-height: 1.6em;
    letter-spacing: 0.1em;
	
}

img {

	margin: 0;
	padding: 0;
	border: 0;

}

/* ---------------------------- Header ---------------------------- */

#nonFooter #header #logo {

	background-image: url(bilder/bg_logo.png);
	background-position: 0 top;
	background-repeat: no-repeat;
	
	height: 171px;
	
	margin-bottom: 39px;

}

#nonFooter #header #navigation {

	background-image: url(bilder/bg_navigation.png);
	background-position: 0 top;
	background-repeat: no-repeat;
	
	height: 128px;
	
	margin-bottom: 62px;
	
	text-align: right;
	padding-right: 44px;

}

/* ---------------------------- nonFooter ---------------------------- */


#nonFooter #content {

	clear: right;

	background-image: url(bilder/bg_content2.jpg);
	background-position: 0 top;
	background-repeat: repeat-y;

}

#nonFooter #content #contentHead {
	
	height: 84px;
	padding: 0px;
	margin: 0px;

}

#nonFooter #content #contentHead .pHead {

	padding: 0px;
	margin: 0px;

}

#nonFooter #content #contentText {

	background-image: url(bilder/bg_content.jpg);
	background-position: 0 top;
	background-repeat: no-repeat;
	
	padding: 0px 70px 84px 70px;

}

#nonFooter #content #contentText .row {

	clear: both;

}

#nonFooter #content #contentText .row .col1 {
	
	float: left;
	width: 377px;

}

#nonFooter #content #contentText .row .col2 {
	
	float: right;
	width: 377px;

}

/* ---------------------------- Page Titel ---------------------------- */

#nonFooter #content #contentText #greenfolio {

	background-image: url(bilder/title_portfolio.png);
	background-position: 0 top;
	background-repeat: no-repeat;
	
	height: 47px;
	margin-bottom: 70px;

}

#nonFooter #content #contentText #Leistungen {

	background-image: url(bilder/title_leistungen.png);
	background-position: 0 top;
	background-repeat: no-repeat;
	
	height: 47px;
	margin-bottom: 70px;

}

#nonFooter #content #contentText #Philipp {

	background-image: url(bilder/title_about.png);
	background-position: 0 top;
	background-repeat: no-repeat;
	
	height: 47px;
	margin-bottom: 70px;

}

#nonFooter #content #contentText #Kontakt {

	background-image: url(bilder/title_kontakt.png);
	background-position: 0 top;
	background-repeat: no-repeat;
	
	height: 47px;
	margin-bottom: 70px;

}

#nonFooter #content #contentText #error404 {

	background-image: url(bilder/error404.png);
	background-position: 0 top;
	background-repeat: no-repeat;
	
	height: 47px;
	margin-bottom: 70px;

}

.error {

	height: 690px;

}

#clearAfter
{
	clear: both;
}

#contentLinePage {

	clear: both;
	background-color: white;
	
}

#contentLinePage hr {

	border: none;
	border-bottom: 1px solid #ededed;
	border-top: 1px solid #FFFFFF;
	padding-top: 20px;

}

#contentLinePage img {

	padding-top: 20px;
	padding-bottom: 40px;
	float: right;
	clear: left;

}

/* ---------------------------- Footer ---------------------------- */

#footer #footerWrapper {

 	width: 920px; 
	margin-left: auto;
	margin-right: auto;

}

#footer #footerWrapper #footerEndImage {

	background-image: url(bilder/bg_contentBottom.png);
	background-position: top;
	background-repeat: no-repeat;
	
	height: 20px;

}

#footer #footerWrapper #footerText p {

	color: #999999;
  	text-transform:uppercase;
  	
  	font-size: 110%;
  	letter-spacing: 2px;

	float: left;
	width: 480px;
	padding-left: 70px;
	padding-top: 30px;

}

#footer #footerWrapper #footerNetworks p {

	float: right;
	padding-right: 70px;
	padding-top: 30px;

}

#hiddenImages .hidden {

	display: none;
	visibility: hidden;
	position: absolute;
	top: -8000px;

}