/****************************************************
		SCHRIFT IMPORTIEREN
****************************************************/
@font-face {
	font-family: 'vectoraf4 regular';
	src: url('fonts/vectoraf4.eot');
	src: local('VectoraF4 Regular'), 
	local('VectoraF4 Regular'), 
	url('fonts/vectoraf4.ttf') format('truetype'),
	url('fonts/vectoraf4.svg#font') format('svg'); 
}
	
/****************************************************
		ALLGEMEINES
****************************************************/
body, p, td, th, div {
	margin:0;
	padding:0;
	font-family: 'vectoraf4 regular', Helvetica, Arial, sans-serif;
	font-stretch:0.02em;
	color:#ffffff;
}

body {
	background:#000000;
	height:100%;
	padding-bottom:17.19em;
}


.clear {
	clear:both;
}


nav ul li a, p, h1, h2, h3, h4 {
	font-size:0.85em;
	line-height:1.75;
}





/****************************************************
		†BERSCHRIFTEN
****************************************************/
h1, h2, h3, h4 {
	margin:0;
	padding:0;
	font-weight:100;
	font-size:120%;
}



/****************************************************
		LINKS
****************************************************/
a {
	color:#ffffff;
	text-decoration:none;
}
a:hover {
	color:#6e6e6e;
}

a img {
	border:none;
}


/****************************************************
		NAVI
***************************************************/
nav ul {
	margin:0;
	padding:0;
	width:3.76em;
	border:1px solid red;
	white-space:nowrap;
	margin-top:-1em;
}

nav ul li {
	line-height:3;
}
nav ul li ul li {
	line-height:1.5;
}

nav ul,
nav ul li ul  {
	list-style-type:none;
	margin-left:0;
	padding-left:0;
}


/*	SUBNAVI		*/
nav ul li ul {
	margin-left:5.4em;
	margin-top:-2.30em;
	position:absolute;
}


/*		ACTIVE 		*/
nav ul li.active a,
nav ul li.active ul li.active a {
	color:#6e6e6e;
}
nav ul li.active ul li a {
	color:#ffffff;
}
nav ul li.active ul li a:hover {
	color:#6e6e6e;
}




/****************************************************
		LISTEN
****************************************************/


/****************************************************
		FORMULARE
****************************************************/
form fieldset {
	border:none;
}






/****************************************************
		BEREICHE
		margin-top:1.88em;
****************************************************/
div {
	border:1px solid white;
}
#content div {
	border:none;
}
#head {
	margin-left:45px;
	height:8em;
}
#logo {
	
	margin-top:57px;
}

#all {
	margin-left:47px;
}


#content {
	margin:0;
	padding:0;
	position:absolute;
	float:right;
	height:34.38em;
	padding-bottom:6.69em;
	margin-left:17em;
	border:1px solid yellow;
}



p {
	clear:none;
}



/****************************************************
		ABST€NDE HAUPTINHALT
****************************************************/

/*		RECHTS		*/
.csc-textpic div.csc-textpic-text,
.textonly { 
	padding-right:17.19em;
}

/*		UNTEN		*/
.csc-textpic,
.textonly,
.tx-powermail-pi1 {
	margin-bottom:6.69em;
}
div.tx-frpeasygallery-pi1 div.frp_easygallery_clear {
	margin-bottom:-5.5em;
	height:6.69em;
}


/****************************************************
		NUR-TEXT
****************************************************/
.textonly {
	position:absolute;
	bottom:0;
	width:34.38em;
}

.textonly .textonly-outerWrap {
	position:relative;
}





/****************************************************
		TEXT MIT BILD
****************************************************/

/*	Inhaltselement ganz unten positionieren */
.csc-textpic {
	position:absolute;
	bottom:0;
	width:auto;
}

.csc-textpic div.csc-textpic-outerWrap {
	position:relative;
}


.csc-textpic div.csc-textpic-pic {
	float:left;
	position:relative;	
}
.csc-textpic div.csc-textpic-pic {
	position:absolute;
	bottom:0;
}

.csc-textpic div.csc-textpic-text {
	float:none;
	width:auto;
	position:absolute;
	bottom:0;
	padding-left:1.88em;
	
}

.csc-textpic div.csc-textpic-text p.bodytext,
.csc-textpic div.csc-textpic-text h1,
.csc-textpic div.csc-textpic-text h2,
.csc-textpic div.csc-textpic-text h3,
.csc-textpic div.csc-textpic-text h4 {
	white-space:nowrap;
}

#content .csc-textpic div.csc-textpic-pic,
#content .csc-textpic div.csc-textpic-text {
	border:1px solid red;	
}




/****************************************************
		GALERIE (Positionierung und AbstŠnde)
****************************************************/
#content div.tx-frpeasygallery-pi1 {
	position:absolute;
	bottom:1.88em;
}
#content div.tx-frpeasygallery-pi1 div {
	position:relative;
	white-space:nowrap;
}


div.tx-frpeasygallery-pi1 div.bilder img {
	margin-right:17.19em;
}






/****************************************************
		FORMULAR
****************************************************/

/*	Inhaltselement ganz unten positionieren */
.tx-powermail-pi1 {
	position:absolute;
	bottom:0;
	width:34.38em;
}

.tx-powermail-pi1 div.tx-powermail-pi1_formwrap {
	position:relative;
}






/****************************************************
		
		EASYGALLERY
			
****************************************************/

/****************************************************
		Balken & Legende ausblenden
****************************************************/
div.tx-frpeasygallery-pi1 div.balken,
div.tx-frpeasygallery-pi1 div.legende {
	display:none;
}



div.tx-frpeasygallery-pi1 div.bilder {
	line-height:0;
	margin:0;
	
}


/****************************************************
		THUMBNAIL-NAVI
****************************************************/
div.tx-frpeasygallery-pi1 div.thumbnails {
	margin-top:1.88em;
	width:34.38em;
	border:1px solid #ffffff;
}

div.tx-frpeasygallery-pi1 div.thumbnails ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
div.tx-frpeasygallery-pi1 div.thumbnails ul li {
	float:left;
	margin-right:1.88em;
}

div.tx-frpeasygallery-pi1 div.thumbnails ul li,
div.tx-frpeasygallery-pi1 div.thumbnails ul li a,
div.tx-frpeasygallery-pi1 div.thumbnails ul li img {
	display:inline;
	cursor:pointer;
}

/****************************************************
		Clearer (nach gefloateten Thumbnails)
****************************************************/
div.tx-frpeasygallery-pi1 div.frp_easygallery_clear {
	clear:both;
}



nav ul,
div,
#content,
#content div,
#content .csc-textpic div.csc-textpic-pic,
#content .csc-textpic div.csc-textpic-text {
	border-color:transparent;
}







/********************************/
/*	Powermail Kontaktformular	*/
/********************************/


.tx-powermail-pi1 legend {
	display:none;
}
.tx-powermail-pi1 label {
	display:block;
	float:left;
	width:100px;
	font-size:0.85em;
}

.tx-powermail-pi1 textarea {
	height:100px;
	width:205px;
	font-size:0.85em;	
}

.tx-powermail-pi1 input[type=text] {
	width:200px;
	margin-bottom:30px;
}