@charset "utf-8";
	
/*------------------------------------------------------------------------
# EOS Werbe & Industriefotografie - April, 2009                          # 
#----------------------------------------------------------------------- #
# Copyright (C) 2008 , Ltd. All Rights Reserved.                         #
# Author: Concepta Werbeagentur                                          #
# Website:  http://www.concepta.at                                       #
#------------------------------------------------------------------------*/

html
{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
}

body
{
	width:100%;
	height:100%;
	margin:0px;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:60%;
	color:#505050;
	background-color:#252525;
	
	/*Scrollbalken */
	scrollbar-face-color: #313131;
  scrollbar-highlight-color: #626262;
  scrollbar-3dlight-color: #8D8D8D;
  scrollbar-darkshadow-color: #080808;
  scrollbar-shadow-color: #080808;
  scrollbar-arrow-color: #FFFFFF;
  scrollbar-track-color: #626262;
}

#container
{
	position:absolute;
	left:0px;
	top:50%;
	margin:-300px 0 0 0;
}

#header
{
	width:auto;
	height:auto;
	margin:15px 0 20px 50px;
}


#contentContainer
{
	width:auto;
	min-width:600px;
	/*height:510px;*/
	min-height:510px;
  padding-bottom:15px;
	float:left;
	display:inline;
  overflow:hidden;
  white-space:no-wrap;
}

#contentContainer #leftContent
{
	float:left;
	height:auto;
	width:330px;
	margin:0 0 0 50px;
	display:inline;
}

#contentContainer #paginierung
{
	height:35px;
	width:auto;
	margin:29px 0 0 0;
	padding:0;
	white-space:nowrap;
	float:left;

}

body.portfolio #container #contentContainer #rightContent
{
	float:left;
	height:450px;
	width:auto;
	min-width:400px;
	margin:0;
	padding:0;
	display:inline;
	white-space:nowrap;
	overflow:hidden;

}

body.legalnotice #container #contentContainer #rightContent {
height:auto;
float:none;
clear:both;
margin-left:60px;
}


body.portfolio #contentContainer #rightContent div {
float:left;
overflow:hidden;
}
/*
body.folgeseiten #rightContent div {
overflow:visible;
float:none;
}
*/


body.portfolio #contentContainer #rightContent div span {
display:block;
width:300px;
padding:2px 0 0 0;
font-weight:bold;
}


body.portfolio #contentContainer #rightContent div img {
margin-right:5px;
}




body.portfolio #contentContainer #rightContent img
{
	border:2px solid #5d5d5d;
	/*behavior: url("fileadmin/template/styles/iepngfix.htc");*/
	
}

#contentContainer #rightContent #extraNavigation
{
	margin:420px 0 0 10px;
}

#contentContainer #rightContent #extraNavigation img
{
	border:none;
	margin:0 15px 0 0;
}

body.portfolio #contentContainer #rightContent .csc-textpic-imagewrap
{
	float:left;
	margin-top:0px;
}
/*
body.folgeseiten #rightContent .csc-textpic-imagewrap {
float:none;
margin:0;
padding:0;
}
*/



#contentContainer #navigation
{
	/* height:125px; */
	height:auto;
	width:auto;
	float:left;
	margin-top:10px;
}

#contentContainer #navigation .back {
margin:30px 0 0 0;
border:none;

}


#contentContainer #leftContent img
{
	display:block;
	margin:0 0 2px 0;
}

body.folgeseiten #contentContainer #leftContent img {
display:block;
margin:0;
padding:0;
}

#contentContainer #rightContent .csc-header,
#contentContainer #rightContent .csc-header h1 {
overflow:hidden;
float:none;
clear:both;
display:block;
}


#contentContainer #textContainer
{
	clear:left;
	width:300px;
	height:310px;
	margin:0px 182px 0px 0px;
}

#footer
{

  display:block;
	clear:both;
	text-transform:uppercase;
	margin:0 0 30px 50px;
	height:auto;
	font-size:0.9em;
	color:#3c3c3c;
  overflow:hidden;
}





/* Formatierungen für Folgeseiten */
body.folgeseiten.contact {
min-width:640px;
}



body.folgeseiten #contentContainer {
width:100%;
display:block;
clear:both;
display:inline-block;
}

body.folgeseiten #container
{
 width:100%;

}

body.folgeseiten #contentContainer #leftContent {
display:inline;
min-height:200px;
overflow:visible;
}


body.folgeseiten #contentContainer #rightContent {
width:600px;
min-width:400px;
height:auto;
display:inline;
white-space:normal;
overflow:hidden;
min-height:300px;
padding-top:100px;
display:inline-block;

/*
filter: alpha(opacity=0);
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
*/
}


body.folgeseiten #contentContainer #rightContent p {
	color: #808080;
	letter-spacing: 2px;
  line-height:140%;
  font-size:11px;
	white-space:normal;
	display:block;
	margin-bottom:1em;
}

body.folgeseiten.contact #contentContainer #rightContent p {
padding-left:20px;
}

body.folgeseiten #contentContainer #rightContent img {
border:0 solid;
margin:0;
padding:0;
}

body.folgeseiten #contentContainer #rightContent a {
color:white;
}

body.folgeseiten #contentContainer #rightContent h1 {
color: #808080;
font-size:14px;
margin-bottom:1.5em;
}

body.folgeseiten #contentContainer #rightContent h2 {

font-size:12px;
margin-bottom:2em;
}

body.folgeseiten #contentContainer #rightContent #paginierung,
body.folgeseiten #contentContainer #rightContent #extraNavigation{
display:none;
margin:0;
padding:0;
}


#contentContainer #rightContent #extraNavigation img {
margin:0;
padding:0;
}

body.folgeseiten.contact #contentContainer #rightContent img {
padding-right:20px;
display:block;
}

body.folgeseiten #rightContent div span {
width:auto;
padding:0;
font-weight:normal;
}


body.folgeseiten #rightContent #contentContainer #rightContent div img {
margin:0;
}

body.folgeseiten.contact #contentContainer #rightContent {
width:1100px;
overflow:visible;
}


body.folgeseiten.contact #contentContainer #rightContent p {
  line-height:200%;
}


/*cssstyledcontent - start -------------------- */

/* default styles for extension "tx_cssstyledcontent" */

/* Captions */
DIV.csc-textpic-caption-c .csc-textpic-caption {
	text-align: center;
}
DIV.csc-textpic-caption-r .csc-textpic-caption {
	text-align: right;
}
DIV.csc-textpic-caption-l .csc-textpic-caption {
	text-align: left;
}
/* Needed for noRows setting */
DIV.csc-textpic DIV.csc-textpic-imagecolumn {
	float: left;
	display: inline;
}
/* Border just around the image */
DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
	border: 2px solid black;
	padding: 0px 0px;
}
DIV.csc-textpic-imagewrap {
	padding: 0;
}
DIV.csc-textpic IMG {
	border: none;
}
/* DIV: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image {
	float: left;
}
/* UL: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap UL {
	list-style: none;
	margin: 0;
	padding: 0;
}
DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI {
	float: left;
	margin: 0;
	padding: 0;
}
/* DL: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image {
	float: left;
}
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT {
	float: none;
}
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD {
	float: none;
}
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG {
	border: none;
}
/* FE-Editing Icons */
DL.csc-textpic-image {
	margin: 0;
}
DL.csc-textpic-image DT {
	margin: 0;
	display: inline;
}
DL.csc-textpic-image DD {
	margin: 0;
}
/* Clearer */
DIV.csc-textpic-clear {
	clear: both;
}
/* Margins around images: */
/* Pictures on left, add margin on right */
DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image, DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image, DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
	display: inline;
/* IE fix for double-margin bug */
	margin-right: 10px;
}
/* Pictures on right, add margin on left */
DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image, DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image, DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
	display: inline;
/* IE fix for double-margin bug */
	margin-left: 10px;
}
/* Pictures centered, add margin on left */
DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
	display: inline;
/* IE fix for double-margin bug */
	margin-left: 10px;
}
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {
	margin: 0;
}
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
	margin: 0;
}
/* Space below each image (also in-between rows) */
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image {
	margin-bottom: 5px;
}
DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow {
	margin-bottom: 5px;
	display: block;
}
DIV.csc-textpic DIV.csc-textpic-imagerow {
	clear: both;
}
/* No margins around the whole image-block */
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol {
	margin-left: 0px !important;
}
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol {
	margin-right: 0px !important;
}
/* Add margin from image-block to text (in case of "Text w/ images") */
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap, DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
	margin-right: 10px !important;
}
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap, DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
	margin-left: 10px !important;
}
/* Positioning of images: */
/* Above */
DIV.csc-textpic-above DIV.csc-textpic-text {
	clear: both;
}
/* Center (above or below) */
DIV.csc-textpic-center {
	text-align: center;
/* IE-hack */
}
DIV.csc-textpic-center DIV.csc-textpic-imagewrap {
	margin: 0 auto;
}
DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
	text-align: left;
/* Remove IE-hack */
}
DIV.csc-textpic-center DIV.csc-textpic-text {
	text-align: left;
/* Remove IE-hack */
}
/* Right (above or below) */
DIV.csc-textpic-right DIV.csc-textpic-imagewrap {
	float: right;
}
DIV.csc-textpic-right DIV.csc-textpic-text {
	clear: right;
}
/* Left (above or below) */
DIV.csc-textpic-left DIV.csc-textpic-imagewrap {
	float: left;
}
DIV.csc-textpic-left DIV.csc-textpic-text {
	clear: left;
}
/* Left (in text) */
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap {
	float: left;
}
/* Right (in text) */
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap {
	float: right;
}
/* Right (in text, no wrap around) */
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
	float: right;
	clear: both;
}
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text {
	height: 1%;
}
/* End hide from IE5/mac */
/* Left (in text, no wrap around) */
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
	float: left;
	clear: both;
}
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text {
	height: 1%;
}
/* End hide from IE5/mac */
/*cssstyledcontent - stop -------------------- */