html, body, .contentOuterFrame, .contentInnerFrame
{
   background-color: #FFFFFF;
   font-family: Arial;
   font-size: 12px;
   height: 100%;
   margin: 0px 0px 0px 0px;
   line-height: 17px;
}
.rightFrame
{
   right: 0px;
   padding: 135px 25px 25px 25px;
   position: absolute;
   width: 220px;
   z-index: 2;
	overflow: hidden;
}
.leftFrame
{
   left: 0px;
   padding: 130px 0px 0px 0px;
   position: absolute;
   width: 190px;
   z-index: 2;
}
.contentOuterLeftLine
{
   border-right: 1px solid #CCD6E0;
   height: 100%;
   top: 0px;
   left: 0px;
   position: fixed;
   width: 190px;
}
.contentOuterRightLine
{
   border-left: 1px solid #CCD6E0;
   top: 0px;
   right: 0px;
   height: 100%;
   position: fixed;
   width: 270px;
}
.content
{
   padding: 135px 295px 25px 215px;
   position: relative;
   z-index: 1;
}
.clear
{
   clear: both;
}
.header
{
   background-color: #003366;
   background-image: url(../png/ofi_logo.png);
   background-position: 45px 45px;
   background-repeat: no-repeat;
   height: 100px;
   left: 0px;
   position: fixed;
   top: 0px;
   width: 100%;
   z-index: 10;
   text-align: right;
   color: #ffffff;
   padding-top: 10px;
}

.header_popup
{
   background-color: #003366;
   background-image: url(../png/ofi_logo_popup.png);
   background-position: 45px 15px;
   background-repeat: no-repeat;
   height: 45px;
   left: 0px;
   position: fixed;
   top: 0px;
   width: 100%;
   z-index: 10;
   text-align: right;
   color: #ffffff;
   padding-top: 10px;
}

.header span
{
   margin-right: 15px;  
}
.header a:link, .header a:visited
{
   color: #FFFFFF;
   font-weight: normal;
   text-decoration: none;
}
.header a:hover
{
   color: #FF0000;
}
.leftFrame .menuElements a:link, .leftFrame .menuElements a:visited
{
   background-image: url(../png/menu_arrow.png);
   background-position: 30px 14px;
   background-repeat: no-repeat;
   border-bottom: 1px solid #CCD6E0;
   color: #6685A3;
   display: block;
   font-size: 12px;
   font-weight: bold;
   line-height: 32px;
   padding-left: 40px;
   text-decoration: none;
   vertical-align: middle;
}
.leftFrame .menuElements a:hover
{
   color: #CC3300;
}
.leftFrame a.blue:link, .leftFrame a.blue:visited
{
   background-color: #E5EAEF;
}
.leftFrame a.active:link, .leftFrame a.active:visited
{
   color: #CC3300;
}
h1
{
   color: #003366;
   display: block;
   font-size: 14px;
   margin: 0px 0px 0px 0px;
   text-align: left; 
}
h2
{
   color: #003366;
   font-size: 12px;
   margin-top: 25px;
   text-align: left; 
}
a:link, a:active, a:visited
{
   color: #003366;
   font-size: 12px;
   font-weight: bold;
   text-decoration: none;
}
.textsuchbox 
{
   background-color:#E5EAEF;
   border:0px solid #FFFF00;
   color:#000000;
   float:left;
   font-family:Arial,Verdana,Helvetica,sans-serif;
   font-size:9px;
   margin:0px;
   width:169px;
}
.check 
{
   border:0px solid #FF0000;
   float:left;
   padding-top:0px;
}
.selection
{
   background-color: #D7D7DF;
   color: #000000;
   float: left;
   font-family: Arial,Verdana,Helvetica,sans-serif;
   font-size: 11px;
   height: 17px;
   margin: 0px 0px 0px 130px;
   width: 169px;
}
.kontakt_betreff
{
   border: 1px solid #8C868C;
   height: 148px;
   width: 319px;
}
.kontakt_line_left
{
   border: 0px solid #FF0000;
   color: #000000;
   float: left;
   font-family: Arial,Verdana,Helvetica,sans-serif;
   font-size: 11px;
   font-weight: lighter;
   height: 20px;
   text-align: right;
   text-decoration: none;
   padding-right: 10px;
   width: 120px;
}
.kontakt_line_left_big
{
   border: 0px solid #FF0000;
   color: #000000;
   float: left;
   font-family: Arial,Verdana,Helvetica,sans-serif;
   font-size: 11px;
   font-weight: lighter;
   height: 20px;
   text-align: right;
   text-decoration: none;
   padding-right: 10px;
   width: 120px;
   height: 150px;
}
.line_button
{
   border: 0px solid #FF0000;
   float: right;
   height: 20px;
   padding: 7px 6px 0px 0px;
   text-align: right;
   width: 316px;
}
.kontakt_line
{
   border: 0px solid #00FF00;
   margin: 7px 0px 5px;
   overflow: hidden;
   width: 460px;
}
.button
{
   border: 1px solid #8C868C;
   color: #000000;
   font-family: Arial;
   font-size: 12px;
   height: 18px;
   text-align: center;
   width: 100px;
}

.kontakt_betreff
{
   border: 1px solid #8C868C;
   height: 148px;
   width: 319px;
}
.eingabe_big
{
   border: 1px solid #8C868C;
   height: 17px;
   width: 320px;
}
.eingabe_middle 
{
   background-color:#D6D6DE;
   border:1px solid #000000;
   color:#A1A1A1;
   float:left;
   font-family:Arial,Verdana,Helvetica,sans-serif;
   font-size:11px;
   height:15px;
   width:140px;
}
.news_line
{
   background-color: #CCD6E0;
   font-size: 0px;
   height: 1px;
   margin: 10px 35px 10px 0px;
   overflow: hidden;
}
.news_more
{
   display: block;
   float: left;
   margin-top: 5px;
   margin-bottom: 20px;
   text-decoration: none;
}
.news_textbox 
{
    font-size:12px;
}
.hpg_bildbox
{
   float: right;
   padding: 10px;
   margin-top: 33px;
}
.hpg_bildtitel
{
   color: #ABBACD;
   font-size: 10px;
}
.previewButton
{
   background-image: url(http://tube.heimat.de/pics/previewButton.gif);
   background-repeat: no-repeat;
   color: white;
   font-weight: bold;
   height: 22px;
   padding: 4px 0px 0px 35px;
}
.previewButton a
{
   color:white;
}
.iGotThePaging
{
   text-align: right;
   position: relative;
   bottom: 10px;
   left: 3px;
}
.iGotThePaging > span
{
   background-color: #E5E9EE; 
}
.iGotThePaging > span > span
{
   color: #ff0000; 
}
.iGotThePaging > span > a:link,
.iGotThePaging > span > a:visited
{
   color: #000000 !important;
   font-weight: normal;
}
.red
{
   color: #CC3300;
}
.searchBox
{
   padding:25px;
}
.searchBox > img
{
	cursor: pointer;
}
.searchBox > input
{
   padding: 0px;
   border: 1px solid #000000;
   width: 100px;
   font-size: 11px;
   color: #A1A1A1;
   margin: 0px;
   display: block;
   float: left;
}
.cbSearchItem
{
   padding-top: 10px;
   padding-bottom: 10px;
}
.cbSearchLink > a:link
{
   font-weight: normal;
   font-style: italic;
}
.cbSearchSummary > em
{
   color: #6685A3;
}
.mediaLogoBox img, .sponsorBox img
{
   border: 0px;
}
.mediaLogoBox
{
   color: #CC3300;
   font-size: 11px;
   font-style: italic;
	padding-left: 20px;
   padding-top: 40px;
   margin-top: 2px;
}
.sponsorBox
{
   font-size: 11px;
   color: #CC3300;
   font-style: italic;
   padding-left: 20px;
   padding-top: 40px;
   overflow: hidden;
   width: 155px;
}
.sponsorBox a, img
{
   display: block;
}
.sponsor
{
   background-color: #E5E9EE;
   padding: 7px 7px 3px 7px;
   margin-top: 2px;
   overflow: hidden;
}
.sponsorDistance
{
   margin-bottom: 8px;
}
.section
{
   padding-bottom: 10px;
}
.section div
{
   font-weight: bold;
   color: #CC3300;   
}
.section a
{
   color: #000000;
   font-size: 11px;
   text-decoration: none;
   display: block;
   margin-bottom: 11px;
   font-weight: normal;
	line-height: 15px;
}
.section a span
{
   color: #CC3300;
   font-style: italic;
}
.filmlist
{
   padding-top: 20px;
}
.player-control-keys .player-control-key
{
   background-color: #f0efea;
   display: block;
   float: left;
   margin-right: 5px;
   min-width: 95px;
   padding: 0px 5px;
   color: #23396e;
   text-align: center;
   text-decoration: none;
   font-weight: bold;
}
.player-control-keys .player-control-key:hover {
   background-color: #eae7d9;
}
.player-control-spacer {
   height: 10px;
}