*
{
	margin: 0px;
	padding: 0px;
}

body {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #000;
	background-color: #FFF;
	text-align: center;
	background-color: transparent;
	background-image: url(../images/common/body-bg.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	text-align: center;
}

title{
	text-transform: lowercase;
}

h1, h2 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #333;
}


h3 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	color: #333;
	margin: 0px 0px 16px 0px;
}

h4, h5 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	color: #333;
	margin: 0px;
}

h6   { color: #333; font-size: 12px;
 font-family: Helvetica, Arial, Verdana, sans-serif;
  font-weight: normal;
   margin: 10px 0px 10px 0px}

hr {
	display: none;
}

p {
	margin: 0px 0px 18px 0px;
}

ol {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	margin: 0px 0px 18px 25px;
	list-style-type: decimal;
}

ul {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	margin: 0px 0px 18px 15px;
	list-style-type: square;
}

li {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
}

dl {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	margin: 0px 0px 18px 0px;
}

dt {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
}

dd {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	margin: 0px 0px 18px 0px;
}

address {
	color: #333;
}

blockquote {
	margin: 0px 0px 18px 0px;
	color: #333;
	padding: 0px 0px 0px 15px;
	border-left: 1px #CCC solid;
	clear: both;
}

pre {
	width: auto;
	max-height: 300px;
	font-family: Courier, monospace;
	color: #000;
	margin: 0px 0px 18px 0px;
	padding: 10px 10px 10px 10px;
	background-color: #EEE;
	overflow: scroll;
}

cite, em, q, i {
	font-style: italic;
}

strong, b {
	font-weight: bold;
	/* color: #333; */
}

kbd, samp, var, code, dfn {
	font-family: Courier, monospace;
	color: #333;
}

abbr, acronym {
	font-style: italic;
	border-bottom: 1px #999 solid;
	cursor:help;
}

a {
	color: #09F;
	text-decoration: none;
}

b, strong {
	font-weight: bold;
}

a:hover {
	color: #333;
}

form h1, form h2, form h3, form h4, form h5, form h6 {
	font-size: 12px;
}

form table {
	padding: 0px;
	margin: 0px;
}

form table tr td {
	padding: 3px 5px 3px 0px;
	text-align: right;
}

fieldset {
	background-color: #EEE;
	padding: 10px;
	margin: 0px 0px 10px 0px;
	border: 1px #CCC solid;
}

label {
	
}

div.ERROR {
	font-weight: bold;
	color: #FFF;
	background-color: #C00;
	padding: 10px;
	margin: 0px 0px 16px 0px;
}

label.ERROR {
	color: #C00;
}

input.ERROR {
	border: 1px #C00 solid;
	background-color: #FCC;
}

textarea.ERROR {
	border: 1px #C00 solid;
	background-color: #FCC;
}

select.ERROR {
	border: 1px #C00 solid;
	background-color: #FCC;
}

fieldset input {
	width: 330px;
}

input {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 2px;
	border: 1px #666 solid;
}

input.ckbx_OK {
	width: auto;
	border: 0px #666 solid;
	padding: 0px;
}

input.ckbx_ERROR {

}

fieldset select {
	width: 330px;
}

select {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 1px;
	border: 1px #666 solid;
}

fieldset textarea {
	width: 330px;
}

textarea {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	padding: 2px;
	border: 1px #666 solid;
}

input.btn
{
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	width: auto;
	padding: 3px 15px 0px 15px;
	margin: 0px 15px 0px 0px;
	text-transform: uppercase;
	background-color: #09F;
	border: 1px #666 solid;
}

#top-bg {
	background-color: transparent;
	background-image: url(../images/top-bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	/* background-attachment: fixed; */
}

#container {
	width: 740px;
	margin: 0px auto 0px auto;
	text-align: center;
}

#header-menu-container {
	width: 740px;
	height: 100px;
	background-color: transparent;
	background-image: url(../images/header-menu-container-bg.gif);
	background-repeat: repeat-y;
	background-position: 0px 0px;
}

#header {
	width: 185px;
	height: 70px;
	text-align: left;
	float: left;
	background-image: url(../images/header-bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#header h1 a {
	height: 70px;
	margin: 0px;
	display: block;
	text-indent: -2400px;
	background-image: url(../images/header-title.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-decoration: none;
}

#header h1 a:hover {
	background-position: 0px -70px;
	text-decoration: none;
}

#header h2 {
	display: none;
}

#menu {
	width: 555px;
	height: 70px;
	text-transform: lowercase;
	text-align: left;
	float: left;
}
#menu a { text-decoration: none }
#menu a:hover {
	background-position: -185px 46px;
	text-decoration: none;
}
#menu-photography {
	width: 185px;
	height: 70px;
	float: left;
	background-image: url(../images/menu-photography-bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#menu-photography a {
	width: 185px;
	height: 70px;
	display: block;
	text-indent: -2400px;
	background-image: url(../images/menu-photography.gif);
	background-repeat: no-repeat;
	background-position: 0px 46px;
	text-decoration: none;
}

#menu-events {
	width: 185px;
	height: 70px;
	float: left;
	background-image: url(../images/menu-events-bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#menu-events a {
	width: 185px;
	height: 70px;
	display: block;
	text-indent: -2400px;
	background-image: url(../images/menu-events.gif);
	background-repeat: no-repeat;
	background-position: 0px 46px;
	text-decoration: none;
}

#menu-movies {
	width: 185px;
	height: 70px;
	float: left;
	background-image: url(../images/menu-movies-bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#menu-movies a {
	width: 185px;
	height: 70px;
	display: block;
	text-indent: -2400px;
	background-image: url(../images/menu-movies.gif);
	background-repeat: no-repeat;
	background-position: 0px 46px;
	text-decoration: none;
}

#common-menu {
	height: 20px;
	width: 700px;
	text-align: left;
	background-color: #EEE;
	text-transform: lowercase;
	clear: both;
	padding: 0px 0px 0px 40px;

}

#common-menu div {
	float: left;
}

#common-menu div.active {
	background-color: #CCC;
}

#common-menu div a {
	font-weight: bold;
	padding: 0px 26px 0px 26px;
	line-height: 20px;
	display: block;
	float: left;
	color: #09F;
	background-color: transparent;
	text-decoration: none;
}

#common-menu div a:hover {
	color: #FFF;
	background-color: #09F;
}

#common-menu div a:hover.active  { color: #fff; text-decoration: none; background-color: #09f }

#newsbild-div{
	width: 183px;
}

#newsbild-div a{
	height: 295px;
	margin: 0px;
	display: block;
	text-indent: -2400px;
	background-image: url(../images/home/newsbild.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-decoration: none;
}

#newsbild-div a:hover, #link-sample-div a:active{
	background-position: 0px -295px;
	text-decoration: none;
}



#exhibition-1{
	width: 183px;
}

#exhibition-1 a{
	height: 183px;
	margin: 0px;
	display: block;
	text-indent: -2400px;
	background-image: url(../images/events/exhibition-1.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-decoration: none;
}

#exhibition-1 a:hover, #link-sample-div a:active{
	background-position: 0px -183px;
	text-decoration: none;
}

#credo{
	width: 180px;
}

#credo a{
	height: 128px;
	margin: 0px;
	display: block;
	text-indent: -2400px;
	background-image: url(../images/credo/2.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-decoration: none;
}

#credo a:hover, #link-sample-div a:active{
	background-position: 0px -128px;
	text-decoration: none;
}


#exhibition-2{
	width: 183px;
}

#exhibition-2 a{
	height: 148px;
	margin: 0px;
	display: block;
	text-indent: -2400px;
	background-image: url(../images/events/goldeneskalb.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-decoration: none;
}

#exhibition-2 a:hover, #link-sample-div a:active{
	background-position: 0px -148px;
	text-decoration: none;
}

#exhibition-3{
	width: 183px;
}

#exhibition-3 a{
	height: 183px;
	margin: 0px;
	display: block;
	text-indent: -2400px;
	background-image: url(../images/events/le-sentier-des-douaniers-20.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-decoration: none;
}

#exhibition-3 a:hover, #link-sample-div a:active{
	background-position: 0px -183px;
	text-decoration: none;
}

#exhibition-4{
	width: 365px;
}

#exhibition-4 a{
	height: 241px;
	margin: 0px;
	display: block;
	text-indent: -2400px;
	background-image: url(../images/events/memory1.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-decoration: none;
}

#exhibition-4 a:hover, #link-sample-div a:active{
	background-position: 0px -241px;
	text-decoration: none;
}

#exhibition-5{
	width: 183px;
}

#exhibition-5 a{
	height: 213px;
	margin: 0px;
	display: block;
	text-indent: -2400px;
	background-image: url(../images/events/bildermarkt.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-decoration: none;
}

#exhibition-5 a:hover, #link-sample-div a:active{
	background-position: 0px -213px;
	text-decoration: none;
}


#exhibition-6{
	width: 305px;
}

#exhibition-6 a{
	height: 80px;
	margin: 0px;
	display: block;
	text-indent: -2400px;
	background-image: url(../images/events/bildermarkt-2.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-decoration: none;
}

#exhibition-6 a:hover, #link-sample-div a:active{
	background-position: 0px -80px;
	text-decoration: none;
}

#exhibition-7{
	width: 183px;
}

#exhibition-7 a{
	height: 213px;
	margin: 0px;
	display: block;
	text-indent: -2400px;
	background-image: url(../images/events/kunstszenezh.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-decoration: none;
}

#exhibition-7 a:hover, #link-sample-div a:active{
	background-position: 0px -213px;
	text-decoration: none;
}


#exhibition-8{
	width: 305px;
}

#exhibition-8 a{
	height: 80px;
	margin: 0px;
	display: block;
	text-indent: -2400px;
	background-image: url(../images/events/kunstszenezh-2.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-decoration: none;
}

#exhibition-8 a:hover, #link-sample-div a:active{
	background-position: 0px -80px;
	text-decoration: none;
}

#exhibition-9{
	width: 710px;
}

#exhibition-9 a{
	height: 80px;
	margin: 0px;
	display: block;
	text-indent: -2400px;
	background-image: url(../images/events/graphicom-2.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-decoration: none;
}

#exhibition-9 a:hover, #link-sample-div a:active{
	background-position: 0px -80px;
	text-decoration: none;
}

#exhibition-10{
	width: 183px;
}

#exhibition-10 a{
	height: 80px;
	margin: 0px;
	display: block;
	text-indent: -2400px;
	background-image: url(../images/events/graphicom-1.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-decoration: none;
}

#exhibition-10 a:hover, #link-sample-div a:active{
	background-position: 0px -80px;
	text-decoration: none;
}

#flyeruster{
	width: 183px;
}

#flyeruster a{
	height: 257px;
	margin: 0px;
	display: block;
	text-indent: -2400px;
	background-image: url(../images/events/flyeruster.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-decoration: none;
}

#flyeruster a:hover, #link-sample-div a:active{
	background-position: 0px -257px;
	text-decoration: none;
}


#quicktourhome1-div{
	width: 183px;
}

#quicktourhome1-div a{
	height: 122px;
	margin: 0px;
	display: block;
	text-indent: -2400px;
	background-image: url(../images/quicktour/quicktour2.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-decoration: none;
}

#quicktourhome1-div a:hover, #link-sample-div a:active{
	background-position: 0px -122px;
	text-decoration: none;
}

#quicktourhome2-div{
	width: 59px;
	height: 575px;
}

#quicktourhome2-div a{
	width: 59px;
	height: 575px;
	margin: 0px;
	display: block;
	text-indent: -2400px;
	background-image: url(../images/home/quicktour-home-2.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-decoration: none;
}

#quicktourhome2-div a:hover, #link-sample-div a:active{
	background-position: -59px 0px;
	text-decoration: none;
}

#quicktour1-div{
	width: 740px;
}

#quicktour1-div a{
	height: 122px;
	margin: 0px;
	display: block;
	text-indent: -2400px;
	background-image: url(../images/quicktour/quicktour1.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-decoration: none;
}

#quicktour1-div a:hover, #link-sample-div a:active{
	background-position: 0px -122px;
	text-decoration: none;
}

#quicktour3-div{
	width: 183;
}

#quicktour3-div a{
	height: 122px;
	margin: 0px;
	display: block;
	text-indent: -2400px;
	background-image: url(../images/quicktour/quicktour2.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-decoration: none;
}

#quicktour3-div a:hover, #link-sample-div a:active{
	background-position: 0px -122px;
	text-decoration: none;
}


#quicktour2-div{
	width: 740px;
}

#quicktour2-div a{
	height: 59px;
	margin: 0px;
	display: block;
	text-indent: -2400px;
	background-image: url(../images/quicktour/quicktour2.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-decoration: none;
}

#quicktour2-div a:hover, #link-sample-div a:active{
	background-position: 0px -59px;
	text-decoration: none;
}

#content {
	width: 740px;
	line-height: 16px;
	text-align: left;
	min-height: 335px;
	padding: 0px 0px 0px 0px; /* padding: 140px 0px 0px 0px; */
	margin: 0px 0px 0px 0px;
}

#content h3 {
	margin: 0px 9px 16px 0px;
}

#content h4, #content h5, #content h6 {
	margin: 0px 9px 9px 0px;
}

#content p {
	line-height: 16px;
	margin: 0px 9px 16px 0px;
}

#content li, #content dd, #content dt {
	line-height: 16px;
}

#content ul, #content dl {
	line-height: 16px;
	margin: 0px 9px 18px 15px;
}

#content ol {
	line-height: 16px;
	margin: 0px 9px 18px 25px;
}

#content dl {
	line-height: 16px;
	margin: 0px 9px 18px 0px;
}

#content ul.sub-menu {
	list-style: none;
	text-transform: lowercase;
	margin: 0px 0px 18px 0px;
}

#content ul.sub-menu li {
	font-weight: bold;
	line-height: 12px;
	margin: 0px 0px 10px 0px;
}

#content ul.sub-menu li ul {
	list-style: none;
	line-height: 11px;
	margin: 3px 0px 6px 15px;
}

#content ul.sub-menu li ul li{
	font-weight: normal;
	line-height: 11px;
	margin: 0px 0px 6px 0px;
}

#content ul.sub-menu a, ul.sub-menu a.active:hover {
	color: #09F;
}

#content ul.sub-menu a:hover {
	color: #333;
}

#content ul.sub-menu a.active {
	color: #333;
}

#footer {
	height: 40px;
	clear: both;
}

.content-quarter {
	width: 183px;
	padding: 0px 1px 0px 1px;
	float: left;
}

div.content-quarter img {
	margin: 0px 0px 16px 0px;
}

.content-two-quarter {
	width: 368px;
	padding: 0px 1px 0px 1px;
	float: left;
}

.content-three-quarter {
	width: 553px;
	padding: 0px 1px 0px 1px;
	float: left;
}

.content-full {
	width: 738px;
	padding: 0px 1px 0px 1px;
	clear: both;
}

#content h1, #content h2 {
	line-height: 20px;
	color: #FFF;
	text-transform: lowercase;
	height: 30px;
	padding: 30px 0px 0px 12px;
	margin: 0px 0px 30px 0px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0px 0px;
} 

#content-title {
	background-image: url(../images/common/content-title-bg.gif);
}

div#content-title-flash {
	line-height: 20px;
	height: 30px;
	padding: 30px 0px 0px 12px;
	margin: 0px 0px 30px 0px;
}

.content-quarter h1, .content-quarter h2 {
	text-indent: -2400px;
	background-image: url(../images/common/content-quarter-title-bg.gif);
}
/*
.content-two-quarter h1, .content-two-quarter h2 {
	background-image: url(../images/common/content-two-quarter-title-bg.gif);
}

.content-three-quarter h1, .content-three-quarter h2 {
	background-image: url(../images/common/content-three-quarter-title-bg.gif);
}
*/
.content-full h1, .content-full h2 {
	background-image: url(../images/common/content-full-title-bg.gif);
}

div.thumbnail {
	float: left;
	padding: 0px 20px 20px 0px;
	margin: 0px;
}

div.thumbnail img {
	border: 1px #BBB solid;
}

div.thumbnail-flash {
	float: left;
	padding: 0px 20px 20px 0px;
	margin: 0px;
}

div.thumbnail-flash img {
	border: 1px #BBB solid;
}

div.thumbnail-home-flash {
	margin-bottom: 18px;
}

div.thumbnail-home-flash img {
	border: 0px #BBB solid;
}

div.floatImg {
	float: left;
	clear: both;
	margin: 2px 12px 0px 0px;
}

div.floatImg img {
	margin: 0px;
}

.event-item {
	margin: 0px 0px 28px 0px;
	border-bottom: 0px #F90 solid;
}

h4.event-title {
	font-size: 16px;
	padding: 0px 0px 18px 0px;
}

.event-image {
	width: 366px;
	float: left;
}
.event-image-index {
	width: 183px;
	float: left;
}

.event-descr {
	width: 360px;
	margin-left: 9px;
	float: left;
}

body.popUpBody {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #000;
	background-color: #FFF;
	text-align: center;
	background-color: transparent;
	background-image: url(../images/common/popup-body-bg.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
}

body.popUpBody-orange {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #000;
	background-color: #FFF;
	text-align: center;
	background-color: transparent;
	background-image: url(../images/common/popup-body-bg-orange.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
}

body.popUpBody-magenta {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #000;
	background-color: #FFF;
	text-align: center;
	background-color: transparent;
	background-image: url(../images/common/popup-body-bg-magenta.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
}

body.popUpBody-gruen {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #000;
	background-color: #FFF;
	text-align: center;
	background-color: transparent;
	background-image: url(../images/common/popup-body-bg-gruen.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
}

#popUpContainer {
	width: auto;
	margin: 0px 0px 0px 0px;
	text-align: center;
}

#popUpHeader {
	width: auto;
	height: 30px;
	text-align: left;
	float: none;
	background-color: #09F;
	background-image: url(../images/common/popup-header-bg.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

#popUpHeader-blau {
	width: auto;
	height: 30px;
	text-align: left;
	float: none;
	background-image: url(../images/common/popup-header-bg.jpg);
	background-color: #09F;
	background-repeat: no-repeat;
	background-position: right top;
}

#popUpHeader-orange {
	width: auto;
	height: 30px;
	text-align: left;
	float: none;
	background-image: url(../images/common/popup-header-bg-orange.jpg);
	background-color: #F90;
	background-repeat: no-repeat;
	background-position: right top;
}

#popUpHeader-magenta  { background-color: #f0c; background-image: url("../images/common/popup-header-bg-magenta.jpg"); background-repeat: no-repeat; background-position: right top; text-align: left; width: auto; height: 30px; float: none }

#popUpHeader-gruen {
	width: auto;
	height: 30px;
	text-align: left;
	float: none;
	background-image: url(../images/common/popup-header-bg-gruen.jpg);
	background-color: #6C0;
	background-repeat: no-repeat;
	background-position: right top;
}

#popUpHeader h1, #popUpHeader-gruen h1, #popUpHeader-blau h1, #popUpHeader-orange h1, #popUpHeader-magenta h1 {
	height: 30px;
	margin: 0px;
	display: block;
	text-indent: -2400px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-decoration: none;
}

#popUpHeader h2, #popUpHeader-gruen h2, #popUpHeader-blau h2, #popUpHeader-orange h2, #popUpHeader-magenta h2 {
	display: none;
}

#popUpContent {
	width: 100%;
	line-height: 16px;
	text-align: left;
	min-height: 335px;
	padding: 7px 0px 0px 0px;
	background-image: none;
	background-repeat: no-repeat;
	background-position: center top;
}

#popUpMenu {
	text-align: left; 
	text-transform: lowercase; 
	margin: 0; 
	left: 20px;
	padding: 0px 0px 0px 0px; 
	position: absolute; 
	top: 0; 
	width: 620px;
}

#popUpClose {
	position: absolute;
	font-size: 22px;
	width: 300px;
	top: 0px;
	right: 20px;
	text-align: right;
	padding: 6px 0px 0px 0px;
	margin: 0px;
	text-transform: lowercase;
}

#popUpMenu a, #popUpClose a {
	font-weight: bold;
	color: #FFF;
}

#popUpMenu a:hover, #popUpClose a:hover {
	font-weight: bold;
	color: #333;
}

#popup-ecard{
	float: left;
	margin-top: 7px;
}

#popup-dia-start {
	float: left;
	width: 30px;
	height: 30px;
	margin-left: 10px;
	margin-top: 0px;
	padding: 0;
}

#popup-dia-start a {
	width: 30px;
	height: 30px;
	text-indent: -2400px;
	display: block;
	background-image: url(../images/pop-dia-buttons/play-blau.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#popup-dia-start a:hover, #popup-dia-start a.active{
	background-position: 0px -30px;
}

#popup-dia-start-orange {
	float: left;
	width: 30px;
	height: 30px;
	margin-left: 10px;
	margin-top: 0px;
	padding: 0;
}

#popup-dia-start-orange a {
	width: 30px;
	height: 30px;
	text-indent: -2400px;
	display: block;
	background-image: url(../images/pop-dia-buttons/play-orange.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#popup-dia-start-orange a:hover, #popup-dia-start-orange a.active{
	background-position: 0px -30px;
}

#popup-dia-start-magenta {
	float: left;
	width: 30px;
	height: 30px;
	margin-left: 10px;
	margin-top: 0px;
	padding: 0;
}

#popup-dia-start-magenta a {
	width: 30px;
	height: 30px;
	text-indent: -2400px;
	display: block;
	background-image: url(../images/pop-dia-buttons/play-magenta.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#popup-dia-start-magenta a:hover, #popup-dia-start-magenta a.active{
	background-position: 0px -30px;
}

#popup-dia-start-gruen {
	float: left;
	width: 30px;
	height: 30px;
	margin-left: 10px;
	margin-top: 0px;
	padding: 0;
}

#popup-dia-start-gruen a {
	width: 30px;
	height: 30px;
	text-indent: -2400px;
	display: block;
	background-image: url(../images/pop-dia-buttons/play-gruen.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#popup-dia-start-gruen a:hover, #popup-dia-start-gruen a.active{
	background-position: 0px -30px;
}


#popup-dia-stop {
	float: left;
	width: 30px;
	height: 30px;
	margin-left: 10px;
	margin-top: 0px;
	padding: 0;
}

#popup-dia-stop a {
	width: 30px;
	height: 30px;
	text-indent: -2400px;
	display: block;
	background-image: url(../images/pop-dia-buttons/pause.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#popup-dia-stop a:hover, #popup-dia-stop a.active{
	background-position: 0px -30px;
}

#popup-dia-back {
	float: left;
	width: 30px;
	height: 30px;
	margin-left: 90px;
	margin-top: 0px;
	padding: 0;
}

#popup-trennstrich {
	float: left;
	width: 5px;
	height: 30px;
	margin-left: 10px;
	margin-top: 0px;
	padding: 0;
	background-image: url(../images/pop-dia-buttons/trennstrich.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	}

#popup-dia-back a {
	width: 30px;
	height: 30px;
	text-indent: -2400px;
	display: block;
	background-image: url(../images/pop-dia-buttons/back-blau.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#popup-dia-back a:hover{
	background-position: 0px -30px;
}

#popup-dia-back-orange {
	float: left;
	width: 30px;
	height: 30px;
	margin-left: 90px;
	margin-top: 0px;
	padding: 0;
}

#popup-dia-back-orange a {
	width: 30px;
	height: 30px;
	text-indent: -2400px;
	display: block;
	background-image: url(../images/pop-dia-buttons/back-orange.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#popup-dia-back-orange a:hover{
	background-position: 0px -30px;
}

#popup-dia-back-magenta {
	float: left;
	width: 30px;
	height: 30px;
	margin-left: 90px;
	margin-top: 0px;
	padding: 0;
}

#popup-dia-back-magenta a {
	width: 30px;
	height: 30px;
	text-indent: -2400px;
	display: block;
	background-image: url(../images/pop-dia-buttons/back-magenta.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#popup-dia-back-magenta a:hover{
	background-position: 0px -30px;
}

#popup-dia-back-gruen {
	float: left;
	width: 30px;
	height: 30px;
	margin-left: 90px;
	margin-top: 0px;
	padding: 0;
}

#popup-dia-back-gruen a {
	width: 30px;
	height: 30px;
	text-indent: -2400px;
	display: block;
	background-image: url(../images/pop-dia-buttons/back-gruen.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#popup-dia-back-gruen a:hover{
	background-position: 0px -30px;
}

#popup-dia-forward {
	float: left;
	width: 30px;
	height: 30px;
	margin-left: 10px;
	margin-top: 0px;
	padding: 0;
}

#popup-dia-forward a {
	width: 30px;
	height: 30px;
	text-indent: -2400px;
	display: block;
	background-image: url(../images/pop-dia-buttons/forward-blau.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#popup-dia-forward a:hover {
	background-position: 0px -30px;
}

#popup-dia-forward-orange {
	float: left;
	width: 30px;
	height: 30px;
	margin-left: 10px;
	margin-top: 0px;
	padding: 0;
}

#popup-dia-forward-orange a {
	width: 30px;
	height: 30px;
	text-indent: -2400px;
	display: block;
	background-image: url(../images/pop-dia-buttons/forward-orange.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#popup-dia-forward-orange a:hover {
	background-position: 0px -30px;
}

#popup-dia-forward-magenta {
	float: left;
	width: 30px;
	height: 30px;
	margin-left: 10px;
	margin-top: 0px;
	padding: 0;
}

#popup-dia-forward-magenta a {
	width: 30px;
	height: 30px;
	text-indent: -2400px;
	display: block;
	background-image: url(../images/pop-dia-buttons/forward-magenta.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#popup-dia-forward-magenta a:hover {
	background-position: 0px -30px;
}

#popup-dia-forward-gruen {
	float: left;
	width: 30px;
	height: 30px;
	margin-left: 10px;
	margin-top: 0px;
	padding: 0;
}

#popup-dia-forward-gruen a {
	width: 30px;
	height: 30px;
	text-indent: -2400px;
	display: block;
	background-image: url(../images/pop-dia-buttons/forward-gruen.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#popup-dia-forward-gruen a:hover {
	background-position: 0px -30px;
}

#popup-title{
	margin-top: 7px;
	float: left;
	margin-left: 45px;
}

#popup-title h3{
	font-weight: bold;
	color: #FFF;
	font-size: 12px;
}

td.schnittmarke_t_l {
	background-image: url(../images/schnittmarke_t_l.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	width: 30px;
}

td.schnittmarke_t_r {
	background-image: url(../images/schnittmarke_t_r.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 30px;
}

td.schnittmarke_b_r {
	background-image: url(../images/schnittmarke_b_r.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 30px;
}

td.schnittmarke_b_l {
	background-image: url(../images/schnittmarke_b_l.gif);
	background-repeat: no-repeat;
	background-position: right top;
	width: 30px;
}

#popUpContent td.popUpImage {
	padding: 0px;
	margin: 0px;
	text-align: center;
}

#popUpContent table {
	margin: 0px auto 0px auto;
}

#popUpContent table tr td {
	padding: 0px;
	margin: 0px;
	text-align: left;
}


#aktuelles       { color: #9cf; font-weight: bold; background-color: transparent; margin: 0; float: none }
#aktuelles h1, #aktuelles h2, #aktuelles h3  { color: #6cf; ; font-weight: bold font-size: 12px; font-family: Helvetica, Arial, Verdana, sans-serif; font-weight: bold; line-height: 14px; margin: 0; padding: 0 }

#aktuelles h4, #aktuelles h5, #aktuelles h6  { color: #6cf; font-weight: bold  }

#aktuelles a    { color: #09f; font-weight: bold  }

#aktuelles a:hover  { color: #333; font-weight: bold }

#intro {
	margin: 175px 0px 0px 0px;
	text-align: center;
	background-color: transparent;
	background-image: url(../images/intro-bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

/* hide from IE mac \*/
#intro {
	position:absolute;
	height: 100px; 
	width: 100%;
	margin: -90px 0px 0px 0px;
	top: 50%;
	left: 0px;
}
/* end hiding from IE5 mac */

#intro-header {
	width: 184px;
	height: 100px;
	text-align: center;
	float: none;
	background-image: url(../images/header-bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px auto 0px auto;
}

#intro-header h1 a {
	height: 100px;
	margin: 0px;
	display: block;
	text-indent: -2400px;
	background-image: url(../images/header-title.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-decoration: none;
}

#intro-header h1 a:hover {
	background-position: 0px -100px;
	text-decoration: none;
}

#intro-header h2 {
	display: none;
}

.answeredText {
	padding: 0px 0px 0px 5px;
	color: #666;
	border-left: 1px #666 solid;
	display: block;
}

div.e-card-content {
	background-color: #EEE;
	padding: 10px;
	margin: 0px 9px 16px 0px;
	border: 1px #CCC solid;
}

div.dia-show {
	margin: 0px 0px 0px 0px;
	padding-top: 3px;
}

div.dia-show img {
	border: 0px #BBB solid;
}

div.dia-show-portrait {
	margin: 0px 0px 0px 0px;
}

div.dia-show-portrait img {
	border: 0px #BBB solid;
}
/*Link zu photography*/
a.link_photo  { color: #6c0 }
a.link_photo:hover{
	color: #000;
	}

/*Link zu wikipedia*/
a.link_wiki  { color: gray }
a.link_wiki:hover { color: #000 }

/*Link zu events*/
a.link_event { color: #f90 }
a.link_event:hover { color: #000 }

/*Link zu common*/
a.link_common  { color: #09f }
a.link_common:hover { color: #000 }

/*Link zu Movies*/
a.link_movie { color: #09f }
a.link_movie:hover { color: #000 }

/*Link zu Quicktour*/
a.link_quicktour { color: #f0c }
a.link_quicktour:hover { color: #000 }

a.popUpImg { color: #f0c }
a.popUpImg:hover { color: #000 }

#untencommon {
border-bottom-width:2px;
border-bottom-style:solid;
border-color:#09F;
text-align:right;
}

#untenphotography {
border-bottom-width:2px;
border-bottom-style:solid;
border-color:#6C0;
text-align:right;
}

#untenevents {
border-bottom-width:2px;
border-bottom-style:solid;
border-color:#F90;
text-align:right;
}

#untenmovies {
border-bottom-width:2px;
border-bottom-style:solid;
border-color:#F0C;
text-align:right;
}

#untenquicktour {
border-bottom-width:2px;
border-bottom-style:solid;
border-color:#F90;
text-align:right;
}

#content-title-gallery {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #333;
	line-height: 25px;
	color: #FFF;
	text-transform: lowercase;
	height: 30px;
	padding: 20px 12px 10px 5px;
	margin: 0px 0px 20px 0px;
	background-image: url(../images/common/content-title-bg.gif);
}

#gallery-title {
	margin: 13px 0px 0px 10px;
	float: left;
}

#gallery-ecard {
	float: right;
	margin: 15px 0px 0px 10px;
}

#gallery-ecard a {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #FFF;
}

#gallery-ecard a:hover {
	color: #333;
}

#gallery-num {
	font-size: 20px;
	font-weight: bold;
	width: 98px;
	margin-top: 13px;
	float: left;
	text-align: right;
}

#gallery-trennstrich {
	float: left;
	width: 1px;
	height: 40px;
	margin-left: 10px;
	margin-top: 0px;
	padding: 0px;
	border-right: 2px solid #FFF;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#gallery-back {
	float: left;
	width: 30px;
	height: 30px;
	margin: 5px 0px 0px 0px;
	padding: 0px;
}

#gallery-back a {
	width: 30px;
	height: 30px;
	text-indent: -2400px;
	display: block;
	background-image: url(../images/pop-dia-buttons/back-blau.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#gallery-back a:hover {
	background-position: 0px -30px;
}

#gallery-forward {
	float: left;
	width: 30px;
	height: 30px;
	margin: 5px 0px 0px 10px;
	padding: 0;
}

#gallery-forward a {
	width: 30px;
	height: 30px;
	text-indent: -2400px;
	display: block;
	background-image: url(../images/pop-dia-buttons/forward-blau.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#gallery-forward a:hover {
	background-position: 0px -30px;
}

.clear-floats {
	clear: both;
}