
/* global CSS Stylesheet */


body {
	padding:0px;
	margin:0px;
	background-color:#141414;
	color:#e7e7e7;
	padding-top:135px;
	font-family:Geneva,Arial,Helvetica;
	font-size:10px;
	line-height:17px;
}



#searchbartop {
	position:absolute;
	left:0px;
	top:102px;
	height:33px;
	width:100%;
	overflow:hidden;
	margin:0px;
	padding:0px;
	border-style:0px solid #000000;
	margin:0px;
	padding:0px;
	background-color:#787878;
}
#searchbartop #login {
	min-width:995px;
	max-width:1200px;
	width:expression(document.body.clientWidth < 1200 ? (document.body.clientWidth > 995 ? "auto" : "995px") : "1200px");
	width:auto;
	text-align:right;
	margin-top:4px;
}
#searchbartop #login a {
	margin-right:15px;
	margin-left:2px;
}

#searchbartop #searchtbl {
	position:absolute;
	left:188px;
	top:0px;
	height:33px;
	margin:0px;
	padding:0px;
}
#searchtbl td {
	margin:0px;
	padding:0px;
	padding-right:5px;
	vertical-align:top;
}
#searchbartop .label {
	display:block;
	padding-top:12px;
	
	font-family:Arial,Geneva,Helvetica;
	font-size:9px;
	color:#424242;
	text-transform:uppercase;
	letter-spacing:1px;
}
#searchbartop input.text {
	margin-top:5px;
	margin-left:2px;
	height: 14px;

	font-family : Arial,Geneva,Helvetica,sans-serif;
	border-color:#424242;
	color:#424242;
	border:0px;
	border-style:solid;
	font-size :11px;
}
#searchbartop select.select { 
	width:170px;

	font-family : Arial,Geneva,Helvetica,sans-serif; 
	border-color: #424242; 
	color:#424242;
	border: 0px;  
	border-style: solid; 
	font-size : 11px;
}




/*  kill this later!  */
#searchframe {
	position:absolute;
	left:0px;
	top:102px;
	height:33px;
	width:100%;
	overflow:hidden;
	margin:0px;
	padding:0px;
	border-style:0px solid #000000;
}


/*
	Remove some ugly things that browsers do.
*/
a,
a:link,
a:active,
a:visited,
a:hover {
	outline:none;
}
a img {
	border-style:none;
}

/* navigation */

#menu {
	position:absolute;
	left:0px;
	top:0px;
	margin-bottom:4px;
	margin-top:0px;
	height:98px;
	width:100%;
	max-width:1200px;
	min-width:1024px;
/* 	background-image:url('../images/gruppe28-black.gif');
	background-repeat:no-repeat;
	background-position:14px 8px; */
	white-space:nowrap;
	overflow:hidden;
	line-height:12px;
}
#logo{
	margin: 14px 8px; 
}
#main-menu {
	position:absolute;
	bottom:8px;
	left:185px;
	right:0px;
	white-space:nowrap;
}





.menu-item,
.menu-item-selected,
.menu-item-home {
	font-family:Geneva,Arial,Helvetica;
	font-size:9px;
	letter-spacing:2px;
	text-transform:uppercase;
	text-decoration:none;
	display:block;
	float:left;
	padding:1px 15px;
}
.menu-item-selected,
.menu-item {
	border-left:1px solid #ffffff;
}
.menu-item-home {
	padding-left:8px;
	padding-right:8px;
}
.menu-item-language,
.menu-item-home,
.menu-item {
	color:#ffffff;
	padding-left:8px;
	padding-right:8px;
}
.submenu-item-selected:hover,
.menu-item-language:hover,
.menu-item-home:hover,
.menu-item:hover {
	text-decoration:underline;
}
.menu-item-selected {
	color:#777777;
}
.menu-item-language {
	font-family:Geneva,Arial,Helvetica;
	font-size:9px;
	letter-spacing:2px;
	text-transform:uppercase;
	text-decoration:none;
	display:block;
	float:right;
	padding:1px 15px;
}


#submenu {
	position:relative;
	float:left;
	margin-left:0px;
	margin-top:0px;
	width:185px;
}
#submenu h1 {
	color:#a5a5a5;
	padding:7px 0px;
	border-top:1px solid #323737;
	margin-top:75px;
	margin-bottom:40px;
	margin-left:25px;
	margin-right:25px;
}
.submenu-item-selected,
.submenu-item {
	display:block;
	margin:0px;
	margin-left:25px;
	margin-right:25px;
	padding:7px 0px;
	border-top:1px solid #323737;
	font-size:10px;
	text-decoration:none;
	text-transform:uppercase;
	letter-spacing:2px;
}
.submenu-item {
	color:#e2e2df;
}
.submenu-item-selected {
	color:#8e8e8e;
}
a.submenu-item-selected:hover,
a.submenu-item:hover {
	text-decoration:underline;
}


#uplink {
	border-top-style:none;
	border-bottom:1px solid #323737;
}

/*  01-Startpage.template  */
#startpage {
	margin-top:35px;
	#padding-top:35px;
	margin-left:189px;
	line-height:19px;
}





/* 03-slideshow.template */
#HandleShowList {
	position:absolute;
	top:172px;
	left:410px;
}

a.slideshow-switch {
	display:block;
	padding:0px 10px;
	border-left:1px solid #a5a5a5;
	color:#a5a5a5;
	letter-spacing:2px;
	text-decoration:none;
	font-size:9px;
}

.slideshow-page {
	position:absolute;
	top:172px;
	left:0px;
	width:980px;
	padding:0px;
	margin:0px;
}
.slideshow-page a {
	display:block;
	padding:0px 9px 0px 10px;
	color:#a5a5a5;
	letter-spacing:2px;
	text-decoration:none;
	font-size:9px;
	float:right;
	border-left:1px solid #a5a5a5;
}
.slideshow-page a.selected {
	color:#ffffff;
}

/* overview */
.slideshow-overview {
	position:absolute;
	left:190px;
	top:190px;
	width:840px;
}

.slideshow-overview .overview-item {
	float:left;
	width:160px;
	height:210px;
	margin:0px;
	margin-right:50px;
	text-align:center;
}
.slideshow-overview .overview-sep {
	float:left;
/*	width:50px;*/
	height:210px;
	margin:0px;
}
.slideshow-overview .overview-item img {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.slideshow-overview .overview-item .title {
	display:block;
	font-size:10px;
	color:#505050;
	text-align:left;
}
.slideshow-overview .overview-item .slideshow-view-image {
	display:block;
	float:right;
	width:27px;
	height:20px;
	background:url("../images/lupe.gif") no-repeat top left;
	text-decoration:none;
}


/* slideshowshow */
/* container */
.slideshow-item {
	display:block;
	position:absolute;
	left:190px;
	top:190px;
	bottom:50px;
	right:0px;
	visibility:hidden;
	overflow:hidden;
}

.image-item {
	display:block;
	position:absolute;
	left:190px;
	top:210px;
}

.slideshow-item img {
}

.image-empty {
	display:block;
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-image:url("../images/empty.gif");
}

/* control bar */
#controls {
	position:absolute;
	left:0px;
	bottom:0px;
	right:0px;
	height:45px;
	
	#left:0px;
	#width:100%;
	#padding-left:0px;
}
#controls .subline {
	position:absolute;
	bottom:0px;
	left:0px;
	width:60%;
	height:30px;
	text-align:right;
}
#controls .subline small {
	margin-right:50px;
}
#controls .controls {
	position:absolute;
	left:60%;
	bottom:0px;
	width:210px;
	height:30px;
}


.slideshow-controls .controls a {
	display:block;
	width:25px;
	height:23px;
	text-decoration:none;
	position:absolute;
	top:0px;
}
.slideshow-controls .controls .rew {
	left:50px;
	background:url("../images/controls.gif") no-repeat 0px 0px;
}
.slideshow-controls .controls .ffwd {
	left:77px;
	background:url("../images/controls.gif") no-repeat -25px 0px;
}
.slideshow-controls .controls .play {
	left:129px;
	background:url("../images/controls.gif") no-repeat -50px 0px;
}
.slideshow-controls .controls .stop {
	left:155px;
	background:url("../images/controls.gif") no-repeat -75px 0px;
}
.slideshow-controls .controls .x {
	left:179px;
	background:url("../images/controls.gif") no-repeat -100px 0px;
}
.slideshow-controls .subline {
	position:absolute;
	left:0px;
	bottom:0px;
	height:30px;
}
.slideshow-controls .subline big {
	text-transform:uppercase;
	letter-spacing:2px;
	color:#ffffff;
}
.slideshow-controls .subline small {
	color:#a5a5a5;
}
/*   05-ausstellungen.template   */
.exhibition-item {
	padding:0px 0px 45px 0px;
	border-bottom:1px dashed #949494;
	margin-bottom:45px;
}
.exhibition-item img {
	display:block;
	margin-top:15px;
}
.exhibition-item h2 {
	margin-top:20px;
	margin-bottom:0px;
}
.exhibition-item h3 {
	margin-bottom:10px;
	margin-top:0px;
}

/*   06-vita.template   */
#vita-content {
	position:absolute;
	left:300px;
	top:207px;
	color:#a5a5a5;
	width:500px;
	letter-spacing:1px;
}
#vita-content h1 {
	margin-top:0px;
}
#vita-image {
	position:absolute;
	left:190px;
	top:210px;
}


/*   09-stories  */
#stories-left {
	left:185px;
}
#stories-left .stories-item .image {
	left:166px; /* 136 */
}
#stories-left .stories-item .text {
	left:0px;
	text-align:right;
}

#stories-right {
	left:635px;
}
#stories-right .stories-item .image {
	text-align:right;
	left:0px;
}
#stories-right .stories-item .text {
	left:275px;
}


.stories {
	position:absolute;
	top:210px;
	width:430px;
}

.stories-item {
	display:block;
	position:relative;
	width:430px;
	margin-bottom:35px;
	text-decoration:none;
}
.stories-item .image {
	display:block;
	position:relative;
	top:0px;
	left:140px;
	width:263px;
	text-decoration:none;
}
.stories-item .text {
	display:block;
	position:absolute;
	top:0px;
	width:155px;
	letter-spacing:1px;
	font-size:10px;
	color:#656565;
	text-decoration:none;
}
.stories-item .text big {
	display:block;
	font-size:10px;
	color:#ffffff;
	letter-spacing:2px;
	text-transform:uppercase;
}



/*  08-textseite.template  */
#text-content {
	margin-left:300px;
	margin-top:40px;
	#margin-top:0px;
	#padding-top:40px;
	width:500px;
	color:#a5a5a5;
	letter-spacing:2px;
}

.dl-icon {
	vertical-align:middle;
	margin-right:5px;
	border-style:none;
}
.dl-link {
	font-size:11px;
	text-transform:uppercase;
	color:#a5a5a5;
	text-decoration:none;
	letter-spacing:2px;
}

#text-content a {
	color:#a5a5a5;
	text-decoration:none;
}
#text-content a:hover {
	color:#a5a5a5;
	text-decoration:underline;
}

/*  Common  */
p {
	color:#a5a5a5;
	letter-spacing:1px;
}
h1 {
	color:#a5a5a5;
	font-size:12px;
	text-transform:uppercase;
	letter-spacing:2px;
	font-weight:normal;
}
h2 {
	color:#a5a5a5;
	font-size:11px;
	text-transform:uppercase;
	letter-spacing:2px;
	font-weight:normal;
}
h3 {
	color:#a5a5a5;
	font-size:10px;
	text-transform:uppercase;
	letter-spacing:2px;
	font-weight:normal;
}
h4 {
}
h5 {
}

small {
	font-size:90%;
}
ins, 
ins a {
	text-decoration:underline ! important;
}
a {
	cursor:pointer ! important;
}
