/************************************************************************************
Datei:          global.css
Beschreibung:   Standart-Einstellungen, die allen Seiten zur Verf�gung stehen sollen
Erstellt von:   Elias Sasek
*************************************************************************************/

/**************************/
/*Standartformatierungen   /
/**************************/


	

h1{ font-size:2em; }
h2{ font-size:1.3em; }
h3{	font-size:1.2em; }
h4{	font-size:1em; }
h5{ font-size:.9em; }
h6{ font-size:.8em; }

li,dd{ 
       margin-left:40px; 
       font-size:14px;
       text-align:left;
       
      }
i,em{ font-style:italic; }

b,strong{ font-weight:bold; }

u{ text-decoration:underline; }

hr{
    height:1px; 
    margin:5px; 
    border-top:1px solid #ccc; 
    border-color:black;
    }

ul ul,ol ol{ margin-bottom:0; }

b{font-size:0.85em;}
          
ul{ list-style-type:circle; }

ul ul{ list-style-type:square; }

h1,h2,h3,h4,h5,h6,p,ul,ol{ margin-bottom:20px; }


a { color:#303941; 
    text-decoration:none; 
    margin:0;
    padding:0;   
  }
  
/*a:hover { color:#254369;
          background-color:#b8bec1;
          text-decoration:underline overline; 
          margin:0;
          padding:0;   
}*/
.globalhover{
              background-position:-147px;
            }

p{
  font-size:16px;
  text-align:left;
  color:#303941;
  margin:0;
  padding:0;  
  }

  
span.font18{
            font-size:18px;
            text-align:left;
            color:#303941;
            margin:0;
            padding:0;              
            }
            
span.font20{
            font-size:20px;
            text-align:left;
            color:#303941;
            margin:0;
            padding:0;              
          }
          
span.font22b{
            font-size:22px;
            text-align:left;
            color:#303941;
            font-weight:bold;
            margin:0;
            padding:0;   
            
          }
          

span.font23{
            font-size:23px;
            text-align:left;
            color:#303941;
            margin:0;
            padding:0;   
            }
            
span.font17{
            font-size:17px;
            text-align:left;
            color:#303941;
            text-transform:uppercase;
            margin:0;
            padding:0;   
           }
           

span.font25{
            font-size:18px;
            text-align:left;
            margin: 0 0px 0 0;
            color:#3f4561;
            text-transform:uppercase;
            margin:0;
            padding:0;   
}

span.font26{
            font-size:26px;
            text-align:left;
            margin: 0 0px 0 0;
            color:#3f4561;
            text-transform:uppercase;
            margin:0;
            padding:0;   
}
           
span.font27{
            font-size:20px;
            text-align:left;
            margin: 0 0px 0 0;
            color:#303941;
            text-transform:uppercase;
            margin:0;
            padding:0;   
           }
           
span.font30{
            font-size:30px;
            text-align:left;
            margin: 0 0px 0 0;
            color:#303941;
            text-transform:uppercase;
            margin:0;
            padding:0;   
           }
           
span.font45{
            font-size:45px;
            text-align:left;
            margin: 0 0px 0 0;
            color:#303941;
            text-transform:uppercase;
            margin:0;
            padding:0;   
           }
           
           
  
p.courier{
	          font-family:Courier New;
            margin:0;
            padding:0;   
          }
          
table{  
	    border-collapse:collapse;
	    border-spacing:0;  
      }
  
/*Vorschaubilder zuerst bisschen transparent, hernach klar...*/    
.thum_trans{
            opacity:.5;
            filter:alpha(opacity=50);
            }
            
.thum_trans:hover{
            opacity:1;
            filter:alpha(opacity=100);
            }
 
/*zuerst 100, dann 50*/           
.thum_trans2{
            opacity:1;
            filter:alpha(opacity=100);
            }
            
.thum_trans2:hover{
            opacity:.5;
            filter:alpha(opacity=50);
            }

  
/********************************/
/*Formatierungen des Grundstiles /
/********************************/
              
div#form_main{
                background-image: url(../../images/global_all/glob_main.png);                
                margin-top:2px;
                width:715px;
                height:659px;
                padding: 25px 89px 0 104px;
              }
              
              
div#form_main-sexzwang {
                background-image: url(../../images/global_all/glob_main_sexzwang.png);                
                margin-top:2px;
                width:715px;
                height:659px;
                padding: 25px 89px 0 104px;
              }   
              
div#form_main-impfzwang {
                background-image: url(../../images/global_all/glob_main_impfzwang.png);                
                margin-top:2px;
                width:715px;
                height:659px;
                padding: 25px 89px 0 104px;
              }  
              
div#form_main-mobilfunk{
				background-image: url(../../images/global_all/glob_main_mobilfunk.png);                
                margin-top:2px;
                width:715px;
                height:659px;
                padding: 25px 89px 0 104px;
	
	
     				   }                          
                         
              
div#form_main_start{
                background-image: url(../../images/global_all/glob_main_start.png);
                margin-top:2px;
                width:715px;
                height: 1310px;
                padding: 25px 89px 0 104px;
              }

div#form_main-karma{
                background-image: url(../../images/global_all/glob_main-karma.png);                
                margin-top:2px;
                width:701px;
                height:659px;
                padding: 25px 89px 0 104px;  
              }  

div#form_main-karmastart{
                background-image: url(../../images/global_all/glob_main_start.png);                
                margin-top:2px;
                width:715px;
                height: 694px;
                padding: 25px 89px 0 104px;

              }

div#form_main_hsa{
                background-image: url(../../images/global_all/glob_main_start.png);                
                margin-top:2px;
                width:715px;
                height:663px;
                padding: 25px 89px 0 104px;
              }


div#form_main-soundtrack{
                background-image: url(../../images/global_all/glob_main_start.png);                
                margin-top:2px;
                width:715px;
                height: 754px;
                padding: 25px 89px 0 104px;
              }

div#form_main-maenner{
                background-image: url(../../images/global_all/glob_main_maenner.png);                
                margin-top:2px;
                width:715px;
                height:659px;
                padding: 25px 89px 0 104px;
              }

div#form_main-anfang{
                background-image: url(../../images/global_all/glob_main_anfang.png);                
                margin-top:2px;
                width:715px;
                height:659px;
                padding: 25px 89px 0 104px;
              }

div#form_main-portrait{
                background-image: url(../../images/global_all/glob_main_pf-portrait.png);                
                margin-top:2px;
                width:715px;
                height:659px;
                padding: 25px 89px 0 104px;
              }
			  
div#form_main-naiv{
	background-image: url(../../images/global_all/glob_main-naiv_neu.png);                
                margin-top:2px;
                width:715px;
                height:659px;
                padding: 25px 89px 0 104px;	
}
              
div#form_main-medienzentrum{
                background-image: url(../../images/global_all/glob_main-medienzentrum.png);                
                margin-top:2px;
                width:715px;
                height:659px;
                padding: 25px 89px 0 104px;
              }

div#form_main-medienzentrumkalender{
                background-image: url(../../images/global_all/glob_main-medienzentrumkalender.png);                
                margin-top:2px;
                width:715px;
                height:659px;
                padding: 25px 89px 0 104px;
              }
              
div#form_main-medienzentrumbilder{
                background-image: url(../../images/global_all/glob_main-medienzentrum-bildergalerie.png);                
                margin-top:2px;
                width:715px;
                height:659px;
                padding: 25px 89px 0 104px;
              }
              
div#form_main-naiv-trailer{
                background-image: url(../../images/global_all/glob_main-naiv-trailer.png);                
                margin-top:2px;
                width:715px;
                height:659px;
                padding: 25px 89px 0 104px;
                
              }              

div#form_main-naiv-bilder{
                background-image: url(../../images/global_all/glob_main-naiv-bilder.png);                
                margin-top:2px;
                width:715px;
                height:659px;
                padding: 25px 89px 0 104px;
                
              }       
              
div#form_main-naiv-mof{
                background-image: url(../../images/global_all/glob_main-naiv-mof.png);                
                margin-top:2px;
                width:715px;
                height:659px;
                padding: 25px 89px 0 104px;
                
              }                 

div#form_main-urvaeter{
                background-image: url(../../images/global_all/glob_main-urvaeter.png);                
                margin-top:2px;
                width:701px;
                height:659px;
                padding: 25px 89px 0 104px;
                
              }  

div#form_main-kosimanationen{
                background-image: url(../../images/global_all/glob_main-kosimanationen.png);                
                margin-top:2px;
                width:715px;
                height:659px;
                padding: 25px 89px 0 104px;
                
              }

div#form_main-shop{
                background-image: url(../../images/global_all/glob_main-shop.png);                
                margin-top:2px;
                width:715px;
                height:880px;
                padding: 25px 89px 0 104px;
}
       
/**************************************************
 *
 * Hier sind die DOKU Fremdsprachen Links definiert
 * 
 * ***********************************************/ 
 
 
 
.vidmemo {
	background: url("../../images/global_int_all/vidmemo_background.png");
	padding: 15px;
	height: 85px;
	font-family: "helvetica neue", Helvetica, Arial, Verdana, sans-serif;
	clear: both;
	margin: 239px 15px 0 0;
	width: 670px;

}
.vidmemo_urv {
	background: url("../../images/global_int_all/vidmemo_background.png");
	padding: 15px;
	height: 85px;
	font-family: "helvetica neue", Helvetica, Arial, Verdana, sans-serif;
	clear: both;
	margin: 239px 15px 0 0;
	width: 670px;

}
.vidmemo .language {
	float: left;
	height: 30px;
  width: 14%;
	/* width: 25%; */
	text-decoration: none;
	color: #000000
}
.vidmemo .language:hover {
	text-decoration: underline;
}
.vidmemo .language .img {
	height: 100%;
	padding: 1px;
	background: #000000;
}
.vidmemo .language .description, .vidmemo .text {
	margin: 0px;
	padding: 0px;
	text-align: center;
}
.vidmemo .text {
	color: #314c72;
	font-size: 14px;
	font-weight: bold;
	
}
                
        
 
 
 div#form_kontakt{
                background-image: url(../../images/global_all/glob_main_kontakt.png);                
                margin-top:2px;
                width:715px;
                height:760px;
                padding: 25px 89px 0 104px;
                
              }                                                                     
                            
div.form_theme{
/*          background-color:#303941;*/
          width:496px;  
          height:280px;
          float:left;
          margin: 16px 0 0 8px;
          z-index: 1;
        }
              

div.form_theme_small{
          /*background-color:#303941;*/
          margin: 15px 0 0 0;
          width:496px;  
          height:212px;
          float:left;
        }
        

                     
div#form_logo{
                width:502px;
                height:156px;
                background-image: url(../../images/global_all/glob_logo.png);
                margin-top:-51px;
              }
              


/**********************************************/
/*Formatierungen des Menus - nur erste Ebene! /
/*********************************************/

	/* Keine Punkte bei Links*/
	a:active { 
		outline: none; 
	}
	
	/* Firefox Dotted Outline Fix */
	a:focus { 
		-moz-outline-style: none; 
	}

	/* Float LI Elements - horizontal display */
	ul#menu li {
		float:left;
	}
	
ul#menu {
		width:698px;
		height:34px;
		list-style:none;  
    float:left;
    margin:12px 0 0 -17px;
    padding:0;
	}
  
/*Eigenschaften f�r button close in den Untermenus f�r Schliessen*/
img.menu_close{   
                  width: 16px;
                  height: 14px;
                  margin: 7px 6px 0 0;
                  float:right;
                }
                
	/* Einstellungen zu den Links */
	ul#menu li a {
		background:url(../../images/global_all/glob_menu.png) no-repeat scroll top left;
		display:block;
		height:34px;
		position:relative;
	}

	/* grunds&auml;tzliche span-formatierung */
	ul#menu li a span {
		background:url(../../images/global_all/glob_menu.png) no-repeat scroll bottom left;
		display:block;
		position:absolute;
		top:0;
		left:0;
		height:100%;
		width:100%;
		z-index:100;

	}
	
	/* Span (on hover) - display pointer */
	ul#menu li a span:hover {
		cursor:pointer;
	}
	
  
	/* Breite und position des einzelnen Menu-Elemente angeben */
	ul#menu li a.home {
		width:101px;
	}
	
	ul#menu li a.kino {
		width:119px;
		background-position:-100px 0px;
    margin: 0 0 0 -41px;

	}
  
	ul#menu li a.sonstige {
		width:116px;
		background-position:-218px 0px;
    margin: 0 0 0 -41px;
	}
  
	ul#menu li a.aktuell {
		width:103px;
		background-position:-333px 0px;
    margin: 0 0 0 -41px;
	}
  
	ul#menu li a.shop {
		width:77px;
		background-position:-435px 0px;
    margin: 0 0 0 -41px;
	}
  
	ul#menu li a.kontakt {
		width:145px;
		background-position:-511px 0px;
    margin: 0 0 0 -41px;
	}
  
	/* Breite und Position der einzelnen Menu-Elemente f&uuml;r hover*/
	ul#menu li a.home span {
		background-position:0px -34px;
	}
	
	ul#menu li a.kino span {
		background-position:-100px -34px;

	}
  
	ul#menu li a.sonstige span {
		background-position:-218px -34px;

	}
  
	ul#menu li a.aktuell span {
		background-position:-333px -34px;

	}
  
	ul#menu li a.shop span {
		background-position:-435px -34px;

	}
  
	ul#menu li a.kontakt span {
		background-position:-511px -34px;
 
	}  
  
/******************************************************************************/
/*Formatierungen des Untermenus "Kinofilme" - zweite Ebene mit blauem Verlauf! /
/******************************************************************************/
/*Formatierung des Divs mit dem blauen Verlauf in Kinofilme*/

  

ul#ULnav{
    width:117px;
    height:221px;
    margin:12px 0 0 58px;
    padding:0px;
		list-style:none;
    float:left;
    z-index:1;
  }
                 
/*Eigenschaften f&uuml;r ganzes UL*/
 ul#ULmenu_verlauf{
   list-style:none;
   margin:0;
   padding:0;
   float:left;
 }

/*Formatierungen der einzelnen Buttons von Helden*/ 
li.menu_hsaAll a span{
   display:block;
	 height:32px;
	 width:147px;
	 z-index:-1;
   float:left;
  }


/******************************************************************************/
/*Formatierungen des Untermenus "sonstige" - zweite Ebene mit blauem Verlauf! /
/******************************************************************************/
  
/*Formatierungen der einzelnen Buttons*/ 
/*Eigenschaften die f&uuml;r alle li- Elemente gelten*/


/*Eigenschaften die f&uuml;r alle li- Elemente gelten*/
li.menu_sonstigeAll a span{
   display:block;
	 height:32px;
	 width:147px;
	 z-index:100;
   float:left;
  }




/******************************************************************************/
/*Formatierungen f�r die Unternavigationen (helden, sophie,karma               /
/******************************************************************************/

/*Eigenschaften die f&uuml;r alle li- Elemente gelten*/
li.nav a span{
   display:block;
	 position:relative;
	 height:32px;
	 width:147px;
	 z-index:1;
   float:left;
   margin: 4px 0 0 -75px;
  }
  
/*Formatierungen der einzelnen Buttons von Sophie*/ 

li#sophie_trailer a span{
   background:url(../../images/global_all/btn_trailer.png) no-repeat scroll bottom left;

 }
 
li#sophie_trailer a span:hover{
   background-position:-147px;
}

li#sophie_bilder a span{
   background:url(../../images/global_all/btn_bilder.png) no-repeat scroll bottom left;


 }
 
li#sophie_bilder a span:hover{
   background-position:-147px;

}

li#sophie_mof a span{
   background:url(../../images/global_all/btn_mof.png) no-repeat scroll bottom left;

 }
 
li#sophie_mof a span:hover{
   background-position:-147px;

}

li#sophie_soundtrack a span{
   background:url(../../images/global_all/btn_soundtrack.png) no-repeat scroll bottom left;


 }
 
li#sophie_soundtrack a span:hover{
   background-position:-147px;

}

li#sophie_festival a span{
   background:url(../../images/global_all/btn_festival.png) no-repeat scroll bottom left;

 }
 
li#sophie_festival a span:hover{
   background-position:-147px;

}

li#sophie_sophie a span{
   background:url(../../images/global_all/btn_sophie.png) no-repeat scroll bottom left;


 }
 
li#sophie_sophie a span:hover{
   background-position:-147px;

}

li#sophie_filmstart a span{
   background:url(../../images/global_all/btn_filmstart.png) no-repeat scroll bottom left;

 }
 
li#sophie_filmstart a span:hover{
   background-position:-147px;

}

li#helden_filmstart a span{
   background:url(../../images/global_all/btn_filmstart.png) no-repeat scroll bottom left;

 }
 
li#helden_filmstart a span:hover{
   background-position:-147px;

}
/*Formatierungen der einzelnen Buttons f�r Werbefilme*/ 

/* ausgelagert in eigene css-Files    */
 

/*Formatierungen der einzelnen Buttons f�r Musikclips*/ 
li#musik_keinkrieg a span{
   background:url(../../images/global_all/btn_keinkrieg.png) no-repeat scroll bottom left;

 }
 
li#musik_keinkrieg a span:hover{
   background-position:-147px;
}

li#musik_augen a span{
   background:url(../../images/global_all/btn_AzkAugen.png) no-repeat scroll bottom left;

 }
 
li#musik_augen a span:hover{
   background-position:-147px;
}

li#musik_stop a span{
   background:url(../../images/global_all/btn_stopRfid.png) no-repeat scroll bottom left;

 }
 
li#musik_stop a span:hover{
   background-position:-147px;
}

/*Formatierungen der einzelnen Buttons f�r Dokumentarfilme*/ 

li#dok_impfzwang a span{
   background:url(../../images/global_all/btn_impfzwang.png) no-repeat scroll bottom left;


 }
 
 li#dok_mobilfunk a span{
   background:url(../../images/global_all/btn_mobilfunk.png) no-repeat scroll bottom left;
 
 }
 
 li#dok_mobilfunk a span:hover{
   background-position:-147px;
}

a#mobil_link:hover{
	width: 80px;
	height: 80px;
	color: transparent;
	text-dekoration: none;
}
 
li#dok_impfzwang a span:hover{
   background-position:-147px;
}



li#dok_geht a span{
   background:url(../../images/global_all/btn_Rfidgeht.png) no-repeat scroll bottom left;

 }
 
li#dok_geht a span:hover{
   background-position:-147px;
}

li#dok_nun a span{
   background:url(../../images/global_all/btn_Rfidnun.png) no-repeat scroll bottom left;

 }
 
li#dok_nun a span:hover{
   background-position:-147px;
}


li#dok_sexzwang a span{
   background:url(../../images/global_all/btn_sexzwang.png) no-repeat scroll bottom left;

 }
 
li#dok_sexzwang a span:hover{
   background-position:-147px;
}



li#dok_urvaeter a span{
   background:url(../../images/global_all/btn_urvaeter.png) no-repeat scroll bottom left;

 }
 
li#dok_urvaeter a span:hover{
   background-position:-147px;
}

li#dok_sexzwang a span{
   background:url(../../images/global_all/btn_sexzwang.png) no-repeat scroll bottom left;

 }
 
li#dok_sexzwang a span:hover{
   background-position:-147px;
}


/*Formatierungen der einzelnen Buttons von Karma*/ 

li#karma_kam_vis a span{
   background:url(../../images/global_all/btn_karma.png) no-repeat scroll bottom left;

 }
 
li#karma_kam_vis a span:hover{
   background-position:-147px;
}

li#karma_trailer a span{
   background:url(../../images/global_all/btn_trailer.png) no-repeat scroll bottom left;

 }
 
li#karma_trailer a span:hover{
   background-position:-147px;
}

li#karma_bilder a span{
   background:url(../../images/global_all/btn_bilder.png) no-repeat scroll bottom left;

 }
 
li#karma_bilder a span:hover{
   background-position:-147px;

}

li#karma_drehtage a span{
   background:url(../../images/global_all/btn_drehtage.png) no-repeat scroll bottom left;

 }
 
li#karma_drehtage a span:hover{
   background-position:-147px;

}

li#karma_soundtrack a span{
   background:url(../../images/global_all/btn_soundtrack.png) no-repeat scroll bottom left;


 }
 
li#karma_soundtrack a span:hover{
   background-position:-147px;

}

li#karma_premiere a span{
   background:url(../../images/global_all/btn_kino.png) no-repeat scroll bottom left;


 }
 
li#karma_premiere a span:hover{
   background-position:-147px;

}


li#karma_stimmen a span{
   background:url(../../images/global_all/btn_stimmen.png) no-repeat scroll bottom left;


 }
 
li#karma_stimmen a span:hover{
   background-position:-147px;

}

li#karma_filmstart a span{
   background:url(../../images/global_all/btn_filmstart.png) no-repeat scroll bottom left;


 }
 
li#karma_filmstart a span:hover{
   background-position:-147px;

}

/*Formatierung der buttons für Männer stiehlt man nicht*/

li#maenner_kam_vis a span{
   background:url(../../images/global_all/btn_maenner.png) no-repeat scroll bottom left;
 }
 
li#maenner_kam_vis a span:hover{
   background-position:-147px;
}

li#maenner_musik a span{
   background:url(../../images/global_all/btn_soundtrack.png) no-repeat scroll bottom left;
 }
 
li#maenner_musik a span:hover{
   background:url(../../images/global_all/btn_soundtrack.png) no-repeat scroll bottom left;
   background-position: -147px;
 }
 
li#maenner_festival a span{
   background:url(../../images/global_all/btn_maenner-festival.png) no-repeat scroll bottom left;
}
 
li#maenner_festival a span:hover{
   background:url(../../images/global_all/btn_maenner-festival.png) no-repeat scroll bottom left;
   background-position: -147px;
}

li#maenner_trailer a span{
   background:url(../../images/global_all/btn_trailer.png) no-repeat scroll bottom left;

 }

li#maenner_trailer a span:hover{
   background:url(../../images/global_all/btn_trailer.png) no-repeat scroll bottom left;
   background-position:-147px;
 }
li#maenner_bilder a span{
   background:url(../../images/global_all/btn_bilder.png) no-repeat scroll bottom left;

 }
 
li#maenner_bilder a span:hover{
   background:url(../../images/global_all/btn_bilder.png) no-repeat scroll bottom left;
   background-position:-147px;
 }


li#maenner_drehtage a span{
   background:url(../../images/global_all/btn_drehtage.png) no-repeat scroll bottom left;
 }
 
li#manner_drehtage_vis a span:hover{
   background-position:-147px;
   background:url(../../images/global_all/btn_drehtage.png) no-repeat scroll bottom left;
}


li#maenner_mof a span{
   background:url(../../images/global_all/btn_mof.png) no-repeat scroll bottom left;

 }
 
li#maenner_mof a span:hover{
   background-position:-147px;
}

li#mz-medienzentrum a span{
   background:url(../../images/global_all/btn_mz-medienzentrum.png) no-repeat scroll bottom left;
}

li#mz-medienzentrum a span:hover {
   background:url(../../images/global_all/btn_mz-medienzentrum.png) no-repeat scroll bottom left;
   background-position:-147px;
}

li#mz-bildergalerie a span{
   background:url(../../images/global_all/btn_mz-bildergalerie.png) no-repeat scroll bottom left;
}

li#mz-bildergalerie a span:hover {
   background:url(../../images/global_all/btn_mz-bildergalerie.png) no-repeat scroll bottom left;
   background-position:-147px;
}

li#mz-kalender a span{
   background:url(../../images/global_all/btn_mz-kalender.png) no-repeat scroll bottom left;
}

li#mz-kalender a span:hover {
   background:url(../../images/global_all/btn_mz-kalender.png) no-repeat scroll bottom left;
   background-position:-147px;
}

/*Formatierungen der einzelnen Buttons von Comic*/ 

li#comic_geld a span{
   background:url(../../images/global_all/btn_geld.png) no-repeat scroll bottom left;
}

li#comic_geld_hover a span{
   background:url(../../images/global_all/btn_geld.png) no-repeat scroll bottom left;
   background-position:-147px;
}

li#comic_existenz a span{
   background:url(../../images/global_all/btn_existenzkampf.png) no-repeat scroll bottom left;
}

li#comic_existenz_hover a span{
   background:url(../../images/global_all/btn_existenzkampf.png) no-repeat scroll bottom left;
   background-position:-147px;
}

li#comic_schachbrett a span{
   background:url(../../images/global_all/btn_schachbrett.png) no-repeat scroll bottom left;
}

li#comic_schachbrett_hover a span{
   background:url(../../images/global_all/btn_schachbrett.png) no-repeat scroll bottom left;
   background-position:-147px;
}

/************************************/
/*Formatierungen die Hauptcontainer  /
/************************************/




/************************************/
/*Formatierungen des Footers         /
/************************************/


.diclaimerlist{list-style-type: none;}


