@charset "UTF-8";
/* CSS Document */

html {overflow:auto;}

body,td,th {
	font-family: Rockwell, "Courier New", Courier, monospace;
	font-size: 13px;
	font-weight:bold;
	color: #000;
	margin:0;
	padding:0;
}
body {
	background-color: #FFFFFF;
}

img {border:0px;}
a {outline:none; text-decoration:none;}
a:link {color:#FFFFFF; text-decoration:none;}
a:visited {color:#FFFFFF; text-decoration:underline;}
a:hover {color:#000000; text-decoration:underline;}


/*-------------------------------  STARTSEITE   -----------------------------------------------------*/


#login {position:absolute; top:10px; left:10px; z-index:10;}

#startbox {position:absolute; z-index:4; float:left; background-color:#c9d5b6; height:100%; width:100%;}
#startbox p {font-size:17px; letter-spacing:2px; line-height:40px; font-weight:normal; margin-left:24px; margin-top:20px; width:780px; color:#FFFFFF;}
#startbox p #bt-kontakt {font-size:13px; letter-spacing:1px;}

.logo-w {margin-top:20px; margin-left:20px;}

#teaser-bilder { margin-top:30px; margin-left:24px; height:135px;}
#teaser-bilder img { padding-right:10px; }


.scrollme {position:absolute; left:20px; bottom:15px; width:28px; height:30px; background-image:url(../img/scrollme2.png); background-position:0px 8px; background-repeat:no-repeat;}


/*------------------------------  FOTOARBEITEN   -----------------------------------------------------*/

#container {
	position:absolute;
	width:9000%;
	height:100%;
	margin-left:100%;
}

#logo {position:fixed; top:20px; left:20px; z-index:1;}
#logo-button {position:fixed; top:20px; left:20px; z-index:8; width:382px; height:28px; background-image:url(empty.png); }

#diagonal1 {z-index:4;}
	
.work {position:relative; float:left; height:100%; margin-right:400px; width:1150px;}
.work a {position:relative; z-index:100;}
.credit {position:absolute; font-size:13px; font-weight:bold;}

.jump-prev, .jump-next {cursor:pointer;}
	

/*------------------------------  FOTO-SERIEN  -----------------------------------------------------*/

.diagonal-holder {position:absolute; top:0px; left:0px; width:1px; height:100%;}
.diagonal {position:absolute; right:0px; top:0px; height:100%;}
.work-container {position:absolute; top:0px; left:0px; white-space:nowrap; width:1150px; overflow:auto; height:100%; background-color:#c9d5b6;}
.series-work img{margin: 0 100px;}
.series-work br{display:none;}
.credit-series br{display:block;}
.series-rightarrow { padding-right:45px; }
.scrollme2 {position:absolute; left:10px !important; }
.credit-series {width: 300px; display: inline-block; white-space: normal;}

	
/*-------------------------------  EXPOSE / IMPRESSUM   -----------------------------------------------------*/

#diagonal2 {z-index:4; margin-right:0px !important; left:1px;}

#imprint {position:relative; float:left; height:100%; width:1250px; background-color:#c9d5b6; z-index:4; padding-left:1px; margin-right:0px !important;}

#kontakt {font-size:17px; letter-spacing:2px; line-height:44px; font-weight:normal; margin-left:24px; margin-top:15px; margin-bottom:10px; width:780px; color:#FFFFFF;}
#container-imprint {margin-left:24px; color:#fff; font-size:13px; letter-spacing:1px; width:850px; line-height:22px; font-weight:normal;}
#copyright {width:400px; float:left; margin-right:40px;}
#friends {float:left; width:400px;}
#friends span {border-bottom:1px solid #000;}

#end { position:absolute; right:0px; bottom:20px; }