html {
	}
	
body {
	background: #31393f;
	background: none;
	font-family: 'arial', helvetica, verdana, arial, sans-serif;
	font-family: 'Open Sans', sans-serif;
	font-family: 'lucida grande', helvetica, verdana, arial, sans-serif;
	font-family: 'Oxygen', sans-serif;
	font-size: 14px;
	line-height: 22px;
	color: #31393f;
	}


h6 {
	font-size: 12px;
	line-height: 16px;
	text-decoration: none;
	margin: 0px;
	margin-bottom: 3px;
	font-weight: normal;
	font-family: 'Oxygen', sans-serif;
	}
	
h5 {
	font-size: 16px;
	line-height: 20px;
	text-decoration: none;
	margin: 0px;
	margin-bottom: 3px;
	font-weight: bold;
	}

a {
	color: #31393f;
	text-decoration: none;
	}
	
a:link {
	text-decoration: none;
	}
	
a:visited {}

a:hover {
	text-decoration: underline;
	}
	
a:active {}

.menue {
	cursor: pointer;
	}

a img {
	border:0px;
	}

div#wrapper {
	position: relative;
	width: 1100px;
	top: 0px;
	margin-top: 70px;
	margin-left: auto;
	margin-right: auto;
	background: none;
	z-index: 1;
	}

div#projName {
	font-weight: bold;
	font-size: 16px;
	}

div#projName, div#projJahr, div#projArt, div#projText{
	margin-bottom: 3px;
	}

div#projText{
	margin-top: 6px;
	font-size: 13px;
	line-height: 18px;
	
	}

div#projektinfobalken-wrapper{
	position: relative;
	top: 2px;
	height: 20px;
	border: none;
	width: 1200px;
	background: none;
	overflow: hidden;
	}
	
div#projektinfobalken{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 30px;
	border: none;
	text-align: center;
	background: none;
	}
	
div#bilderleiste-wrapper {
	top: 5px;
	position: relative;
	margin-top: 0px;
	overflow-x: scroll;
	overflow-y: hidden;
	border: none;
	width: 1100px;
	}

div#bilderleiste-horizontal {
	position: absolute;
	top: 0px;
	height: 80px;
	position: absolute;
	left: -1px;
	background-repeat: repeat;
	background: none;
	border-right: 1px solid #111111;
	}

div#bilderleistevertikal-wrapper {
	position: absolute;
	overflow: hidden;
	height: 485px;
	width: 127px;
	margin: 0px;
	padding: 0px;
	background-repeat: repeat;
	z-index: 19;
	background: none;
	border-left:  1px solid #111111;
	border-right:  1px solid #111111;
	left: 85px;
	top: 0px;
	display: none;
	}
	
div#bilderleiste-vertikal {
	position: absolute;
	overflow: hidden;
	top: -1px;
	width: 129px;
	margin: 0px;
	padding: 0px;
	padding-top: 0px;
	background-repeat: repeat;
	z-index: 22;
	background: none;
	border-bottom: 1px solid #111111;
	}

.bilder-horizontal {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 80px;
	width: 128px;
	border-left: 1px solid #111111;
	border-top: 1px solid #111111;
	border-bottom: 1px solid #111111;
	}

.bilder-vertikal{
	position: absolute;
	left: 0px;
	top: 0px;
	height: 80px;
	width: 128px;
	border-top: 1px solid #111111;
	}
	
.bilder-grosz{
	position: absolute;
	top: 0px;
	right: 0px;
	}
	
.bilder-grosz-nojavascript{
	position: static;
	margin: 40px;
	}
	
	
div#lademaske {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 102%;
	height: 102%;
	background-color: #ffffff;
	z-index: 1000;
	}
	
div#logo{
	height: 60px;
	width: 350px;
	vertical-align: baseline;
	/* color: #31393f; */
	color: #31393f;
	margin-top: 0px;
	margin-bottom: 33px;
	background: none;
	cursor: pointer;
	}
	

div#menue {
	background: none;
	text-align: left;
	height: 30px;
	padding-left: 84px;
	margin-top: 5px;
	}
	
div#footer{
	position: relative;
	top: 14px;
	left: 0px;
	height: 30px;
	background: none;
	width: 1100px;
	vertical-align: baseline;
	text-align: center;
	color: #31393f;
	}

div#content-wrapper, div#hintergrundbild {
	position: relative;
	height: 485px;
	border:  1px solid #111111;
	background-repeat: no-repeat;
	z-index: 20;
	overflow: hidden;
	width: 1100px;
	}
	
div#hintergrundbild {
	position: absolute;
	top: 0px;
	left: 0px;
	}

div#hintergrundbild {
	position: absolute;
	top: 0px;
	width: 1100px;
	border: none;
	background-position: center center;
	z-index: 40;
	}
	
div#projinfo {
	position: absolute;
	width: 100%;
	height: 485px;
	z-index: 100;
	background-color: #d4d6d7;
	background-color: #e3e5e6;
	background: none;
	top: 0px;
	}
	
div#projbild-wrapper{
	position: absolute;
	right: 0px;
	top: 0px;
	width: 650px;
	height: 100%;
	z-index: 101; 
	background-color: none;
	overflow-y: auto;
	overflow-x: hidden;
	}
	
div#projbild{
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 101; 
	background-color: none;
	}
	
div#projbildwait{
	position: absolute;
	left: 460px;
	top: 0px;
	margin: 0px;
	width: 500px;
	height: 200px;
	z-index: 101;
	background-image: url(../grafikelemente/waitklein.gif);
	background-repeat: no-repeat;
	background-position: center center;
	}
	
div#projtext {
	position: absolute;
	left: 64px;
	padding: 16px;
	z-index: 101;
	background-color: none;
	max-width: 500px;
	}
	

	
div#projiconstransp {
	position: absolute;
	overflow: hidden;
	height: 485px;
	width: 129px;
	margin: 0px;
	padding: 0px;
	padding-top: 0px;
	/*background-image: url(grafikelemente/higu1.gif);*/
	z-index: 18;
	background: #31393f;
	}

div#bildmenuerahmen {
	position: relative;
	overflow: hidden;
	
	top:0px;
	left:0px;
	width: 1100px;
	height: 485px;
	padding: 0px;
	margin: 0px;
	border-bottom: 1px solid #ffffff;
	}
	
div#projekt-wrapper {
	width: 1100px;
	position: relative;
	height: 485px;
	top: 485px;
	z-index: 100;
	background-color: #e3e5e6;
	background-color: #e8eaeb;
	}
	
div#kontakt-wrapper {
	width: 1100px;
	position: absolute;
	top: -485px;
	left: 0px;
	height: 485px;
	z-index: 1101;
	background: none;
	}
	
	
div#hintergrund-transparent {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1100px;
	height: 485px;
	background-color: #d4d6d7;
	z-index: 1;
	}
	
div#information, div#impressum {
	margin: 12px;
	margin-top: 29px;
	margin-left: 84px;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 400px;
	width: 400px;
	background: none;
	z-index: 2;
	}
	
div#impressum {
	left: 500px;
	margin-left: 12px;
	}


	
div#bilderleistehorizontaltransp{
	top: 0px;
	left: 0px;
	overflow: hidden;
	height: 80px;
	position: absolute;
	border-bottom: 1px solid #ffffff;
	background: #ffffff;
	width: 1100px;
	filter: alpha(opacity=100); /* IE */
	moz-opacity: 1.00; /* Mozilla */
	opacity: 1.00; /* Opera */
	}	

div#bilderleiste {
	position: relative;
	z-index: 5;
	background: none;
	}

/*----------*/
/*  Pfeile  */
/*----------*/
div#pfeilbox-links, div#pfeilbox-rechts, div#pfeilbox-transparent-links, div#pfeilbox-transparent-rechts {
	position: absolute;
	top: 0px;
	width: 31px;
	height: 100px;
	background: none;
	z-index: 23;
	display: none;
	}
	
div#pfeilbox-links {
	left: 0px;
	border-right: 1px solid #222222;
	}

	
div#pfeilbox-rechts {
	right: 0px;
	border-left: 1px solid #222222;
	}

div#pfeilbox-transparent-links, div#pfeilbox-transparent-rechts{
	background: #cccccc;
	filter: alpha(opacity=90); /* IE */
	moz-opacity: 0.90; /* Mozilla */
	opacity: 0.90; /* Opera */
	z-index: 14;
	}

div#pfeilbox-transparent-links {
	left: 0px;
	}
	
div#pfeilbox-transparent-rechts {
	right: 0px;
	}

div#pfeil-einfach-links, div#pfeil-einfach-rechts, div#pfeil-doppel-links, div#pfeil-doppel-rechts {
	position: static;
	width: 100%;
	height: 49px;
	z-index: 16;
	background-image: url(../grafikelemente/pfeill.gif);
	background-repeat: no-repeat;
	background-position: center;
	border-bottom: 1px solid #222222;
	cursor: pointer;
	}
	
div#pfeil-einfach-rechts {
	background-image: url(../grafikelemente/pfeilr.gif);
	}
	
div#pfeil-doppel-links, div#pfeil-doppel-rechts {
	height: 31px;
	background-image: url(../grafikelemente/pfeillfast.gif);
	border: none;
	}

div#pfeil-doppel-rechts {
	background-image: url(../grafikelemente/pfeilrfast.gif);
	}
	
div#pfeilbox-oben, div#pfeilbox-unten, div#pfeilbox-transparent-oben, div#pfeilbox-transparent-unten {
	position: absolute;
	width: 100%;
	height: 31px;
	z-index: 23;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../grafikelemente/pfeilo.gif);
	border-bottom: 1px solid #222222;
	display: none;
	cursor: pointer;
	}
	
div#pfeilbox-transparent-oben, div#pfeilbox-transparent-unten {
	background: #cccccc;
	filter: alpha(opacity=70); /* IE */
	moz-opacity: 0.70; /* Mozilla */
	opacity: 0.70; /* Opera */
	z-index: 22;
	border: none;
	}
	
div#pfeilbox-oben, div#pfeilbox-transparent-oben {
	top: 0px;
	}
	
div#pfeilbox-unten, div#pfeilbox-transparent-unten {
	bottom: 0px;
	}
	
div#pfeilbox-unten {
	border: none;
	border-top: 1px solid #222222;
	background-image: url(../grafikelemente/pfeilu.gif);
	}
	
.thumbsvertikal {
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px 0px 0px 0px;
	height: 81px;
	width: 129px;
	z-index: 110;
	background-image: url(../grafikelemente/waitklein.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	}

div#markierrahmen {
	position: absolute;
	height: 70px;
	width: 118px;
	top: 1px;
	border: 5px solid #ff1493;
	filter: alpha(opacity=90); /* IE */
	moz-opacity: 0.90; /* Mozilla */
	opacity: 0.90; /* Opera */
	display: inline;
	}

div#slider {
	cursor: pointer;
	}
	
/*--------------------------------------------------*/
/* Ausgesuchte Elemente mit Pointer-Cursor versehen */
/*--------------------------------------------------*/	
div#bilderleiste img, div#pfeill, div#pfeilr, div#pfeildivl, div#pfeildivlfast, div#bilderleiste-vertikal div, div#pfeildivr, div#pfeildivrfast, .kleinebiler2, div#pfeilo, div#pfeilu, div#pfeildivo,  div#pfeildivu {
	cursor: pointer;
	}	
	
/*---------*/
/* Infobox */
/*---------*/
div#infobox  {
	position: absolute;
	top: 0px;
	left: 0px;
	background: none;
	width: 1100px;
	height: 1.6em;
	background: none;
	z-index: 140;
	}
	
div#infoboxtext, div#infoboxtransp {
	position: absolute;
	width: 330px;
	top: 0px;
	left: 0px;
	z-index: 141;
	color: #f6fdf7;
	color: #333333;
	}
	
div#infoboxtransp {
	width: 1100px;
	height: 1.6em;
	background: #7e8c96;
	background: #ffffff;
	z-index: 140;
	top: -50px;
	}
/*---------*/