/* CSS Document MMFV2006 v1.2006.05.18	*/
/* Farbdefinitionen                 */
/* #000099	dunkelblau		Festival-Blau    */


/*
1.0 global parameter - all without text
2.0 global text-parameter text, p, listings
	2.1 img parameter
3.0 navigation + links
4.0 global div-parameter
5.0 special div-parameter
	5.1 Div Header
	5.2 Div Mainarea
	5.2.2 Mainarea div-parameter Sponsoren
6.0 Specials
	6.1 Programm Tabelle
	6.2 Pressedownload
	6.3 Fotowettbewerb
	6.4 Tabellen Showbloecke	
*/

html,body	/* v2006.04.03 */
{	margin:0;
	padding:0;
/*	width: 100%; 
	height: 100%; */
	overflow: auto;	
}
body	/* v2006.04.03 */	
{	background-color: #000000; 
	background-image: url(../x_layout/bgr_beam_blue020x220.gif);
	background-repeat: repeat-x;
	background-position: left top;
/**/
}
/*	2.0 START - text-parameter	+++++++++++++++++++++++++++++++	*/
p,h1,h2,h3,h4,h5,div,ul,li,td,th,i,form,input,select,option,textarea,strong,a		
{	font-family:  Verdana,Tahoma,Arial,Helvetica, sans-serif; 
	font-size: 11px;
	color: #666666;
}
p
{	color: #666666;
	margin: 0px 0px 0px 0px;
}
div.boxMainarea p
{	line-height: 17px;
	margin: 0px 20px 10px 35px;
}
div.BoxTxtMainareaInside p, div.BoxTxtMainareaInside3cols p
{	line-height: 17px;
	margin: 0px 0px 10px 0px;
}
div.publicVoices p
{	line-height: normal;
	margin: 0 20px 20px 35px;
	padding: 0 0 10px 0;	
	border-bottom: 1px dotted #444444;
}
p.headerBgrTxt
{
	font-size: 13px;
	font-weight: bold;
	color: #000040;
	text-align: justify;
	line-height: 18px;
}
h1
{	font-size: 24px;
	font-weight: normal;
	color: #000099;
	margin: 4px 0px 0px 8px;
}
h1.header
{	font-size: 37px;
	color: #FFFFFF;
	margin: 0px 0px 0px 0px;
}
h2
{	font-size: 13px;
	font-weight: bold;
	color: #102045;
}
h2.festivalDate
{	font-size: 16px;
	color: #FFFFFF;
	margin: 0px 0px 0px 0px;
}
h2.infoBoxHeadline
{	font-size: 13px;
	font-weight: normal;
	color: #FFFFFF;
	display: block;
	margin: 0px 0px 5px 0px;
	padding: 1px 0px 1px 2px;
	background-color: #000099;
}
h2.infoBoxHeadline_special
{	font-size: 13px;
	font-weight: normal;
	color: #000000;
	display: block;
	margin: 0px 0px 5px 0px;
	padding: 1px 0px 1px 2px;
	background-color: #eeee00;
}
h2.sBlock_headline
{	font-size: 13px;
	font-weight: bold;
	color: #000099;
	margin: 0 0 3px 35px;
}
ul
{	list-style-type: square;
	margin: 0px 0px 20px 80px;
}
ul.listNavi
{	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
ul.listNavi li
{	list-style-type: none;
	width: 210px;
	margin: 0px;
	padding: 0px;
}
ul.without
{	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.without li
{	margin: 0 0 10px 0;
	padding: 0;
}
.txtBlue
{	color: #000099; }
.fLeft
{	float: left; }
.fRight
{	float: right; }
/*	2.0 END - text-parameter	+++++++++++++++++++++++++++++++	*/
/*	2.1 START - img-parameter	+++++++++++++++++++++++++++++++	*/
img.imgTextRight
{	float: right;
	margin: 0px 10px 0px 5px;
}
img.imgTextLeft
{	float: left;
	margin: 0px 5px 0px 35px;
}
.clearBox { clear: both;}
/*	2.1 START - img-parameter	+++++++++++++++++++++++++++++++	*/
/*	3.1 START - textlinks	+++++++++++++++++++++++++++++++	*/
a:link, a:visited
{	color: #000099;
	background-color: transparent;
	text-decoration: underline;
}
a:active, a:hover, a.language:active, a.language:hover, a#nowAct
{	color: #FFFFFF; 
	background-color: #000099; 
	text-decoration: none;	
}
div.madeBy a:link, div.madeBy a:visited
{	color: #999999;
	background-color: transparent;
	text-decoration: none;
}
div.madeBy a:active, div.madeBy a:hover
{	color: #FFFFFF; 
	background-color: #1A1AFF; 
	text-decoration: none;	
}
a.language:link, a.language:visited
{	color: #CCCCCC;
	font-size: 11px;
	font-weight: bold;
	background-color: transparent;
	text-decoration: none;
}
a.naviMainLink:link, a.naviMainLink:visited
{
	color: #FFFFFF;
	background-color: transparent;
	text-decoration: none;
	display: block;
	padding: 0px 0px 0px 25px;
	border: 0px;
	font-size: 11px;
	line-height: 16px;
	background-image: url(../x_layout/arrowNaviWhite.gif);
	background-position: left;
	background-repeat: no-repeat;
}
a.naviMainLink:active, a.naviMainLink:hover, a#nowMain 
{	color: #000099; 
	background-color: #FFFFFF; 
	background-image: url(../x_layout/arrowNaviBlue.gif);
	background-position: left;
}
a.specialLink:link, a.specialLink:visited
{
	color: #888888;
	background-color: #ffffff;
	background-image: url(../x_layout/arrowNaviBlue.gif);
	background-position: left;
	background-repeat: no-repeat;
}
a.specialLink:active, a.specialLink:hover, a#nowSpecial 
{	color: #000099; 
}
/*	3.1 END - textlinks	+++++++++++++++++++++++++++++++	*/
/*	3.2 START - Navigation	+++++++++++++++++++++++++++++++	*/
div.naviBlock
{	float: left;
	width: 210px;
/*	height: 100px;  */
	margin: 0px 0px 10px 0px;
	padding: 5px 0px 6px 0px;
	background-color: #1A1AFF; 
	background-image: url(../x_layout/bgr_naviBlock.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
#firstBlock
{	margin: 0px 0px 20px 0px;
	height: 110px;
 }
*html #firstBlock
{	margin: 0px 0px 20px 0px; }
div.madeBy
{	float: left;
	width: 185px;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 25px;
}
*html div.madeBy
{	width: 210px;
}
/*	3.2 END - Navigation	+++++++++++++++++++++++++++++++	*/
/*	4.0 START - global div-parameter	+++++++++++++++++++++++++++++++	*/
#containerAll
{	position: absolute;
	z-index: 10;
	left: 50%;
	width: 880px;
/*	height: 100%;  */
	margin-left: -440px;
}
#containerHeader
{	position: absolute;
	z-index: 20;
	top: 0px;
	left: 0px;
	width: 880px;
	height: 220px; 
	margin-bottom: 10px;
}
#containerNavigation
{	position: absolute;
	z-index: 30;
	top: 75px;
	left: 0px;
	width: 210px;
	padding-top: 15px;
}
#containerMainareaAll
{	position: absolute;
	z-index: 40;
	top: 230px;
	left: 220px;
	width: 660px;
}
/*	4.0 END - global div-parameter	+++++++++++++++++++++++++++++++	*/


/*	5.1 START - Header div-parameter	+++++++++++++++++++++++++++++++	*/
#boxHeadline
{	position: absolute;
	z-index: 21;
	top: 0px;
	left: 0px;
	width: 880px;
}
#boxFestivalDate
{	position: absolute;
	z-index: 21;
	top: 50px;
	left: 55px;
}
#boxLanguageLink
{	position: absolute;
	z-index: 21;
	top: 55px;
	right: 0px;
}
#boxSlideshowBgr
{	position: absolute;
	z-index: 21;
	top: 75px;
	left: 220px;
	width: 360px;
	height: 145px;
	background-image: url(../x_layout/bgr_slideshow.png);
	background-repeat: no-repeat;
}
#boxSlideShow
{	position: absolute;
	z-index: 22;
	top: 8px;
	left: 38px;
	width: 244px;
	height: 124px;
	background-color: #555555; 
}
#boxVisitorsPic
{	position: absolute;
	z-index: 21;
	top: 120px;
	left: 235px;
	width: 350px;
	height: 100px;
	background-image: url(../x_layout/visitors.gif);
	background-repeat: no-repeat; 
}
#boxEyeBgr
{	position: absolute;
	z-index: 22;
	top: 85px;
	right: 0px;
	width: 280px;
	height: 135px;
}
#boxEye
{	position: absolute;
	z-index: 21;
	top: 0px;
	left: 40px;
	width: 199px;
	height: 120px;
	background-image: url(../x_layout/flying-eye.gif);
	background-repeat: no-repeat; 
}
/*	5.1 END - Header div-parameter	+++++++++++++++++++++++++++++++	*/
/*	5.2 START - Mainarea div-parameter	+++++++++++++++++++++++++++++++	*/
#containerMainarea
{	float: left;
clear: left;
	z-index: 41;
	padding: 5px;
	background-color: #1A1AFF;
	background-image: url(../x_layout/bgr_beam_blue020x220.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
div.boxMainarea 
{	float: left;
	z-index: 42;
	width: 650px;
/*	height: 450px; */
padding-bottom: 20px;
	background-color: #FFFFFF;
	background-image: url(../x_layout/bgr_mainareaTxt.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
}
#box2Cols
{	width: 440px;
}
#boxArrow
{	float: left;
	z-index: 42;
	display: block;
	width: 99%;
	height: 21px;
	padding: 0px;
	background-image: url(../x_layout/bgr_arrowGreyBig.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
div.containerMainareaInside
{	float: left;
	width: 625px;
	margin: 10px 0px 10px 35px;
}
* html div.containerMainareaInside
{	margin: 10px 0px 10px 18px;
}
div.BoxTxtMainareaInside
{	float: left;
	width: 290px;
	margin: 0px 20px 0px 0px;
}
div.BoxTxtMainareaInside3cols
{	float: right;
	width: 160px;
	margin: 0px 20px 0px 0px;
	padding: 5px;
	border: 1px solid #000099;
}

/*	5.2 END - Mainarea div-parameter	+++++++++++++++++++++++++++++++	*/
/*	5.2.2 START - Mainarea div-parameter Sponsoren	+++++++++++++++++++++++++++++++	*/
div.BoxSponsorsMainareaInside
{	float: left;
	width: 624px;
	margin: 0px 0px 10px 35px;
}
img.logoMidSize
{	float: left;
	margin: 0px 19px 25px 0px;
}
/*	5.2.2 END - Mainarea div-parameter Sponsoren	+++++++++++++++++++++++++++++++	*/
/*	5.3 START - Info Box rechts +++++++++++++++++++++++++++++++	*/
div.infoContainerRight
{	float: right;
	clear: both;
	width: 195px;
}
div.infoBoxRight
{	float: right;
	clear: both;
	width: 185px;
	margin: 0px 0px 9px 0px;
	padding: 5px 3px 5px 5px;
	background-color: #DDDDDD;
	background-image: url(../x_layout/bgr_infoBox.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
}
* html div.infoBoxRight
{	width: 175px;
	margin: 0px 0px 9px 0px;
}
/*	5.3 END - Info Box rechts +++++++++++++++++++++++++++++++	*/

/*	6.1 START - ProgrammTabelle +++++++++++++++++++++++++++++++	*/
#programTab {
	float: left;
	width: 600px;
	margin: 0 0 0 35px;
}

#programTab td {
	vertical-align: top;
}

/*	6.1 END - ProgrammTabelle +++++++++++++++++++++++++++++++	*/
/*	6.2 START - Pressedownload +++++++++++++++++++++++++++++++	*/
.boxPicAndInfo
{	float: left;
	height: 165px;
	width: 162px;
	margin: 0px 20px 10px 0px;
	padding: 5px 10px 10px 10px;
	background-color: #eeeeee;
	border: 1px solid #dddddd;
}
div.boxPicAndInfo img
{	float: left;
	margin: 0px 0px 10px 0px;
	padding: 0;
}
div.boxPicAndInfo a:link, div.boxPicAndInfo a:visited 
{	text-decoration: none;
}
/*	6.2 END - Pressedownload +++++++++++++++++++++++++++++++	*/
/*	6.3 START - Fotowettbewerb +++++++++++++++++++++++++++++++	*/
.boxFotoComp
{	float: left;
	width: 590px;
	margin: 0 0 20px 35px;
	padding: 0 0 10px 0;
	background-color: #eeeeee;
	border: 1px solid #dddddd;
}
* html div.boxFotoComp
{	margin: 0 0 20px 18px;
}
div.boxFotoComp img
{	float: left;
	margin: 10px 0 0 10px;
	padding: 0;
}
.boxFotoJury
{	float: left;
	margin: 0 0 20px 35px;
	padding-right:10px;
}
* html div.boxFotoJury
{	margin: 0 0 20px 18px;
}
/*	6.3 END - Fotowettbewerb +++++++++++++++++++++++++++++++	*/
/*	6.4 START - Tabelle Showblöcke +++++++++++++++++++++++++++++++	*/
.sBlock_Tab
{ 	width: 590px;
	border: 1px solid #000099;
	margin: 0 0 20px 35px;
 }
tr.odd
{	background-color: #ffffff;}
tr.even
{	background-color: #eeeeee;}
tr.firstRow td
{	color: #000099;
	border-bottom: 1px solid #666666;
}

table.sBlock_Tab td
{	padding: 0 5px 0 5px;
	vertical-align: top;
}
.sBlock_Statistik
{ 	width: 590px;
	border: 1px solid transparent;
	margin: 0 0 20px 35px;
 }
table.sBlock_Statistik td
{	padding: 0 5px 0 5px;
	vertical-align: top;
}
table.sBlock_Statistik td.txtRight
{	text-align: right;
}
/*	6.4 END - Tabelle Showblöcke +++++++++++++++++++++++++++++++	*/

/*	7. START - Startseite Sieger +++++++++++++++++++++++++++++++	*/
.boxWinners
{	float: left;
	width: 382px;
	margin: 0 0 20px 35px;
	padding: 0 0 10px 0;
	background-color: #eeeeee;
	border: 1px solid #000099;
}
* html div.boxWinners
{	m\argin: 0 0 20px 18px;
}
div.boxWinners img
{	float: left;
	margin: 10px 0 0 10px;
	padding: 0;
}
div.boxWinners p
{	float: left;
	width: 170px;
	margin: 10px 5px 0 10px;
	padding: 0;
	color: #0000aa;
}

a.tooltip, a.tooltip:link, a.tooltip:visited, a.tooltip:active  {
  position: relative;
/*  font-style: italic; */
  color: #666666; 
  }
  
a.tooltip:hover {
  color: #ffffff; 
  background-color: #000099;
  }

a.tooltip span {
  display: none;  
  text-decoration: none; 
}

a.tooltip:hover span {
  display: block;
  position: absolute; 
  top: 0; 
  left: 85px; 
  width: 350px;
  padding: 10px 10px 10px 10px;
  z-index: 100; /**/
  color: #666666; 
  border:1px solid #000099; 
  background: #f1f1f1;
  }