/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
a:focus {
	color:#51a775;
}

a:visited {
	color:#663399;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ende reset-styles */


html, body {
	margin: 0;
	padding: 0;
}

body { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 62.5%;
	line-height: 210%;
	color:#000000;
	background-color: #ffffff;		
	}


/*
div { 
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
	}
*/


/*
masse:
1 rasterkästchen ist 116px breit, 60 px hoch. der rahmen jeweils 4px (rasterkästchen meint deine 21mm)

daraus ergibt sich:

- grundfläche ohne rahmen wie zb bei kunst/standorte ist: 572px breit, 292px hoch (5 rasterkästchen hoch abzgl rahmen)

- fläche 1 kästchen höher und ohne rahmen ist: 572px breit, 352px hoch (6 rasterkästchen hoch abzgl rahmen)

- fläche 2 kästchen höher und ohne rahmen ist: 572px breit, 412px hoch (7 rasterkästchen hoch abzgl rahmen)
*/


/*wird nur in screenreadern u.ae. angezeigt */

a {
	outline: none;
}


img {
	border: 0px;
}


h1#kwrs,
ul#navskip,
.aural {
	position: absolute;
	top: -100em;
	left: -100em	
}



/* ### START hauptspalten ### */
div#wrapper { 
	width: 69.6em;
	margin-right: auto;
	margin-left: auto;
	height: 140em; /*hoehe fix wegen rand unten*/
	position: relative; 
}	

div#navigation {
	position: absolute; /*wichtig fuer ie6*/
	top: 0;
	left: 0;
}

div#logo {	
	position: absolute;  /*wichtig fuer ie6*/
	top: 4.9em;
	left: 58em;
	width: 9.5em; 
	height: 3.1em;
	z-index: 10;
	background-color:#ffffff;
}

* html div#logo {	
	top: 4.8em;
}


div#sprachwechsler {
	position: absolute; 
	top: 4.9em;
	left: 67.4em;
	width: 2.2em;
	height: 3.1em;
	text-align: right;
	padding: 0 0.1em 0 0;
	background-color:#ffffff;
}

div#sprachwechsler ul li {
	padding: 1em 0.1em 0 0;
}


div#navigation ul, 
div#sprachwechsler ul, 
ul#impressum {
	padding: 0; 
	margin: 0; 
	list-style-type: none;
}

ul#impressum  {
	margin: 1.1em 0 0 0.6em;
}


div#sprachwechsler  ul li a, 
ul#impressum li a {
	text-decoration: none;
	color: #000000;
	font-size: 1.2em;
	line-height: 120%;
}


div#navigation ul, div#navigation ul li {
	float: left;
	padding: 0; 
	margin: 0; 
	list-style-type: none;
}

div#navigation ul li  {
	width: 11.6em;
}

/*a-tag ist gleichzeitig halbe rasterflaeche! gut fŸr spaetere hover und auch fuer unterscheidung aktive kleine flaeche zum rester des rasterskeastchens*/ 
div#navigation ul li a {
	display: block;
	height: 1.7em; /*30*/
	padding: 1em 0em 0em 0.8em;
	text-decoration: none;
	font-size: 1.2em;
	line-height: 120%;
	color:#000000;
}

div#navigation ul#level2 li a.hier,
div#navigation ul#level3 li a.hier {
	color:#ffffff;
}


ul#level1 {
	position: absolute;  /*fuer weitere ul wichtig*/
	top: 5em; 
	width: 69.6em; 
	height: 3em; 
}

.impressumseite ul#level1 {
	height: 15em; 
	background-color:#5bb5c8; /* helltuerkis*/
}


div#navigation ul#level1 li {
	font-weight: bold;
}

.kunstseite ul#level1 li.kunst, 
.regionseite ul#level1 li.region, 
.serviceseite ul#level1 li.service, 
.aktuellseite ul#level1 li.aktuell, 
.kunstwegenseite ul#level1 li.kunstwegen {
	margin: -1.4em 0 0 0; 
	padding: 1.4em 0 0 0; 
}

ul#level2 {
	position: absolute;  /*in neuer zeile*/
	top: 3em;  /* hoehe kleines navraster*/
	left: 0;
	width: 696px;  /*em wg ie nicht*/
	height: 12em; 
	z-index: 4;
}

div#navigation ul#level2 li {
	height: 3em; 
}


div#navigation ul#level3 li {
	display: block;
	float: none;
	margin: 0;
	height: 2.4em;
}

div#navigation ul#level3 li a {
	height: 1.7em;
	padding: 0.8em 0em 0em 0.8em;
	}


/*kuenstler*/
.tx-bnbkuenstlerblaettern-pi1-d {
	position: absolute; 
	top: 12em; 
	left: 0; /*beginnt links wg bg*/
	height: 3em;
	z-index: 6;
	height: 6em; /*rasterhoehe 60*/
	margin-left: 11.6em;
}

.tx-bnbkuenstlerblaettern-pi1-e {
	position: absolute; 
	top: 11.8em; 
	left: 0; /*beginnt links wg bg*/
	height: 3em;
	z-index: 6;
	height: 6em; /*rasterhoehe 60*/
	margin-left: 40.5em;
}


.tx-bnbkuenstlerblaettern-pi1-d a,
.tx-bnbkuenstlerblaettern-pi1-e a {
	color: #ffffff;
	padding: 0 0.6em 0 0.8em;
	width: 1.8em;
	display: block;
	float: left;
	text-decoration: none;
	font-size: 12px;
}

.tx-bnbkuenstlerblaettern-pi1-d span,
.tx-bnbkuenstlerblaettern-pi1-e span {
	display: block;
	float: left;
	width: 3.9em;
}



/*region dt/nl*/
.tx-bnbkuenstlerblaettern-pi1-reg-d {
	position: absolute; 
	top: 12em; 
	left: 11.2; /*beginnt ab 2. raster*/
	height: 3em;
	z-index: 6;
	height: 6em; /*rasterhoehe 60*/
	margin-left: 11.6em;
}

.tx-bnbkuenstlerblaettern-pi1-reg-en {
	position: absolute; 
	top: 11.8em; 
	left: 0; /*beginnt links wg bg*/
	height: 3em;
	z-index: 6;
	height: 6em; /*rasterhoehe 60*/
	margin-left: 40.5em;
}


.tx-bnbkuenstlerblaettern-pi1-reg-d a,
.tx-bnbkuenstlerblaettern-pi1-reg-en a {
	color: #ffffff;
	padding: 0 0.6em 0 0.8em;
	width: 1.8em;
	display: block;
	float: left;
	text-decoration: none;
	font-size: 12px;
}

.tx-bnbkuenstlerblaettern-pi1-reg-d span,
.tx-bnbkuenstlerblaettern-pi1-reg-en span {
	display: block;
	float: left;
	width: 3.9em;
}





ul#level2 li a, ul#level3 li a {
	font-weight: normal;
	
}


/*farben der hauptnavpunkte*/

ul#level1 li.kunst {
	background-color:#0594a7; /*05889e*/ 
}

ul#level1 li.region {
	background-color:#A9D924;
}

ul#level1 li.service {
	background-color:#E20005;
}

ul#level1 li.aktuell {
	background-color:#c40595;
}

ul#level1 li.kunstwegen {
	background-color:#3470ac;/*3463a6*/
}


/*farben der subnav-zeile auf level 2*/ 
.kunstseite ul#level2 {
	background-color:#5bb5c8; /* helltuerkis*/
}

.kunstseite ul#level2 a.hier {
	background-color:#0594a7; /* dkltuerkis */
}

/*bg fuer subnav-zeile auf level 3 aufheben*/ 
.kunstseite ul#level3 a.hier {
	background-color:#5bb5c8; 
}


.regionseite ul#level2 {
	background-color:#8ab002; /*mtlgruendkler*/ 
}

.regionseite ul#level2 a.hier {
	background-color:#A9D924; /*hellgruen*/
}

/*bg fuer subnav-zeile auf level 3 aufheben*/ 
.regionseite ul#level3 a.hier {
	background-color:#8ab002; 
}


.serviceseite ul#level2 {
	background-color:#bd000b; /*rotdunkel*/
}

.serviceseite ul#level2 a.hier {
	background-color:#E20005; /*rothell*/
}

/*bg fuer subnav-zeile auf level 3 aufheben*/ 
.serviceseite ul#level3 a.hier {
	background-color:#bd000b; 
}

.aktuellseite ul#level2 a {
	display: none; /*muss in level2 liegen aber wie level1 aussehen*/
	/*background-color:#c40595; */
}

.regionseite ul#level2 a {
	/*display: none;*/
}

.aktuellseite ul#level2 {
	background-color:#9E1D6C;
}

.kunstwegenseite ul#level2 {
	background-color:#3470ac;
	
}

.kunstwegenseite ul#level2 a.hier {
	background-color:#5bb5c8; 
}



ul#level2 li.bgaktuellnav {
	background-color:#310b57/*310b57*/;
	width: 232px;
	margin-left: 232px;
}

ul#level2 li.bgraumsichtennav {
	background-color:#5bb5c8;
	width: 116px;
	margin-left: 348px;
}

* html ul#level2 li.bgraumsichtennav {
	margin-left: 290px;
}





/*farben*/
.weiss {
	background-color:#ffffff;
}

.tuerkishell {
	background-color:#5bb5c8;
}


.tuerkisdunkel {
	background-color:#0594a7;
} 


.gruendunkel {
	background-color:#3D5D2C;
}

.gruenmittel3 {
	background-color:#56853B;
}

.gruenmittel2 {
	background-color:#8ab002;
}

.gruenmittel1 {
	background-color:#8DC101; 
}

.gruenhell {
	background-color:#A9D924;
}

.rotdunkel {
	background-color:#940200;
}
	
.rotmittel {
	background-color:#bd000b;
}

.rothell {
	background-color:#E20005;
}

.liladunkel {
	background-color:#310b57;
}

.lilamittel {
	background-color:#860385;
}

.lilahell {
	background-color:#9E1D6C;
}


.blaudunkel {
	background-color:#262963;
}

.blaumittel {
	background-color:#2F3B8D;
}



div#content {
	position: absolute; 
 	top: 20em; 
	left: 0px;
	z-index: 7;

}

/*fuer einspaltiges layout*/
#inhaltsspalte {
	width: 68.4em;
	padding: 2.4em 0.6em 1em 0.6em;
}

/*modular in einspaltiges layout*/
#bildleistequer  {
	width: 696px;
	
}

* html #bildleistequer  {
	width: 696px;
}


#bildleistequer div {
	height: 60px;
	float: left;
}

/*fuer zweispaltiges layout*/
#bildspalte {
	clear: left;
	width: 116px;
	float: left;
}

#textspalteschmal {
	width: 56em;
	float: left;
	padding: 2.2em 1em 1em 1em;
}

* html #textspalteschmal {
	width: 54em;
}



iframe {
	border: 0px;
}

h1, h2, h3, h4, h5 {
	font-size: 1.2em;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

h1 {
	font-size: 1.2em;
	padding: 0 0 0 0;
	margin: 0 0 1.8em 0;
}

.raumsichtenKursiv {
	font-style: italic;
}

.abstand {
	padding: 2em 0 0 0;
}

.UeberschriftOhneAbstand  {
	margin: -1.6em 0 0 0;
}


p.error {
	color:#E20005;
	margin: 0 0 0.6em 0;
}

.csc-header {
	display: inline;
}

h3,
h3 + p {
	display: inline;
	padding: 0 0.2em 0 0;
}



#content h1 a, #content h2 a {
	color: #E20005;
	text-decoration: underline;
}


span.rs {
	font-style: italic;
}


p {
	font-size: 1.2em;
	margin: 0 0 1.6em 0;
}


/*zb fuer linkpfeilchen*/
.roteSchrift {
	color: #E20005;
	font-weight: bold;
}



.danke {
	text-align: center;
}

#content a {
	color: #000000;
	text-decoration: underline;
}

/*
#content .roteSchrift a {
	color: #E20005;
}
*/

a.bestellen {
	background: url(img/service/material/bestell.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 14px;
}

a.pdflink {
	background: url(img/pdflink.gif);
	background-repeat: no-repeat;
	background-position: 3px 0px;
	padding-left: 17px;
}

#content ul{
	padding: 0em;
	margin: 0 0 1.6em 0;
	list-style-type: none;
	width: 69.6em;
}


#content ul li {
	padding: 0 0 0 0;
	margin: 0em;
	font-size: 1.2em;
}

#content ul.bnb-uploads-ul li,
#content .csc-menu ul li,
#content .sitemap ul li {
	background: url(../img/download-link.gif);
	background-repeat: no-repeat;
	background-position: 0 0.5em;
	padding-left: 1.4em;
}



#content ul li a {
	text-decoration: none;
	color:#000000;
}

#content ul li a:hover, 
#content ul li a:focus {
	text-decoration: underline;
}


.home  #content {
	margin-top: -12em;
	width: 69.6em;
	height: 48em;
	background-color: #ffffff;
	background: url(../img/wolke.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}


.logohome {
	position: absolute;
	top: 18em;
	left: 46.4em;
	z-index: 18;
}


.streifenhome {
	position: absolute;
	top: 48em;
	left: 5.6em;
	width: 64em;
	height: 53.4em;
	overflow: hidden;
	filter:alpha(opacity=50); /* IE */
	-moz - opacity:0.50; /* Gecko */
	opacity: 0.50; /* Opera */
}

#anima { /*als maske fuer streifenhome*/
	position: absolute;
	top: 0em;
	left: 0em;
	z-index: 20;
	width: 69.6em;
	height: 48em;
	overflow: hidden;
}



.homeaktuellblock {
	position: relative;
	top: 49.2em;
	left: -0.5em;
	background: url(../img/homeaktuellpunkt.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 3em;
	height: 2em;
}

.dt {
	float: left;
	font-weight: bold;
	padding: 0 1em 0 0;
	
}

.nl {
	float: left;
	font-weight: bold;
}

#content .dt a {
	color:#E20005;

}


#startbild {
	position: relative;
	z-index: 1;
}

#canadaprovinces {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
}




/*div des gmap infowindow*/
.kunstseite #iw_kml {
	overflow: visible;
	height: 136px;
	
}

.regionseite #iw_kml {
	overflow: visible;
	height: 126px;
	font-size: 12px;
}



#map,
.kunstseite iframe {
	margin: -2.4em -0.6em 2em -0.6em; /*padding von inhaltsspalte aufheben*/
	background-color:#dedede;
	width: 69.6em;
}

#map .description img,
.mapimg {
	padding: 2em;
}


.msinfotitle {
	font-size: 16px;
}

.raumsichtensymbol {
	padding: 0 6em 0 0;
}

.raumsichtensymbol,
.kunstwegenroute {
	float: left;
}

.raumsichtensymbol img,
.kunstwegenroute img {
	margin: 0 0.6em 0 0;
}



/*fuer pressebilder*/

.pressebilder {	
	clear: left;
	float: left;
	position: relative;
	width: 14.4em;
	margin: 0 3em 3em 0;
}


.pressebildtext {
	position: relative;
	clear: right;
	float: left;
	width: 50em;
	margin: -0.6em 0 3.4em 0;
}

.tx-bnbdownloadlink-pi1 {
	margin: -1.6em 0 0 0;
	
}

legend {
	display: none;
}



fieldset {	
	border: 0px;
	padding: 0px;
}

fieldset div {	
	clear: left;
	padding: 0 0 26px 0; 
	overflow: visible;
}

fieldset div.send {
	padding: 4.4em 0 0 0;
}


fieldset div.check {
	padding: 2em 0 0 0;
}

fieldset label {
	display: block;
	float: left;	
	width: 100px;
	padding-top: 2px; 
	font-size: 1.2em;
}

fieldset div.check input {	
	width: 20px;
	float: none;
	margin-right: 6px;
	font-size: 1.2em;
}

fieldset div.check label {
	display: inline;
	float: none;	
	width: 650px;
}

fieldset input, textarea {	
	width: 572px;
	float: right; /*fuer ie weniger breite, also ausgleich ueber rechtsbuendig!*/
	font-size: 1.2em;
}


fieldset select {	
	font-size: 100%;
}


fieldset textarea {
	height: 40px;
}

span.pflicht {
	float: right;
	padding-top: 2px; 
	margin-right: 10px;
}

fieldset input.btn {
	width: 110px;
	border: 2px solid #E20005;
	background-color:#ffffff;
	margin: 0px;
	padding: 4px 12px 4px 12px;
	font-size: 1.2em;
	cursor: pointer;
}

fieldset input.send {
	float: right;
}

p.pflichttext {
	float: left;
}


/*erste bilder in der seite immer randlos, padding/margin = minuswerte*/


/*fuer mehrere bilder position oben links, zb fuer kuenstlerseite  keine margin-kombi mit text*/
#inhaltsspalte .csc-textpic-left .csc-textpic-imagewrap {
	margin: -2.4em 0 1.6em -0.6em; 
}

#inhaltsspalte .csc-textpic-left .csc-textpic-image {
	padding: 0 1em 0 0;
}


/*fuer bildtextelement, position bild links vom text, anders wegen kombi mit textmargin*/
#inhaltsspalte .csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
	margin: -2em 0 1.6em -0.6em; /*diesen negativen margin und den von csc-textpic-text =2.4*/
}

* html #inhaltsspalte .csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
	margin: -2.4em 0 1.6em -0.6em; /*diesen negativen margin und den von csc-textpic-text =2.4*/
}


.csc-textpic-intext-left-nowrap .csc-textpic-text  {
	margin: -0.4em; 0 0 0; /*diesen negativen margin und den von csc-textpic-text =2.4*/
}

div.csc-textpic-intext-left div.csc-textpic-imagewrap, div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {
	margin-right:-0px !important;
}


/*negativen top-margin bei bildern aufheben, wenn sie weiter unten auf der seite vorkommen. ggf sind damit aber nicht alle faelle erfasst */
p.bodytext + a + div.csc-textpic {
	padding: 5.2em 0 0 0; 
}