#main {
  margin-left:auto;
  margin-right:auto;
  vertical-align:top;
  display:block;
  width: 745px;
  height:100%;
  padding : 0px;
  border-style: solid;
  border-width: 2px;
  border-color: black;
  background-color:black;
  font-family: Arial, Helvetica, sans-serif;
}

body{
  background-color:#404040;
}

#center{
  margin-left:auto;
  margin-right:auto
}

.virtual{
  vertical-align:top;
  margin:0px;
  padding:0px;
}

/* logo */
#logo {
  vertical-align:top;
  height:250px;
  background-color:black;
  padding-left:0px;
  padding-right:0px;
  padding-top:0px;
  padding-bottom:0px;
  margin:0px;
}
.oururl{
	font-family: Arial, Helvetica, sans-serif;
	font-size:18pt;
	color:#ffff00;
	text-align:center;
	padding-top:0px;
	margin-top:0px;
}

/* THEMEN */
td.themes {
  vertical-align:top;
  height:10px;
  width: 500px;
  background-color:black;
  text-align:center;
  padding-left:0px;
  padding-right:0px;
  padding-top:3px;
  padding-bottom:3px;
  margin:0px;
}

h2.theme	{
  display:inline;
  line-height:9pt;
  font-size:11pt;
  color:yellow;
  text-align:center;
  margin-top:0pt;
  margin-bottom:0pt;
  padding:0px;
  margin:0px;
}
span.theme{
  display:inline;
  line-height:9pt;
  font-size:11pt;
  color:#cccc00;
  text-align:center;
  margin-top:0pt;
  margin-bottom:0pt;
  padding:0px;
  margin:0px;
}


/* PROGRAMM */
.filmseite{
  width: 2px;
  margin : 0px;
  padding : 0px;
  vertical-align:top;
  background-color:yellow;
}

.filmrahmen{
  width: 15px;
  margin : 0px;
  padding : 0px;
  vertical-align:top;
  background-color:yellow;
  background-image:url(http://www.infoe-filmfestival.de/res/images/filmrahmen2.gif);
  background-repeat:repeat-y;
}

#prog {
  width: 220px;
  height:100%;
  margin : 0px;
  padding : 0px;
  vertical-align:top;
  background-color:yellow;
}
.ruler {
  width: 220px;
  height:2px;
  margin : 0px;
  padding : 0px;
  vertical-align:top;
  background-color:black;
}

div.prog{
  width: 210px;
  background-color:yellow;
  margin : 0px;
  padding : 5px;
  vertical-align:top;
}
h2.prog {
  color:black;
  font-size:10pt;
  text-align:left;
  margin:0px;
  padding:0px
}
h4.prog {
  color:#0f0f0f;
  font-weight:bold;
  font-size:8pt;
  text-align:left;
  margin:0px;
  padding:0px
}
p.prog {
  color:#000000;
  font-weight:normal;
  font-size:7pt;
  text-align:left;
  margin:0px;
  padding:0px
}

/* ARTICLE */
#content {
  vertical-align:top;
  background-color:black;
  margin : 0px;
  padding : 10px;
}
h2.article {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14pt;
	color:#ffff00;
	text-align:left;
	padding-top:0px;
	margin-top:0px;
	padding-bottom:3px;
	margin-bottom:0px;
}
h4.article {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11pt;
	color:#eeee00;
	text-align:left;
	padding-top:0px;
	margin-top:0px;
	padding-bottom:3px;
	margin-bottom:0px;
}
p.article {
	font-size:9pt;
	font-family: Arial, Helvetica, sans-serif;
	text-align:justify;
	color:white;
}

/* spacer */
td.spacer {
  vertical-align:top;
  height:1px;
  background-color:#ffff00;
  padding:0px;
  margin:0px;
}
/* imageboxes */
div.imgfloat{
  float:left
}

table.imgfloat{
  margin:0px;
  padding-left:0px;
  padding-right:5px;
  padding-left:0px;
  padding-bottom:5px;
}

td.imgfloat{
  margin:0px;
  padding-left:0px;
  padding-right:0px;
  padding-left:0px;
  padding-bottom:5px;
  font-size:8pt;
  font-family: Arial, Helvetica, sans-serif;
  text-align:justify;
  color:white;
}

imagerow{
    display:inline;
    margin:5px;
    padding:5px;
    background-color:white;
}

imagecell{
    display:inline;
    margin:5px;
    padding:5px;
    background-color:white;
}
imagetextcell{
    display:inline;
    margin:5px;
    padding:5px;
    background-color:white;
}

/* */
.spacer
{
 vertical-align:top;
  display:block;
  margin : 0px;
  padding : 0px;
  border-width: 0px;	
  border-style: none;
}
    
a:link 	
	{font-style:normal;
	text-decoration:none;
	color:yellow;
	font-family : Arial, Helvetica, sans-serif;
	}
a:visited
	{font-style:normal;
	text-decoration:none;
	color:yellow;
	font-family : Arial, Helvetica, sans-serif;
  }
a:hover
	{font-style:normal;
	text-decoration:underline;
	color:red;
	font-family : Arial, Helvetica, sans-serif;
  }
a:focus
	{font-style:normal;
	text-decoration:underline;
	color:red;
	font-family : Arial, Helvetica, sans-serif;
  }



a.prog:link 	
	{font-style:normal;
	text-decoration:none;
	color:black;
	font-family : Arial, Helvetica, sans-serif;
	}
a.prog:visited
	{font-style:normal;
	text-decoration:none;
	color:black;
	font-family : Arial, Helvetica, sans-serif;
  }
a.prog:hover
	{font-style:normal;
	text-decoration:underline;
	color:red;
	font-family : Arial, Helvetica, sans-serif;
  }
a.prog:focus
	{font-style:normal;
	text-decoration:underline;
	color:red;
	font-family : Arial, Helvetica, sans-serif;
  }

body.realimage{
  padding : 0px;
  margin: 0px;
  background-color:black;
}

table.realimage{
  padding : 0px;
  margin: 0px;
  background-color:black;
}

tr.realimage{
  padding : 0px;
  margin: 0px;
  background-color:black;
}

td.realimage{
  padding : 0px;
  margin: 0px;
  background-color:black;
	font-size:9pt;
	font-family: Arial, Helvetica, sans-serif;
	text-align:justify;
	color:white;

}