/*######################################################
  VISIONKINO-STYLESHEET
    (c) theCo.de AG - 2006
    Author:Silvio Sannicolo
######################################################*/




/*######################################################
  CONTAINER STYLES
######################################################*/

body#CMSRTE  {
  text-align:left;	
}

body, td {
  font-family: Verdana, sans-serif;
  font-size: 11px;
  margin: 0;
  padding: 0;
  color: #000;
}

body {
  background-color:#79B8C9;
  text-align:center;	
}



#container {
  margin: 0 auto;
  text-align: left;
  width: 950px;
  background-color:#FFF;
}

#innercontainer {
  margin-left:28px;
  margin-right:28px;
}

#secondlevelnav {
  float:left;
  width:168px;

}

#container_breadcrumb {
  height:40px;	
	
}

#container_content {
  width:894px;	
  background-image: url(/WO/Medienboard.woa/Contents/WebServerResources/visionkino/vk_bgcontent.gif);
  background-repeat:repeat-y;
}

#container_bgnav {
  background-image: url(/WO/Medienboard.woa/Contents/WebServerResources/visionkino/vk_bgleft.gif);
  background-repeat:no-repeat;	
}

#breadcrumb {
  position:relative;
  top:16px;
  left:184px; 
  width:710px;		
}


#layoutcontainer {
  float:left;
  width:710px;
  margin-left:16px;
  _margin-left:15px;

  border-top:1px dashed #1D7F9A;
}

#twocolcontent {
  width:100%;
  background-image: url(/WO/Medienboard.woa/Contents/WebServerResources/visionkino/vk_bg2col.gif);
  background-repeat:repeat-y;
  background-position:541px top;
}


#content {
  float:left;
  width:542px;
  margin-top:20px;
  width:526px;
}

.clearer {	
  clear:both;
  line-height:1px;
  height:1px;
  font-size:1px;
}

#teaser {
  float:right;
  width:156px;	
  margin-top:20px;
  overflow:hidden;
}

#footer {
  clear:both;	
}

/*######################################################
  HEAD STYLES
  (Banner, metanavigation, top left menu)
######################################################*/

#head {
  background-image: url(/WO/Medienboard.woa/Contents/WebServerResources/visionkino/vk_banner.gif);
  background-position:bottom right;
  background-repeat:no-repeat;	
  height:190px;
  position:relative;	
}

#logo {
  position:absolute;
  left:664px;
  top:44px;
  
  width:206px;
  height:72px;	
	
}

#topnav {
  position:absolute;
  top:30px;

  width:168px;
  height:160px;
  background-color:#1D7F9A;
  background-image: url(/WO/Medienboard.woa/Contents/WebServerResources/visionkino/vk_arrows_down.gif);
  background-repeat:no-repeat;
  background-position:8px 8px;
  
  overflow:visible;
}

#metanav {
    /*
  _position:relative;
  left:189px; _left: 20px;
  _top:10px;
  width:710px;  _width: 879px;
  */
    width: 893px;
}

#metanav_wrapper {
  margin-top: 6px;
  float:right;	
  height: 18px;
  line-height: 18px;
  white-space: nowrap;
}

#searchform {
    width: 169px;
    float: left;
}

#searchform input.searchfield {
  border: 1px inset;
  font-size: 10px; 
  width: 145px;
  height: 18px;
}

#searchform .button {
    margin-left: 5px;
    vertical-align: bottom;
}

#metanav a,
#footernav a,
#printtotop a {
  display:block;
  float:left; 
  font-size:10px;
  font-weight:bold;
  color:#1d7F9A;
  border-left:1px solid #1D7F9A;
  
  padding-left:5px;	
  padding-right:5px;	
}

#metanav a.first,
#footernav a.firstFoot,
#printtotop a.first {
  border-left:0;	
}

#metanav a:hover,
#footernav a:hover,
#printtotop a:hover  {
  color:#666;
}

#metanav a.selected  {
  color:#666;	
}

#footernav a.selected {
  color:#1D7F9A;	
}

#footernav div.topnavruler {
  display:none;	
}

#topnav a  {
  display:block;
  _width:100%;
  color:#FFFFFF;
  font-weight:bold;
  font-size:11px;
  line-height:20px;
  padding-left:8px;
}

#topnav a:hover,
#topnav a.selected:hover,
#topnav a.lastandselected:hover,
#topnav a.selecteds,
#topnav a.lastandselecteds
  {
  background-color:#C8E8F3;
  color:#1D7F9A;
  text-decoration:none;
  padding-left:8px;
  background-image: url('/WO/Medienboard.woa/Contents/WebServerResources/visionkino/vk_down_icon.gif');
  background-repeat: no-repeat;
  background-position: 95% 5px;
}


#topnav a.selected,
#topnav a.lastandselected {
  background-color:#DCF0F7;
  color:#666;
  background-image: url('/WO/Medienboard.woa/Contents/WebServerResources/visionkino/vk_down_icon_gray.gif');
  background-repeat: no-repeat;
  background-position: 95% 5px;
}


#topnav table {
  height:160px;

}

#topnav table tr td {
  vertical-align:bottom;	
  background-color:transparent;
  text-align:left;

}

div.topnavruler {
  height:0px;
  line-height:0px;
  font-size:0px;
  border-top:1px dashed #FFF;
  margin:0px 8px 0px 8px;	
}

#breadcrumb a {
  font-size:10px;
  color:#1D7F9A;
  font-weight:bold;	
}

#breadcrumb span {
  color:#1D7F9A;
  font-weight:normal;	
}

#breadcrumb a:hover {
  color:#666;	
}

#breadcrumb a.selected {
  color:#666;	
}

#metanav a.homeselected,
#breadcrumb a.homeselected {
  color:#666;	
}

/*######################################################
  NAVIGATION STYLES
  (second level nemu)
######################################################*/


#secondlevelnav a  {
  display:block;
  _width:100%;
  color:#FFFFFF;
  font-weight:bold;
  font-size:11px;
  line-height:13px;
  padding-top:4px;
  padding-bottom:4px;
  padding-left:8px;
}

#secondlevelnav a.selecteds,
#secondlevelnav a.firstandselecteds,
#secondlevelnav a.lastandselecteds,
#secondlevelnav a:hover  {
  background-color:#C8E8F3;
  color:#1D7F9A;
  text-decoration:none;
  padding-left:8px;
  background-image: url('/WO/Medienboard.woa/Contents/WebServerResources/visionkino/vk_down_icon.gif');
  background-repeat: no-repeat;
  background-position: 95% 5px;	  
}

#secondlevelnav a.selected  {
  margin:0;
}

#secondlevelnav a.selected,
#secondlevelnav a.firstandselected,
#secondlevelnav a.lastandselected {
  background-color:#DCF0F7;
  color:#666;
  padding-left:8px;
  background-image: url('/WO/Medienboard.woa/Contents/WebServerResources/visionkino/vk_down_icon_gray.gif');
  background-repeat: no-repeat;
  background-position: 95% 5px;	
}


#secondlevelnav a.firstandselected:hover {
	
}


#secondlevelnav dl {
  margin:0;
}

#secondlevelnav dl dd {
  margin:0;
}

#secondlevelnav dl dd dd {
  margin:0;
}


#secondlevelnav dl dd dd a {
  line-height:13px;
  padding-left:20px;
  padding-top:4px;
  padding-bottom:4px;
}
#secondlevelnav dl dd dd a:hover {
    background-image: none;    
}


#secondlevelnav dl dd dd a.selected {
  padding-left:20px;
  background-color:#DCF0F7;
  color:#666;
  background-image: none;
  /*
  background-image: url(/WO/Medienboard.woa/Contents/WebServerResources/visionkino/vk_arrow_right.gif);
  background-repeat:no-repeat;
  background-position: 8px 6px;
  */
}

#secondlevelnav dl dd dd a:hover {
  padding-left:20px;
  background-color:#C8E8F3;
  color:#1D7F9A;
}


/*######################################################
  FOOTER STYLES
  (copyright, another metanavigation, print- and toTop-Link)
######################################################*/

#footer_topspace {
  height:40px;
  border-bottom:1px dashed #1D7F9A;	
}

#footer_links {
/*  height:40px;*/	
}

#copyright {
  position:relative;
  top:18px;
  left:8px;
  width:150px;	
}

#copyright a {
  font-size:10px;
  color:#666;	
}

#footernav {
  position:relative;
  top:5px;
  left:180px;
  width:520px;	
}

#footer_ruler {
  height:20px;
  background-color:#1D7F9A;	
  clear:both;
}

#footer_logos {
  padding-top:10px;
  padding-bottom:20px;
}


#printtotop {
  position:relative;
  bottom:7px;
  left:648px;
  width:250px;
}

#printtotop a {
  display:block;
  float:right;
  font-size:10px;
  font-weight:bold;
  color:#1d7F9A;
  border-left:1px solid #1D7F9A;
  
  padding-left:5px;	
  padding-right:5px;	
}


#printtotop a.first {
  border-left:0;	
}


#footer_logos img {
	margin-left:70px;
	float:right;	
}

#footer_logos img.first {
	margin-left:8px;	
	float:left;
}

#footer_logos img.last {
	margin-left:0px;	
}

/*######################################################
  CONTENT STYLES
  (two-column-content)
######################################################*/

 a {
  color: #1D7F9A;
  text-decoration: none;
}

 a:hover {
  color:#666;
}

#twocolcontent .CMSSimpleText a,
#twocolcontent .CMSSimpleParagraph a,
#twocolcontent .CMSSitemap a,
#twocolcontent .paragraph a,
#twocolcontent .CMSParagraphFloatImage a {
  font-weight:bold;
  padding-left:14px;
  background-image: url(/WO/Medienboard.woa/Contents/WebServerResources/visionkino/vk_internal_link.gif);
  background-repeat:no-repeat;
  background-position: 0px 3px;
}

#twocolcontent .CMSSimpleParagraph a,
#twocolcontent .paragraph a,
#twocolcontent .CMSParagraphFloatImage a {
  padding-left:17px;
  background-position: 3px 3px;
}

#twocolcontent .CMSSimpleParagraph a img.linkbullet,
#twocolcontent .paragraph a img.linkbullet,
#twocolcontent .CMSParagraphFloatImage a img.linkbullet {
   height:12px;
   width:0px;
}


#twocolcontent a.CMSExternalTarget {
  font-weight:bold;
  padding-left:14px;
  background-image: url(/WO/Medienboard.woa/Contents/WebServerResources/visionkino/vk_external_link.gif);
  background-repeat:no-repeat;
  background-position: 0px 3px;	
}


p {
  text-align:left;
  padding:0;
  margin:0;
  margin-bottom:12px;
  		
}

h1,h2,h3,h4,h5,h6 {
  margin-top:0px;	
}

.CMSSimpleParagraph ul {
  list-style-image: url(/WO/Medienboard.woa/Contents/WebServerResources/visionkino/vk_listbullet.gif);
  margin:0;
  padding-left:16px;
  text-align:left;
  
}

.CMSSimpleParagraph li {
  padding-bottom:6px;
}

#content img.linkbullet {
  margin-left:4px;	
}

div.CMSParagraphFloatImage table.CMS_left {
	margin:0;
	margin-right:1em;
}

div.CMSParagraphFloatImage table.CMS_right {
	margin:0;
	margin-left:1em;
}

div.CMSParagraphFloatImage table.CMS_none {
	margin:0;
	margin-bottom:1em;
}

/* ######### special maincontent - styles ########### */

#content a,a.CMSExternalTarget {
  font-size:11px;
  padding:0;	
}

#content h1 {
  font-size: 16px;
  font-weight:bold;
  color:#000;
  margin-bottom:20px;
}

#content h2 {
  font-size: 11px;
  font-weight:bold;
  color:#666;
  margin-bottom:16px;
}

#content h3 {
  font-size: 11px;
  font-weight:bold;
  color:#000;
  margin-bottom:16px;
}

#content h4 {
  font-size: 11px;
  font-weight: bold;
}

#content h5 {
  font-size: 11px;
  color: #666;
}

#content h6 {
  font-size: 11px;
  color: #888;
}

#content p span {
  color: black;
  font-size:11px;
}

#content span.CMSSearchHighlight {
    color: #f00;
    font-size: inherit!important;
}


/* ######### special teaser - styles ########### */

#ROOT #teaser { overflow:visible!important; }

#teaser h1,h2,h3,h4,h5,h6 {
  font-size:10px;
  margin-bottom:12px;
  color:#666;	
}

#teaser p,
#teaser span {
  font-size:10px;	
}

#teaser .CMSSimpleText a,
#teaser .CMSExternalTarget a{
  display:block;
  padding-bottom:12px;
  font-size:10px;
  font-family:verdana;
  font-weight:bold;	
}

#teaser .CMSDownloadMediaCategory .CMSMediaIcon {
	position:absolute;
}

*:first-child+html #teaser div.cmseditsection {
	position:absolute !important;
}

#teaser ul { width:100%; overflow:hidden; }

#teaser li {
  padding:5px 0;
  width:100%;
}

*:first-child+html #teaser div a { 
  overflow:hidden;
  width: 156px;
}

* html #teaser div a {
  overflow:hidden;
  width: 156px;
}

#teaser div.CMSSimpleImage {
  margin-bottom:12px;
  overflow:hidden;
  width:156px;	
}


/* ######### VKPartner - Styles ########### */

#content div.VKPartner h3 {
	color:#000;
	margin:0;
}

.VKPartner tr {
	vertical-align:bottom;	
}

.VKPartner td.text {
	width:90%;
	padding-left:16px;	
}

.VKPartner a {
	display:block;
	margin-top:10px;	
}


.VKPartner div.dashedruler {
	border:none;
	border-top:1px dashed #1D7F9A;
	margin-top:20px;
	margin-bottom:20px;
}
/* ######### MBEvent - Styles ########### */

div.MBEvent {
  margin-bottom:20px;
  padding-bottom:20px;
  border-bottom:1px dashed #1D7F9A;

}


div.MBEvent div.eventimage {
  float:left;
  padding-right:10px;
  padding-bottom:8px;
}

div.MBEvent div.time {
  color:#1D7F9A;
  font-weight:bold;
}

div.MBEvent div.clear {
  clear:left;
  line-height:1px;
  height:1px;
  font-size:1px;	
}

div.MBEvent div.paragraph p{
  margin-bottom:0px;
}

div.MBEvent div.heading {
  color:#1D7F9A;
  font-weight:bold;
  padding-bottom:20px;
}

div.MBEvent div.date,div.contact,div.info {
  display:none;
	
}

/* ######### VKEmployee - Styles ########### */

.VKEmployee tr {
	vertical-align:bottom;	
}

.VKEmployee td.text {
	width:100%;
	padding-left:16px;	
}

#content div.VKEmployee h2 {
	color:#000;
	margin:0;	
}

#content div.VKEmployee h3 {
	color:#000;
	font-weight:normal;
	margin-top:10px;
	margin-bottom:0px;	
}

#content div.VKEmployee h4 {
	color:#000;
	font-weight:normal;
	margin-top:5px;
	margin-bottom:0px;
}

#content div.VKEmployee a {
  font-weight:bold;	
}

#content div.VKEmployee p {
  margin-top:20px;
  margin-bottom:0px;	
}

#content div.VKEmployee div.bottomspacer {
  height:40px;	
}

/* ######### Contactform - Styles ########### */

div.CMSMailForm {
  border-top:1px dashed #1D7F9A;
  padding-top:20px;	
  font-size:11px;
}

div.CMSMailForm form {
  margin:0;	
}

div.CMSMailForm div.label {
  font-family:verdana;
  width:80px;	
}

div.CMSMailForm div.field {
  position:relative;
  left:90px;
  top:-18px;
  width:320px;
}

div.CMSMailForm input.submit {
  font-size:11px;
  margin-left:90px;
  width:auto;	
}

div.CMSMailForm select {
  font-size:11px;	
}

div.CMSMailForm input.field,
div.CMSMailForm textarea {
  width:300px;
  overflow:auto; 	
}

div.CMSMailForm .CMSRawTemplate input {
  width:auto;
  font-size:11px;
  float:right;
  margin-right:280px;	
}

/* ######### VKMovieTip - Styles ########### */
.VKMovieTip {
	position:relative;
}


.VKMovieTip tr {
	vertical-align:top;	
}

.VKMovieTip td.container {
	width:90%;
	padding-left:20px;
	vertical-align:top;	
}

.VKMovieTip p {
  width:	180px;
  float:right;
  padding-bottom:3px;
  padding-top:3px;
  margin:0;
}


.VKMovieTip div.label {
  font-weight:bold;
  float:left;
  width:	130px;
  margin:0;
  pading:0;
  padding-left:12px;
  padding-top:3px;
  padding-bottom:3px;
}


.VKMovieTip div.onerow {
  border-top:1px dashed #1D7F9A;	
  clear:both;
}


.VKMovieTip div.lastruler {
  clear:both;
  height:1px;
  line-height:1px;
  font-size:1px;
  border-bottom:1px dashed #1D7F9A;
}

.VKMovieTip div.bottomspacer {
  height:30px;	
}


.CMSSitemap ul.sitemap {
	list-style-type: none;
	padding-left: 0;
}

.CMSSitemap ul.sitemap ul {
	padding-left: 0;
}

.CMSSitemap ul.sitemap ul ul {
	padding-left: 4em;
}

.CMSSitemap ul.sitemap ul ul ul{
	padding-left: 6em;
}

.CMSSitemap li {
	margin-top: 0.9em;
}

.CMSSearchResults form {
    margin: 20px 0;
    padding: 20px 0;
    border-bottom:1px dashed #1D7F9A;	
    border-top:1px dashed #1D7F9A;	
    font-size: 12px;
    font-weight: bold;
    color: #666;
}

.CMSSearchResultCount {
    font-weight: bold;
    color: #888;
    font-size: 12px;
    margin: 20px 0;
}

.CMSSearchResultPageBrowser {
    color: #666;
}

.CMSSearchResultPageBrowser a {
    font-weight: bold;
    float: left;
    display: block;
    margin-right: 1em;
}
.CMSSearchResultPageBrowser strong {
    color: #888;
    float: left;
    display: block;
    margin-right: 1em;
}

.CMSSearchResults ul {
    border-top:1px dashed #1D7F9A;
    clear: left;
    margin-top: 20px;
    padding-top: 20px;
    padding-left: 0;
    margin-left: 0;
    list-style-type: none;
}

.CMSSearchResults ul li {
    background-image: url(/WO/Medienboard.woa/Contents/WebServerResources/visionkino/vk_internal_link.gif);
    background-repeat: no-repeat;
    background-position: 0 3px;
    text-indent: 15px;
}

.CMSSearchResults ul li a { 
    font-weight: bold;
}

div.cmseditsection a.CMSAtomLink {
	float: right;
	position: relative;
	padding: 0 !important;
}