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

html {
	background-image:url(layout/bilder/bg.jpg);
	background-color:#898989;
	background-repeat:repeat-x;
	background-attachment:fixed;
}

/******* IE PNG HACK ***********/
img {
	border:		none;
 	/*behavior: 	url(iepngfix.htc);*/
	}
/*******************************/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image:url(layout/bilder/bg.jpg);
	background-color:#898989;
	background-repeat:repeat-x;
	background-attachment:fixed;
	font-size:	12px;
	margin:		0px;
	padding:	0px;
	color:		#000000;
	}
	
/************************/
/* Layout				*/
/************************/

#all {
	position:	absolute;
	top:		50px;
	left:		50%;
	margin:		0px 0px 0px -432px;
	padding:	0px;
	}

#headerLinks {
	position:	absolute;
	behavior: 	url(iepngfix.htc);
	background-image:url(layout/bilder/header_links.png);
	top:		0px;
	left:		0px;
	width:		7px;
	height:		63px;
	margin:		0px;
	padding:	0px;
	}

#headerBG {
	position:	absolute;
	background-image:url(layout/bilder/header_bg.jpg);
	top:		0px;
	left:		7px;
	width:		850px;
	height:		63px;
	margin:		0px;
	padding:	0px;
	}

#headerRechts {
	position:	absolute;
	behavior: 	url(iepngfix.htc);
	background-image:url(layout/bilder/header_rechts.png);
	top:		0px;
	left:		857px;
	width:		7px;
	height:		63px;
	margin:		0px;
	padding:	0px;
	}

#headerPfad {
	position:	absolute;
	background-image:url(layout/bilder/header_pfad.jpg);
	font-weight:bold;
	left:		564px;
	top:		30px;
	width:		276px;
	height:		25px;
	margin:		0px;
	padding:	7px 0px 0px 10px;
	}

#pfadBox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	border:		none;
	margin:		0px;
	padding:	0px;
	width:		230px;
	height:		15px;
	}

/* LoginBox		*/

#loginBox {
	position:	absolute;
	left:		645px;
	top:		2px;
	width:		230px;
	margin:		0px;
	padding:	0px;
	}

#loginSubmit {
	background-image:url(layout/bilder/header_button_rechts.jpg);
	position:	absolute;
	cursor:		pointer;
	height:		19px;
	width:		24px;
	border:		0px;
	padding:	0px;
	margin:		0px;
	top:		-2px;
	}
	
#loginSubmit:hover {
	background-image:url(layout/bilder/header_button_rechts_hover.jpg);
	}

#loginUsername {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	10px;
	background-image:url(layout/bilder/loginbox.jpg);
	font-weight: bold;
	border:		none;
	margin:		0px 0px 0px 0px;
	padding:	2px 0px 0px 6px;
	width:		84px;
	height:		17px;
	}

#loginPassword {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-repeat:no-repeat;
	font-size:	10px;
	background-image:url(layout/bilder/loginbox.jpg);
	font-weight:	bolder;
	border:		none;
	margin:		0px;
	padding:	2px 0px 0px 6px;
	width:		84px;
	height:		17px;
	}

#logOutBox {
	position:	absolute;
	left:		735px;
	top:		1px;
	width:		200px;
	margin:		0px;
	padding:	0px;
	}

#logOutStatusBox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	10px;
	background-image:url(layout/bilder/loginbox.jpg);
	font-weight: bold;
	border:		none;
	margin:		0px 0px 0px 0px;
	padding:	2px 0px 0px 6px;
	width:		84px;
	height:		17px;
	position:	absolute;
	top:		3px;
	}

#logOutSubmit {
	background-image:url(layout/bilder/header_button_rechts.jpg);
	position:	absolute;
	cursor:		pointer;
	height:		19px;
	width:		24px;
	border:		0px;
	padding:	0px;
	margin:		0px;
	top:		-1px;
	left:		90px;
	}
	
#logOutSubmit:hover {
	background-image:url(layout/bilder/header_button_rechts_hover.jpg);
	}

/* ende LoginBox */

#content {
	position:	absolute;
	background-color:#d6dde5;
	border-left:1px #3d4140 solid;
	border-right:1px #3d4140 solid;
	top:		63px;
	left:		0px;
	width:		832px;
	margin:		0px;
	padding:	25px 10px 15px 20px;
	}
	
#footer {
	position:	relative;
	top:		15px;
	left:		-21px;
	margin:		0px;
	padding:	0px;
	clear:		both;
	}
	
#footerLinks {
	position:	absolute;
	behavior: 	url(iepngfix.htc);
	background-image:url(layout/bilder/footer_links.png);
	background-repeat:no-repeat;
	left:		0px;
	width:		7px;
	height:		100px;
	margin:		0px;
	padding:	0px;
}

#footerBG {
	position:	absolute;
	background-image:url(layout/bilder/footer_bg.jpg);
	left:		7px;
	width:		848px;
	height:		20px;
	margin:		0px;
	padding:	5px 0px 0px 0px;
}

#footerRechts {
	position:	absolute;
	behavior: 	url(iepngfix.htc);
	background-image:url(layout/bilder/footer_rechts.png);
	left:		855px;
	width:		9px;
	height:		25px;
	margin:		0px;
	padding:	0px;
}

/************************/
/* Navigation			*/
/************************/

/* Farbige Buttons */

/* home button */
#headerButtonRot {
	position:		absolute;
	top:			0px;
	left:			0px;
	width:			18px;
	height:			21px;
	}

#headerButtonRot a {
    background: 	url(layout/bilder/header_button_rot_hover.jpg) no-repeat;
    display:block; 	width:18px; /* Linkbereich begrenzen */
  	}
#headerButtonRot img {
    display:block;	width:18px; height:21px; border:0;
 	}
#headerButtonRot a:hover img {
    visibility:		hidden;
 	}
#headerButtonRot a:hover { /* Workaround fuer IE 5.5 und 6 */
    border:0;
 	}
* html #headerButtonRot a {
    margin-right:	1px;
 	}
* html #headerButtonRot a:hover {
    width:18px; 	margin-right:0; /* Workaround fuer IE 5.01 */
 	}

/* Orange button */
#headerButtonOrange {
	position:		absolute;
	top:			0px;
	left:			18px;
	width:			21px;
	height:			21px;
	}

#headerButtonOrange a {
    background: 	url(layout/bilder/header_button_orange_hover.jpg) no-repeat;
    display:block; 	width:21px; /* Linkbereich begrenzen */
  	}
#headerButtonOrange img {
    display:block;	width:21px; height:21px; border:0;
 	}
#headerButtonOrange a:hover img {
    visibility:		hidden;
 	}
#headerButtonOrange a:hover { /* Workaround fuer IE 5.5 und 6 */
    border:0;
 	}
* html #headerButtonOrange a {
    margin-right:	1px;
 	}
* html #headerButtonOrange a:hover {
    width:21px; 	margin-right:0; /* Workaround fuer IE 5.01 */
 	}
	
/* Green button */
#headerButtonGreen {
	position:		absolute;
	top:			0px;
	left:			39px;
	width:			20px;
	height:			21px;
	}

#headerButtonGreen a {
    background: 	url(layout/bilder/header_button_green_hover.jpg) no-repeat;
    display:block; 	width:20px; /* Linkbereich begrenzen */
  	}
#headerButtonGreen img {
    display:block;	width:20px; height:21px; border:0;
 	}
#headerButtonGreen a:hover img {
    visibility:		hidden;
 	}
#headerButtonGreen a:hover { /* Workaround fuer IE 5.5 und 6 */
    border:0;
 	}
* html #headerButtonGreen a {
    margin-right:	1px;
 	}
* html #headerButtonGreen a:hover {
    width:20px; 	margin-right:0; /* Workaround fuer IE 5.01 */
 	}
	
/* Back and Forward */

/* back button */
#headerBack {
	position:		absolute;
	top:			30px;
	left:			0px;
	width:			30px;
	height:			27px;
	}

#headerBack a {
    background: 	url(layout/bilder/header_back_hover.jpg) no-repeat;
    display:block; 	width:30px; /* Linkbereich begrenzen */
  	}
#headerBack img {
    display:block;	width:30px; height:27px; border:0;
 	}
#headerBack a:hover img {
    visibility:		hidden;
 	}
#headerBack a:hover { /* Workaround fuer IE 5.5 und 6 */
    border:0;
 	}
* html #headerBack a {
    margin-right:	1px;
 	}
* html #headerBack a:hover {
    width:30px; 	margin-right:0; /* Workaround fuer IE 5.01 */
 	}
	
/* Forward button */
#headerForward {
	position:		absolute;
	top:			30px;
	left:			30px;
	width:			28px;
	height:			27px;
	}

#headerForward a {
    background: 	url(layout/bilder/header_forward_hover.jpg) no-repeat;
    display:block; 	width:28px; /* Linkbereich begrenzen */
  	}
#headerForward img {
    display:block;	width:28px; height:27px; border:0;
 	}
#headerForward a:hover img {
    visibility:		hidden;
 	}
#headerForward a:hover { /* Workaround fuer IE 5.5 und 6 */
    border:0;
 	}
* html #headerForward a {
    margin-right:	1px;
 	}
* html #headerForward a:hover {
    width:28px; 	margin-right:0; /* Workaround fuer IE 5.01 */
 	}
	
/* Header Rechte Buttons */


	
/************************/
/* Content				*/
/************************/
	
.folder {
	font-weight:	bold;
	margin:			0px 16px 20px 10px;
	float:			left;
}

.folderBox {
	height:			170px;
	width:			170px;
	vertical-align:	middle;
	/*border:			1px #000000 solid;*/
}

.picture {
	position:		relative;
	font-weight:	bold;
	margin:			0px 10px 0px 0px;
	padding:		0px;
	float:			left;
}

.picture img {
	border:			none;
	margin:			0px;
	padding:		0px;	
}

.thumbnail {
	vertical-align:	middle;
	height:			195px;
	width:			195px;
	margin:			0px;
	padding:		0px;
}

.thumbnailName {
	vertical-align:	top;
	height:			30px;
}

/* Hindergrund der Thmbnails */

/* Bilder in Hochformat  ----------------------------- */
a.thumbShadowHoch {
	background: 		transparent url('layout/thumbnail_links.jpg') no-repeat top left;
	display: 			block;
	height: 			195px; /* Höhe des Linken Bild */
	padding-left: 		20px; /* Breite des Linken Bild */
	text-decoration: 	none;
}

a.thumbShadowHoch span {
	background: 		transparent url('layout/thumbnail_rechts.jpg') no-repeat top right;
	display: 			block;
	height: 			195px; /* Höhe des rechten Bild */
	padding: 			24px 20px 4px 0; /* der 2te Wert (20px) sollte gleich der Breite des Linken Bilds sein */
}

.thumbShadowHochWrapper {
	overflow: 			hidden;
}

/* Bilder in Breitformat  ----------------------------- */
a.thumbShadowBreit {
	background: 		transparent url('layout/thumbnail_oben.jpg') no-repeat top left;
	display: 			block;
	width: 				195px; /* Breite des oberen Bild */
	padding: 			20px 0px 0px 0px; /* höhe des oberen Bild */
	margin:				0px 0px 0px 0px;
	text-decoration: 	none;
}

a.thumbShadowBreit span {
	background: 		transparent url('layout/thumbnail_unten.jpg') no-repeat bottom left;
	display: 			block;
	margin:				0px 0px 0px 0px;
	padding: 			0px 0px 0px 0px;
}

.thumbShadowBreitWrapper {
	overflow: 			hidden;
}