@CHARSET "UTF-8";

/** basic **/

body  {
	background-color: #e3e3d8;
	font-family:arial narrow;
	font-size: 91%;
}


#site {
	border:0px solid black;
	width: 1000px;
	margin: 33px auto 0px auto;
}

.line {
	background-color:#20211E;
	height:1px;
	left:0;
	position:absolute;
	top:674px;
	width:50%;
}

#top-line {
	right:0;
	left:auto;
	top:93px;
}

.start #top-line {
	display:none;
}

#bottom-line {
	left:0;
	top:674px;
}

/** boxes **/

#head {
	border-bottom:1px solid #20211e;
	height:60px;
	margin-left:66px;
}

#content {
	border:0px solid lightgreen;
	height:580px;
}

#content .left {
	border:0px solid pink;
	
}

#content .right {
	border:0px solid lightblue;	
	/*padding-top:26px;*/
	padding-top:55px;
}


#foot {
	border:0px solid yellow;
	height:30px;
}

#foot .left {
	border-top:1px solid #20211e;
	width:753px;
}

#foot .right {
	border:0px solid lightblue;
	margin-left:475px;	
}

.left {
	width:140px;
	float:left;
	height:100%;
}

.right {
	margin-left:140px;
	height:100%;
}

/** Menues **/

#head ul {
	width:290px;
	/*margin-left:646px;*/
	margin-left:595px;
	padding-top:35px;
}

#head li {
	float:left;
	margin-left:10px;
	height:20px;
}

#head li.spacer {
	/*background-color:#20211e;*/
	width:2px;
	background:transparent url('../images/spacer.jpg') no-repeat top left; 
	margin-left:8px;
}

#head li.spacer.small {
	margin-left:2px;
}

#head li.small {
	margin-left:3px
}

#head li a {
	height:20px;
}

#content ul {
	padding:333px 0px 0px 0px;
}

#content li {
	padding-left:45px;
}

#content .left a {
	display:block;
	width: 100px;
	height:30px;
}

#blattwerk-link {
	margin-top:10px;
	display:block;
	width: 100px;
	height:30px;
	padding-left:45px;
}

#contact-link {
	margin-top:70px;
	display:block;
	padding-left:45px;
}

.de #monochrom{
	background:transparent url('../images/de-monochrom.jpg') no-repeat top left; 
}

.de #farbe{
	background:transparent url('../images/de-farbe.jpg') no-repeat top left; 
}

.de #abstrakt{
	background:transparent url('../images/de-abstrakt.jpg') no-repeat top left; 
}

.de #blattwerk{
	background:transparent url('../images/de-blattwerk.jpg') no-repeat top left; 
}


.de #kontakt{
	background:transparent url('../images/de-kontakt.jpg') no-repeat top left; 
}

.de #monochrom:hover,
.de #monochrom.active {
	background:transparent url('../images/de-monochrom-active.jpg') no-repeat top left; 
}

.de #farbe:hover,
.de #farbe.active{
	background:transparent url('../images/de-farbe-active.jpg') no-repeat top left; 
}

.de #abstrakt:hover,
.de #abstrakt.active {
	background:transparent url('../images/de-abstrakt-active.jpg') no-repeat top left; 
}

.de #blattwerk:hover,
.de #blattwerk.active {
	background:transparent url('../images/de-blattwerk-active.jpg') no-repeat top left; 
}

.de #kontakt:hover,
.de #kontakt.active{
	background:transparent url('../images/de-kontakt-active.jpg') no-repeat top left; 
}


.en #monochrom{
	background:transparent url('../images/en-monochrom.jpg') no-repeat top left; 
}

.en #farbe{
	background:transparent url('../images/en-farbe.jpg') no-repeat top left; 
}

.en #abstrakt{
	background:transparent url('../images/en-abstrakt.jpg') no-repeat top left; 
}

.en #blattwerk{
	background:transparent url('../images/en-blattwerk.jpg') no-repeat top left; 
}
.en #kontakt{
	background:transparent url('../images/en-kontakt.jpg') no-repeat top left; 
}

.en #monochrom:hover,
.en #monochrom.active {
	background:transparent url('../images/en-monochrom-active.jpg') no-repeat top left; 
}

.en #farbe:hover,
.en #farbe.active{
	background:transparent url('../images/en-farbe-active.jpg') no-repeat top left; 
}

.en #abstrakt:hover,
.en #abstrakt.active {
	background:transparent url('../images/en-abstrakt-active.jpg') no-repeat top left; 
}

.en #blattwerk:hover,
.en #blattwerk.active {
	background:transparent url('../images/en-blattwerk-active.jpg') no-repeat top left; 
}

.en #kontakt:hover,
.en #kontakt.active{
	background:transparent url('../images/en-kontakt-active.jpg') no-repeat top left; 
}


/** Content **/

#image-container {
	width:506px;
	height:506px;
	/*background-color: #ffffff;*/
	/*border:1px solid #20211e;
	border-bottom:1px solid #20211e;*/
	/*margin:auto;*/
	margin-left:107px;
}

#image-container.kontakt {
	display:none;
}

#text-container {
	display:none;
}

.de #text-container.kontakt.de {
	display:block;
}

.en #text-container.kontakt.en {
	display:block;
}

#text-container.kontakt  {
	border:1px solid #20211e;
	background-color:#798172;
	color:#eff5e8;
	/*height:300px;*/
	height:444px;
	/*margin:auto;*/
	margin-left:107px;
	padding:30px;
	/*width:550px;*/
	width:444px;
}

#text-container.kontakt h1 {
	font-size: 130%;
	margin:60px 70px 55px 70px;
	border-bottom:1px solid #eff5e8;
	font-weight:normal;
	padding-left:0px;
}

#text-container.kontakt h2 {
	font-size: 100%;
	margin-bottom:15px;
	font-weight:normal;
	padding:10px 10px 0px 65px;	
}

#text-container.kontakt p {
	margin-bottom:50px;
	font-size:100%;
	line-height:19px;
	padding:0px 10px 00px 70px;
}

#kontakt-email {
	margin-left:30px;
	color:#eff5e8;
}

#whitewall-galerie {
	margin-left:5px;
	color:#eff5e8;
	font-weight:bold;
}

/** Start **/

.start #head {
	border-bottom:1px solid transparent;
	height:60px;
}

.start #content .right {
	padding-top:32px;
}


.start #logo {
	margin-left:531px;
	margin-bottom:3px;
	float:left;
}

.start #sub-container {
	float:right;
	margin-right:216px;
	margin-top:6px;
}

.start #logo-sub {
	display:block;
}

.start #sucher {
	display:block;
	margin-left:2px;
	margin-top:277px;
	background:transparent url('../images/sucher.jpg') no-repeat top left;
	width:18px;
	height:12px;
	color:transparent;
}

.start #sucher:hover {
	background:transparent url('../images/sucher-active.jpg') no-repeat top left;
}