a {
	color: #00A2FF;
}

a img {
	border: none;
}

html {
	overflow: hidden;
}
body {
	overflow: hidden;
	width: 100%;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;  
}

#canvas{
	position: absolute;
	width: 6685px;
	height: 3017px;
	cursor: move;
	background-color: #FFF;
}

.pageRow2,
.page {
	position: absolute;
	top: 310px;
	width: 970px;
	height: 612px;
}

.pageRow2{
	top: 1940px;
}

.pageColumn1{
	left: 500px;
}

.pageColumn2{
	left: 2720px;
}

.pageColumn3{
	left: 5030px;
}

#contactPage{
}

#introPage{
	width: 820px;
}




/*

 INTRO PAGE 

*/
#introPage .logo, #introPage .logo_en{
	display: block;
	position: relative;
	top: 0px;
	left: 0px;
}

#introPage .languageSelect{
	margin: 45px 0 0 0;
}

.languageSelect{
	color: #A6A7A7;
	font-size: 13px;
	font-weight: bold;
}

.languageSelect a{
	color: #FF0000;
	text-decoration: none;
}

#introPage .mainText{
	margin: 3px 0 30px 0;
	width: 800px;
}

.mainText p{
	color: #000;
	font-family: Georgia, serif;
	font-size: 20px;
	margin-top: 0px;
}

.mainText a{
	color: #000;
}

.logo_en,
.logo{
	background-image: url(images/logo.gif);
	background-repeat: no-repeat;
	width: 208px;
	height: 62px;
	cursor: pointer;
}

.logo_en{
	background-image: url(images/logo_en.gif);
}

.arbeiten_en,
.arbeiten{
	position: absolute;
	/*right: 14px;*/
	left: 723px;
	top: 10px;
	width: 93px;
	height: 20px;
	background-image: url(images/leitsystem/intro-arbeiten.gif);
	background-repeat: no-repeat;
	cursor: pointer;
}

.arbeiten_en{
	background-image: url(images/leitsystem_en/intro-arbeiten.gif);
}

.arbeiten:hover{
	background-image: url(images/leitsystem/intro-arbeiten-over.gif) !important;
}

.arbeiten_en:hover{
	background-image: url(images/leitsystem_en/intro-arbeiten-over.gif) !important;
}

.buro_en,
.buro{
	position: absolute;
	/*right: 14px;*/
	left: 730px;
	top: 41px;
	width: 93px;
	height: 40px;
	background-image: url(images/leitsystem/intro-buro.gif);
	background-repeat: no-repeat;
	cursor: pointer;
}

.buro_en{
	background-image: url(images/leitsystem_en/intro-buro.gif);
	left: 727px;
}

.buro:hover{
	background-image: url(images/leitsystem/intro-buro-over.gif) !important;
}

.buro_en:hover{
	background-image: url(images/leitsystem_en/intro-buro-over.gif) !important;
}

.kontakt_en,
.kontakt{
	position: absolute;
	bottom: 20px;
	left: 0px;
	width: 102px;
	height: 42px;
	background-image: url(images/leitsystem/kontakt-impressum-unten.gif);
	background-repeat: no-repeat;
	cursor: pointer;
}

.kontakt_en{
	background-image: url(images/leitsystem_en/kontakt-impressum-unten.gif);
}

.kontakt:hover{
	background-image: url(images/leitsystem/kontakt-impressum-unten-over.gif);
}

.kontakt_en:hover{
	background-image: url(images/leitsystem_en/kontakt-impressum-unten-over.gif);
}

.auftraggeber_en,
.auftraggeber{
	position: absolute;
	bottom: 38px;
	/*right: 12px;*/
	left: 689px;
	width: 119px;
	height: 21px;
	background-image: url(images/leitsystem/auftraggeber-introscreen.gif);
	background-repeat: no-repeat;
	cursor: pointer;
}
.auftraggeber_en{
	width: 82px;
	background-image: url(images/leitsystem_en/auftraggeber-introscreen.gif);
}

.auftraggeber:hover{
	background-image: url(images/leitsystem/auftraggeber-introscreen-over.gif);
}

.auftraggeber_en:hover{
	width: 82px;
	background-image: url(images/leitsystem_en/auftraggeber-introscreen-over.gif);
}

#aktuell .header_en,
#aktuell .header{
	background-image: url(images/aktuelle-projekte.gif);
	height: 15px;
	width: 167px;
	margin-bottom: 10px;
}

#aktuell .header_en{
	background-image: url(images/aktuelle-projekte_en.gif);
}

.arbeitenBuroLink_en,
.arbeitenBuroLink{
	position: absolute;
	left: 465px;
	width: 100px;
	height: 40px;
	background-image: url(images/leitsystem/intro-buro.gif);
	background-repeat: no-repeat;
	cursor: pointer;
}

.arbeitenBuroLink_en{
	background-image: url(images/leitsystem_en/intro-buro.gif);
}

.arbeitenBuroLink:hover{
	background-image: url(images/leitsystem/intro-buro-over.gif);
}

.arbeitenBuroLink_en:hover{
	background-image: url(images/leitsystem_en/intro-buro-over.gif);
}

.arbeitenAuftraggeberLink_en,
.arbeitenAuftraggeberLink{
	position: absolute;
	left: -5px;
	width: 130px;
	height: 20px;
	top: 568px;
	background-image: url(images/leitsystem/arbeiten-auftraggeber.gif);
	background-repeat: no-repeat;
	cursor: pointer;
	z-index: 1;
}

.arbeitenAuftraggeberLink_en{
	background-image: url(images/leitsystem_en/arbeiten-auftraggeber.gif);
}

.arbeitenAuftraggeberLink:hover{
	background-image: url(images/leitsystem/arbeiten-auftraggeber-over.gif);
}

.arbeitenAuftraggeberLink_en:hover{
	background-image: url(images/leitsystem_en/arbeiten-auftraggeber-over.gif);
}

.arbeitenPapierkorbLink_en,
.arbeitenPapierkorbLink{
	background-image: url(images/leitsystem/papierkorb.gif);
	position: absolute;
	left: -5px;
	width: 100px;
	height: 20px;
	top: 538px;
	background-repeat: no-repeat;
	cursor: pointer;
}

.arbeitenPapierkorbLink_en{
	background-image: url(images/leitsystem_en/papierkorb.gif);
}

.arbeitenPapierkorbLink:hover{
	background-image: url(images/leitsystem/papierkorb-over.gif);
}

.arbeitenPapierkorbLink_en:hover{
	background-image: url(images/leitsystem_en/papierkorb-over.gif);
}

/*
 *	Kontakt Page
 */
.kontaktAuftraggeberLink_en,
.kontaktAuftraggeberLink{
	position: absolute;
	right: 0px;
	width: 118px;
	height: 22px;
	top: 0px;
	background-image: url(images/leitsystem/kontakt-auftraggeber.gif);
	background-repeat: no-repeat;
	cursor: pointer;
}

.kontaktAuftraggeberLink_en{
	width: 82px;
	background-image: url(images/leitsystem_en/kontakt-auftraggeber.gif);
}

.kontaktAuftraggeberLink:hover{
	background-image: url(images/leitsystem/kontakt-auftraggeber-over.gif);
}

.kontaktAuftraggeberLink_en:hover{
	background-image: url(images/leitsystem_en/kontakt-auftraggeber-over.gif);
}

#kontaktPage .startseiteLink,
#kontaktPage .startseiteLink_en {
		position: absolute;
	left: 368px;
}



/*
 *	Auftraggeber
 */
 
#auftraggeberPage .startseiteLink,
#auftraggeberPage .startseiteLink_en{
	position: absolute;
	left: 271px;
	top: -3px;
}
 
.auftraggeberArbeitenLink_en,
.auftraggeberArbeitenLink{
	position: absolute;
	left: 490px;
	width: 118px;
	height: 42px;
	top: -6px;
	background-image: url(images/leitsystem/arbeiten-buero-awards.gif);
	background-repeat: no-repeat;
	cursor: pointer;
}

.auftraggeberArbeitenLink_en{
	background-image: url(images/leitsystem_en/arbeiten-buero-awards.gif);
}

.auftraggeberArbeitenLink:hover{
	background-image: url(images/leitsystem/arbeiten-buero-awards-over.gif);
}

.auftraggeberArbeitenLink_en:hover{
	background-image: url(images/leitsystem_en/arbeiten-buero-awards-over.gif);
}

.auftraggeberKontaktLink_en,
.auftraggeberKontaktLink{
	position: absolute;
	left: -5px;
	width: 118px;
	height: 42px;
	top: 540px;
	background-image: url(images/leitsystem/kontakt-impressum.gif);
	background-repeat: no-repeat;
	cursor: pointer;
	z-index: 1000;
}

.auftraggeberKontaktLink_en{
	background-image: url(images/leitsystem_en/kontakt-impressum.gif);
}

.auftraggeberKontaktLink:hover{
	background-image: url(images/leitsystem/kontakt-impressum-over.gif);
}

.auftraggeberKontaktLink_en:hover{
	background-image: url(images/leitsystem_en/kontakt-impressum-over.gif);
}

.startseiteLink_en,
.startseiteLink{
	width: 120px;
	height: 22px;
	background-image: url(images/leitsystem/startseite.gif);
	background-repeat: no-repeat;
	cursor: pointer;
	display:block;
}

.startseiteLink_en{
	background-image: url(images/leitsystem_en/startseite.gif);
}

.startseiteLink:hover{
	background-image: url(images/leitsystem/startseite-over.gif);
}

.startseiteLink_en:hover{
	background-image: url(images/leitsystem_en/startseite-over.gif);
}

.papierkorbArbeitenLink_en,
.papierkorbArbeitenLink{
	width: 120px;
	height: 22px;
	position: relative;
	left: 1px;
	background-image: url(images/leitsystem/papierkorb-arbeiten.gif);
	background-repeat: no-repeat;
	cursor: pointer;
	display: block;
}

.papierkorbArbeitenLink_en{
	background-image: url(images/leitsystem_en/papierkorb-arbeiten.gif);
}

.papierkorbArbeitenLink:hover{
	background-image: url(images/leitsystem/papierkorb-arbeiten-over.gif);
}

.papierkorbArbeitenLink_en:hover{
	background-image: url(images/leitsystem_en/papierkorb-arbeiten-over.gif);
}




.assetContainer{
	position: relative;
	left: 16px;
}

#aktuell{
	height: 303px;
	position: relative;
}



#aktuell .teaser{
	float: left;
	width: 194px;
	height: 303px;
	margin-right: 10px;
	overflow: hidden;
	position:relative;
}

.teaser img{
	cursor: pointer;
}

.itemHeader,
.teaser h3{
	color: #000;
	font-weight: bold;
	font-size: 12px;
	line-height:14px;
	font-family: helvetica;
	margin: 0px 0 0 0;
}

.teaser .date{
	color: #828282;
	font-weight: bold;
	font-size: 12px;
	line-height:14px;
	font-family: helvetica;
	margin: 5px 0 0 0;
}

.teaser p{
	color: #000;
	font-size: 11px;
	line-height:13px;
	font-family: helvetica;
	margin: 0 0 0 0;
}


/*
 *	Arbeiten Page
 */
.pageHeader{
	height: 64px;
	width: 100%;
	z-index: 1;
	position: relative;
}
.pageHeader a {
	position: absolute;
}

.pageHeader img.projects{
	position: absolute;
	left: 10px;
	top: 0px;
	cursor: pointer;
}

.pageHeader img.clients{
	position: absolute;
	left: 10px;
	cursor: pointer;
}

#arbeitenPage .startseiteLink_en,
#arbeitenPage .startseiteLink{
	position: absolute;
	left: 270px;
}

.dotsTop{
	background-image: url(images/dotsHorizontal.gif);
	background-position: left top;
	background-repeat: repeat-x;
}

.dotsBottom, #awards h4, #awards li{
	background-image: url(images/dotsHorizontal.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
}

.leftList{
	cursor: auto;
	margin: 0px;
	padding: 0px;
	width: 245px;
	position: relative;
	list-style: none;
	top: 0px;
}

.leftList li{
	padding: 3px 0;
	color: #0078D0;
	list-style: none;
	cursor: pointer;
	background-image: url(images/dotsHorizontal.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
}
.leftList li a {
	display: block;
	color: #0078D0;
}
.leftList li a:hover, .leftList .selected>div a {
	color: #fff;
}
.leftList li.wrapper{
	display: inline;
	background: none;
	padding: 0;
	margin: 0;
}

.leftList .last {
	background-image:none !important;
	background-repeat:no-repeat !important;
}

.leftList ul{
	margin: 0px 0px 0px 0px;
	padding: 0 0 0 20px;
	list-style: none;
}

.leftList a{
	text-decoration: none;
}


.leftList .selected>div, .leftList div:hover{
	background-color: #000;
	color: #FFF;
}

.listLink{
	overflow: hidden;
	padding: 0px 3px;
	font-size: 12px;
}

/*
 * B�roPage
 */
 
.buroHeader{
 	position: absolute;
	left: 160px;
	top: 0px;
	cursor: pointer;
}

#bueroPage .startseiteLink_en,
#bueroPage .startseiteLink{
	top: 28px;
	left: 0px;
	position: absolute;
}

.buroArbeitenLink_en,
.buroArbeitenLink{
	top: -3px;
	left: 0px;
	width: 120px;
	height: 24px;
	position: absolute;
	background-image: url(images/leitsystem/arbeiten.gif);
	background-repeat: no-repeat;
	cursor: pointer;
}

.buroArbeitenLink_en{
	background-image: url(images/leitsystem_en/arbeiten.gif);
}

.buroArbeitenLink:hover{
	background-image: url(images/leitsystem/arbeiten-over.gif);
}

.buroArbeitenLink_en:hover{
	background-image: url(images/leitsystem_en/arbeiten-over.gif);
}

.georgiaHeader{
	font-family: georgia;
	font-weight: bold;
	font-size: 12px;
	margin: 25px 0 20px;
}

.largeLines{
	line-height: 20px;
	margin-top: 4px;
}

#awards{
	margin: 30px 0;
}
#awards h4{
	color: #000;
	font-family: helvetica;
	font-size: 12px;
	font-weight: bold;
	line-height: 21px;
	margin-top: 3px;
	margin-bottom: 0;
}
#awards ul {
	list-style-type: none;
	padding: 0;
	margin: 0 0 15px 0;
}
#awards li{
	line-height: 21px;
}


/*
 * Passives Leitsystem
 *
*/

.auftraggeberRichtung{
	position: absolute;
	top: 1158px;
	left: 1672px;
}

.auftraggeberRichtung4{
	position: absolute;
	top: 1588px;
	left: 2162px;
}

.auftraggeberRichtung2{
	position: absolute;
	top: 1249px;
	left: 2700px;
}

.auftraggeberRichtung3{
	position: absolute;
	top: 1942px;
	left: 2132px;
}

.arbeitenRichtung{
	position: absolute;
	top: 310px;
	left: 1720px;
}
.buroAwardsRichtung{
	position: absolute;
	top: 341px;
	left: 1732px;
}

.arbeitenRichtung1{
	position: absolute;
	top: 310px;
	left: 2252px;
}
.buroAwardsRichtung1{
	position: absolute;
	top: 341px;
	left: 2264px;
}

.arbeitenBuroRichtung{
	position: absolute;
	top: 1376px;
	left: 2980px;
}

.buroRichtung{
	position: absolute;
	top: 311px;
	left: 4131px;
}

.buroRichtung2{
	position: absolute;
	top: 311px;
	left: 4631px;
}

.scribbleBuero{
	position: absolute;
	top: 96px;
	left: 8px;
}

.targetBuero{
	position: absolute;
	top: 580px;
	left: 10px;
}

.scribble2Buero{
	position: absolute;
	top: 720px;
	left: 1020px;
}


.farbscalaBuero{
	position: absolute;
	top: 143px;
	left: 43px;
}

.kontaktRichtung{
	position: absolute;
	top: 1096px;
	left: 520px;
}

.kontaktRichtung3{
	position: absolute;
	top: 1556px;
	left: 520px;
}

.scribbleContact{
	position: absolute;
	top: 1836px;
	left: 478px;
}

.kontaktRichtung2{
	position: absolute;
	top: 2196px;
	left: 2110px;
}

.papierkorbRichtung{
	position: absolute;
	top: 1661px;
	left: 4700px;
}

.papierkorbRichtung2{
	position: absolute;
	top: 1257px;
	left: 4272px;
}

.papierkorbRichtung3{
	position: absolute;
	top: 1941px;
	left: 4130px;
}


#papierkorbCanvas{
	display: none;
}

#papierkorbCanvas div{
	position: absolute;
}

.papierkorb-leer,
.papierkorb-leer_en,
.papierkorb_en,
.papierkorb{
	position: absolute;
	bottom: 110px;
	right: 75px;
	width: 75px;
	height: 57px;
	background-image: url(images/papierkorb-voll.gif);
	cursor: pointer;
	background-repeat: no-repeat;
}

.papierkorb-leer{
	background-image: url(images/papierkorb-leer.gif);
}

.papierkorb-leer_en{
	background-image: url(images/papierkorb-leer_en.gif);
}

.papierkorb_en{
	background-image: url(images/papierkorb-voll_en.gif);
}

.papierkorbLinks{
	position: absolute;
	bottom: 20px;
	right: 0px;
	width: 120px;
	height: 50px;
}


/*
 *	Pagination
 */
 .paginationAndDescription{
 	position: relative; 
	margin-top: 6px;
 }
 
 .pageContainer{
 	position: absolute;
	left: 65px;
	top: 0px;
	width: 170px;
	height: 18px;
 }

.page1, .page1.selected,
.page2, .page2.selected,
.page3, .page3.selected,
.page4, .page4.selected,
.page5, .page5.selected,
.page6, .page6.selected,
.page7, .page7.selected,
.page8, .page8.selected,
.page9, .page9.selected,
.page10, .page10.selected,
.page11, .page11.selected,
.page12, .page12.selected,
.page13, .page13.selected,
.page14, .page14.selected,
.page15, .page15.selected,
.page16, .page16.selected,
.page17, .page17.selected,
.page18, .page18.selected,
.page19, .page19.selected,
.page20, .page20.selected,
.page21, .page21.selected,
.page22, .page22.selected,
.page23, .page23.selected,
.page24, .page24.selected,
.page25, .page25.selected,
.page26, .page26.selected,
.page27, .page27.selected,
.page28, .page28.selected,
.page29, .page29.selected,
.page30, .page30.selected,
.page31, .page31.selected,
.page32, .page32.selected,
.page33, .page33.selected,
.page34, .page34.selected,
.page35, .page35.selected,
.page36, .page36.selected,
.pageContainer .page.selected,
.pageContainer .page{
	top: 0px;
    position: relative;
	width: 16px;
	height: 16px;
	background-color: #000;
	float: left;
	cursor: pointer;
	margin-right: 4px;
	margin-bottom: 4px;
}

.pageContainer .page:hover{
	background-color: #CCC !important;
}

.pageContainer .page.selected{
	background-color: #d0d0d0;
}

.page1{
	background-image: url(images/pages/1.gif);
}

.page1.selected{
	background-image: url(images/pages/1-over.gif);
}
.page1:hover{
	background-image: url(images/pages/1-over.gif);
}


.page2{
	background-image: url(images/pages/2.gif);
}

.page2.selected{
	background-image: url(images/pages/2-over.gif);
}
.page2:hover{
	background-image: url(images/pages/2-over.gif);
}

.page3{
	background-image: url(images/pages/3.gif);
}

.page3.selected{
	background-image: url(images/pages/3-over.gif);
}
.page3:hover{
	background-image: url(images/pages/3-over.gif);
}

.page4{
	background-image: url(images/pages/4.gif);
}
.page4.selected{
	background-image: url(images/pages/4-over.gif);
}
.page4:hover{
	background-image: url(images/pages/4-over.gif);
}

.page5{
	background-image: url(images/pages/5.gif);
}
.page5.selected{
	background-image: url(images/pages/5-over.gif);
}
.page5:hover{
	background-image: url(images/pages/5-over.gif);
}

.page6{
	background-image: url(images/pages/6.gif);
} 
.page6.selected{
	background-image: url(images/pages/6-over.gif);
}
.page6:hover{
	background-image: url(images/pages/6-over.gif);
}


.page7{
	background-image: url(images/pages/7.gif);
} 
.page7.selected{
	background-image: url(images/pages/7-over.gif);
}
.page7:hover{
	background-image: url(images/pages/7-over.gif);
}


.page8{
	background-image: url(images/pages/8.gif);
}
.page8.selected{
	background-image: url(images/pages/8-over.gif);
}
.page8:hover{
	background-image: url(images/pages/8-over.gif);
}


.page9{
	background-image: url(images/pages/9.gif);
}
.page9.selected{
	background-image: url(images/pages/9-over.gif);
}
.page9:hover{
	background-image: url(images/pages/9-over.gif);
}

.page10{
	background-image: url(images/pages/10.gif);
}
.page10.selected{
	background-image: url(images/pages/10-over.gif);
}
.page10:hover{
	background-image: url(images/pages/10-over.gif);
}

.page11{
	background-image: url(images/pages/11.gif);
}
.page11.selected{
	background-image: url(images/pages/11-over.gif);
}
.page11:hover{
	background-image: url(images/pages/11-over.gif);
}

.page12{
	background-image: url(images/pages/12.gif);
}
.page12.selected{
	background-image: url(images/pages/12-over.gif);
}
.page12:hover{
	background-image: url(images/pages/12-over.gif);
}

.page13{
	background-image: url(images/pages/13.gif);
}
.page13.selected{
	background-image: url(images/pages/13-over.gif);
}
.page13:hover{
	background-image: url(images/pages/13-over.gif);
}

.page14{
	background-image: url(images/pages/14.gif);
}
.page14.selected{
	background-image: url(images/pages/14-over.gif);
}
.page14:hover{
	background-image: url(images/pages/14-over.gif);
}

.page15{
	background-image: url(images/pages/15.gif);
}
.page15.selected{
	background-image: url(images/pages/15-over.gif);
}
.page15:hover{
	background-image: url(images/pages/15-over.gif);
}

.page16{
	background-image: url(images/pages/16.gif);
}
.page16.selected{
	background-image: url(images/pages/16-over.gif);
}
.page16:hover{
	background-image: url(images/pages/16-over.gif);
}

.page17{
	background-image: url(images/pages/17.gif);
}
.page17.selected{
	background-image: url(images/pages/17-over.gif);
}
.page17:hover{
	background-image: url(images/pages/17-over.gif);
}

.page18{
	background-image: url(images/pages/18.gif);
}
.page18.selected{
	background-image: url(images/pages/18-over.gif);
}
.page18:hover{
	background-image: url(images/pages/18-over.gif);
}

.page19{
	background-image: url(images/pages/19.gif);
}
.page19.selected{
	background-image: url(images/pages/19-over.gif);
}
.page19:hover{
	background-image: url(images/pages/19-over.gif);
}

.page20{
	background-image: url(images/pages/20.gif);
}
.page20.selected{
	background-image: url(images/pages/20-over.gif);
}
.page20:hover{
	background-image: url(images/pages/20-over.gif);
}

.page21{
	background-image: url(images/pages/21.gif);
}
.page21.selected{
	background-image: url(images/pages/21-over.gif);
}
.page21:hover{
	background-image: url(images/pages/21-over.gif);
}

.page22{
	background-image: url(images/pages/22.gif);
}
.page22.selected{
	background-image: url(images/pages/22-over.gif);
}
.page22:hover{
	background-image: url(images/pages/22-over.gif);
}

.page23{
	background-image: url(images/pages/23.gif);
}
.page23.selected{
	background-image: url(images/pages/23-over.gif);
}
.page23:hover{
	background-image: url(images/pages/23-over.gif);
}

.page24{
	background-image: url(images/pages/24.gif);
}
.page24.selected{
	background-image: url(images/pages/24-over.gif);
}
.page24:hover{
	background-image: url(images/pages/24-over.gif);
}

.page25{
	background-image: url(images/pages/25.gif);
}
.page25.selected{
	background-image: url(images/pages/25-over.gif);
}
.page25:hover{
	background-image: url(images/pages/25-over.gif);
}

.page26{
	background-image: url(images/pages/26.gif);
}
.page26.selected{
	background-image: url(images/pages/26-over.gif);
}
.page26:hover{
	background-image: url(images/pages/26-over.gif);
}

.page27{
	background-image: url(images/pages/27.gif);
}
.page27.selected{
	background-image: url(images/pages/27-over.gif);
}
.page27:hover{
	background-image: url(images/pages/27-over.gif);
}

.page28{
	background-image: url(images/pages/28.gif);
}
.page28.selected{
	background-image: url(images/pages/28-over.gif);
}
.page28:hover{
	background-image: url(images/pages/28-over.gif);
}

.page29{
	background-image: url(images/pages/29.gif);
}
.page29.selected{
	background-image: url(images/pages/29-over.gif);
}
.page29:hover{
	background-image: url(images/pages/29-over.gif);
}

.page30{
	background-image: url(images/pages/30.gif);
}
.page30.selected{
	background-image: url(images/pages/30-over.gif);
}
.page30:hover{
	background-image: url(images/pages/30-over.gif);
}

.page31{
	background-image: url(images/pages/31.gif);
}
.page31.selected{
	background-image: url(images/pages/31-over.gif);
}
.page31:hover{
	background-image: url(images/pages/31-over.gif);
}

.page32{
	background-image: url(images/pages/32.gif);
}
.page32.selected{
	background-image: url(images/pages/32-over.gif);
}
.page32:hover{
	background-image: url(images/pages/32-over.gif);
}

.page33{
	background-image: url(images/pages/33.gif);
}
.page33.selected{
	background-image: url(images/pages/33-over.gif);
}
.page33:hover{
	background-image: url(images/pages/33-over.gif);
}

.page34{
	background-image: url(images/pages/34.gif);
}
.page34.selected{
	background-image: url(images/pages/34-over.gif);
}
.page34:hover{
	background-image: url(images/pages/34-over.gif);
}


.page35{
	background-image: url(images/pages/35.gif);
}
.page35.selected{
	background-image: url(images/pages/35-over.gif);
}
.page35:hover{
	background-image: url(images/pages/35-over.gif);
}

.page36{
	background-image: url(images/pages/36.gif);
}
.page36.selected{
	background-image: url(images/pages/36-over.gif);
}
.page36:hover{
	background-image: url(images/pages/36-over.gif);
}


.prev{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 16px;
	height: 16px;
	background-image: url(images/prevPage.gif);
	background-repeat: no-repeat;
	cursor: pointer;
}
.prev:hover{
	background-image: url(images/prevPage-over.gif);
}
.next{
	position: absolute;
	left: 30px;
	top: 0px;
	width: 16px;
	height: 16px;
	background-image: url(images/nextPage.gif);
	background-repeat: no-repeat;
	cursor: pointer;
}
.next:hover{
	background-image: url(images/nextPage-over.gif);
}


.assetWrapper{
	width: 800px;
	height: 530px;
}
.assetWrapper>*{
	position: absolute;
}

.koepfe{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.koepfe li{
	float: left;
	width: 130px;
	height: 250px;
	margin: 3px 5px 3px 0px;
	list-style: none;
}

.bueroHeader{
	margin-top: 0px;
}

.closeTrash{
	position: absolute;
	right: 8px;
	top: 3px;
	width: 11px;
	height: 11px;
	background-image: url(images/papierkorb/close.gif);
	background-repeat: no-repeat;
	cursor: pointer;
}

.closeTrash:hover{
   background-image: url(images/papierkorb/close_h.gif);
}

#papierkorbCanvas .description{
	display: none;
	background-color: #00A2FF;
	color: #FFF;
	font-size: 11px;
	margin: 15px;
	padding: 5px;
	position: absolute;
	overflow: visible;
	width: 200px;
}

#papierkorbCanvas .description h3,
#papierkorbCanvas .description h2{
	font-size: 11px;
	font-weight: bold;
	margin: 3px 0 0 0;
	padding: 0px;
}
#papierkorbCanvas .description p{
	margin: 0px;
}


.target1{
	position: absolute;
	top: 1446px;
	left: 1121px;
}

.target2{
	position: absolute;
	top: 560px;
	left: 2236px;
}

.farbscala1{
	position: absolute;
	top: 710px;
	left: 2249px;
}

.scribbleArbeiten{
	position: absolute;
	top: 830px;
	left: 2226px;
}

.grauscala1{
	position: absolute;
	top: 1446px;
	left: 1261px;
}

.target3{
	position: absolute;
	top: 1410px;
	left: 4080px;
}

.grauscala3{
	position: absolute;
	top: 1570px;
	left: 4092px;
}

.scribble3{
	position: absolute;
	top: 1700px;
	left: 4016px;
}

.descriptionRight{
	width: 530px;
	height: 100px;
	position: absolute;
	left: 260px;
	top: 0px;
	margin-top: 0px;
}


#aktuell .prev{
	background-image: url(images/aktueller.gif);
	display: block;
	position: absolute;
	left: -80px;
	width: 67px;
	height: 16px;
	top: 80px;
}
#aktuell.en .prev{
	background-image: url(images/current.gif);
}

#aktuell .prev:hover{
	background-image: url(images/aktueller-over.gif);
}
#aktuell.en .prev:hover{
	background-image: url(images/current-over.gif);
}

#aktuell .next{
	background-image: url(images/aelter.gif);
	display: block;
	position: absolute;
	left: 825px;
	width: 65px;
	height: 16px;
	top: 80px;
}
#aktuell.en .next{
	background-image: url(images/previous.gif);
}

#aktuell .next:hover{
	background-image: url(images/aelter-over.gif);
}
#aktuell.en .next:hover{
	background-image: url(images/previous-over.gif);
}

#aktuell.start .prev{
	display: none;
}

#aktuell.end .next{
	display: none;
}

#introScroller{
	position: relative;
	overflow: hidden;
}

#scrollArea{
	width: 100000px;
	position:relative;
}

#scrollWidget {
	width: 816px;
	height: 275px;
	position: relative;
	overflow: hidden;
}