@charset "UTF-8";
/* (en) Global reset of paddings and margins for all HTML elements */
/* (de) Globales Zurücksetzen der Innen- und Außenabstände für alle HTML-Elemente */
* {
	margin:0;
	padding: 0;
	font-size: 1em;
}
/* (en) Correction: margin/padding reset caused too small select boxes. */
/* (de) Korrektur: Das Zurücksetzen der Abstände verursacht zu kleine Selectboxen. */
option {
	padding-left: 0.4em;
}
/**
* (en) Global fix of the Italics bugs in IE 5.x and IE 6
* (de) Globale Korrektur des Italics Bugs des IE 5.x und IE 6
*
* @bugfix
* @affected   IE 5.x/Win, IE6
* @css-for    IE 5.x/Win, IE6
* @valid      yes
*/
* html body * {
	overflow:visible;
	background: #fff;
}
* html iframe, * html frame {
	overflow:auto;
}
* html frameset {
	overflow:hidden;
}
/* (en) Forcing vertical scrollbars in Netscape, Firefox and Safari browsers */
/* (de) Erzwingen vertikaler Scrollbalken in Netscape, Firefox und Safari Browsern */
html {
	height: 100%;
	margin-bottom: 1px;
	background: #fff;
}
body {
	font-size: 100.01%;
	color: #000;
	background: #fff;
	text-align: left;
}
/* (en) Clear borders for <fieldset> and <img> elements */
/* (de) Rahmen für <fieldset> und <img> Elemente löschen */
fieldset, img {
	border: 0 solid;
}
/* (en) new standard values for lists, blockquote and cite */
/* (de) Neue Standardwerte für Listen & Zitate */

li {
	margin-left: 1.5em;
	line-height: 1.5em;
}

dd {
	margin: 0;
}
blockquote {
	margin: 0 0 1em 1.5em;
}
#inhaltsbereich a {


}
#inhaltsbereich a.zoomin {
	padding:0;
	background:none;
	background-position:top;
	background-repeat:no-repeat;
}
#header {
	position:relative;
	overflow:hidden;
}
/* (en) Backup for correct positioning */
/* (de) Absicherung korrekte Positionierung */
#header, #abbinder {
	clear:both;
}
/* Layout Alignment | Layout-Ausrichtung */
#page_margins {
	margin: 0 auto;
}

#page_margins, #page, #header, #nav, #main, #footer { zoom:1; }             /* IE6 & IE7    */
#page_margins, #page { height: 1%; }                                        /* IE 5.x       */
* html #header, * html #nav, * html #main, * html #footer { width: 100%; }  /* IE 5.x & IE6 */
* html #header, * html #nav, * html #main, * html #footer { wid\th: auto; } /* IE 6         */

* html ul, * html ol, * html dl { position: relative; }
body ol li { display:list-item; }
* html body a, * html body a:hover { background-color: transparent; }

/* Layout Properties | Layout-Eigenschaften */
#page_margins {
	width:950px;
	background: #fff;
}
#page {
	padding: 0;
}

#header {
	padding: 0px 2em 1em 0px;
	color: #000;
	background: #fff;
	height:160px;
}
#header h1#logo {
	position:absolute;
	top:70px;
	left:0;
	width:950px;
	height:25px;
	background:url(../img/logo_1600px.gif);
	background-position:top left;
	background-repeat:no-repeat;
}
#header h1#logo a.startseite_link {
	display:block;
	width:173px;
	height:25px;
}


/* SERVICE-NAVIGATION */

div#servicenavigation {
	position:absolute;
	right:0;
	top:30px;
}

div#stylenavigation {
	position:absolute;
	right:0;
	top:50px;
}

div#servicenavigation h2, div#stylenavigation h2 {
	display:none;
}

div#servicenavigation ul li, div#stylenavigation ul li, div.sitemapnavigation ul li {
	margin:0 0 0 10px;
	padding:0;
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	position:relative;
}

div.sitemapnavigation ul li {
	margin:0 10px 0 0;
}

div#servicenavigation ul li a:hover, div#servicenavigation ul li.current a, div#stylenavigation ul li a:hover, div#stylenavigation ul li.current a, div.sitemapnavigation ul li a:hover, div.sitemapnavigation ul li.current a {
	background-position:0px -20px;
}


div#servicenavigation ul, div#stylenavigation ul, div.sitemapnavigation ul {
	margin:0;
	padding:0;
	width:auto;
	text-decoration:none;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

div#servicenavigation ul li a.imageheader, div#stylenavigation ul li a.imageheader, div.sitemapnavigation ul li a.imageheader {
	background-repeat:no-repeat;
	color:FFFFFF;
	display:block;
	height:20px;
	overflow:hidden;
	text-indent:999em;
	white-space:nowrap;
}

div#servicenavigation ul li > div#servicenavigation ul ul, div#stylenavigation ul li > div#stylenavigation ul ul {
	left:auto;
	top:auto;
}

div#servicenavigation ul li:hover ul, div#servicenavigation ul li.over ul, div#stylenavigation ul li:hover ul, div#stylenavigation ul li.over ul, div.sitemapnavigation ul li:hover ul, div.sitemapnavigation ul li.over ul {
	display:block;
}

div#servicenavigation ul li:hover a, div#servicenavigation ul li.over a, div#stylenavigation ul li:hover a, div#stylenavigation ul li.over a, div.sitemapnavigation ul li:hover a, div.sitemapnavigation ul li.over a {
	background-position:0px -20px;
}




/* HAUPT-NAVIGATION */

#hauptnavigation {
	overflow:hidden;
	width:420px;
	float:left;
}

#hauptnavigation_3level {
	overflow:hidden;
	width:630px;
	float:left;
}

div#hauptnavigation h3, div#hauptnavigation_3level h3 {
	display:none;
}

div#hauptnavigation ul li, div#hauptnavigation_3level ul li {
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	list-style-type:none;
	position:relative;
}

div#hauptnavigation ul li.first, div#hauptnavigation ul li.current_first, div#hauptnavigation_3level ul li.first, div#hauptnavigation_3level ul li.current_first {
	background-image:url(../img/punktlinie_199.gif);
	background-repeat:no-repeat;
	background-position:top;
	width:191px;
	* padding:1px 0 0 0;
}

ul#hauptnavigation_ebene_1 li a:hover, ul#hauptnavigation_ebene_1 li.current a, ul#hauptnavigation_ebene_1 li.current_first a, ul#hauptnavigation_ebene_2 li a:hover, ul#hauptnavigation_ebene_2 li.current a, ul#hauptnavigation_ebene_2 li.current_first a, ul#hauptnavigation_ebene_3 li a:hover, ul#hauptnavigation_ebene_3 li.current a, ul#hauptnavigation_ebene_3 li.current_first a {
	background-position:0px -20px;
}


ul#hauptnavigation_ebene_1, ul#hauptnavigation_ebene_2, ul#hauptnavigation_ebene_3 {
	margin:0 20px 0 0;
	* margin:0 10px 0 0;
	padding:0;
	width:190px;
	float:left;
	display:inline;
	text-decoration:none;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

ul#hauptnavigation_ebene_1 li a.imageheader, ul#hauptnavigation_ebene_2 li a.imageheader, ul#hauptnavigation_ebene_3 li a.imageheader {
	background-repeat:no-repeat;
	color:FFFFFF;
	display:block;
	height:20px;
	overflow:hidden;
	text-indent:999em;
	white-space:nowrap;
}

ul#hauptnavigation_ebene_1 li ul, ul#hauptnavigation_ebene_2 li ul, ul#hauptnavigation_ebene_3 li ul {
	border-top:1px solid #FFFFFF;
	display:none;
	left:0px;
	margin:0pt;
	padding:0pt;
	position:absolute;
	top:29px;
	width:190px;
	z-index:999;
}

ul#hauptnavigation_ebene_1 li > ul#hauptnavigation_ebene_1 ul, ul#hauptnavigation_ebene_2 li > ul#hauptnavigation_ebene_2 ul, ul#hauptnavigation_ebene_3 li > ul#hauptnavigation_ebene_2 ul {
	left:auto;
	top:auto;
}

ul#hauptnavigation_ebene_1 li:hover ul, ul#hauptnavigation_ebene_1 li.over ul, ul#hauptnavigation_ebene_2 li:hover ul, ul#hauptnavigation_ebene_2 li.over ul, ul#hauptnavigation_ebene_3 li:hover ul, ul#hauptnavigation_ebene_3 li.over ul {
	display:block;
}

ul#hauptnavigation_ebene_1 li:hover a, ul#hauptnavigation_ebene_1 li.over a, ul#hauptnavigation_ebene_2 li:hover a, ul#hauptnavigation_ebene_2 li.over a, ul#hauptnavigation_ebene_3 li:hover a, ul#hauptnavigation_ebene_3 li.over a {
	background-position:0px -20px;
}


#inhaltsbereich {
	overflow:hidden;
	margin: 0 0 0 0;
	padding: 0;
	background: #fff;
	width:530px;
	float:left;
	display:inline;
	font-size:90%;
}

#inhaltsbereich_3level {
	overflow:hidden;
	margin: 0 0 0 0;
	padding: 0;
	background: #fff;
	width:320px;
	float:left;
	display:inline;
	font-size:90%;

}

#abbinder {
	clear:both;
}


/* Container */

div.container_2spaltig_1 div.spalte_links {
	width:196px;
	float:left;
	margin:0 14px 0 0;
	display:inline;
	overflow:hidden;
}

div.container_2spaltig_1 div.spalte_rechts {
	width:320px;
	float:right;
	display:inline;
	overflow:hidden;
}

div.container_2spaltig_2 div.spalte_links {
	width:320px;
	float:left;
	margin:0 14px 0 0;
	display:inline;
	overflow:hidden;
}

div.container_2spaltig_2 div.spalte_rechts {
	width:196px;
	float:right;
	display:inline;
	overflow:hidden;
}


/*------------------------------------------------------------------------------------------------------*/

/**
* @section generic classes for layout switching | Generische Klassen zur Layoutumschaltung
* @see     http://www.yaml.de/en/documentation/css-components/base-stylesheet.html
*
* .hidecol1 -> 2-column-layout (using #col2 and #col3)
* .hidecol2 -> 2-column-layout (using #col1 and #col3)
* .hideboth -> single-column-layout (using #col3)
*/

.hideboth #col3 {
	margin-left: 0;
	margin-right: 0;
}
.hidecol1 #col3 {
	margin-left: 0;
	margin-right: 200px;
}
.hidecol2 #col3 {
	margin-left: 200px;
	margin-right: 0;
}
.hideboth #col1, .hideboth #col2, .hidecol1 #col1, .hidecol2 #col2 {
	display:none;
}
/*------------------------------------------------------------------------------------------------------*/

/**
* @section clearing methods
* @see     http://yaml.de/en/documentation/basics/general.html
*/

/* (en) clearfix method for clearing floats */
/* (de) Clearfix-Methode zum Clearen der Float-Umgebungen */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* (en) essential for Safari browser !! */
/* (de) Diese Angabe benötigt der Safari-Browser zwingend !! */
.clearfix {
	display: block;
}
/* (en) overflow method for clearing floats */
/* (de) Overflow-Methode zum Clearen der Float-Umgebungen */
.floatbox {
	overflow:hidden;
}
/* (en) IE-Clearing: Only used in Internet Explorer, switched on in iehacks.css */
/* (de) IE-Clearing: Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
#ie_clearing {
	display: none;
}
/*------------------------------------------------------------------------------------------------------*/

/**
* @section subtemplates
* @see     http://www.yaml.de/en/documentation/practice/subtemplates.html
*/

.subcolumns {
	width: 100%;
	overflow:hidden;
}
/* (en) alternative class for optional support of old Mozilla/Netscape browers */
/* (de) Alternative Klasse zur optionalen Unterstützung alter Mozilla/Netscape-Brower */
.subcolumns_oldgecko {
	width: 100%;
	float:left;
}
.c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {
	float: left;
}
.c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {
	float: right;
	margin-left: -5px;
}
.c25l, .c25r {
	width: 25%;
}
.c33l, .c33r {
	width: 33.333%;
}
.c50l, .c50r {
	width: 50%;
}
.c66l, .c66r {
	width: 66.666%;
}
.c75l, .c75r {
	width: 75%;
}
.c38l, .c38r {
	width: 38.2%;
}
.c62l, .c62r {
	width: 61.8%;
}
.subc {
	padding: 0 0.5em;
}
.subcl {
	padding: 0 1em 0 0;
}
.subcr {
	padding: 0 0 0 1em;
}
/*------------------------------------------------------------------------------------------------------*/

/**
* @section hidden elements | Versteckte Elemente
* @see     http://www.yaml.de/en/documentation/basics/skip-links.html
*
* (en) skip links and hidden content
* (de) Skip-Links und versteckte Inhalte
*/

/* (en) classes for invisible elements in the base layout */
/* (de) Klassen für unsichtbare Elemente im Basislayout */
.skip, .hideme, .print, #skipnav {
	position: absolute;
	top: -1000em;
	left: -1000em;
	height: 1px;
	width: 1px;
}
/* (en) make skip links visible when using tab navigation */
/* (de) Skip-Links für Tab-Navigation sichtbar schalten */
.skip:focus, .skip:active {
	position: static;
	top: 0;
	left: 0;
	height: auto;
	width: auto;
}

#skipnav a:focus, #skipnav a:active {
	background-color:#F0F0F0;
	height:50px;
	left:0pt;
	padding:3px 5px;
	top:0pt;
	width:auto;
	z-index:99;
}

h2.ueberschrift {
  	padding:0;
	margin:0 0 5px 0;
}

h3.ueberschrift {
  	padding:1px 0 0 0;
	margin:0 0 10px 0;
  	background:url(../img/punktlinie.gif);
	background-position:left top;
	background-repeat:no-repeat;
}

/* Kunstwerkdetailansicht */
div.kunstwerk_detail {
	overflow:hidden;
	width:430px;
	float:left;
	padding-right:200px;
	font-size:12px;
}

div.kunstwerk_detail p {
	font-size:18px;
}

div.kunstwerk_container {
	width:320px;
	overflow:hidden;
	float:right;
}

div.kunstwerk_container p{
	margin:0;
	font-size:12px;
}

p.detailtext, p.back {
	font-size:18px;
}

div.kunstwerk_container p.mehr, div.kunstwerk_container p.back {
	margin:10px 0 0 0;
	font-weight:bold;
}


/* Kunstwerke */

div.rgsnest {
	display:none;
}

div.rgslideshow {
	border:none;
}

div.rgslideshownav {
	border:none;
	text-align:left;
}

div.rgslideshownav div.rgsnav2 {
	background:none;
}

.rgslideshownav .rgsbrowser .rgsact {
	color:#666666 !important;
}

.rgslideshownav .rgsbrowserEl {
	color:#000000 !important;
}

span.rgsprev, span.rgsnext, span.rgsplay {
	display:none;
}

.logoprint
{
    display:none;
}