/* CSS Document */

html, body, div, p, h1, h2, h3, h4, h5, ul, ol, span, a, table, td, form, img, li, blockquote {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
}

body {	
	background:#282A1F;
	height:100%;
}

html {
	height:100%;
}

/* --------------------------------- links --------------------------------*/
a:link, a:visited, a:active, a:hover {
	color: #C0BB98;
	text-decoration: none;
	font-weight:normal;
}

a:hover {
	color: #efefef;
}

a.submenue:link, a.submenue:visited, a.submenue:active, a.submenue:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #BCBEC0;
	text-decoration: none;
	font-weight:normal;
	font-size:10px;
	text-transform:uppercase;
}

a.submenue:hover {
	color: #efefef;
}

a.submenue2:link, a.submenue2:visited, a.submenue2:active, a.submenue2:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #BCBEC0;
	text-decoration: none;
	font-weight:normal;
	font-size:10px;
	text-transform:uppercase;
	background:url(img/pfeil_grau.gif) no-repeat right;
	padding-right:15px;
}

a.submenue2:hover {
	color: #efefef;
	background:url(img/pfeil_weiss.gif) no-repeat right;
}

.submenue2_aktiv {
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	background:url(img/pfeil_gruen.gif) no-repeat right;
	padding-right:15px;
}

a:link:focus, a:visited:focus { -moz-outline: 0px dotted WindowText; }
 
a.ext, a.ext:link, a.ext:visited{
	color: #C0BB98;
	padding-right:15px;
	text-decoration: none;
	background: url(img/extern.gif) no-repeat right;
}

a.ext:hover {
	color:#efefef;
	background: url(img/extern_over.gif) no-repeat right;
}

a.sprache:link, a.sprache:visited, a.sprache:active, a.sprache:hover {
	color: #97A272;
	text-decoration: none;
	font-weight:normal;
	font-size:10px
}

a.sprache:hover {
	color: #A8BC40;
}

/* ----------------------------- tabellen --------------------------*/

table.person {
	width:635px;
	border:0;
	border-collapse:collapse;
	color:#DFDBBD;
}

td.ueberschrift {
	vertical-align:top;
	text-align:left;
}
td.person_li {
	width:126px;
	vertical-align:top;
	text-align:right;
	padding-right:10px;
}

td.person_re {
	width:509px;
	vertical-align:top;
	padding:0 0 15px 18px;
}

table.bild_wissenschaft {
	border:0;
	border-collapse:collapse;
	width:445px;
	height:337px;
}

td.bild_wiss1 {
	width:445px;
	height:289px;
	text-align:center;
	vertical-align:middle;
	line-height:0;
	background-image:url(img/filter30.png);
}

td.bild_wiss2 {
	width:445px;
	height:32px;
	text-align:center;
	vertical-align:middle;
	line-height:14px;
	font-size:10px;
	color:#DFDBBD;;
	padding-left:30px;
	padding-right:30px;
}

td.bild_wiss3 {
	width:445px;
	height:16px;
	text-align:center;
	vertical-align:bottom;
	line-height:14px;
	font-size:10px;
	color:#DFDBBD;;
}

/* -------------------------------- ebenen ------------------------------*/

div#distance { 
	width:1px;
	height:50%;
	margin-bottom:-215px; /* half of container's height */
	float:left;
}

div#container {
	margin:0 auto;
	position:relative; /* puts container in front of distance */
	text-align:left;
	height:415px;
	width:850px;
	clear:left;
	border:0;
	z-index:3;
}

div#menue_hgr {
	position:absolute;
	z-index:3;
	width:850px;
	height:28px;
	background-color:#35372C;
	top:0;
	left:0;
	border:0;
	overflow:hidden;
	line-height:0;

}

div#menue {
	position:absolute;
	z-index:4;
	width:850px;
	height:28px;
	top:0;
	left:0;
	border:0;
	overflow:hidden;
	/*background-color:#FF9900;*/
}

div#bottom {
	position:absolute;
	z-index:4;
	width:850px;
	height:10px;
	background-color:#35372C;
	top:405px;
	left:0;
	border:0;
	overflow:hidden;
	margin:0 0;
	line-height:0;
}

div#inhalt_index,
div#en_inhalt_index,
div#inhalt_kulturmanagement,
div#inhalt_ausstellungen,
div#inhalt_fotografie,
div#inhalt_webdesign,
div#inhalt_wissenschaft,
div#inhalt_person,
div#inhalt_kontakt {
	position:absolute;
	z-index:5;
	width:850px;
	height:377px;
	background-repeat:no-repeat;
	top:28px;
	left:0;
	border:0;
	overflow:hidden;
}

div#inhalt_index {
	background-image:url(img/opener.jpg);
}

div#en_inhalt_index {
	background-image:url(img/en_opener.jpg);
}

div#inhalt_kulturmanagement {
	background-image:url(img/kulturmanagement_hgr.jpg);
}

div#inhalt_ausstellungen {
	background-image:url(img/ausstellungen_hgr.jpg);
}

div#inhalt_fotografie {
	background-image:url(img/fotografie_hgr.jpg);
}

div#inhalt_webdesign {
	background-image:  url("img/webddesign_hgr.jpg");
}

div#inhalt_wissenschaft {
	background-image:url(img/wissenschaft_hgr.jpg);
}

div#inhalt_person {
	background-image:url(img/person_hgr.jpg);
}

div#inhalt_kontakt {
	background-image:url(img/kontakt_hgr.jpg);
}

div#text_index,
div#text_kulturmanagement,
div#text_ausstellungen,
div#text_fotografie,
div#text_webdesign,
div#text_wissenschaft,
div#text_person,
div#text_kontakt,
div#text_gymnastik {
	position:absolute;
	z-index:6;
	height:357px;
	top:0;
	border:0;
	overflow:auto;
	color:#DFDBBD;
	padding:20px 20px 0 14px;
}

div#text_kulturmanagement {
	left:284px;
	width:537px;
}

div#text_ausstellungen {
	left:284px;
	width:532px;
}

div#text_fotografie {
	left:383px;
	width:440px;
	padding:17px 0 0 14px;
}

div#text_gymnastik {
	left:383px;
	width:450px;
	padding:17px 0 0 14px;
	overflow:hidden;
}

div#text_webdesign {
	left:479px;
	width:338px;
}

div#text_wissenschaft {
	left:0;
	width:445px;
	padding-left:20px;
	padding-right:14px;
}

div#text_person, div#text_kontakt {
	left:0;
	width:810px;
	padding-left:20px;
}

div#submenue,
div#submenue_kulturmanagement,
div#submenue_ausstellung,
div#submenue_ausstellungsflyer,
div#submenue_fotografie,
div#submenue_webdesign,
div#submenue_wissenschaft {
	position:absolute;
	z-index:6;
	top:28px;
	left:0;
	border:0;
	overflow:hidden;
	padding:53px 30px;
	color:#A8BC40;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-transform:uppercase;
	text-align:right;
	overflow:visible;
}

div#submenue_kulturmanagement {
	width:158px;
}

div#submenue_ausstellung, div#submenue_ausstellungsflyer {
	width:251px;
	padding: 53px 13px 50px 20px;
}

div#submenue_ausstellungsflyer {
	top:0px;
}

div#submenue_fotografie {
	left:158px;
	width:192px;
	padding: 53px 13px 50px 20px;
}

div#submenue_webdesign {
	left:284px;
	width:162px;
	padding: 53px 13px 50px 20px;
}

div#submenue_wissenschaft {
	left:479px;
	width:183px;
	padding: 53px 13px 50px 16px;
	text-align:left;
}

div#bild_wissenschaft1, div#bild_wissenschaft2, div#bild_wissenschaft3, div#bild_wissenschaft4, div#bild_wissenschaft5, div#bild_wissenschaft6, div#bild_wissenschaft7 {
	position:absolute;
	display:block;
	top:28px;
	left:0;
	visibility:hidden;
	width:445px;
	height:337px;
	padding:20px 14px 20px 20px;
}

div#bild_wissenschaft1 {z-index:10;}
div#bild_wissenschaft2 {z-index:11;}
div#bild_wissenschaft3 {z-index:12;}
div#bild_wissenschaft4 {z-index:13;}
div#bild_wissenschaft5 {z-index:14;}
div#bild_wissenschaft6 {z-index:15;}
div#bild_wissenschaft7 {z-index:16;}

div#logo {
	position:absolute;
	z-index:2;
	width:41px;
	height:41px;
	top:-50px;
	left:-23px;
}

div#bretscher {
	position:absolute;
	z-index:2;
	top:447px;
	left:0;
	color:#C96D00;
	font-size:2em;
	text-transform:uppercase;
}

div#sprache {
	position:absolute;
	z-index:2;
	top:450px;
	left:700px;
	width:150px;
	color:#C96D00;
	text-transform:lowercase;
	font-size:10px;
	text-align:right;
}

#videotest {
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-172px;
	margin-left:-215px;
	width:433px;
	height:344px;
	border:1px solid #900;
}

#flyer1,
#flyer2,
#flyer3,
#flyer4,
#flyer5,
#flyer6,
#flyer7,
#flyer8,
#flyer9,
#flyer10,
#flyer11 {
	position:absolute;
	z-index:51;
	height:357px;
	top:0;
	border:0;
	overflow:auto;
	color:#DFDBBD;
	padding:20px 20px 0 14px;
	left:284px;
	width:532px;
	visibility:hidden;
}

#flyer1 {visibility:visible;}
#flyer2 {z-index:52;}
#flyer3 {z-index:53;}
#flyer4 {z-index:54;}
#flyer5 {z-index:55;}
#flyer6 {z-index:56;}
#flyer7 {z-index:57;}
#flyer8 {z-index:58;}
#flyer9 {z-index:59;}
#flyer10 {z-index:60;}
#flyer11 {z-index:61;}

#flyer1 a span,
#flyer2 a span,
#flyer3 a span,
#flyer4 a span,
#flyer5 a span,
#flyer6 a span,
#flyer7 a span,
#flyer8 a span,
#flyer9 a span,
#flyer10 a span,
#flyer11 a span  {display: none;}

#flyer1 a:hover span,
#flyer2 a:hover span,
#flyer3 a:hover span,
#flyer4 a:hover span,
#flyer5 a:hover span,
#flyer6 a:hover span,
#flyer7 a:hover span,
#flyer8 a:hover span,
#flyer9 a:hover span,
#flyer10 a:hover span,
#flyer11 a:hover span {
	display: block;
	position: absolute; 
	top: 357px; 
	left: 211px; 
	width: 335px;
	height:14px;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-transform:uppercase;
}

/* ----------------------------- text -------------------------------*/

h1 {
	font-size:11px;
	color:#104FA0;
	font-weight:bold;
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-transform:uppercase;
	font-weight:normal;
	padding-bottom:16px;
}


img {border:0;}

p {
	margin-bottom:16px;
}

p.letzter_absatz {
	margin-bottom:5px;
}

p.bildleiste {
	margin:-15px 0 -31px 0;
}

img.btn {
	margin-left:2px;
	margin-right:2px;
}

img.thumb_wiss {
	margin-top:6px;
}

img.thumb_kunst {
	margin:6px 5px 0 0;
}

.exhb {
	text-transform:uppercase;
	font-size:10px;
	letter-spacing:0.1em;
}

.trademark {
	background:url(img/trademark.gif) no-repeat right;
	padding-right:10px;
	padding-top:2px;
}

.subsubmenue {
	color:#A8BC40;
	font-weight:bold;
}