/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +- Body
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 */
 
body.print 
	{ 
	background-color:#fff; 
	}

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +- Search Form
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 */
.searchresult {
margin-bottom:20px;
}
.searchresult span.title {
display:block;
font-weight:bold;
}
.searchresult span.description {
display:block;
}
.searchresult span.linkpath {
display:block;
font-size:smaller;
line-height:1.3em;
} 

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +- [WAI] ZMSLinkContainer
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 */

div.ZMSLinkContainer
	{
	background-color: #eee;
	}

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +- [WAI] ZMSFile / ZMSLinkElement
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 */

div.ZMSFile, div.ZMSLinkElement 
	{ 
	background-color: #F8F8F8;
	margin: 4px;
	}

div.ZMSFile.none, div.ZMSLinkElement.none 
	{
	background-color: transparent;
	border: 2px dashed #eee;
	}

div.ZMSFile.floatleft, div.ZMSLinkElement.floatleft 
	{ 
	float:left;
	width:50%
	}

div.ZMSFile.floatright, div.ZMSLinkElement.floatright 
	{ 
	float:right;
	width:50%
	}

div.ZMSFile div.title, div.ZMSLinkElement div.title 
	{
	font-size:x-small;
	white-space:nowrap;
	}

div.ZMSFile div.title a:link, div.ZMSFile div.title a:visited, 
div.ZMSLinkElement div.title a:link, div.ZMSLinkElement div.title a:visited 
	{
	font-weight:bold;
	font-size:x-small;
	text-decoration:none;
	color:black;
	}

div.ZMSFile div.text, div.ZMSLinkElement div.text 
	{
	font-size:xx-small;
	}

div.ZMSFile div.description, div.ZMSLinkElement div.description 
	{
	font-size:x-small;
	}

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +- [WAI] ZMSGraphic
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 */

div.ZMSGraphic {
	background-color: #F8F8F8;
	margin: 4px;
}

div.ZMSGraphic.left {
	text-align:left;
}

div.ZMSGraphic.right {
	text-align:right;
}

div.ZMSGraphic.center {
	text-align:center;
}

div.ZMSGraphic.floatleft {
	float:left;
}

div.ZMSGraphic.floatright {
	float:right;
}

div.ZMSGraphic.center {
	text-align:center;
}

div.graphic.alignleft {
	float:left;
	text-align:right;
}

div.graphic.alignright {
	float:right;
	text-align:right;
}

div.ZMSGraphic div.text {
	padding: 4px;
}

/*-- ## FF Patch ## --*/
div.ZMSGraphic.right div.graphic {
	width:100% !important; 
}
div.ZMSGraphic.right div.graphic img {
	display:inline !important;
}

a.zoom img.zoom {
	width: 23px;
	height: 21px;
	background: url(/misc_/zms/zoom.gif);
}

a.download img.download {
	width: 23px;
	height: 21px;
	background: url(/misc_/zms/download.gif);
}

a.superzoom img.superzoom {
	width: 23px;
	height: 21px;
	background: url(/misc_/zms/superzoom.gif);
}

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +- [WAI] ZMSTables
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 */

table.ZMSTable th {
	background-color:#DDEFFC; 
}

table.ZMSTable td {
	background-color:#EEEEEE; 
}

body.print table.ZMSTable th, 
body.print table.ZMSTable td {
	background-color:transparent; 
}

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +- [WAI] ZMSTeaser
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 */

div#teaser
	{
	width:150px;
	font-size:x-small;
	}

div.ZMSTeaserContainer
	{
	padding:1px;
	margin-bottom:10px;
	}

div.ZMSTeaserElement
	{
	}

div.ZMSTeaserElement img.title
	{
	border: none;
	}

div.ZMSTeaserElement div.title a:link,
div.ZMSTeaserElement div.title a:visited,
div.ZMSTeaserElement div.title
	{
	font-weight:bold;
	text-decoration:none;
	color:black;
	padding: 2px;
	display: block;
	}

div.ZMSTeaserElement div.text a:link,
div.ZMSTeaserElement div.text a:visited,
div.ZMSTeaserElement div.text
	{
	}


/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +- [WAI] Misc
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 */

div.ZMSObject.new, div.ZMSObject.modified {
  border: 2px dashed blue;
  background-color: #F0F0FF;
} 
div.ZMSObject.deleted {
  border: 2px dashed red;
  background-color: #FFF0F0;
  color: red;
  text-decoration: line-through;
} 

span.unicode { 
  font-family:"Lucida Sans Unicode", "Arial Unicode MS", Arial, Helvetica, sans-serif;
}

span.highlight { 
  background-color: yellow;
  color: black;
  font-weight: bold;
}



/****************************************************/
/*    1.  CSS-Modul: COLORS                         */
/****************************************************/
.neutralColorTrans {background-color: transparent}
.neutralColorWhite {background-color: #fff}
.neutralColorLight {background-color: #e8e8e8}
.neutralColorMedium {background-color: #ccc}
.neutralColorStrong {background-color: #999}
.neutralColorBlack  {background-color: #000}
.teaserColor {background-color: #B8CB00;}
.secondColorStrong {background-color: #aaa;}
.secondColorMedium {background-color: #ddd;}
.secondColorLight {background-color: #eee;}
.primColorStrong {background-color: #336699;}
.primColorMedium {background-color: #B0C3DE;}
.primColorLight {background-color: #DCE0EA;}

.backgroundColor {background-color: #CFEFED;}
.shadowColor {background-color: #669999;}

.searchTableColor {background-color: #F8FFE6;}
.searchInputColor {background-color: #FBFFF3;}

.emphasisBoxColor {background-color: #E9F8F7}

.MenuCurrentColor {background-color: #22718A;}
.MenuHoverColor {background-color: #65A8B3;}
.MenuLineColor {background-color: #D8EAEA;}
.MenuBGColor {background-color: #A9DEDB;}
.MenuCurrentTextColor {background-color: #DBEEF3}  
 
.macronavHoverColor {background-color: #FBFFF3;}
.macronavCurrentColor {background-color: #F8FFE6;}

.SuperLinkColor {background-color: #F6FFE0;}
.infoBoxColor {background-color: #C1E3E1;}

.primTextColorBlue {background-color: #25305D;}
.primTextColorGray {background-color: #656565;}
.primTextColorPurple {background-color: #7B006A;}
.tempTextColorGreen {background-color: #7EB300;}

/****************************************************/
/*    2.  CSS-Modul: LAYOUT (PAGE REGIONS)          */
/****************************************************/
/*       wrapping model based on:                   */
/*       http://www.alistapart.com                  */
/*       /articles/negativemargins/                 */
/****************************************************/
body#web {
  margin:0;
  padding:0;
  border:0;
  background:#CFEFED;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  position:relative;
  text-align:center;
}

/*-- wrapper for whole page region --*/
#pageregion {
  position:relative;
  margin:5px auto;
  padding:0;
  border:0;
  width:950px;
  text-align:left;
}
/*-- wrapper for providing a full scale left background --*/
#layoutWrapper1_BGleft { 
  float:left;
  width:100%;
  background:url(http://www.tourism-heidelberg.com/common/pageregionLeftBG1.gif) repeat-y left;
  background-color:#fff;
}
/*-- wrapper for providing a full scale right background --*/
#layoutWrapper2_BGright {	
  float:left;
  width:100%;
  background:transparent url(http://www.tourism-heidelberg.com/common/pageregionRightBG1.gif) repeat-y right;
}
/*-- wrapper for positioning the right column --*/
#layoutWrapper3_ContentAll  {
  width:100%;
  float:left;
  margin-right:-212px;
  background:transparent url(http://www.tourism-heidelberg.com/common/pageregionRightBG1.gif) repeat-y right;
}
/*-- wrapper for left column and content column--*/
#layoutWrapper4_ContentLeft {
  background:transparent url(http://www.tourism-heidelberg.com/common/pageregionLeftBG1.gif) repeat-y left;
  margin-right:220px;
}
#Content {
  float:left;
  width:530px;
  margin:0px;
  padding-left:10px;
  border:0;
}
#Sitemap {
  float:left;
  width:530px;
  margin:0px;
  padding-left:10px;
  border:0;
}

#top {
  position:relative;
  float:left;
  margin:10px 0 0 0;
  padding:0;
  border:0;
  width:950px;
  color:#25305d;
  font-size:16px;
  font-weight:bold;
}
#logo {
  float:left;
  width:173px;
  height:98px;
  mrgin:0;
  padding:0 17px 15px 0;
}
#iconWrapper {
  float:right;
  width:200px;
  height:20px;
  margin-right:5px;
}
#bookmarking {
  float:right;
  width:125px;
  height:18px;
  padding:0;
}
#pageregionLeft {
  margin:0px;
  float:left;
  width:190px;
}
#PRLads {
  float:left;
  width:180px;
  padding:0 10px 20px 0;
  background:transparent;
  text-align:center;
}
/* BG-color compensates BG-bug of IE */
#pageregionRight {
  float:right;
  margin:0px;
  padding:0;
  background-color:transparent; 
}
#headerWrapper {
  width:100%;
  height:224px;
  border:0;
  margin:0;
  padding:0;
  background:transparent url(http://www.tourism-heidelberg.com/common/header_BM.gif) bottom left repeat-x;
	
}
#headerWrapperLeft {
  float:left;
  width:100%;
  height:224px;
  background:transparent url(http://www.tourism-heidelberg.com/common/header_L.gif) left top no-repeat;
}
#headerWrapperRight {
  float:left;
  width:100%;
  height:224px;
  background:transparent url(http://www.tourism-heidelberg.com/common/header_R.gif) right top no-repeat;
}
#HeaderImage {
  float:left;
  width:540px;
  height:224px;
  margin-bottom:10px;
  margin-left:-10px;
  overflow:hidden;
}
/* so the header IE6 is in proper alignment with the rest of the world... */ 
* html #HeaderImage {
  margin-left:-5px;
}
#pageregionBottom {
  float:left;
  width:100%;
  padding-bottom:25px;
  background:transparent url(http://www.tourism-heidelberg.com/common/corner_BM.gif) repeat-x;
  vertical-align:top;
  font-size:11px;
}
#pageregionBottomLeft {
  float:left;
  width:100%;
  background:transparent url(http://www.tourism-heidelberg.com/common/footer_L.gif) left top no-repeat;
}
#pageregionBottomRight {
  float:left;
  width:100%;
  background:transparent url(http://www.tourism-heidelberg.com/common/footer_R.gif) right top no-repeat;
}
.spacerLeftBottom {
  float:left;
  width:182px;
  height:17px;
  background:transparent url(http://www.tourism-heidelberg.com/common/spacer_bottom_L.gif) no-repeat;
  overflow:hidden;
}
.spacerLeftTop {
  float:left;
  width:182px;
  height:19px;
  background:transparent url(http://www.tourism-heidelberg.com/common/spacer_top_L.gif) no-repeat;
  overflow:hidden;
}
#pageelement_Copyright {
  float:left;
  width:100%;
  padding-top:15px;
  color:#25305d;
}
#pageelement_Copyright a, #pageelement_Copyright a:link, #pageelement_Copyright a:visited {
  text-decoration:none;
}
#pageelement_Copyright a:hover, #pageelement_Copyright a:active {

}

/*-- FLOATING ---------------*/
.clearing {
  clear:both;
  height:0;
  border:0;
  margin:0;
  padding:0;
  font-size:1px;
  line-height:0;
}
.floatRight {
  float:right;
}
.floatLeft {
  float:left;
}
img.imgNoborder {
  border:0px;
}

/****************************************************/
/*    3.  CSS-Modul: LAYOUT (PAGE ELEMENTS)         */
/****************************************************/

/* -- SITEMAP --------------------------------------*/
td.sitemapTitle0 {
  background-color:#ddd;
  border-right:1px solid #444;
}
td.sitemapTitle1 {
  background-color:#ddd;
  border-right: solid 1px #000;
}
a.sitemapTitle0:link, a.sitemapTitle0:visited ,
a.sitemapTitle0:hover, a.sitemapTitle0:active {
  font-weight:bold;
  color:#444;
  text-decoration:none;
}

a.sitemapTitle1:link, a.sitemapTitle1:visited,
a.sitemapTitle1:hover, a.sitemapTitle1:active {
  font-weight:bold;
  color:#000;
  text-decoration:none;
}

a.sitemapElement0:link, a.sitemapElement0:visited,
a.sitemapElement0:hover, a.sitemapElement0:active {
  color:#444;
  text-decoration:none;
  font-size:12px !important;font-size:small;
}

a.sitemapElement1:link, a.sitemapElement1:visited,
a.sitemapElement1:hover, a.sitemapElement1:active {
  color:#000;
  font-weight:bold;
  text-decoration:none;
  font-size:12px !important;font-size:small;
}

/* -- SEARCH ---------------------------------------*/

/* -- (Input) -- */
#search {
  float:left;
  width:182px;
  height:120px;
  margin:0;
  padding:0;
  background-image:url(http://www.tourism-heidelberg.com/common/phonebook.jpg); 
}
.searchLabel, .searchLabel, .searchElement, .searchText {
  font-size:10px;
}
#search form {
  margin:3px 0 0 0;
  border:0;
  padding:0;
}
#search input#raw {
   width:113px;
   height:14px;
   margin:16px 0 0 15px;
   border:1px solid #656565;
   border-right:0;
   padding:2px;
   background:#fff;
   color:#656565;
   font-size:11px;
   vertical-align:top;
}
/* -- so search field and lupe line up in IE6 --  */
* html #search input#raw {
  margin-top:15px;
}
/* -- so search field and lupe line up in IE7 --  */
*:first-child+html #search input#raw {
  margin-top:15px;
}
#search input#btnSearch {
  vertical-align:bottom;
  margin:0;
}
#search table {
  margin:10px 10px 0px 10px;
  color:#f8ffe6;
  text-align:left;
}
p.search {
  margin:9px 0 0 7px;
  padding:0;
  color:#25305d;
  font-size:12px;
  font-weight:normal;  
}
p.searchtwo {
  margin:9px 0 0 7px;
  padding:0;
  color:#25305d;
  font-size:12px;
  font-weight:bold;  
}
.searchLabel, .searchLabel, .searchElement, .searchText {
  font-size:11px; 
  font-size:small;
}

/* -- (Results) -- */

#searchresults {
  width:430px;
  padding:10px 10px 0 10px;
}
#searchresults dd {
  margin-top:3px;
  color:#656565;
}

/* -- NEWS -----------------------------------------*/
#Newsindex {
  float:left;
  width:180px;
  background:transparent url(http://www.tourism-heidelberg.com/common/macronav0_bg.gif) repeat-y;
}
#Newsindex a, #Newsindex a:link, #Newsindex a:visited  {
  display:block;
  float:left;
  width:160px;
  padding:8px 10px;
  color:#656565;
  text-decoration:none;
}
#Newsindex a:hover, #Newsindex a:active {
  background:#fbfff3 url(http://www.tourism-heidelberg.com/common/macronav_hover_bg.gif) repeat-y;
  text-decoration:none;
}
#Newsindex ul {
  float:left;
  margin:0;
  padding:0;
  list-style:none;
}
#Newsindex li.title {
  padding:0;
  margin:0;
  background:transparent;
}
#Newsindex a.newsTitle, #Newsindex a:link.newsTitle, #Newsindex a:visited.newsTitle {
  width:160px;
  padding:3px 10px 3px 10px;
  margin:0;
  background:transparent;
  color:#7b006a;
  text-decoration:none;
  font-size:14px;
  line-height:16px;
}
#Newsindex a:hover.newsTitle, #Newsindex a:active.newsTitle {
  width:160px;
  padding:3px 10px 3px 10px;
  margin:0;
  background:transparent;
  color:#7eb300;
  text-decoration:none;
  font-size:14px;
  line-height:16px;
}
#Newsindex li {
  float:left;
  width:180px;
  margin:0;
  padding-top:1px;
  background:transparent url(http://www.tourism-heidelberg.com/common/macronav_bg.gif) no-repeat;
  list-style:none;
}
#Newsindex span.newsDate {
  padding:0;
  margin:0;
  color:#25305d;
  font-size:12px;
}
#Newsindex span.newsText {
  padding:0;
  margin:0;
  color:#656565;
  font-size:11px;
}

/* -- FORM -----------------------------------------*/
.form {
  color:#000;
  border:1px solid #666;
  padding:1px;
  margin:0;
  font-size:10px !important; font-size: xx-small;
  voice-family: "\"}\"";
  voice-family:inherit;
  font-size:x-small;
}
html>.form {
  font-size:x-small;
} 
	
.form-button {
  color:#000;
  background-color:#fff;
  border:1px solid #666;
  font-weight:bold;
  padding-left:1px;
  padding-right:1px;
  margin:0;
  font-size:10px !important; font-size: xx-small;
}

/****************************************************/
/*    4.  CSS-Modul: NAVIGATION                     */
/****************************************************/

/* -- CHANNEL MENU ---------------------------------*/
#Menu {
  float:left;
  width:182px;
  height:205px;
  background:transparent url(http://www.tourism-heidelberg.com/common/menu0_bg.gif) left repeat-y; 
}
#Menu a, #Menu a:link, #Menu a:visited {
  display:block;
  margin-right:2px;
  padding:9px 0;
  color:#25305d;
  text-decoration:none;
}
#Menu a:hover, #Menu a:active {
  background:#65a8b3 url(http://www.tourism-heidelberg.com/common/menu_hover_bg.gif) repeat-y;
  text-decoration:none;
}
#Menu a.current, #Menu a:link.current, #Menu a:visited.current {
  background:#22718a url(http://www.tourism-heidelberg.com/common/menu1_bg.gif) repeat-y;
  color:#dbeef3;
}
#Menu ul {
  margin:0;
  padding:0;
  list-style:none;
}
#Menu li {
  width:182px;
  margin-right:2px;
  padding-top:1px;
  background:transparent url(http://www.tourism-heidelberg.com/common/menu_bg.gif) no-repeat;
  list-style:none;
  font-size:13px;
}
#Menu li.start {
  height:34px;
  margin:0;
  padding-top:0;
  background:transparent url(http://www.tourism-heidelberg.com/common/corners_menu_top.gif) top left no-repeat;
}
#Menu li.start a.current, #Menu li.start a:link.current, #Menu li.start a:visited.current {
  height:16px;
  margin:0;
  background:transparent url(http://www.tourism-heidelberg.com/common/corners_menu_current_top.gif) top left no-repeat;
}
#Menu li.start a:hover, #Menu li.start a:active {
  height:16px;
  margin:0;
  background:transparent url(http://www.tourism-heidelberg.com/common/corners_menu_hover_top.gif) top left no-repeat;
}
#Menu li.end {
  height:34px;
  margin:0;
  background:transparent url(http://www.tourism-heidelberg.com/common/corners_menu_bottom.gif) bottom left no-repeat;
}
#Menu li.end a.current, #Menu li.end a:link.current, #Menu li.end a:visited.current {
  height:16px;
  margin:0;
  background:transparent url(http://www.tourism-heidelberg.com/common/corners_menu_current_bottom.gif) bottom left no-repeat;
}
#Menu li.end a:hover, #Menu li.end a:active {
  height:16px;
  margin:0;
  background:transparent url(http://www.tourism-heidelberg.com/common/corners_menu_hover_bottom.gif) bottom left no-repeat;
}
#Menu li a, #Menu li a:link, #Menu li a:visited {
  width:165px;
  margin-right:2px;
  padding-left:15px;
}


/* -- MACRONAVIGATION ------------------------------*/
#macronav {
  float:left;
  width:182px;
  background:transparent url(http://www.tourism-heidelberg.com/common/macronav0_bg.gif) repeat-y;
}
#macronav a, #macronav a:link, #macronav a:visited  {
  display:block;
  margin-right:2px;
  padding:5px 0;
  color:#25305d;
  text-decoration:none;
}
#macronav a:hover, #macronav a:active {
  background:#fbfff3 url(http://www.tourism-heidelberg.com/common/macronav_hover_bg.gif) repeat-y;
  text-decoration:none;
}
#macronav .path {
  font-weight:bold;
}
#macronav .current {
  background:#f8ffe6 url(http://www.tourism-heidelberg.com/common/macronav1_bg.gif) repeat-y;
  font-weight:bold;
}
#macronav ul {
  margin:0;
  padding:0;
  list-style:none;
}
#macronav li {
  width:182px;
  margin:0;
  padding-top:1px;
  background:transparent url(http://www.tourism-heidelberg.com/common/macronav_bg.gif) no-repeat;
  list-style:none;
  text-indent:-7px;
}

/* -- level 1 -- */

#macronav li.start {
  padding-top:0px;
  background:transparent;
}
#macronav li a:link, #macronav li a:visited {
  width:158px;
  padding-left:22px;
}

/* -- level 2 -- */

#macronav li li a:link, #macronav li li a:visited {
  width:146px;
  padding-left:34px;
}

/* -- level 3 -- */

#macronav li li li a:link, #macronav li li li a:visited {
  width:133px;
  padding-left:47px;
}

/* -- METANAVIGATION -------------------------------*/
#Metanavigation {
  float:left;
  width:50px;
  height:18px;
  margin-top:2px;
  
}
#Metanavigation a {
  margin:0;
  padding:0;
  border:0;
  text-decoration:none;

}
#Metanavigation img {
  margin:0;
  border:0;
  padding:0;
}

/* -- INDEX ----------------------------------------*/
#pageelementIndex {
  float:left;
  width:94%;
  padding:0;
}
.layoutWrapperIndex {
  float:left;
  width:100%;
  padding:8px 0;
}
.layoutWrapperIndex ul {
  float:left;
  width:31%;
  margin:0;
  padding:0;
  list-style:none;
}
.layoutWrapperIndex a.image, .layoutWrapperIndex a.image:link, .layoutWrapperIndex a.image:visited {
  width:100%;
  height:100px;
  padding:0;
}
.layoutWrapperIndex a, .layoutWrapperIndex a:link, .layoutWrapperIndex a:visited {
  display:block;
  width:100%;
  height:85px;
  padding-top:108px;
  text-decoration:none;
} 
.layoutWrapperIndex a:hover, .layoutWrapperIndex a:active {
  background:#fbfff3;
  text-decoration:none;
}
.layoutWrapperIndex li {
  float:left;
  width:100%;
  
}
.layoutWrapperIndex span.p {
  display:block;
  margin:0;
  padding:5px 5px 3px;
  color:#656565;
  line-height:normal;
  font-size:10px;
  text-align:left;
}
.layoutWrapperIndex span.h4{
  display:block;
  padding:0 5px;
  color: #25305d;
  text-align:left;
}

/****************************************************/
/*    5.  CSS-Modul: TEXT                           */
/****************************************************/

/* -- STANDARD -------------------------------------*/
h1, h2,  h3, h4, H5, .heading1, .heading2, .heading3, .heading4, .heading5 {
  font-weight:normal;
  color:#7b006a;
}

.form, p, ol, ul, li, em, sup, sub, table, tr, th, td {
  color:#656565;
  font-size:11px;
}
#Headline h1 {
  margin-top:0;
}
h1.title {
  display:inline;
  margin:0;
  padding-right:20px;
  padding-bottom:2px;
  font-size:20px;
  line-height:28px;
  border-bottom:1px dotted #25305D;
}
h1,.heading1 {
  font-size:18px;
  line-height:20px;
  margin-top:10px;
}
h2.subtitle {
  font-size:12px;
  font-weight:bold;
  line-height:18px;
  margin:7px 18px 13px 8px;
}
h2,.heading2 {
  font-size:15px;
  line-height:18px;

}
h3,.heading3 {
  font-size:14px;
  line-height:16px;
  margin-bottom:0px;
}
h4,.heading4 {
  font-size:12px;
  line-height:14px; 
}
h5,.heading5 {
  font-weight:normal;
  font-size:12px;
  line-height:14px; 
}
p {
  padding:5px 10px 5px 0;
  line-height:15px;
}
ol {
  line-height:15px;
}
ul {
  padding-right:20px;
  line-height:15px;
  list-style-type:disc;
}
p.caption {
  font-style:italic;
  padding-top:0px;
  margin-top:0px;
}
p.emphasis {
  display:block;
  background:#E9F8F7;
  border-top:1px dotted #656565;
  border-bottom:1px dotted #656565;
  margin:5px 20px 5px 10px;
  line-height:16px;
}
p.description {
  line-height:16px;
  font-weight:bold;
  color:#656565;
}
p.creator {
}
p.small {
  font-size:10px;
}
p.smalltext {
  font-size:10px !important; font-size: xx-small;
}
a:link, a:visited {
  color:#25305d;
  text-decoration:underline;
}
a:hover, a:active {
  color:#7eb300;
  text-decoration:underline;
}
a.pager:hover, a.pager:active {
  background-color:#7eb300;
}
code {
}
hr {
  width:98%;
  height:1px;
  margin:6px 0;
  border:0;
  padding:0;
  background:#25305d;
}
/* -- ZMS FORMAT (Text Formats) --------------------*/
.textblock_left2col {
  float:left;
  width:200px;
  text-align:left;
}
.textblock_right2col {
  float:left;
  width:200px;
  text-align:left;
}
.textblock_spacer {
  display:block;
  clear:both;
}

/****************************************************/
/*    6.  CSS-Modul: ZMS-DEFAULTS                   */
/****************************************************/

/* -- ZMS TABLES -----------------------------------*/
table.ZMSTable {
  width:520px;
  margin:0 0 20px 0;
  padding:0;
  border-spacing:1px;
}
table.ZMSTable tr td  {
  font-size:10px;
}
table.ZMSTable th { 
  background-color:#A9DEDB; 
  text-align:center;
}	
table.ZMSTable th p {
  font-size:11px;
  margin:0;
  padding:3px;
}
table.ZMSTable td {
  background:#CFEFED;
  text-align:center;
  vertical-align:top;
}
table.ZMSTable td p {
  font-size:10px;
  margin:0;
  padding:5px 3px;
}

/* -- ZMS GRAPHIC ----------------------------------*/
div.graphic {
  background:transparent;
}
div.ZMSGraphic {
  background:transparent;
}
a.zoom img.zoom {
  width:23px;
  height:21px;
  background:transparent url(/misc_/zms/zoom.gif);
}
img.imgNoborder {
  border:0px;
}

/* -- ZMS TEASER -----------------------------------*/
div#teaser {
  width:212px;
  font-size:14px;
  background:transparent;
}
div.ZMSTeaserContainer {
  padding:1px;
  margin-bottom:10px;
}
div.ZMSTeaserElement {
  width:212px;
  padding:0px;
  background:transparent url(http://www.tourism-heidelberg.com/common/corner_MR.gif) right top repeat-y;
}
div.ZMSTeaserElement img.title {
  border:0;
}

div.ZMSTeaserElement div.title {
  font-weight:bold;
  text-decoration:none;
  color:black;
  padding:4px 4px 2px 4px;
  display:block;
}
div.ZMSTeaserElement div.text {
  padding:0px 6px 6px 6px;
  line-height:1.3em;
}

/* -- ZMS LINK -------------------------------------*/
div#pageelement_Links {
  width:180px;
}
div.ZMSLinkElement {
  background-color: transparent;
  padding:2px;
}
div.ZMSLinkElement div.title {
  font-weight:bold;
  color:black;
  font-size:12px !important; font-size: small;
  margin:10px 0px 0px 0px;
}

div.ZMSLinkElement div.text {
}

div.ZMSLinkElement div.text ul {
  margin-top:5px;
  margin-left:-10px !important; margin-left: 20px;
}
li.LinkElementExternal {
  list-style-image:url(common/external_link.gif);
}
li.LinkElementInternal, 
li.LinkElementInternalPortal {
  list-style-image:url(common/external_link.gif);
}
li.LinkElementInternalClient {
  list-style-image:url(common/external_link.gif);
}
li.LinkElementMailto {
  list-style-image:url(common/mail_link.gif);
}

/****************************************************/
/*    7.  CSS-Modul: SPECIAL OBJECTS                */
/****************************************************/
/* -- google maps --------------------------------- */
#map {
  float:left;
  margin:0 10px 0 0;
}
/* so the big map is centered in IE6 */
* html #map {
  margin:0 5px 0 0;
}
/* -- superlink ----------------------------------- */
.superlink {
  width:212px;
  padding-bottom:10px;
  background:transparent url(http://www.tourism-heidelberg.com/common/teaser_spacer.gif) bottom right no-repeat;
}
.superlink a, .superlink a:link, .superlink a:visited {
  display:block;
  width:202px;
  padding:5px;
  text-decoration:none;
  color:#7b006a;
}
.superlink a:hover, .superlink a:active {
text-decoration:underline;
}
.superTitle {
  float:left;
}
.superText {
 float:right;
 margin-top:7px;
}
a.schloss {
  background:url(http://www.tourism-heidelberg.com/common/schloss.jpg) no-repeat;
  height:45px;
}
a.phrasebooks {
  background:url(http://www.tourism-heidelberg.com/common/phrasebook.jpg) no-repeat;
  height:45px;
}
a.driving {
  background:url(http://www.tourism-heidelberg.com/common/map_teaser.jpg) no-repeat;
  height:110px;
}
a.weather {
  padding-top:10px;
  background:url(http://www.tourism-heidelberg.com/common/weather.jpg) no-repeat;
  height:65px;
}
a.museums {
  background:url(http://www.tourism-heidelberg.com/common/museum.jpg) no-repeat;
  height:45px;
}
a.embassy {
  background:url(http://www.tourism-heidelberg.com/common/embassy.jpg) no-repeat;
  height:45px;
}
a.hcard{
  background:url(http://www.tourism-heidelberg.com/common/heidelbergCard.jpg) no-repeat;
  height:45px;
}

/* -- Attraction Information ---------------------- */
#attractionInfo {
  float:right;
  width:232px;
  margin:8px 15px 5px 15px;
  border-top:1px dashed #656565;
  border-bottom:1px dashed #656565;
  padding:8px 8px 5px 0;
  background:#D7EDEC;
}
/* -- IE6 margin discrepancy -- */
* html #attractionInfo {
  margin:8px 7px 5px 15px;
}
#attractionInfo span.attrTitle {
 float:left;
 width:222px;
 padding:0 5px 5px;
 color:#656565;
 font-weight:bold;
}
#attractionInfo table {
  float:left;
  width:100%;
  margin:0;
}
#attractionInfo tr {
  background:transparent;
}
#attractionInfo td {
  padding:1px 0 5px 0;
  font-size:9px;
}
#attractionInfo td.icon {
  padding:1px 0 5px 0;
}

/* -- InfoBox ------------------------------------- */
div.infobox  {
  margin-top:10px;
  border-top:5px solid #ccc;
  background-color:#f6f6f6;
  padding:0px;
  width:auto;
  margin-bottom:20px;
}
p.infoboxtitle  {
  padding:3px;
  margin:0px;
  font-weight:bold;
}
div.infoboxContentEven,
div.infoboxContentOdd {
  padding:5px 0px 5px 10px;
}
div.infoboxContentEven p,
div.infoboxContentOdd p  {
  margin:3px;
}
div.infobox div.infoboxContentOdd  {
  background-color:#eaeaea;
}
div.infobox  div.ZMSFile div.title img {
  margin-bottom:-5px;
}
div.infobox  div.ZMSFile div.title,
div.infobox  div.ZMSFile div.text,
div.infobox  div.ZMSFile div.title a {
  font-size:11px;
}
div.infobox  div.ZMSFile div.text {
  margin-left:20px;
}
div.infobox ul {
  margin:0px 0px 0px 28px;
  padding:0;
}
div.infobox ul li {
}

/* -- Text Box -- */
.textbox {
  display:block;
  float:right;
  width:165px;
  background:#c1e3e1;
  margin:0px 15px 15px 10px;
}

/* -- Google -- */
.googleTeaser {
  padding:10px 0 0 25px;
  background:transparent url(http://www.tourism-heidelberg.com/common/google_teaser_top.gif) top left no-repeat;
}
/****************************************************/
/*    8.  CSS-Modul: PRINT                          */
/****************************************************/

h1, h2, h3, h4, h5, h6 {
} 
h1.title {
}
p, li, blockquote {
}
ol, ul {
}
p.description {
}
p.caption {
}
p.creator  {
}
p.smalltext {
}
code {
}

/****************************************************/
/*    9.  ZMI Management Interface                  */
/****************************************************/

.cmsTxtColorStrong0 { color: #436976; }
.cmsTxtColorStrong1 { color: #666666; }
.cmsBgColorStrong0  { background-color: #8CABB9; }
.cmsBgColorStrong1  { background-color: #CCCCCC; }
.cmsBgColorMedium0  { background-color: #DDE6EC; }
.cmsBgColorLight0   { background-color: #FFFFFF; }
div.ZMSTable table th { background-color:#DDEFFC; }
div.ZMSTable table td { background-color:#EEEEEE; }

.zmiTableRowEven {background-color:#eee;}
.zmiTableRowOdd {background-color:#ccc;}

.form-submit { font-size:12px; }

body.zmi h1, body.zmi h2, body.zmi h3, body.zmi h4, 
body.zmi h5, body.zmi h6  {
  font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
  font-weight:bold;
  font-size:15px;
  line-height:19px;
} 
body.zmi p, body.zmi li, body.zmi blockquote  {
  font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
  font-size:12px;
  line-height:15px;
} 

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 * +- Body
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */

body.print { 
  background-color:#fff; 
}

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 * +- [WAI] ZMSLinkContainer
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */

div.ZMSLinkContainer {
  background-color: #EEEEEE;
}

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 * +- [WAI] ZMSFile
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */

div.ZMSFile div.title a:link, 
div.ZMSFile div.title a:visited,
div.ZMSFile div.title {
  font-weight:bold;
  font-size:x-small;
  text-decoration:none;
  color:black;
}

div.ZMSFile div.text {
font-size:xx-small;
}

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 * +- [WAI] ZMSLinkElement
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */

div.ZMSLinkElement {
  background-color: #EEEEEE;
  padding: 2px;
}

div.ZMSLinkElement div.title a:link,
div.ZMSLinkElement div.title a:visited,
div.ZMSLinkElement div.title {
  font-weight:bold;
  font-size:x-small;
  text-decoration:none;
  color:black;
}

div.ZMSLinkElement div.text {
  font-size:xx-small;
}

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 * +- [WAI] ZMSGraphic
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */

div.ZMSGraphic { 
  background-color:transparent; 
  margin: 4px;
}

div.ZMSGraphic.left {
  text-align:left;
}

div.ZMSGraphic.right {
  text-align:right;
}

div.ZMSGraphic.center {
  text-align:center;
}

div.ZMSGraphic.floatleft { 
  float:left;
  margin:4px 15px 4px 0;
}

div.ZMSGraphic.floatright { 
  float:right;
  margin:4px 13px 4px 10px;
}

div.ZMSGraphic.center { 
  text-align:center;
}

div.graphic.alignleft {
  float:left;
  text-align:right;
}

div.graphic.alignright {
  float:right;
  text-align:right;
}

div.ZMSGraphic div.text {
  padding: 4px;
}

a.zoom img.zoom {
  width: 23px;
  height: 21px;
  background: url(/misc_/zms/zoom.gif);
}

a.download img.download {
  width: 23px;
  height: 21px;
  background: url(/misc_/zms/download.gif);
}

a.superzoom img.superzoom {
  width: 23px;
  height: 21px;
  background: url(/misc_/zms/superzoom.gif);
}


/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 * +- [WAI] ZMSTeaser
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */

div.ZMSTeaserContainer {
  padding:1px;
  margin-bottom:10px;
}

div.ZMSTeaserElement {
}

div.ZMSTeaserElement img.title {
  border: 0;
}

div.ZMSTeaserElement div.title a:link,
div.ZMSTeaserElement div.title a:visited,
div.ZMSTeaserElement div.title {
  font-weight:bold;
  text-decoration:none;
  color:black;
  padding: 2px;
  display: block;
}

div.ZMSTeaserElement div.text a:link,
div.ZMSTeaserElement div.text a:visited,
div.ZMSTeaserElement div.text {
}

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 * +- [WAI] Misc
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */

div.ZMSObject.new, div.ZMSObject.modified {
  border: 2px dashed blue;
  background-color: #F0F0FF;
} 

div.ZMSObject.deleted {
  border: 2px dashed red;
  background-color: #FFF0F0;
  color: red;
  text-decoration: line-through;
} 

span.unicode { 
  font-family:"Arial Unicode MS", Verdana, Arial, Helvetica, sans-serif; 
}

span.highlight { 
  background-color:#f8ffe6;
  color:#25305d;
  font-weight: bold;
  border:0; 
}