/**
 *
 * Stylesheet fuer ha'atelier
 * (c) 2007 maguro:agentur
 * erstellt: 01.06.2007, Nancy Lutz <lutz@maguro.de>
 * letzte Aenderung: 14.06.2007
 *
 */

body {
	background-color: #efe9e1;
}

ul, p, ol, li, h1, h2, h3, h4, h5, form, body, #inhalt { margin: 0; padding: 0; }

p, div, td, th, li, a, span, form, a, input, select, textarea {
   font: normal 12px arial, verdana, sans-serif;
   color: #000;
	text-align: right;
}

img	{
	border: none;
}

#logobar {
	width: 968px;
	height: 72px;
	position: absolute;	top: 0;	left: 0;
	background-image: url(../images/logoleiste.jpg);
	background-repeat: no-repeat;
}
#logobar.logoimage {
	display: none;
}

#content {
	width:968px;
	height:472px;
	position: absolute;	top: 72px;	left: 0;
	background-color: #fff;
}

#content p {
	font-size: 11px;
	line-height: 16px;
}

#pattern {
	width:968px;
	height:32px;
	position: absolute;	top: 546px;	 left: 0;
	background-image: url(../images/leiste_unten.jpg);
	background-repeat: no-repeat;
}

#bar	{
	width:24px;
	height:472px;
	position: absolute;	top: 0;	left: 0;
	background-image: url(../images/balken_links.jpg);
	background-repeat: no-repeat;
}

#menu {
	width: 120px;
	height: 469px;
	position: absolute; top: 0; left: 24px;
	background-color: #a5b919;
	padding-top: 4px;
}

#menubottom	{
	width:120px;
	position:absolute; bottom:5px; left:0px;
}

ul.mainnavi {

}

ul.mainnavi li {
	list-style:none;
}

ul.mainnavi a	{
	display: block;
	text-decoration:none;
	color: #fff;
	padding: 0px 8px 0 0;
	height: 16px;
	text-transform: lowercase;
}

ul.mainnavi a:hover	{
	background-color: #889b07;
}

ul.mainnavi li a.active {
	font-weight: bold;
	background-color: #889b07;

}

ul.mainnavi li a.Start	{
	padding-top: 4px;
	margin-bottom: -4px;
	position: relative; top: -4px;
	height: 16px;
}

ul.mainnavi li a.Start:hover	{
	background-color: #889b07;
	padding-top: 4px;
	margin-bottom: -4px;
	position: relative; top: -4px;
	height: 16px;
}

ul.mainnavi li a.activeStart {
	font-weight: bold;
	background-color: #889b07;
	padding-top: 4px;
	margin-bottom: -4px;
	position: relative; top: -4px;
}

ul.mainnavi li.dash {
	padding: 1px 8px 1px 0;
	color: #677600;
}

ul.subnavi li a.active {
	font-weight: bold;
	color:#ffffff;
}

ul.subnavi {
	margin: 0px;
	padding:0px;
}

ul.subnavi li	{
	color:#677600;
	list-style:none;
	padding: 1px 8px 1px 0px;
	text-transform: lowercase;
}

ul.subnavi a	{
	text-decoration:none;
	color: #677600;
}

ul.subnavi a:hover	{
	text-decoration:none;
	font-weight:bold;
	color:#ffffff;
}

#printLang	{
	position:absolute;	bottom:5px; left:60px;
	font-family: Arial, Helvetica, sans-serif;
	color:#889b07;
	font-size:10px;
}

a.print	{
	background: url(../images/drucker_icon_grau.gif) 4px -2px no-repeat;
	color: #a2a29d;
	text-decoration:none;
	font-size:10px;
	padding: 1px 0 1px 128px;
}

a.print:hover	{
	background: url(../images/drucker_icon.gif) 4px -2px no-repeat;
	color:#889b07;
	text-decoration: none;
}

a.s_active	{
	color:#889b07;
	text-decoration:none;
	font-size:10px;
}

a.s_inactive	{
	color: #a2a29d;
	text-decoration:none;
	font-size:10px;
}

a.s_inactive:hover	{
	color: #889b07;
	text-decoration:none;
	font-size:10px;
}

/* alles unsichtbare */
.invisible {
  position: absolute;
  top: -2000px; left: -2000px;
  height: 1px; width: 1px;
}
/* /alles unsichtbare */

/* formular-elemente */
input.text {
	border: 1px solid #666;
}

input.text.searchtext { /* auch in ie.css definiert */
	border: 0;
	border-right: 1px solid #a5b919;
	padding: 1px 6px 1px 0;
	width: 112px;
	color: #677600;
}

#searchformid {
	position: relative;
}
/* /formular-elemente */

.headbar	{	/* auch in den anderen css definiert */
	width: 394px;
	height: 16px;
	background-image: url(../images/idee_balken_quer.jpg);
	position: absolute; left: 144px; top: 20px;
}

.headbarPf	{	/* auch in den anderen css definiert */
	width: 394px;
	height: 16px;
	background-image: url(../images/idee_balken_quer.jpg);
	position: absolute; left: 144px; top: 36px;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
}

#contentlefthead	{
	position: absolute; top: 32px; right: 432px;
	width: 408px;
}

#contentleftheadPf	{
	position: absolute; top: 48px; right: 432px;
	width: 392px;
}

#contentleft	{
	position: absolute; top: 84px; right: 420px;
	width: 400px;
}

#projectsleft	{
	float: left;
	width: 390px;
}

#projectsright	{
	float: left;
	width: 390px;
	padding: 0 12px 0 8px;
}

a.project	{
	margin-bottom: 21px;
	display: block;
}

h1 {
	text-transform: lowercase;
	color:#a5b919;
	font-weight:bold;
	font-size: 24px;
}

#contentrighthead	{
	position: absolute; top: 32px; right: 32px;
	width: 378px;
	background: url(../images/landkarte.jpg) no-repeat;
}

#contentrighthead .map {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
}

#mapImages {
	z-index: 50;
}

#mapImages .kalligraphie {
	position: relative;
	top: 29px;
	left: 20px;
}

#mapImages .punktundlinie {
	position: relative;
	top: 50px;
	left: -33px;
}

#mapImages .miniatur {
	position: relative;
	top: 18px;
	left: 126px;
}

#mapImages .polyphonie {
	position: relative;
	top: 104px;
	left: -48px;
}

#mapImages .polis {
	position: relative;
	top: -149px;
	left: 125px;
}

#mapImages .ostwest {
	position: relative;
	top: -19px;
	left: -19px;
}

#mapImages .dernackteFeind {
	position: relative;
	top: -59px;
	left: -231px;
}

#mapImages .politischeUtopien {
	position: relative;
	top: -303px;
	left: -112px;
}

#mapImages .eros {
	position: relative;
	top: -374px;
	left: -219px;
}

#sectionname {
	font-weight: bold;
	position: absolute;
	right: 0;
	text-transform: lowercase;
	top: 0;
	z-index: 50;
}

#contentright	{
	position: absolute; top: 84px; right: 32px;
}

#contentrightb	{
	position: absolute; top: 84px; right: 24px;
}

#contentrightOrnament	{
	position: absolute; top: 0; right: 24px;
}

#contentrightScroll	{
	position: absolute; top: 84px; right: 9px;
	z-index: 1;
	height: 316px;
	width: 400px;
	padding-right: 8px;
	margin-bottom: 8px;
	font-weight: normal;
	font-size: 11px;
	line-height: 16px;
}

#contentleftGallery	{
	position: absolute; top: 128px; right: 416px;
	width: 416px;
	z-index: 1;
}

#contentrightGallery	{
	position: absolute; top: 128px; right: 32px;
}

h2.gallery	{
	color: #a5b919;
	padding-top: 8px;
}

img.gallery	{	/* auch in ie.css definiert */
	margin: 0 0 8px 8px;
}

.bookbox	{
	background-color: #efe9e1;
	width: 376px;
	height: 64px;
	padding: 4px;
	margin-bottom: 21px;
	font-weight: normal;
	font-size: 11px;
	line-height: 16px;
	overflow: hidden;
}

.thanksbox	{
	background-color: #d4e176;
	width: 376px;
	height: 64px;
	padding: 4px;
	margin-bottom: 21px;
	font-weight: normal;
	font-size: 11px;
	line-height: 16px;
	overflow: hidden;
}

#journalleft	{
	float: left;
	width: 390px;
}

#journalright	{	/* auch in ie.css definiert */
	float: left;
	width: 390px;
	padding: 0 4px 0 12px;
}

.imageSubline	{	/* auch in ie.css definiert */
	font-size: 11px;
	position: relative; top: 8px; right: 8px;
	width: 385px;
}

h2	{
	text-transform: lowercase;
	font-weight: bold;
	font-size: 11px;
	padding-bottom: 5px;
}

h2 a	{
	text-transform: lowercase;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	padding-bottom: 5px;
}

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

h2.journal	{	/* auch in ie.css definiert */
	color: #000;
	padding-right: 8px;
}

#barRight	{
	width:24px;
	height:472px;
	position: absolute;
	top:0px;
	left:944px;
	background-color:#a5b919;
}

#videoPDF	{
	position: absolute; top:320px; right:48px;
	color: #a5b919;
	font-size: 11px;
	font-weight: normal;
}

#videoPDF a	{
	color: #a5b919;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
}

#videoPDF a:hover	{
	color: #000;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
}

#videoPDFtext	{
	position: absolute; top:320px; right:48px;
	color: #a5b919;
	font-size: 11px;
	font-weight: normal;
}

#videoPDFtext a	{
	color: #a5b919;
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
}

#videoPDFtext a:hover	{
	color: #a5b919;
	text-decoration: underline;
	font-weight: normal;
}

#media	{
	width: 23px;
	height: 15px;
	background-image: url(../images/auge_icon.gif);
	position:absolute; top:328px; right:22px;
}

#pdf	{
	width: 15px;
	height: 20px;
	background-image: url(../images/pdf_icon.gif);
	position:absolute; top:325px; right:24px;
}

#more	{
	position:absolute; top:356px; right:48px;
	color: #a5b919;
	font-size:11px;
	font-weight:normal;
}

#more a	{
	color: #a5b919;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
}

#more a:hover	{
	color: #000;
	text-decoration: none;
	font-weight:bold;
	font-size: 11px;
}

#puzzle	{
	position:absolute; top:359px; right:24px;
}

#mail	{
	width:400px;
	position:absolute; top:356px; right:48px;
	color: #c04018;
	font-size:11px;
	font-weight:normal;
}

#mail a	{
	color: #c04018;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
}

#mail a:hover	{
	color: #000;
	text-decoration: none;
	font-weight:bold;
	font-size: 11px;
}

#mailIconVerein	{
	position:absolute; top:361px; right:24px;
}

#mailKontakt	{
	width:408px;
	position:absolute; top:356px; right:24px;
	color: #c04018;
	font-size:11px;
	font-weight:normal;
}

#mailKontakt a	{
	color: #c04018;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
}

#mailKontakt a:hover	{
	color: #000;
	text-decoration: none;
	font-weight:bold;
	font-size: 11px;
}

#mailIconKontakt	{
	position:absolute; top:361px; right:0;
}

a.wwwLink	{
	color: #000;
	text-decoration: none;
	font-size: 11px;
}

a.wwwLink:hover	{
	color: #000;
	text-decoration: underline;
	font-size: 11px;
}

#filmPopup	{
	width: 768px; height: 439px;
	background-image: url(../images/bg_popup.jpg);
}

#film	{
	position: absolute; top: 38px; left: 332px;
}

#filmtext	{	/* auch in ie.css definiert */
	position: relative; top: 352px; right: -76px;
	width: 256px;
	font-size: 11px;
}

.tscontentholder {
	overflow: hidden;
	height: 316px;
	position: relative;
}

.tscontentholderboth	{
	overflow: hidden;
	position: absolute; top: 120px; right: 9px;
	width: 820px;
	height: 316px;
	font-weight: normal;
	padding-right: 8px;
	margin-bottom: 8px;
	z-index: 1;
}

.tscontentholderbothFaculty	{
	overflow: hidden;
	position: absolute; top: 90px; right: 9px;
	width: 816px;
	height: 316px;
	font-weight: normal;
	padding-right: 8px;
	margin-bottom: 8px;
	z-index: 1;
}

.tscontentholderGallery {	/* auch in ie.css definiert */
	overflow: hidden;
	height: 308px;
	position: relative;
	margin-right: 4px;
}

.tscontent {	/* auch in ie.css definiert */
	padding: 0 12px 0 8px;
	margin-bottom: 8px;
	font-weight: normal;
	font-size: 11px;
	line-height: 16px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
}

.tsholder {	/* auch in ie.css definiert */
	height: 320px;
	position: absolute;
	right: 0;
	top: 0;
	width: 7px;
	z-index: 10;
}

.tsholderboth {	/* auch in ie.css definiert */
	height: 320px;
	position: absolute;
	right: 8px;
	top: 120px;
	width: 7px;
	z-index: 10;
}

.tsholderbothFaculty {	/* auch in ie.css definiert */
	height: 320px;
	position: absolute;
	right: 8px;
	top: 90px;
	width: 7px;
	z-index: 10;
}

.tsholderGallery {
	height: 312px;
	position: absolute;
	right: 0;
	top: -4px;
	width: 7px;
	z-index: 50;
}

.tsarrowup {
	cursor: pointer;
	height: 3px;
	position: absolute;
	top: 0;
	width: 5px;
	z-index: 52;
}
.tsarrowdown {
	bottom: 0pt;
	cursor: pointer;
	height: 3px;
	position: absolute;
	width: 5px;
	z-index: 51;
}
.tstrack {
	bottom: 3px;
	cursor: pointer;
	height: 23px;
	position: absolute;
	top: 5px;
	z-index: 53;
}
.tsscrollbar {
	bottom: 3px;
	height: 303px;
	position: absolute;
	top: 4px;
	z-index: 50;
}

#logobarNowar {
	width:1024px;
	height:73px;
	position: absolute;	top: 0;	left: 0;
	background-image: url(../images/logoleiste_nowar.jpg);
	background-repeat: no-repeat;
}

#contentNowar {
	width:1024px;
	height:614px;
	position: absolute;	top: 63px;	left: 0;
	background-color: #fff;
}

#barNowar	{
	width:24px;
	height:614px;
	position: absolute;	top: 0;	left: 0;
	background-image: url(../images/balken_links_nowar.jpg);
	background-repeat: no-repeat;
}

#contentleftNowar	{
	float: left;
	position: absolute; top: 64px; left: 24px;
	width: 700px;
}

#contentleftNowar .small	{
	width: 464px;
	float: left;
	font-size: 11px;
	font-weight: normal;
	line-height: 16px;
}

#contentleftNowar h1	{
	float: left;
	position: absolute; top: -14px; left: 476px;
	width: 228px;
	font-size: 45px;
	font-weight: bold;
	color: #3CA8BC;
	text-transform: lowercase;
}

#contentleftNowar .text	{
	clear: both;
	padding: 4px 0 0 8px;
	text-align:justify;
	font-size: 18px;
	font-weight: bold;
	line-height: 24px;
	color: #3CA8BC;
}

#contentrightNowar	{
	float: right;
	width: 242px;
	position: absolute;	top: 110px; right: 56px;
}

#contentrightNowar .text	{
	text-align: justify;
	font-size: 11px;
	line-height: 16px;
}

#contentrightNowar h2	{
	text-transform: none;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
	margin-bottom: -4px;
}

input.nowartext {
	border: none;
	background: #3CA8BC;
	padding: 1px 2px 1px 1px;
	margin: 40px 0 1px 0;
	width: 112px;
	color: #fff;
	font-size: 11px;
	text-align: right;
}

input.nowarSubmit	{
	border: none;
	background: #fff;
	color: #3CA8BC;
	font-weight: bold;
	width: 68px;
	margin: 0 -4px 0 1px;
}

a.suche	{
	color: #A5B919;
	padding-bottom: 0;
}


#flashcontent {
	left: 50%;
	margin-left: -484px;
	margin-top: -288px;
	position: absolute;
	top: 50%;
}