/*********************************************************************
Version 2.00 Relaunch jetzt 2.10 neue Farben!
*********************************************************************/

*
{	font-size: 12px;
	font-family: Tahoma,Arial,sans-serif;
	font-size:11px;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	}
:focus
{	outline: thin dotted gray;
	}
a:link
{	text-decoration: none;
	color: black;
	}
a:visited
{	color: #5e757a;
	text-decoration: none;
	}
a:hover, a:active
{	color: red;
	text-decoration: underline;
	}
ol,ul
{	list-style: none;
	}
em
{	font-style: normal;
	font-variant: small-caps;
	font-size: 12px;
	}
table
{	border-collapse: separate;
	border-spacing: 0;
	}
a.mehr, a.back, a.link, a.mail
{	background: no-repeat 0 3px;
	padding-left: 9px;
	/*font-weight: bold;*/
	/*color: #5e757a;*/
	}
a.mehr { background-image: url(repfeil.gif); }
a.back { background-image: url(lipfeil.gif); }
a.link { background-image: url(repfeil.gif); }
a.mail { background-image: url(mail.gif); }

hr
{	clear: left;
	visibility: hidden;
	}
hr.both
{	clear: both !important;
	}

/*********************************************************************
#wrap = Nutzbereich, zentriert.

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

body
{	margin: 0; padding: 0;
	background-color: #C9D1D2;
	}

#wrap
{	width: 970px;
	align: center;
	margin: 0px auto;
	padding: 0;
	}
	
#menu, #head, #main, #foot
{	clear: both;
	padding: 0 10px 0 40px;
	overflow: visible;
	}
	
#main
{	background: white url(Streifen.gif) center 0 repeat-y;
	overflow: visible;
	min-height: 600px;
	}

#zwi
{	background: white url(uBogen.gif) top no-repeat;
	height: 37px;
	}

#sub
{	background: #ACACAC url(uStreifen.gif) center 0 repeat-y;
	height: 240px;
	padding: 6px 20px 20px 40px;
	color: white;
	}
#sub a
{	color: white;
	}
#sub div.elem
{	float:left;
	width: 220px;
	text-align: left;
	padding: 0 18px 0 5px;
	
	/*background-color: yellow;
	border: 1px dotted red;*/
	}

#foot
{	background: #C9D1D2 url(Abschl.gif) top no-repeat;
	height: 30px;
	}

/*********************************************************************
#menu = Kopfmenue.

Organisiert Registerkarten, die auf die Seiten-ID reagieren.
*********************************************************************/

#menu
{	background: white url(Head.gif) top no-repeat;
	height: 28px;
	padding: 48px 0 0 285px;
	overflow: hidden;
	}
#menu span
{	background-color: #CBD3D4;
	display: block;
	float: left;
	height: 14px;
	margin-right: 4px;
	padding: 1px 8px 3px 8px;
	border: 4px solid #CBD3D4;
	border-bottom: 0;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	font-size: 14px;
	}
#menu span a,
#menu span a:link,
#menu span a:visited,
#menu span a:focus,
#menu span a:active,
#menu span a:hover
{	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	color: #5e757a;
	}
#menu span:hover,
#museum #m_museum,
#ausst #m_ausst,
#regio #m_regio,
#fachg #m_fachg,
#inspi #m_inspi,
#firma #m_firma,
#nachr #m_nachr,
#media #m_media,
#user #m_user,
#menu span.aktiv
{	background-color: white;
	height: 20px !important;
	box-shadow: 0 0 6px #2f3a3c;
	-webkit-box-shadow: 0 0 6px #2f3a3c;
	-moz-box-shadow: 0 0 6px #2f3a3c;
	}

/*********************************************************************
#titel = Textbereich im Kopf.

Zwei Headline-Ebenen unterschiedlicher Groesse
Organisiert das rechte Boegelchen, reicht bis ganz rechts

.backdiv floatet links, Raum fuer Backlinks (als Karten)
*********************************************************************/

#head
{	height: 56px;
	padding: 12px 0 6px 40px;
	background: white url(oBogen.gif) 0 0 no-repeat;
	}
h1,h2
{	font-weight: normal;
	}
h1
{	font-size: 24px;
	}
h1 span
{	font-size: 14px;
	}
h2
{	font-size: 14px;
	}

#backlinks
{	margin-top: 6px;
	float: left;
	width: 246px;
	height: 40px;
	}
#pluslinks
{	/*margin-top: 12px;*/
	float: left;
	}
#backlinks a,
#pluslinks a
{	padding: 0 6px 2px 10px;
	clear: left;
	}
#backlinks a
{	background-position: 2px;
	padding-left: 12px;
	}
#pluslinks a
{	background-position: 4px;
	padding-left: 14px;
	}
#backlinks .card,
#pluslinks .card
{	margin-bottom: 3px;
	}
	
#pluslinks h2
{	color: gray;
	margin-bottom: 6px;
	font-weight: bold;
	clear: left;
	}

/********************************************************************
.card = Schattierte Karten

Alle Karten floaten nach links und haben nach rechts und unten einen
Abstand von jeweils 12px, dazu kommt i.d.R. ein Border und das Padding
mit jeweils 1 Punkt. Der Schatten zaehlt bei der Groesse nicht mit.


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

.card
{	float: left;
	margin: 0 12px 12px 0;
	display: inline; /*IE5/6 Doubled Float-Margin Bug*/
	padding-bottom: 2px;
	border: 1px solid #CBD3D4;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	box-shadow: 1px 2px 6px silver;
	-webkit-box-shadow: 1px 2px 6px silver;
	-moz-box-shadow: 1px 2px 6px silver;
	}
.card p
{	padding: 0 3px;
	}

.vt, .bt, .tbt, a.plak
{	float: left;
	display: inline; /*IE5/6 Doubled Float-Margin Bug*/
	margin: 0 12px 12px 0;
	}
.bt, .vt, .tbt
{	border: 1px solid #CBD3D4;
	padding: 1px;
	//border-radius: 6px;
	//-moz-border-radius: 6px;
	//-webkit-border-radius: 6px;
	}
.bt, .tbt
{	height: 149px;
	width: 104px;
	}
.vt
{	height: 108px;
	width: 144px;
	}
a.plak, a.plak img
{	height: 153px;
	width: 107px; /* ??? wieso nicht 108 ??? */
	padding: 0 !important;
	border: 0;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	box-shadow: 1px 2px 6px silver;
	-webkit-box-shadow: 1px 2px 6px silver;
	-moz-box-shadow: 1px 2px 6px silver;
	}

.vt a, .bt a, .tbt a
{	display: block;
	text-align: center;
	font-size: 10px;
	overflow: hidden;
	}
.tbt a.oben
{	font-weight: bold;
	height: 28px;
	}
.bt a.unten, .tbt a.unten
{	height: 39px;
	}
.vt a.unten
{	height: 28px;
	}
.tbt img
{	width: 104px;
	height: 82px;
	}
.bt img, .vt img
{	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	}
.bt img
{	width: 104px;
	height: 110px;
	}
.vt img
{	width: 144px; /*144px*/
	height: 80px;
	}
img.v60
{	width: 60px !important;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	}
	
.tipp, .tipp3, .xtipp
{	width: 225px; /*226px*/
	font-size: 10px;
	padding-right: 1px;
	}
.tipp3
{	height: 39px;
	}
.xtipp
{	height: 94px;
	}
.xtra, .atipp
{	background-color: #FFFFDD;
	}
.xkat
{	background-color: #EEEEEE;
	}

.tipp img,
.tipp3 img, .tipp3 span,
.xtipp img, .xtipp span,
.atipp img, .atipp span
{	float: left;
	padding: 0 4px 1px 0;
	border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	}
.tipp img, .tipp span
{	width: 36px !important;
	height: 36px;
	}
.tipp3 img, .tipp3 span,
.xtipp img, .xtipp span,
.atipp img, .atipp span
{	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	}
.tipp3 img, .tipp3 span,
.atipp img, .atipp span
{	width: 41px !important;
	height: 41px;
	}
.xtipp img, .xtipp span
{	width: 41px !important;
	height: 96px;
	}

.tipp p, .tipp3 p
{	/*font-size: 10px;*/
	}
.xtipp h4
{	padding-bottom: 6px;
	}
.tipp em
{	font-size: 10px;
	}
/*
.tipp:hover, .tipp3:hover, .xtipp:hover
{	background-color: #DDDDDD;
	cursor: default;
	}
*/
.tipp:hover a, .tipp3:hover a
{	color: black;
	text-decoration: underline;
	}
.click:hover
{	background-color: #DDDDDD;
	cursor: default;
	}
.stipp
{	padding-bottom: 1px;
	/*border: 1px dotted green;*/
	}
.atipp
{	width: 232px;
	height: 39px;
	}
.kateg
{	width: 180px;
	background: #EEEEEE url(M41.png) no-repeat;
	padding: 2px 1px 0 45px;
	}
.kateg a
{	font-size: 14px;
	font-weight: bold;
	}
.doub
{	width: 232px;
	height: 149px;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	box-shadow: 1px 2px 6px silver;
	-webkit-box-shadow: 1px 2px 6px silver;
	-moz-box-shadow: 1px 2px 6px silver;
	}
.doub img
{	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}

.quer
{	width: 451px;
	height: 13px;
	background: url(repfeil.gif) no-repeat 4px 3px;
	padding: 0 1px 2px 14px;
	margin-bottom: 3px;
	overflow: hidden;
	}
.quer em
{	float: left;
	font-size: 12px;
	font-variant: small-caps;
	width: 160px; /*106px*/
	line-height: 11px;
	}
	
/* Neukonzeption Radien: alo,aro,alu,aru,al,ao,aa */
/* ilo,iro,ilu,iru,...,ia */
	
#liste
{	/*border: 1px dotted green;*/
	padding-left: 37px;
	width: 429px;
	clear: left;
	}

/*
.drittel
{	width: 140px;
	height: 94px;
	}
.drittel h2
{	color: #5e757a;
	}
*/

/*********************************************************************
#find = Suchfeld und Karte

Nettobreite je 234 (Standard Bannerformat), links 30
*********************************************************************/

#find
{	width: 246px;
	margin: 0 !important;
	/*padding-right: 12px; Unsinn, Layoutelement! */
	float: left;

	/*border-bottom: 1px dotted blue;*/
	/*background-color: yellow;*/
	}
#find form,
#minimap
{	width: 228px;
	border: 3px solid #CBD3D4;
	margin-bottom: 6px;
	padding: 0 !important;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	}
#find form
{	background-color: white;
	height: 15px;
	}
#find input
{	float:left;
	}
#find input[type='text']
{	border: 0;
	height: 15px;
	margin: 0;
	padding: 0;
	}
#minimap
{	height: 208px;
	overflow: hidden;
	padding-bottom: -20px !important;
	margin-bottom: 9px;
	}
#minimap img.nomap
{	width: 228px;
	height: 208px;
	overflow: hidden;
	}
#minimap img.ovrly
{	position: absolute;
	filter: alpha(opacity=50); /* IE */
	-moz-opacity: 0.50; /* Gecko-Browser */
	-webkit-opacity: 0.50; /* Chrome */
	opacity: 0.50; /* Opera 9+ */
	z-index: 1;
	}
#find_list
{	width: 234px;
	margin-bottom: 12px;
	}
#find_list a
{	display: block;
	}
#find_list h2
{	padding-bottom: 12px;
	}

/*********************************************************************
Content-Bereiche mit speziellen Eigenschaften 

#pano(neu): links und Mitte, Platz fuer z.B. einen Slider mit Plakaten
#deep: fuer den Platz unter der Karte, floatet links

#usky: unter dem Google Skyscraper


Alle Inhalte (!) haben nach rechts und unten 12px Margin.
Layoutelemente haben typischerweise KEINEN Margin.


#cont = Hauptteil, mit Titel, Skyscraper, Vollbanner, Pano, Sponsor,
  Focus, Slider, Edit und Sub (brauchen wir das noch?)
  
Von der Gesamtbreite bleiben 950-234-12-30=674 (480+190, 4 Reserve)

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

#cont
{	float: left;
	width: 480px; /*674*/
	overflow: visible;
	}
#pano4
{	float: left;
	width: 482px; /*728px*/
	height: 195px;
	padding-bottom: 24px;
	}
#pano6
{	float: left;
	width: 728px;
	height: 195px;
	padding-bottom: 24px;
	}
#pano4 a.plak { margin-right: 13px; }
#pano6 a.plak { margin-right: 14px; }

#licont, #recont
{	width: 240px;
	float: left;
	}
#licont
{	/*background-color: lightgreen;*/
	}
#recont
{	/*background-color: lightblue;*/
	}
#deep
{	float: left;
	width: 240px;
	/*border: 1px dotted red;*/
	padding-right: 6px;
	}
#ukarte
{
	}
#usky
{	width: 158px;
	border: 1px dotted red;
	}
	
#elemlist
{	clear: left;
	/*background-color: yellow;*/
	}
#elemlist p
{	padding-bottom: 6px;
	}


#liaussen
{	width: 240px;
	float: left;
	}
#liucont,#reucont
{	width: 240px;
	float: left;
	}
#liaussen
{	padding-left: 6px;
	/*background-color: yellow;*/
	}
#liaussen a
{	display: block;
	}
#liucont
{	/*background-color: yellow;*/
	}
#reucont
{	/*background-color: yellow;*/
	}
#reaussen
{	/*background-color: yellow;*/
	width: 160px;
	}

/********************************************************************
#focus, topthema = Die grosse Flaeche neben der Karte!

Wahlweise eine Gesamtflaeche oder eine grosse + eine kleine.
Focus mit unbegrenzter Hoehe, Topthema wie Karte!
*********************************************************************/

#topthema, #topthema1, #topthema2
{	float: left;
	
	/*background-color: lightgreen;*/
	}
#topthema, #topthema1, #topthema2
{	height: 237px;
	}
#topthema
{	width: 468px; /*480-18 falls Karte!*/
	}
#topthema1
{	width: 300px;
	}
#topthema2
{	width: 146px;
	}

#topthema em, #topthema1 em, #topthema2 em
{	float:left;
	background-color: #5e7479;
	border: 1px solid #5e7479;
	margin-right: 6px;
	padding: 0 3px 3px 3px;
	color: white;
	border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	font-size: 14px;
	height: 16px;
	}
#topthema h3, #topthema1 h3, #topthema2 h3
{	font-size: 16px;
	color: #5e757a;
	height: 20px;
	}
#topthema p, #topthema1 p, #topthema2 p
{	padding-bottom: 6px;
	}
	
.tophalb
{	width: 233px;
	}
.tophalb em
{	padding: 2px 1px 2px 3px !important;
	}
.tophalb img
{	padding: 1px 0 0 2px !important;
	}
.tophalb p
{	padding: 0 1px 1px 3px;
	}
	
#focus
{	float: left;
	width: 468px; /*468px*/
	margin: 0 12px 12px 0;
	padding-bottom: 2px;
	overflow: visible;
	}
#focus img
{	float: left;
	padding: 0 9px 3px 0;
	}
#focus .hillu
{	margin-bottom: 6px;
	display: block;
	width: 468px; /*480px*/
	/*border: 1px dotted blue;*/
	padding: 0;
	}
#focus p
{	padding: 0 30px 12px 72px;
	margin: 0;
	/*border: 1px dotted red;*/
	}
#focus p.kommentar
{	background-color: #dbdedc;
	font-style: italic;
	}
#focus em
{	font-style: normal;
	font-weight: bold;
	}

#sponsor p
{	padding: 0 12px 0 84px;
	}
#sponsor p a
{	color: #5680B3;
	text-decoration: underline;
	}

/*********************************************************************
#sub = Der Bereich unterhalb der unteren geschwungenen Linie.

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


/***********************************************
	YouTube Video
	********************************************/

.ytv_div
{	width: 468px; /*480px*/
	height: 288px; /*295px*/
	float: left;
	margin: 0;
	}
.ytv_obj
{	position: absolute;
	width: 480px;
	height: 295px;
	}

/***********************************************
	Formular
	********************************************/

form
{	margin: 0;
	padding: 0;
	}
form fieldset
{	}
form legend
{	}
form label
{	width: 40px;
	display: block;
	float: left;
	}
input[type=text]
{	}

/***********************************************
	Allgemeine Formate
	********************************************/

.inv
{	display: none;
	}
.vis
{	display: block;
	}
.both
{	clear: both;
	}
.fett
{	font-weight: bold; 
	}
.hover
{	cursor: pointer;
	}

/***********************************************
	Vogelkasten
	********************************************/

.vogel
{	width: 468px;
	background: url(vogelkasten.gif) no-repeat top left;
	margin: 6px 0;
	}
.vogel p
{	background: url(vke.gif) no-repeat bottom left;
	padding: 42px 9px 6px 71px !important;
	margin: 0;
	}
.vogel p, .vogel p a
{	font-size: 11px;
	line-height: 11px;
	/*font-family: Courier;*/
	}

/***********************************************
	Video- und Fotoecke
	********************************************/

.videoeck,.fotoeck
{	width: 108px;
	height: 156px;
	position: absolute;
	}
.videoeck
{	background: url(Videocam.png) no-repeat 65px 2px;
	}
.fotoeck
{	background: url(Photocam.png) no-repeat 65px 2px;
	}
.bpad468
{	width: 468px;
	height: 60px;
	position: absolute;
	background: white;
	filter: alpha(opacity=0.5); /* IE */
	-moz-opacity: 0.005; /* Gecko-Browser */
	opacity: 0.005; /* Opera 9+ */
	padding-bottom: 12px;
	}
.banner468
{	/*padding: 0 0 6px 12px;*/
	/*background-color: #e8ebea;*/
	overflow: visible;
	display: block;
	}
	
/***********************************************
	Spezielle Links (Partner etc)
	********************************************/

span.leiter
{	background: url(Krone.png) no-repeat 0 2px;
	padding-left: 17px;
	}
span.gastro
{	background: url(Cafe.png) no-repeat 0 2px;
	padding-left: 17px;
	}
span.shop
{	background: url(Cart.png) no-repeat 0 2px;
	padding-left: 17px;
	}
span.nutz
{	background: url(Nutz.png) no-repeat 0 2px;
	padding-left: 17px;
	}
span.top1000
{	background: url(Top1000.png) no-repeat 0 2px;
	padding-left: 17px;
	}

span.enp, a.enp
{	background: url(en.png) no-repeat 0 2px;
	padding-left: 17px;
	}
span.frp, a.frp
{	background: url(fr.png) no-repeat 0 2px;
	padding-left: 17px;
	}

a.mpass
{	background: url(OMP.png) no-repeat 0 2px;
	padding-left: 17px;
	}
a.omp
{	background: url(OMP.png) no-repeat 0 2px;
	padding-left: 17px;
	}
a.db_logo
{	background: url(DB_Logo.png) no-repeat 0 2px;
	padding-left: 17px;
	}
a.gtour
{	background: url(gtour.png) no-repeat 0 2px;
	padding-left: 17px;
	}

/***********************************************
	Elemente der Include-Seiten
	********************************************/

#focus h3
{	/*padding-left: 12px;*/
	padding-top: 12px;
	}
#focus table
{	width: 480px;
	padding-left: 84px;
	table-layout: fixed;
	border-spacing: 1px;
	}
#focus table tr
{	vertical-align: top;
	}
#focus table tr td
{	padding: 0 3px;
	text-align: center;
	}

#focus table tr.h1
{	background-color: black;
	}
#focus table tr.h1 td
{	color: white;
	}

#focus table tr td
{	width: 49px;
	}
#focus table tr td.sp1
{	width: 160px !important;
	text-align: left !important;
	}
#focus table tr td.sp12
{	width: 210px !important;
	text-align: left !important;
	}
#focus a[name]:hover
{	color: black;
	text-decoration: none;
	}
#focus span.al
{	background-color: white;
	display: block;
	padding: 2px 0;
	}
#focus div
{	/*background-color: green;*/
	clear: left;
	}

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

#twitter
{	margin: 0;
	padding: 0;
	padding-top: 6px;
	height: 320px;
	}
#twitter *
{	font-size: 11px;
	}

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

#google_l
{	height: 60px;
	}
#google_m
{	clear: left;
	height: 60px;
	padding: 6px 0 12px 0;
	/*padding-left: 84px; 12,84 75*/
	/*margin-bottom: 6px;*/
	/*border: 1px dotted green;*/
	}
#google_r
{	float: right;
	height: 600px;
	width: 160px;
	padding: 0 30px 0 0;
	}

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

.roterrahmen
{	border: 1px dashed red;
	margin: 0 12px 24px 12px !important;
	padding: 6px !important;
	}
.roterrahmen img
{	/*<img src='bild.php?id=9914939&w=clpq'>*/
	width: 40px !important;
	height: 40px !important;
	float: right !important;
	}