/**************************************/
/* (c) 2006 SNTL publishing           */
/* Author: Dr. F. Hoffmann            */
/* last change: 2006/09/23            */
/* Modifies YAML for ZMS              */
/**************************************/

/**************************************/
/* 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}


/**************************************/
/* 10. 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;
} 

/* ######################################################################################################
** # YAML KORREKTUR (c) 2006 SNTL Publishing #############################
** ######################################################################################################
*/ 

.description {
	font-weight:bold;
	color:#666;
}

body.neutralColorBlack{
	margin:2px;
	padding:0;
}

body.neutralColorBlack table {
	table-layout:auto;
	margin:0;
	padding:0;
	border-collapse:separate;
	width:auto;
}

#main a[href^="http:"], #main a[href^="https:"] {
	padding-left: 0;
	background: none;
}

/**  YAML Version: 2.5.1
**  Dateiversion: 27.08.06  
**  Datei       : nav_vlist.css 
*/

@media all {
/* ######################################################################################################
** ### Vertikale Listennavigation #######################################################################
** ######################################################################################################
*/
#Micronavigation {
  padding: 7px 0 0 0;
}
ul#submenu { 
	width: 100%; 
	overflow: hidden;
	margin: 0;
	padding: 0 0 20px 0;
	list-style-type: none;
	background: url(http://www.cafehubraum.com/instance/css/common/cafehubraum/menubg_bottom.png) no-repeat bottom left;
	/*border-top: 2px #ddd solid; 
	border-bottom: 1px #ddd solid;*/
}
ul#submenu a { 
	display:block;
	text-decoration: none;
	width: 100%; 
	padding: 0.1em 0 0.3em 0;
	border-bottom: 0 #ddd solid;
	color: #ffffcd;
	font-weight: bold;
}
ul#submenu a:hover { 
	color: #000
}
ul#submenu a.active span { 
	font-weight:bold;
}
ul#submenu li {
/* neutralize YAML */
	display:block; 
	width: 100%; 
	margin:0;
	padding: 0 0 0 45px;
	background: url(http://www.cafehubraum.com/instance/css/common/cafehubraum/menubg_li.png) no-repeat;
}
ul#submenu li#current  a {
	color: black;
	background: transparent url(http://www.cafehubraum.com/instance/css/common/cafehubraum/menubg_lihover.png) no-repeat;
}
#submenu li span {
/* neutralize YAML */
	display:block; 
	width:100%; 
	padding:0; 
	background-color:transparent; 
	color: #000; 
	font-weight: normal; 
	border-bottom: 0;
}
ul#submenu a:hover span { 
	background: transparent url(../../cafehubraum/menubg_lihover.gif) no-repeat;
	color: #000; 
}
ul#submenu li a span { 
	display:block;
	width:100%; 
	background-color:transparent; 
	font-weight:normal;
	border:0;
	margin:0;
	padding:0;
	padding-left:0.2em;
	cursor:pointer;
}
ul#submenu ul { 
	margin:0;
	padding:0;
}
ul#submenu li ul li {
	margin:0;
	padding:0;
}
ul#submenu li ul li a {
	width:100%; 
	margin:0;
	padding: 0.1em 0 0.3em 0;
	background-color:transparent; 
	color: #000;
}
ul#submenu li ul li a span {
	width:100%; 
	margin:0;
	padding:0 0 0 1.4em;
	background-color:transparent;
	color: #000;
}
ul#submenu li ul li ul li a span {
	padding:0 0 0 2.5em;
}
ul#submenu li ul li ul li ul li a span {
	padding:0 0 0 3.7em;
}
ul#submenu li ul li ul li ul li ul li a span {
	padding:0 0 0 5.0em;
}

/* ######################################################################################################
** ### Layout // TEASER #######################################################################
** ######################################################################################################
*/

/* Mittlere Spalte */
#col3 { /* margin-right: 250px;*/ }
/* Rechte Spalte */
#col2 {	width: 250px}
#col2_content {	margin-left: 1.2em; margin-right: 1.2em; }

form input#raw {
	width:185px;
	margin:0;
	display:block;
	float:left;
	/*height:12px;*/
	font-family:courier;
	font-size:12px;
	line-height:1em;
}
form input#btnSearch {
	margin: 2px 0 0 0;
	padding:0;
	border:0;
	display:block;
	float:left;
}
div#teaser {
	text-align:left;
	margin:3em 0.2em;
	padding:0;
	border:0;
}
div#teaser div.ZMSTeaserContainer,
div#teaser div.ZMSTeaserElement,
div#teaser div.ZMSTeaserElement div.graphic, 
div#teaser div.ZMSTeaserElement div.title,
div#teaser div.ZMSTeaserElement div.title a,
div#teaser div.ZMSTeaserElement div.text,
div#teaser div.ZMSTeaserElement div.text a  {
	float:none;
	clear:both;
	margin:0;
	padding:0;
	border:0;
}
div#teaser div.ZMSTeaserContainer {
	padding:1px;
	width:210px;
}
div#teaser div.ZMSTeaserElement div.graphic,
div#teaser div.ZMSTeaserElement div.text,
div#teaser div.ZMSTeaserElement div.title {
	padding:3px;
}
.gal_item, .gal_item li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.contact {
	font-size: 10px;
	line-height: 0;
}
}



/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 * +- 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;
	}

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;
	}
	
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
	{
	}

/*Gästebuch*/
#guestbook .close:hover {
  cursor: pointer; 
}
#guestbook #new, #guestbook form, #guestbook .eBody, 
#guestbook .answer, #guestbook .title, #guestbook .answertitle {
  border: 1px solid lightgray;
}

#guestbook .answer, #guestbook .eBody, #guestbook .answertitle {
  border-top: 0 solid black;
  padding: 4px;
}
#guestbook .title, #guestbook .answertitle  {
  background: #FFF28A;
}
#guestbook .answer, #guestbook .answertitle {
  margin-left: 30px;
}
#guestbook .label {
  font-weight: bold;
}
#guestbook .entry, #guestbook .close {
  margin-bottom:20px;
}
#guestbook .date {
  font-size: 10px;
  text-align: center;
}
#mail1 {
  display: none
}#errorMsg {
  border: red solid 1px;
  color: red;
  padding: 3px;
}

#mail1 {
  display: none
}.event {
  border: solid 1px gray;
  margin: 10px 0 0 0;
  padding: 3px;
  position: relative;
}
.event .dtitle {
  font-weight: bold
}
.event .date {
  color: #000066;
  display: inline;
  position: absolute;
  right: 0; 
  padding: 5px;
  font-size: 24px;
}
.event .desc {
  
}
.event .galerie {
}
.today .date {
  color: #FD823E;
}
.yesterdays .date {
  color: #000066;
}
#dates h2 {
  text-align: center;
}
#dates h2 img {
vertical-align:middle;
}

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 * +- [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", Arial, Helvetica, sans-serif; 
}

span.highlight { 
  background-color: yellow;
  color: red;
  font-weight: bold;
  border: 1px dashed blue; 
}