/* -------------------------------------
	Allgemeine Selektoren
   ------------------------------------- */
html,body {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	overflow:hidden;
}

body {
	background: #000000;
	width: 100%;
}

body, select, input, textarea {
    font-family: Lucida Sans Unicode, Lucida Sans, Lucida Grande, sans-serif;
    font-size: 12px;
}

img {
	border: none;
}

a {
	text-decoration: underline;
	color: #FFFFFF;	
}

a:hover{
	text-decoration: underline;
}

form {
	margin: 0;
	padding: 0;
}

/* -------------------------------------
	Layoutcontainer
   ------------------------------------- */
#backgroundImage {
	position:absolute;
	z-index:1;
	width:100%;
/*	height:100%; */
}
	
#bodyContainer {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	overflow:auto;
	z-index:2;
}

#pageContainer {
	position: absolute;
	top: 60px;
	left: 120px;
	z-index: 3;
	width: 450px;
	height: 600px;
	background: transparent;
	cursor: move;
}

pageBackgroundWrapperContainer {
	position: relative;
}

#pageBackgroundContainer {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 450px;
	height: 600px;
	margin: auto 0px;
	background: #000000;
	opacity: 0.7;	/* Alle Browser */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";	/* IE 8 */
	filter: alpha(opacity=70);	/* IE 5-7 */
}


#pageInnerContainer {
	position: relative;
	margin: 18px 24px;
	color: #FFFFFF;
	height: 564px;
	cursor: auto;
}

#textContainer {

}

#pageHeadline {
	margin: 0px 0px;
}

/* -------------------------------------
	Überschriften
   ------------------------------------- */
h1 {
	text-transform:uppercase;
	font-weight: normal;
	font-size: 19px;
	margin: 0px 0px 0px 0px;
	letter-spacing: 3px;
}

h1.logoHeadline {
	font-size: 19px;
	margin: 0px 0px 0px 0px;
	letter-spacing: 3px;
	overflow:hidden;
	text-indent:-9999px;
	background-image: url('/img/logo.png');
	background-repeat: no-repeat;
	background-position: top left;
}

h1.logoHeadline span {
	color: #A2A09F
}

#textHeadlineContainer {
/*	position: absolute;
	top: 60px;
	left: 0px; */

	margin: 8px 0px 0px 0px;


}

#textHeadlineContainer h2 {
	font-weight: bold;
	font-size: 54px;
	margin: 0px;
	padding: 0px;
	display: inline;
	padding: 0px 0px 0px 0px;
	border-bottom: 3px solid #FFFFFF;
}

#textTextContainer {
	/*position: absolute;
	top: 120px;
	left: 0px; */
}

/* -------------------------------------
	Textformatierungen
   ------------------------------------- */

.textSeparator {
	margin-right: 6px;
	color: #A2A09F;
}

#textContainer p {
	line-height: 140%;
	margin: 0px 0px 16px 0px;
}

#textContainer span.textBackground {
	background-color: #111111;
	padding-bottom: 3px;
}

#textContainer span.textBackground br {
	
}

/* -------------------------------------
	Navigationen
   ------------------------------------- */

ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	line-height: 152%;
}

ul li a {
	color: #FFFFFF;
	text-transform: uppercase;
	text-decoration: none;
}

ul li a:hover {
	text-decoration: underline;
}

/* -------------------------------------
	Navigation: Portfolionavigation
   ------------------------------------- */
#navigationPortfolioContainer {
	position: absolute;
	top: 372px;
}

#navigationPortfolioContainer h3 {
	font-weight: bold;
	font-size: 12px;
	margin: 0px 0px 0px 0px;
	color: #A2A09F
}

#navigationPortfolioContainer ul li a {
	letter-spacing: 1px;
	font-size: 11px;
}

#navigationPortfolioContainer ul li.categorySelected a {
	text-decoration: none;
}

#navigationPortfolioContainer ul li.categorySelected span.text {
	text-decoration: underline;
}

#navigationPortfolioContainer ul li.categorySelected span.whitespace {
	text-decoration: none;
}

/* -------------------------------------
	Navigation: Projekte - Unternavigation
   ------------------------------------- */
#subNavigationContainer {
	margin: 0px 0px 24px 0px;
}

#subNavigationContainer li {
	float: left;
	width: 50%;
}

#subNavigationContainer li a {
	font-weight: bold;
	color: #A2A09F;
	text-transform: none;
	text-decoration: underline;
}

#subNavigationContainer li.projectSelected a {
	color: #FFFFFF;
}

/* -------------------------------------
	Navigation: Projekte - Paging
   ------------------------------------- */
#projectPaging {
	position: absolute;
	bottom: 24px;
}

/* -------------------------------------
	Navigation: Fußnavigation
   ------------------------------------- */
#navigationContainer {
	position: absolute;
	bottom: 0px;
}

#navigationContainer a {
	color: #FFFFFF;
	margin: 0px 16px 0px 0px;
	text-decoration: none;
}

#navigationContainer a:hover {
	text-decoration: underline;
}

/* -------------------------------------
	Sonstiges
   ------------------------------------- */

.clearfix:after {
	content: 	".";
	display:	 block;
	height: 	0;
	clear: 		both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}