* {
	margin: 0;
	padding: 0;
	border: none;
	font-family: Helvetica, sans-serif;
	}
html
{	background: url(css/gray_jean.png);
	}
body {
	font-family: Helvetica;
	}
a {
	text-decoration: none;
	color: black;
	}
a:hover {
	text-decoration: underline;
	}
li {
	list-style-type: none;
	}
hr {clear:both;}

.fleft {float:left;}
.fright {float:right;}
.clear {clear: both;}

.clearxmap, .clearshow, .clearfeat, .clearmain,
.cleardata, .clearsub1, .clearsub2, .clearsub3 {
	clear: both;
	width: 960px;
	height: 20px;
	border-bottom: 7px solid;
	margin: 20px 8px 0 7px;
	}
.clearfeat {border: 0;}
.clearmain {border-bottom-color: #CCC;}
.cleardata {border-bottom-color: #999;}
.clearsub1 {border-bottom-color: #FFF;}
.clearsub2 {border-bottom-color: #CCC;}
.clearsub3 {border-bottom-color: #FFF;}

.fbook, .twitter, .gplus, .rssfeed {
	background: transparent url(css/sprite.png) no-repeat;
	display: block;
	text-indent: -1000px;
	overflow: hidden;
	height: 27px;
	width: 27px;
	float: left;
	}
.fbook {background-position: 0 -64px;}
.twitter {background-position: -27px -64px;}
.gplus {background-position: -54px -64px;}
.rssfeed {background-position: -81px -64px;}

.invis {display:none;}
	
/*	******************************************************************

	Abschnitte. Rahmenloses Design, daher jeweils ein Streifen der den
	Hintergrund traegt, und eine darin zentrierte Seele fester Breite.
	Einzige Ausnahme: #xmap (ohne -strip, ohne Seele).
	
	Als class-Elemente (statt id) jetzt beliebig kombinierbar
	Wenn ohne Inhalt, bleiben die Streifen unsichtbar
	
	*****************************************************************/	
	
#head-strip, #menu-strip, #xmap, #zwim-strip, #filt-strip, .show-strip, .data-strip, .text-strip, 
.feat-strip, .main-strip, .sub1-strip, .sub2-strip, .sub3-strip, #foot-strip {
	width: 100%;
	clear: both;
	}
#head, #menu, #zwim, #filt, .show, .data, .text, .feat, .main, .sub1, .sub2, .sub3, #foot {
	margin: 0 auto;
	width: 1000px;
	clear: both;
	}

/*	Kopfbereich */
#head-strip {
	background-color: white;
	height: 55px;
	padding: 12px 6px;	
	}	
.dumont{margin-right: 38px; float: right;}
.socials {margin: 29px 34px 0 0;}

/*	Menu/Such-Bereich */
#menu-strip {
	background-color: #383838;
	color: white;
	height: 47px; /* Bruch mit unsichtbar-Regel! */
	}
.menu-list {
	float: left;
	}
.menu-list li {
	list-style-type: none;
	margin-left: 7px;
	float: left;
	}
.menu-list a {
	margin: 10px 0;
	padding: 4px 15px;
	display: inline-block;
	background: url(css/double_linen.png) 0 0 repeat-x;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	box-shadow: -1px -1px 0 black;
	-moz-box-shadow: -1px -1px 0 black;
	-webkit-box-shadow: -1px -1px 0 black;
	text-shadow: 1px 1px 2px black;
	-moz-text-shadow: 1px 1px 2px black;
	-webkit-text-shadow: 1px 1px 2px black;
	text-decoration: none;
	font-size: 16px;
	color: white;
	}
#themen .themen,
#regionen .regionen,
#ausstell .ausstell,
.menu-list .active a,
.menu-list a:hover {
	background: black;
	color: white;
	}
#search {
	float: right;
	margin: 10px 33px 10px 0;
	background: white url(css/lupe.png) 212px 2px no-repeat; /*enter.png*/
	font-size: 15px;
	line-height: 15px;
	padding: 4px 14px;
	width: 210px;

	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	-ms-border-radius: 12px;
	}
	
/*	Karte */
#xmap {
	background-color: #D3E4B6;
	height: 450px;
	}


/*	Praesentation */
.show-strip {
	background: url(css/double_linen.png) 0 -32px repeat-x;
	}
.show {}
.show-stat {
	float: left;
	}
.show-dyn {
	float: left;
	margin-left: 7px; /*12px*/
	width: 570px; /*560px*/
	height: 360px;
	position: relative;
	overflow: hidden; /*???*/
	}
.items {
    /* this cannot be too large */
    width: 20000em;
    position: absolute;
    clear: both;
	}
.items > div {
    float: left;
	}
	
/*	Standortdaten */
.stdort {
	height: 210px;
	margin-top: 7px;
	font-size: 13px;
	line-height: 14px;
	color: white;
	}
.stdort h1 {
	font-size: 17px;
	line-height: 16px;
	margin-bottom: -3px;
	}
.stdort p, .stdort p a {
	margin-top: 4px;
	color: white;
	}

/*	Slider-Info */
.slidinfo {
	border: 0px dotted red;
	height: 265px;
	font-size: 13px;
	line-height: 14px;
	margin-right: 20px;
	margin-top: 4px;
	}
.slidinfo h2 {
	padding-bottom: 13px;
	}

/*	Text-Label-Container */
.txtlab {height: 118px;}
.txtlab p {
	font-size: 13px;
	color: black;
	margin-top: 8px;
	}
ul.tags {
	position: absolute;
	bottom: 0px;
	}
ul.tags li {
	float: left;
	margin-top: 4px;
	border: 0px;
	}
ul.tags a {
	margin: 0 2px 10px 0;
	padding: 0 6px 1px 6px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-color: gray;
	font-size: 14px;
	color: white;
	}
ul.tags a:hover {background-color: black;}

.imgcapt {
	position: relative;
	width: 560px;
	height: 360px;
	margin: 0;
	padding: 0;
	
	border-width: 0 5px;
	border-color: white;
	border-style: solid;
	}
.capttext {
	width: 550px;
	position: absolute;
	bottom: 0;
	padding: 5px;
	background-color: rgba(255,255,255,0.45);
	font-size: 13px;
	color: black;
	}

/*	Datenspalten */
.data-strip {}	
.data-1, .data-2 {
	width: 280px;
	float: left;
	margin: 7px 8px 8px 7px;
	}
.data-3 {
	width: 350px;
	margin: 7px 8px 8px 17px;
	float: left;
	}
.data-4 {
	width: 100px;
	float: left;
	}
.data-strip p {
	color: gray;
	font-size: 12px;
	line-height: 13px;
	}

/*	Textbereich */
.text-strip {}
.text {width: 900px;}
.text p {padding-bottom: 12px;}

.infotxt {
	width: 560px !important;
	/* height: 269px !important;*/
	/* overflow: hidden; wird nicht wirksam*/
	padding: 0 5px;
	-ms-column-count: 2;
	-moz-column-count: 2;
	-webkit-column-count: 2;
	column-count: 2;
	-ms-column-width: 100px;
	-moz-column-width: 100px;
	-webkit-column-width: 100px;
	column-width: 100px;
	-ms-column-gap: 15px;
	-moz-column-gap: 15px;
	-webkit-column-gap: 15px;
	column-gap: 15px;
	-ms-column-rule: 0px dashed gray;
	-moz-column-rule: 0px dashed gray;
	-webkit-column-rule: 0px dashed gray;
	column-rule: 0px dashed gray;
	-ms-break-inside: avoid;
	-moz-break-inside: avoid;
	-webkit-break-inside: avoid;
	break-inside: avoid;
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	font-size: 13px;
	line-height: 15px;
	text-align: justify;
	}

.socials {margin-top: 0;}	
.socials li a img {
	float: left;
	margin: 0 0 5px 5px;
	padding: 0;
	}
.socials li a img.staticmap {
	border: 1px solid gray;
	}

/*	Feature */
.feat-strip {
	background: url(css/double_linen.png) 0 -20px repeat-x;
	padding-top: 12px;
	}

/*	Zwischen-Menu */
#zwim-strip, #filt-strip {
	background-color: black;
	height: 34px;
	}
#zwim, #filt {}
#zwim div {
	float: right;
	font-size: 20px;
	margin-top: 5px;
	margin-left: 20px;
	margin-right: 38px;
	color: #ddd;
	}
#zwim ul, #filt ul {
	margin-left: 7px;
	margin-right: 23px;
	}
#zwim li, #filt li {
	list-style-type: none;
	margin-right: 10px;
	float: left;
	}
#zwim a, #filt a {
	margin: 6px 0;
	padding: 3px 12px;
	display: inline-block;
	background: url(css/double_linen.png) 0 0 repeat-x;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	box-shadow: -1px -1px 0 black;
	-moz-box-shadow: -1px -1px 0 black;
	-webkit-box-shadow: -1px -1px 0 black;
	text-shadow: 1px 1px 2px black;
	-moz-text-shadow: 1px 1px 2px black;
	-webkit-text-shadow: 1px 1px 2px black;
	text-decoration: none;
	font-size: 14px;
	color: #ddd;
	cursor: pointer;
	}
#zwim a.current, #zwim a:hover, 
#filt a.current, #filt a:hover {
	background: url(css/dgray_jean.png) 0 0 repeat-x;
	background: white;
	color: #222;
	}

/*	Hauptbereich (wofuer auch immer) */
.main-strip {
	}

/*	Material fuer die Karte */
.label {}
.label, .ortm, .orta, .bstr {
	clear: both;
	}

/*	Unterbereich 1/2/3 */
.sub1-strip {
	background: url(css/dgray_jean.png);
	padding-top: 6px;
	}
.sub2-strip {
	padding-top: 6px;
	}
.sub3-strip {
	padding-top: 6px;
	}

/*	Fussbereich */
#foot-strip {
	background-color: black;
	height: 200px;
	}	
#foot p {
	float: left;
	padding: 20px 8px 0 12px;
	}
#foot p, #foot p a {
	color: white;
	font-size: 11px;
	}
#cred {
	float: right;
	padding: 20px 12px 0 8px;
	width: 585px;
	}
#cred li {
	color: #888;
	font-size: 11px;
	}

/*	******************************************************************

	Menu-System. Die eigentliche Formatierung liegt im a-Element.
	z-Index: 1000 ++ (gesamte Fläche mit Abrundungen ist klickbar!!!)
	
	*****************************************************************/	

/*	******************************************************************

	Grid-System. Eigenschaften werden aus Typ, Funktion, horizontalem
	und vertikalem Grid geformt, es sind also immer 3 oder sogar 4
	Klassen anzugeben.
	
	Basis sind 5 Elemente a 180px mit 15px Abstand, woraus sich eine
	optische Contentbreite von 960 ergibt (5x 180 + 4x 15). Die Ab-
	staende werden durch top/left 7px und bottom/right 8px erzeugt.
	
	Effektiv ergibt das 975px Gesamtbreite. Plus Zugabe fuer rechts
	der optischen Linie plazierte Elemente (Navigation in Slidern).
	
	Innerhalb der Karten kein Padding! Punktlinie und Plus liegen
	sonst nicht am Rand an. Innenelemente muessen ihr eigenes Padding
	mitbringen, typischerweise 5px ringsum fuer das obere, 5px ringsum
	mit "Naehrand" fuer das untere, 5px ausser oben fuer mittlere.
	
	*****************************************************************/	
	
/*	Hilfsrahmen */
.lay5,.lay4,.lay3,.lay2,.lay1 {
	float: left;
	overflow: visible;
	position: relative;
	}
.lay5 {width: 975px;}
.lay4 {width: 780px;}
.lay3 {width: 585px;}
.lay2 {width: 390px;}
.lay1 {width: 190px;}
.pad {padding: 7px 8px 8px 7px;}

/*	Element im Grid (Kaertchen) */
.grid1, .grid2, .grid3, .grid4, .grid5, .sgrid {
	float: left;
	margin: 7px 8px 8px 7px;
	overflow: visible;
	position: relative;
	}

.grid1 {width: 180px;}
.grid2 {width: 375px;}
.grid3 {width: 570px;}
.grid4 {width: 765px;}
.grid5 {width: 960px;}
.sgrid {width: 310px;}

.card,.pcard {
	height: 269px;
	}
.hcard {
	height: 127px;
	}
.card,.pcard,.hcard {
	background-color: white;
	border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-ms-border-bottom-right-radius: 10px;
	}
.plak img, .quad img, .land img {
	width: 170px;
	padding: 5px;
	display: block;
	}
.plak img {height: 240px;}
.quad img {height: 170px;}
.land img {height:  70px;}
.card h2, .hcard h2, .card p, .hcard p {
	padding: 0 5px 5px 5px;
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
	overflow: hidden;
	}
.card p.utxt {
	position: absolute;
	bottom: 0;
	font-weight: bold;
	}
.plus:before { /* das Element */
	content: ""; /* kann auch url(image.jpg); sein! */
	background: #2080aa url(css/sprite.png) no-repeat -62px -26px;
	width: 22px;
	height: 18px;
	position: absolute;
	right: -4px;
	top: 12px;
	}
.plus:after { /* der Schatten */
	content: "";
	background: gray url(css/depth.png) no-repeat 0 0;
	width: 4px;
	height: 4px;
	position: absolute;
	top: 30px;
	right: -4px;
	}
.extra:before {background-color: #ccaa10;}
.extra:after {background-color: gray;}

.uparr:before { /* Pfeilchen nach oben an der Karte */
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	border: 12px solid transparent;
	border-bottom-color: white; /*#7a7a7a*/
	left: 83px;
	top: -24px;
	}
.clink:hover { /* Karte schwarz */
	background-color: black;
	}
.clink:hover p,.clink:hover h2 {color: white;}

/*	Info-Window */
.iwi {
	width: 250px;
	height: 67px;
	font-size: 11px;
	margin-top: -30px;
	}
.iwi a {
	text-decoration: none;
	color: black;
	}
.iwi a img {
	float: left;
	margin: 2px 7px 2px 0;
	}
.iwi a p {
	margin-top: 35px;
	}
.iwi a .meta {
	display: none;
	}

/*	Symbole im Adressbereich */
.symb {
	padding-left: 28px; 
	position: relative;
	min-height: 28px;
	padding-right: 28px;
	}
.symb:after {
	content: "";
	position: absolute;
	background: transparent url(css/sprite.png) no-repeat;
	width: 24px;
	height: 24px;
	left: 0px;
	top: 1px;
	}
.adr:after {background-position: -72px -115px;}
.tel:after {background-position: -96px -115px;}
.oez:after {background-position: -72px -91px;}
.web:after {background-position: -48px -138px;}
.dir:after {background-position: -24px -139px;}
.lnk:after {background-position: -24px -114px;}
.trm:after {background-position: -48px -91px;}
.mus:after {background-position: 0px -91px;}
.aus:after {background-position: 0px -115px;}
.aut:after {background-position: -120px -115px;}
.oez {margin-top: 5px;}
.oez p {
	float: left;
	margin-right: 15px;
	margin-top: 0 !important;
	width: auto;
	}
.unterz {padding-bottom: 3px}

/*	******************************************************************

	Scrollable (jQuery Tools)
	
	##Nimmt einen Grid-Platz ein, enthaelt aber seinerseits Grid-Elemente.
	Margin muss deshalb neutralisiert werden (sowie die fehlende Breite
	ausgeglichen, dabei kann auf ein paar Pixel verzichtet werden).
	
	Elemente sind eigentlich .grid3, werden aber abhaengig von .items
	formatiert, da alle gleich.
	
	.scroll3 ist hoch genug fuer 360px Bild + 2 Zeilen Text.###
	
	Enthält Grid-Elemente und muß daher selber ohne Grid sein (layX).
	Um die Sub-Navigation einzubinden, ist ein Rahmen-div erforderlich.
	Die Höhe des Scrollers wird durch .scroll definiert. Zudem braucht
	es Platz für die Pfeilchen.
	
	*****************************************************************/	

.scroll {
	height: 284px;
    overflow: hidden;
    padding-top: 6px;
    margin-top: -4px;
	}
.items {
    width: 30000px;
    position: absolute;
    clear: both;
	}
.scrnav {
	width: 20px;
	margin: 15px 0 0 3px;
	float: left;
	}
.sub1nav {
	width: 20px;
	margin: 118px 0 0 -4px;
	float: left;
	}
a.browse {
    background:url(css/sprite.png) no-repeat;
    display: block;
    width: 20px;
    height: 30px;
    cursor: pointer;
    font-size: 1px;
	}
a.left {background-position: -82px -33px;}
a.left:hover, a.left:active {background-position: -82px -1px;}
a.right {background-position: -103px -33px;}
a.right:hover, a.right:active {background-position: -103px -1px;}
a.disabled { visibility:hidden !important; }
	
/*	******************************************************************

	Sonstiges / Experimentalbereich
	
	*****************************************************************/

.giw {
	margin-left: -4px;
	margin-top: -2px;
	}
.giw .plus:before {visibility:hidden;}
.giw .plus:after {visibility:hidden;}

.abschn {}
.tittxt {height: 570px;}
.exemp {}
.li_item h2 {
	font-size: 24px;
	line-height: 26px;
	height: 26px;
	}
.lt_item h2 {
	font-size: 16px;
	margin-top: 3px;
	line-height: 18px;
	height: 21px;
	}
.tittxt p {
	font-size: 12px;
	padding-right: 30px;
	}

.sprom {
	height: 453px;
	}
.inset {
	position: relative;
	padding: 0 80px;
	top: -180px;
	}
.inset p.txt {
	position: relative;
	top: 180px;
	}
.chead {
	font-size: 15px !important;
	padding: 5px !important;
	margin-bottom: 6px;
	background-color: #383838;
	color: white;
	}
.chead2 {
	font-size: 15px !important;
	height: 15px !important;
	}
.tafel {
	background-color: white;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	-ms-border-radius: 12px;
	padding: 30px;
	min-height: 400px;
	}
.tafel h1 {
	float: left;
	width: 350px;
	color: black;
	margin-bottom: 15px;
	}
.tafel div {
	float: left;
	clear: left;
	color: black;
	font-size: 14px;
	}
.tafel p {
	color: black;
	font-size: 13px;
	padding: 2px 30px 15px 365px;
	}