@charset "UTF-8";
/* CSS Document */

body {
	background: #fff;
	font-family: 'Yanone Kaffeesatz', arial, serif;
	font-weight: 400;
	
	color: #191715;
	text-align: center;
	margin: 45px 0 0 0;
	font-size: 14px;
	font-style: normal;
	line-height: 18px;
}
/* TEXT */
.fliess {
	font-weight: 400;
	letter-spacing: 1px;
	color: #191715;
	font-size: 13px;
	font-style: normal;
	line-height: 18px;
}
.fliess3 {
	color: #a9914f;
	letter-spacing: 1px;
}
.fuss {
	font-weight: 400;
	
	color: #191715;
	font-size: 15px;
	font-style: normal;
	line-height: 14px;
}

.kuenstler-a {
	text-decoration: none;
	font-weight: 400;
	color: #191715;
	font-size: 15px;
	font-style: normal;
	line-height: 24px;
}
.navi-a {
	text-decoration: none;
	font-weight: 400;
	color: #191715;
	font-size: 18px;
	font-style: normal;
	line-height: 24px;
	margin: 0 0 0 40px !important;
}

.funktionen-a {
	text-decoration: none;
	font-weight: 400;
	color: #191715;
	font-size: 13px;
	font-style: normal;
	line-height: 16px;
	margin: 0 40px 0 0 !important;
}

a {
	font-size: 14px;
	font-style: normal;
	color: #a9914f;
	text-decoration: none;
}

a:active {
	color:#191715;
	text-decoration: none;
	
}
a:visited {
	color: #a9914f;
	text-decoration: none;
	
}
a:hover {
	color: #d3ad66;
	text-decoration: none;

}


/* Gerüst */
#page-container {
	margin: 0 auto;
	width: 955px;
	background: #fff;
	text-align: left;
}


/* KOPF */

#head-container-rundgang {

	width: 955px;
	height: 603px;
}
#karte {
	width: 615px;
	height: 483px;
	position: absolute;
	margin-top: 72px;
	margin-left: 340px;
}
#eroeffnung {
	width: 615px;
	height: 505px;
	position: absolute;
	margin-top: 72px;
	margin-left: 340px;
}

#linie_kurz-rundgang {
	height: 6px;
	width: 342px;
	position: absolute;
	padding: 250px 0 0 0;
}
#linie_lang-rundgang {
	height: 6px;
	width: 950px;
	position: absolute;
	padding: 250px 0 0 0;
}

#subtitle-rundgang {
	height: 18px;
	width: 320px;
	position: absolute;
	padding: 247px 0px 0px 6px;
}
#pfeil_kurz-rundgang {
	height: 10px;
	width: 270px;
	position: absolute;
	padding: 269px 0 0 70px;
}

#title-rundgang {
	width: 240px;
	position: absolute;
	padding: 0px;
	margin: 270px 0px 0px 72px;
}

#head-container {

	width: 955px;
	height: 247px;
}
#pfeil_oben {
	width: 950px;
	height: 10px;
	padding: 0;
	position: absolute;
}

#bild {
	width: 615px;
	height: 160px;
	position: absolute;
	margin-top: 72px;
	margin-left: 340px;
}

#stoerer {
	width: 120px;
	height: 121px;
	position: absolute;
	margin-top: 62px;
	margin-left: 838px;
	background: url(pixel/stoerer.png) top left no-repeat;
}

* html #stoerer {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='pixel/stoerer.png', sizingMethod='scale');
background: none;
}

#logo {
	height: 167px;
	width: 160px;
	padding: 3px 0 0 0;
	position: absolute;
}
a.logo {
	width: 160px;
	height: 167px;
	display: block;
	float: left;
	background: url(pixel/btn_kunst8.png) top left no-repeat;
}
a.logo:hover {
	background-position: bottom left;
}

* html a.logo {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='pixel/btn_kunst8-ie6.png', sizingMethod='scale');
	background: url(pixel/clear.gif) top left repeat;
}

#navi {
	width: 545px;
	height: 25px;
	position: absolute;
	margin-left: 340px;
	margin-top: 2px;	
}
#navi * {
	float: right;
}



a.navi {
	text-decoration: none;
	font-weight: 400;
	color: #a9914f;
	font-size: 18px;
	font-style: normal;
	line-height: 24px;
	margin: 0 0 0 40px !important;

}

a.navi:hover {
	color: #d3ad66;
}

/* BAUCH */


#belly-container-kuenstler  {
	width: 955px;
	height: 380px;
	
	
}
#belly-container  {
	width: 955px;
/*	height: 380px;
höhe brauche ich wenn float aus text 1-3 raus ist, dann sitzt der fuss aber nicht richtig*/
	
}
#linie_lang {
	height: 10px;
	width: 950px;
	position: absolute;
	padding: 3px 0 0 0;
}
#subtitle {
	height: 18px;
	width: 320px;
	position: absolute;
	padding: 0px 0px 0px 6px;
}
#pfeil_kurz {
	height: 10px;
	width: 270px;
	position: absolute;
	padding: 22px 0 0 70px;
}

#title {
	width: 240px;
	position: absolute;
	padding: 0px;
	margin: 23px 0px 0px 72px;
}
#kuenstler {
	width: 240px;
	position: absolute;
	padding: 108px 0px 45px 74px;
}
#kuenstler a {
	text-decoration: none;
	font-weight: 400;
	color: #a9914f;
	font-size: 15px;
	font-style: normal;
	line-height: 24px;
}

#kuenstler a:hover {
	color: #d3ad66;
}

/* #text1 {
	width: 140px;
	position: absolute;
	padding: 18px 0px 45px 400px;
}
#text2 {
	width: 140px;
	position: absolute;
	padding: 18px 0px 45px 575px;
}
#text3 {
	width: 140px;
	position: absolute; 
	padding: 18px 0px 45px 750px;
}
#werke {
	width: 515px;
	position: absolute;  
	padding: 18px 0px 45px 400px;
}
hier die werte wenn float weg ist und texte absolut sitzen*/
#text1 {
	width: 140px;
	float:left;
	padding: 18px 0px 45px 400px;
}
#text2 {
	width: 140px;
	float:left;
	padding: 18px 0px 45px 35px;
}
#text3 {
	width: 140px;
	float:left;
	padding: 18px 0px 45px 35px;
}
#werke {
	width: 515px;
	float:left;
	padding: 18px 0px 45px 400px;
}
#werke a {
	text-decoration: none;
	font-weight: 400;
	color: #a9914f;
	font-size: 17px;
	font-style: normal;
	line-height: 24px;
}

#werke a:hover {
	color: #d3ad66;
}

/* FUSS */

#foot-container  {
	width: 955px;	
	height: 60px;
}

#pfeil_unten {
	width: 950px;
	height: 10px;
	padding: 0;
    clear: both;
}
#vergangen {
	width: 600px;
	height:60px;
	padding-left: 3px;
	padding-top: 4px;
	float: left; 
}

#footer {
	/*width: 145px;*/
	width: 334px;
	height:60px;
	padding-left: 616px;
	padding-top: 4px;
	float: left; 
	background: url(pixel/pfeil_lang.gif) top right no-repeat;
}

#footer * {
	float: left;
	padding: 0;
	margin: 0 10px 0 0;
}


a.funktionen {
	text-decoration: none;
	font-weight: 400;
	color: #a9914f;
	font-size: 13px;
	font-style: normal;
	line-height: 16px;
	margin: 0 40px 0 0 !important;

}

a.funktionen:hover {
	color: #d3ad66;
}

a.twitter {
	width: 15px;
	height: 15px;
	display: inline;
	background: url(pixel/btn_twitter.gif) top left no-repeat;
	margin: 4px 40px 0 0 !important;
}

a.twitter:hover {
	background-position: bottom left;
}
a.facebook {
	width: 15px;
	height: 15px;
	display: inline;
	background: url(pixel/btn_facebook.gif) top left no-repeat;
	margin-top: 4px !important;
}

a.facebook:hover {
	background-position: bottom left;
}

/* FOCUS */

:focus {
    outline: 0;
}