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

/* BO f_css_defaults */

#imagegallery {
  font-family:monospace;
}

#imagegallery .preview {
  margin:1em 0;
  padding:0.5em;
  background:#eee;
  border:1px #ccc solid; 
}

#imagegallery .overview {
  margin:1em 0;
  padding:0.5em;
  background:#eee;
  border:1px #ccc solid; 
}

#imagegallery .overview table {
  padding:0.3em;
  background:#fff;
  border:1px #ccc solid; 
}

#imagegallery .overview table td {
  padding:0.3em;
  border:0;
}

 
/* EO f_css_defaults */
/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +- [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: #164F8A;}
.primColorMedium {background-color: #B0C3DE;}
.primColorLight {background-color: #DCE0EA;}


/****************************************************/
/*    2.  CSS-Modul: LAYOUT (PAGE REGIONS)          */
/****************************************************/
html {
  height:100%;
}
body#web {
  margin:0;
  padding:0;
  border:0;
  background:#B7D9ED;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  height:100%;
}
#pageWrapper {
  position:relative;
  min-height:100%;
  background:transparent url(http://www.video-goetsch.de/common/content_schatten.gif) top center repeat-y;
}
/* to get footer to be at bottom of viewpoint when content is too short */
* html #pageWrapper {
  height:100%;
  background:transparent url(http://www.video-goetsch.de/common/content_schatten_IE.gif) top center repeat-y;
}
/*-- wrapper for whole page region --*/
#topWrapper {
  float:left;
  width:100%;
  height:210px;
  margin:0;
  padding:0;
  border:0;
  background:transparent url(http://www.video-goetsch.de/common/header_BG.gif) repeat-x left;
}
#contentWrapper {
  float:left;
  width:100%;
  margin:0;
  padding:0 0 100px 0;
  border:0;
  background:transparent;
}
#bottomWrapper {
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  margin:0;
  padding:0;
  border:0;
  background:transparent url(http://www.video-goetsch.de/common/footer_BG.gif) repeat-x left;
}
#topWrapper2 {
  width:940px;
  margin:0 auto;
  padding:0;
}
#contentWrapper2 {
  width:940px;
  margin:0 auto;
  padding:0;
}
#contentWrapper3 {
  position:relative;
  float:left;
  width:920px;
  margin:0;
  padding:0 10px 20px 10px;
  background:transparent url(http://www.video-goetsch.de/common/content_schatten.gif) repeat-y;
}
#contentWrapper4 {
  position:relative;
  float:left;
  width:920px;
  margin:0;
  padding:0 10px 0 10px;
  background:transparent url(http://www.video-goetsch.de/common/content_schatten.gif) repeat-y;
}
#bottomWrapper2 {
  width:940px;
  margin:0 auto;
  padding:0;
}
#pageregionTop {
  position:relative;
  float:left;
  width:920px;
  height:210px;
  padding:0 10px;
  background:transparent url(http://www.video-goetsch.de/common/header_all.jpg) no-repeat;
}
#Content {
  float:left;
  width:485px;
  margin:0px;
  padding:40px 20px 0 47px;
  border:0;
  overflow:hidden;
}
#ContentBreit {
  float:left;
  width:665px;
  margin:0px;
  padding:40px 47px 0;
  border:0;
  overflow:hidden;
}
#Sitemap {
  float:left;
  width:665px;
  margin:0px;
  padding:40px 47px 0;
  border:0;
}
#pageregionLeft {
  float:left;
  width:160px;
  margin:0 1px 0 0;
  padding:0 0 20px 0;
  background:none;
  overflow:hidden;
}

#pageregionLeft a.logo, #pageregionLeft a.logo:link, #pageregionLeft a.logo:visited {
  float:left;
  width:126px;
  height:26px;
  margin:0;
  border:none;
  padding:20px 17px 20px 17px;
  background:#ECECEC;
}
#pageregionLeft a.logo:hover, #pageregionLeft a.logo:active {
  width:126px;
  height:26px;
  margin:0;
  padding:20px 17px 20px 17px;
  background:#ECECEC;
}
/* BG-color compensates BG-bug of IE */
#pageregionRight {
  float:right;
  width:180px;
  margin:0px;
  padding:25px 20px 130px 0;
  background:none; 
  overflow:hidden;
}
#HeaderImage {
  float:left;
  position:relative;
  width:920px;
  height:184px;
  padding:0;
  overflow:hidden;
}
#headerOverlay {
  position:absolute;
  width:920px;
  height:9px;
  margin-top:174px;
  top:0;
  left:0;
  border-top:1px solid #164F8A;
  background:transparent url(http://www.video-goetsch.de/common/header_trans_overlay.png) no-repeat;
}
* html #headerOverlay {
  position:static;
  background:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='http://www.video-goetsch.de/common/header_trans_overlay.png', sizingMethod='scale');
}
#pageregionBottom {
  position:relative;
  float:left;
  width:920px;
  height:100px;
  padding:0 10px;
  background:transparent url(http://www.video-goetsch.de/common/footer_all.jpg) no-repeat;
}
#footerLogo {
  float:left;
  width:208px;
  height:42px;
  margin:17px 0 0 20px;
  background:transparent url(http://www.video-goetsch.de/common/logo_big.jpg) no-repeat;
}
#footerLogo a, #footerLogo a:link, #footerLogo a:visited {
  display:block;
  width:208px;
  height:44px;
  margin:0;
  padding:0;
  text-decoration:none;
}
#Copyright {
  float:right;
  width:165px;
  height:82px;
  padding:18px 50px 0 0;
  text-align:center;
}
#Copyright p {
  margin:0;
  padding:0 0 1px 0;
  color:#164f8a;
  font-size:11px;
}
#Copyright p.second {
  margin:0;
  padding:0 0 3px 0;
  color:#164f8a;
  font-size:11px;
}
#Copyright a, #Copyright a:link, #Copyright a:visited {
  margin:0;
  padding:0;
  color:#164f8a;
  font-size:11px;
}
#meta {
  float:right;
  width:163px;
  height:20px;
  margin:0;
  padding:11px 0 0 0;
  color:#fff;
  text-align:center;
}
#meta a, #meta a:link, #meta a:visited {
  margin:0 0 0 0;
  padding:0;
  color:#fff;
  font-size:11px;
}


/*-- 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.video-goetsch.de/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 #aaa;
   border-right:none;
   padding:2px;
   background:#fff;
   color:#aaa;
   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:#aaa;
  text-align:left;
}
p.search {
  margin:9px 0 0 7px;
  padding:0;
  color:#aaa;
  font-size:12px;
  font-weight:normal;  
}
p.searchtwo {
  margin:9px 0 0 7px;
  padding:0;
  color:#aaa;
  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:#aaa;
}

/* -- NEWS -----------------------------------------*/
#Newsindex {
  float:left;
  width:180px;
  background:transparent url(http://www.video-goetsch.de/common/macronav0_bg.gif) repeat-y;
}
#Newsindex a, #Newsindex a:link, #Newsindex a:visited  {
  display:block;
  float:left;
  width:160px;
  padding:8px 10px;
  color:#aaa;
  text-decoration:none;
}
#Newsindex a:hover, #Newsindex a:active {
  background:#aaa url(http://www.video-goetsch.de/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 0 3px 10px;
  margin:0;
  background:none;
  color:#aaa;
  font-size:14px;
  line-height:16px;
}
#Newsindex li {
  float:left;
  width:180px;
  margin:0;
  padding-top:1px;
  background:transparent url(http://www.video-goetsch.de/common/macronav_bg.gif) no-repeat;
  list-style:none;
}
#Newsindex span.newsDate {
  padding:0;
  margin:0;
  color:#aaa;
  font-size:12px;
}
#Newsindex span.newsText {
  padding:0;
  margin:0;
  color:#aaa;
  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;
  position:relative;
  width:920px;
  height:26px;
  margin:0;
  padding:0;
  background:none;
}
#Menu ul {
  margin:0;
  padding:0;
  list-style-type:none;
}
#Menu ul li {
  position:relative;
  float:left;
  padding-left:1px;
  line-height:16px;
  background:none;
  z-index:50;
}
#Menu ul li.start {
  padding:0;
}
#Menu ul li a, #Menu ul li a:link, #Menu ul li a:visited {
  display:block;
  margin:0;
  padding:4px 20px 6px 20px;
  color:#fff;
  text-decoration:none;
  font-size:13px;
  font-weight:normal;
}
#Menu ul li a:hover, #Menu ul li a:active {
  background:transparent url(http://www.video-goetsch.de/common/menu_current.gif) repeat-x;
  text-decoration:none;
}
#Menu ul li a.current, #Menu ul li a:link.current, #Menu ul li a:visited.current {
  background:transparent url(http://www.video-goetsch.de/common/menu_current.gif) repeat-x;
  color:#fff;
}
#Menu li.hdtv {
  padding-left:100px;
}
#Menu li.hdtv span {
  display:none;
}
#Menu ul li.hdtv a, #Menu ul li.hdtv a:link, #Menu ul li.hdtv a:visited {
  width:85px;
  height:26px;
  padding:0;
  background:transparent url(http://www.video-goetsch.de/common/hdtv_button.gif) top left no-repeat;
}
#Menu ul li.hdtv a:hover, #Menu ul li.hdtv a:active {
  background:transparent url(http://www.video-goetsch.de/common/hdtv_button_hover.gif) top left no-repeat;
  text-decoration:none;
}
#Menu ul li.hdtv a.current, #Menu ul li.hdtv a:link.current, #Menu ul li.hdtv a:visited.current {
  background:transparent url(http://www.video-goetsch.de/common/hdtv_button_hover.gif) top left no-repeat;
}


/* -- MACRONAVIGATION ------------------------------*/
#macronav {
  float:left;
  width:160px;
  background:none;
  overflow:hidden;
}
#macronav ul {
  margin:0;
  padding:0;
  list-style:none;
}
#macronav li {
  width:160px;
  margin:0;
  background:transparent;
  list-style:none;
}
#macronav li a, #macronav li a:link, #macronav li a:visited  {
  display:block;
  width:145px;
  margin:0;
  border-bottom:1px solid #164f8a;
  padding:5px 0 5px 15px;
  background:#F6F6FB;
  color:#333333;
  text-decoration:none;
  font-size:11px;
}
#macronav li a:hover, #macronav li a:active {
  background:#C4C3C8;
  text-decoration:none;
}
#macronav li a.path, #macronav li a.path:link, #macronav li a.path:visited {
  background:#C4C3C8;
}
#macronav li a.current, #macronav li a.current:link, #macronav li a.current:visited {
  background:#C4C3C8 url(http://www.video-goetsch.de/common/macronav_current_dot1.gif) 4px 7px no-repeat;
}

/* -- level 1 -- */

#macronav li a.start, #macronav li a.start:link, #macronav li a.start:visited {
  border-top:1px solid #164f8a;
}

/* -- level 2 -- */

#macronav li li a, #macronav li li a:link, #macronav li li a:visited {
  width:130px;
  padding-left:30px;
  background:#E6E6EA;
}
#macronav li li a:hover, #macronav li li a:active {
  background:#D8D8DB;
  text-decoration:none;
}
#macronav li li a.current, #macronav li li a.current:link, #macronav li li a.current:visited {
  background:#D8D8DB url(http://www.video-goetsch.de/common/macronav_current_dot.gif) 18px 7px no-repeat;
}

/* -- 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 ----------------------------------------*/
#index {
  float:left;
  width:100%;
  margin:0;
  padding:15px 0;
}
.index2 {
  display:block;
  width:100%;
  height:63px;
  padding:0 0 25px 0;
}
.index2 a, .index2 a:link, .index2 a:visited {
  position:relative;
  display:inline-block;
  width:250px;
  height:61px;
  margin-right:34px;
  border:1px solid #164f8a;
  text-decoration:none;
  vertical-align:top;
  overflow:hidden;
}
.index2 a.noPad, .index2 a.noPad:link, .index2 a.noPad:visited {
  margin-right:0;
}
.index2 img {
  display:inline-block;
  width:108px;
  height:61px;
  border:0;
  border-right:1px solid #164f8a;
  padding:0;
}
.index2 a span.ixTitle, .index2 a:link span.ixTitle, .index2 a:visited span.ixTitle {
  position:relative;
  display:inline-block;
  top:-45%;
  width:129px;
  font-size:14px;
  lin-eheight:18px;
  font-weight:bold;
  color:#000;
  text-align:center;
  vertical-align:middle;
  cursor:pointer;
}
.index2 a:hover, .index2 a:active {
  text-decoration:none;
}
.index2 a:hover span.ixTitle, .index2 a:active span.ixTitle {
  text-decoration:underline;
}

.indexSSP {
  float:left;
  width:665px;
  padding:0 0 15px 0;
  background:transparent;
}
.indexSSP a, 
.indexSSP a:link, 
.indexSSP a:visited {float:left; width:131px; padding:0 47px 0 0;}

.indexSSP a.noPad, 
.indexSSP a.noPad:link, 
.indexSSP a.noPad:visited {padding:0;}

.indexSSP a span.img, 
.indexSSP a:link span.img, 
.indexSSP a:visited span.img {float:left; width:131px; padding:0; text-align:center; overflow:hidden; cursor:pointer; text-decoration:none;}

.indexSSP a span.title, 
.indexSSP a:link span.title, 
.indexSSP a:visited span.title {float:left; width:131px; padding:3px 0 0 0; font-size:11px; font-weight:bold; cursor:pointer; text-decoration:none;}

.indexSSP a:hover, 
.indexSSP a:active {text-decoration:underline;}

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

/* -- STANDARD -------------------------------------*/
h1, h2,  h3, h4, H5, .heading1, .heading2, .heading3, .heading4, .heading5 {
  font-weight:bold;
  color:#164f8a;
  text-decoration:none;
}

.form, p, ol, ul, li, em, sup, sub, table, tr, th, td {
  color:#333333;
}
#Headline h1 {
  margin-top:0;
}
h1.title {
  margin:0 0 12px 0;
  padding:0;
  font-size:18px;
  line-height:20px;
}
h1.title span {
  border-bottom:1pt solid #164f8a;
}
h1,.heading1 {
  font-size:18px;
  line-height:20px;
  margin-top:5px;
}
h2,.heading2 {
  font-size:16px;
  line-height:18px;
  margin:13px 0 0;
}
h3,.heading3 {
  font-size:14px;
  line-height:16px;
  margin:13px 0 0;
}
h4,.heading4 {
  font-size:12px;
  line-height:14px;
  margin:13px 0 0;
}
h5,.heading5 {
  font-weight:normal;
  font-size:12px;
  line-height:14px;
  margin:13px 0 0; 
}
p {
  margin:5px 0 0;
  padding:5px 20px 5px 0;
  line-height:15px;
}
ol {
  line-height:15px;
}
ul {
  margin:7px 0 25px 0;
  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 #aaa;
  border-bottom:1px dotted #aaa;
  margin:5px 20px 5px 10px;
  line-height:16px;
}
p.description {
  line-height:16px;
  font-weight:bold;
  color:#aaa;
}
p.creator {
}
p.small {
  font-size:10px;
}
p.smalltext {
  font-size:10px !important; font-size: xx-small;
}
a:link, a:visited {
  color:#006699;
  font-weight:normal;
  text-decoration:none;
}
a:hover, a:active {
  color:#006699;
  font-weight:normal;
  text-decoration:underline;
}
a.pager:hover, a.pager:active {
  color:#006699;
  font-weight:bold;
  text-decoration:underline;
}
a.hdtv {
  font-weight:bold;
}
code {
}

/* -- ZMS FORMAT (Text Formats) --------------------*/
.textblock_left2col {
  float:left;
  width:200px;
  text-align:justify;
}
.textblock_right2col {
  float:left;
  width:200px;
  text-align:justify;
}
.textblock_spacer {
  display:block;
  clear:both;
}

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

/* -- ZMS TABLES -----------------------------------*/
div.ZMSTable {
}
div.ZMSTable table tr th {
}
div.ZMSTable tr.even td {
}
div.ZMSTable tr.odd td {
}
table tr td  {
  font-size:11px;
}

/* -- ZMS GRAPHIC ----------------------------------*/
div.ZMSGraphic {
  float:left;
  margin:5px 0 0 0;
  background-color:transparent; 
}
div.graphic {
  background:transparent;
  margin-bottom:23px;
}
div.graphic img.img { 
}
img.imgNoborder {
  border:0px;
}
div.ZMSGraphic.left {
  text-align:left;
}

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

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

div.ZMSGraphic.floatleft { 
  float:left;
  margin:5px 20px 0 0;
}

div.ZMSGraphic.floatright { 
  float:right;
  margin:5px 0 0 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:transparent 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);
}
#mrbones {
  margin-bottom:-23px;
}


/* -- ZMS TEASER -----------------------------------*/
ddiv#teaser {
  width:180px;
  background:none;
}
div.ZMSTeaserContainer {
  display:none;
}
div.ZMSTeaserElement {
  width:180px;
  padding:0 0 20px 0;
  background:#F1F1E7 url(http://www.video-goetsch.de/common/teaser_bottom_BG.gif) left bottom no-repeat;
}

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

div.ZMSTeaserElement div.title {
  width:160px;
  height:27px;
  padding:10px 10px 0px 10px;
  display:block;
  background:#F1F1E7 url(http://www.video-goetsch.de/common/teaser_title_BG.gif) left top no-repeat;
  font-size:14px;
  font-weight:bold;
  text-decoration:none;
  color:#003366;
}
div.ZMSTeaserElement div.text {
  padding:7px 10px 10px 10px;
  font-size:11px;
  text-decoration:none;
  color:#003366;
}


/* -- 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                */
/****************************************************/
/* --- OVERLAY --- */
.overlay {
  display:none;
  width:640px;
  height:480px;	
  padding:20px;
  font-size:11px;
  background:#FFFFFF;
  color:#666666;
  -moz-box-shadow:0 0 90px 5px #000000;
  -webkit-box-shadow: 0 0 90px #000000;	
}
.overlay .close {
  display:none;
  position:absolute;
  right:-15px;
  top:-15px;
  width:36px;
  height:36px;
  background:transparent url(http://www.video-goetsch.de/common/close.png) no-repeat;
  cursor:pointer;
  z-index:10000;
}
div.contentWrap {
  position:relative;
  float:left;
  width:100%;
  height:480px;
  overflow:hidden;
}

/*------- SWF FILE IN OVERLAY ----------------------*/
a.swfObj, a.swfObj:link, a.swfObj:visited {
  display:block;
  width:100%;
  padding:15px 0;
  text-decoration:none;
}
a.swfObj span.swfThumb, a.swfObj:link span.swfThumb, a.swfObj:visited span.swfThumb {
  position:relative;
  float:left;
  width:309px;
  height:147px;
  margin:0 15px 0 0;
  overflow:hidden;
}
a.swfObj span.swfTitle, a.swfObj:link span.swfTitle, a.swfObj:visited span.swfTitle {
  position:relative;
  display:block;
  padding:0;
  font-size:14px;
  line-height:16px;
  font-weight:bold;
  color:#164f8a;
  text-decoration:none;
}
a.swfObj span.swfDesc, a.swfObj:link span.swfDesc, a.swfObj:visited span.swfDesc {
  position:relative;
  display:block;
  border:0;
  padding:5px 0 0 0;
  text-decoration:none;
}
a.swfObj span.swfMore, a.swfObj:link span.swfMore, a.swfObj:visited span.swfMore {
  position:relative;
  display:block;
  padding:10px 0 0 0;
  font-size:11px;
  line-height:14px;
  font-weight:bold;
  text-decoration:none;
}
a.swfObj:hover span.swfMore, a.swfObj:active span.swfMore {
  text-decoration:underline;
}
/* -- 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;
}

/* --- Download --- */
.download {
  position:relative;
  width:100%;
  padding:10px 0;
}
.download p {
  margin:0;
  padding:0 0 0 18px;
}
/*------- Kontakt Formular -------------------------*/

#kontaktFormular {
  width:400px;
  margin:15px 0 0 0;
}
.kontaktText {
  float:left;
  width:100px;
  padding:10px 0 0 0;
}
.KontaktFeld {
  float:left;
  width:260px;
  height:14px;
  margin:5px;
  border:1px solid #B9CADC;
  padding:4px 3px;
  background:none;
  font-size:12px;
}
.KontaktBereich {
  float:left;
  width:260px;
  margin:5px;
  border:1px solid #B9CADC;
  padding:3px;
  background:none;
}
.Button1 {
  float:left;
  width:134px;
  margin:15px 0 0 105px;
  border:1px solid #B9CADC;
  background:#fff;
  padding:2px 5px;
}
#kontaktDanke {
  float:left;
  width:400px;
}
#kontaktDanke p {
  color:#164f8a;
  font-weight:bold;
}
#kontaktFehler {
  float:left;
  width:400px;
}
#kontaktFehler p {
  color:#b0c3de;
  font-weight:bold;
}

/* -- 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:#aaa;
  margin:0px 15px 15px 10px;
}

/* -- Google -- */
.googleTeaser {
  padding:10px 0 0 5px;
  background:transparent url(http://www.video-goetsch.de/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] 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] 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:#aaa;
  color:#aaa;
  font-weight: bold;
  border:none; 
}