/**              
 * @note      use @charset or @import to set the charset of this document
              or import external css files respectively.
              The rule must be the very first in the document, 
              not preceeded by any whitespaces.
              
              THIS PAGE DOES NOT CONTAIN ANY COLORS OR BG-IMAGES.
              THOSE ARE PROVIDED IN AN EXTRA CSS FILE!!!
              
* @fonts used (for):
              Helvetica, Verdana, sans-serif
              Georgia, serif
              Schreibschrift (free font)
              
 * @IE6/7     has many bugs linked to "hasLayout"
              affecting float, overflow:hidden etc.
              Try one of the following to the box
              to be overflowed or the parent of the box
              to be floated, to solve the problem:
              w3c standard: width:any value, or specific 100%, position:relative;
              ie only (add this only withwith cc comments): zoom:1;
 */



/* -------------------------------------------------------------
                         BASIC ELEMENTS
--------------------------------------------------------------- */




embed, object {
  /* removes the dotted outline in FF */
  outline: 0;      
  }

ul {
  list-style: none;
  }

table {
  border-collapse:collapse;
  border-spacing:0;
  }

 
/* -- Basic Typography -- */

body { 
  font: 75%/150%  Arial, Helvetica, Verdana, sans-serif;
  letter-spacing: 0px;
  }
  
*, ul, ol, li, table, td{	
  font-size: 100%;
  line-height: inherit;
  }

 
  
h1 {                                        /* logoname in topbox */
  font-family: Arial, Helvetica, sans-serif;     
  font-size: 140%;
  letter-spacing: 0;
  
  /* font wechsel  font-weight: normal;
  font-family:  Helvetica, Verdana, sans-serif;
  font-style: normal; 
  font-size: 130%; 
  text-transform: normal;*/
   }
  
h2, h3 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  margin-bottom: 0px;
}
 
h2 { 
  font: normal normal 200%/130% Arial, Helvetica, sans-serif;
  font: bold normal 120%/130% Arial, Helvetica, sans-serif;
  border-top: 0px dashed black;
  border-bottom: 0px dashed black;
  padding: 0px;
  margin: 3em 0 1em;
}


    
h3 {
  margin: 3em 0 3em;
  border-top: 1px dashed black;
  border-bottom: 1px dashed black;/**/
  border-top: 0px double black;
  border-bottom: 0px double black;/**/
  font-size: 100%; 
  /*font-weight: bold;
   */
  } 


 

h4, h5 {
  margin: .5em 0 .5em;
  }

  
p {
  margin-bottom: 10px;
  }

strong, em, small, q, cite {
  color: inherit;
  }

small {
  font-size: 80%;
  line-height:130%;
  }

cite {
  font-style: normal;
  }

    
/* IE 8 (and higher) supports the q element if a !DOCTYPE is specified. 
The other IEs do not show the quotation mark around the q content.
In order to get them to show the quotations do this css, and
then include the wanted quotation signs before and after the q tag
(not inside!). That is xhtml valid.  */
q:before, quote:before,
q:after, quote:after {
  content: '"';
  }

address {
  font-style: normal;
  }


/* -- Basic Hyperlinks -- */

a {
  /* FF no outline: */
  outline: 0;                  
  font-family: inherit;
  }

a:link, 
a:visited, 
a:link span,  
a:visited span,
a:link span *,  
a:visited span * {
  color: inherit;
 }

a:focus, 
a:hover, 
a:active,
a:focus span, 
a:hover span, 
a:active span,
a:focus span *, 
a:hover span *, 
a:active span * {
  color: #e90f20; /* RED */ 
  border: none;
  text-decoration: none;/**/
  } 

  
/* -- Noscript -- */

/* info: an opera bug, will show the noscript tag all the time,
regardless, even with activated javascript, whenever the noscript
tag itself is being styled. to avoid it, we must wrap the
noscript tag into a div, and style the div */

.noscript * {  
  color: black;
  }

.noscript p {
  background: yellow;
  padding: 10px;
  margin-bottom: 2em;
  }

.warningsign {
  font-size: 4em;
  vertical-align: bottom;
  float: left;
  margin: .2em.2em 0 0;
  line-height: .2em;
  color: black;
  }


/* -- General Helpers -- */
   

.accessible_hidden { 
  /* For Accessability
  http://webaim.org/techniques/css/invisiblecontent/#maincontent */
  position:absolute;
  left:-10000px;
  top:auto;
  width:1px;
  height:1px;
  overflow:hidden;
  }

.nofloat {
  clear:both;
  }
 
.inline {
  display: inline;
  }
  
hr, .clearfix, .clr  { 
  /* Normal Clearer: */
  clear:both; 
  display:block; 
  height:0; 
  height:0px; 
  line-height:0; 
  position:relative;
  overflow:hidden;
  visibility:hidden; /**/
  background: red;
  }

#outerbox:after, 
#innerbox:after, 
#mainbox:after, 
#topbox:after, 
#content:after, 
.innerwrapper:after {  
  /*  CSS3 Clearer */
  content:"";  
  clear:both; 
  display:block; 
  overflow:hidden;
  visibility:hidden; 
  height: 0px; 
  width: 5px; 
  background: red !important;
  }


#outerbox, 
#innerbox, 
#mainbox, 
#topbox, 
#content, 
.innerwrapper {
  /* zoom:1     
  für IE6, 7: !!! als conditional einbinden. oder 
  für ihre parent divs zoom stellen?!*/
  }
  
 



/* -------------------------------------------------------------
                          - Page Design -
--------------------------------------------------------------- */
body {
  /*
  background: url("../images/allg/bg_noise.png")  repeat-x top #e0e0e0;
  background: url("../images/allg/bg_noise.png") top #e0e0e0;
  background: url("../images/allg/bg_page1.png") center center no-repeat #aaa;
  background: url("../images/allg/bg_reifenspur2.jpg")   #d9d9d9;
  background: url("../images/allg/flagge.jpg") 0 center no-repeat #aaa;
  background: url("../images/allg/bg_noise.png") top #aaa;
  background: url("../images/allg/bg_page_noise_dark.jpg") top #aaa;
  background: url("../images/allg/bg_page1.jpg") -10px center #d9d9d9;
  background: url("../images/allg/bg_grauverlauf.jpg") repeat-x top #f9f9f9;
  background: url("../images/allg/reifenspur.jpg") -200px -700px  #aaa fixed;
  background: url("../images/allg/bg_page1.png") center center repeat-x #aaa;
 */
  background: url("../images/allg/bg_page6.jpg") 0 -200px #d9d9d9 repeat-y;
  background: url("../images/allg/bg_page6.jpg") right center #d9d9d9 repeat-y;
 background: url("../images/allg/bg_page3.jpg") 0 -200px #d9d9d9 repeat-x;
}

#outerbox {                          
  min-width: 1024px;                     /* ---- Page Width ----- */
  width: 1024px;                       /*   --- Narrow Page Width (Centered) ---- */                    
  /*position: relative;*/

	/* css3
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;*/
	
	background: url("../images/allg/bg_illu.png") no-repeat 0 -50px #d9d9d9; /*test: top war 0!!! */
	
	position: relative;
	margin-bottom: 0px;
	margin-top: 0px;
 }


#innerbox {
  /*position: relative;*/
  padding: 20px 40px 120px 80px;
	/*background: red;test */
	
	}
  
#mainbox {      
  /*position: relative;*/
  padding-top: 0px;
  background: rgba(0, 200, 150, .0);  /**/ 
  }






/* ----- Header ----- */

#header {
  text-align: right;
  margin-bottom: 60px;
  }
 
#mainmenu {
  float:right;
  margin-right: 25px;
  }

#mainmenu ul, 
#mainmenu  li { 
  float:left;
  width: auto;
  }

#mainmenu  li,
#mainmenu li a {
  display: block;
  height: 12px;
  }

#mainmenu li a {
  background-image: url("../images/allg/mainmenu.png");
  background-repeat: no-repeat;
  margin-left: 3px;
  }

/* Normal Button State */

#mainmenu li#mm_story a:link,
#mainmenu li#mm_story a:visited {
  width: 31px;
  background-position: 0 0;
  }
  
#mainmenu li#mm_trailer a:link,
#mainmenu li#mm_trailer a:visited {
  width: 39px;
  background-position: -35px 0;
  }
  
#mainmenu li#mm_photos a:link,
#mainmenu li#mm_photos a:visited {
  width: 39px;
  background-position: -77px 0;
  }
  
#mainmenu li#mm_press a:link,
#mainmenu li#mm_press a:visited {
  width: 31px;
  background-position: -119px 0;
  }
  
#mainmenu li#mm_cast a:link,
#mainmenu li#mm_cast a:visited {
  width: 26px;
  background-position: -153px 0;
  }
  
#mainmenu li#mm_crew a:link,
#mainmenu li#mm_crew a:visited {
  width: 28px;
  background-position: -182px 0;
  }

/* Hover Button State */

#mainmenu li#mm_story a:focus,
#mainmenu li#mm_story a:hover ,
#mainmenu li#mm_story a:active,
#mainmenu li#mm_story a._on  {
  width: 31px;
  background-position: 0 -12px;
  }
  
#mainmenu li#mm_trailer a:focus,
#mainmenu li#mm_trailer a:hover,
#mainmenu li#mm_trailer a:active,
#mainmenu li#mm_trailer a._on {
  width: 39px;
  background-position: -35px -12px;
  }
  
#mainmenu li#mm_photos a:focus,
#mainmenu li#mm_photos a:hover,
#mainmenu li#mm_photos a:active,
#mainmenu li#mm_photos a._on {
  width: 39px;
  background-position: -77px -12px;
  }
  
#mainmenu li#mm_press a:focus,
#mainmenu li#mm_press a:hover,
#mainmenu li#mm_press a:active,
#mainmenu li#mm_press a._on {
  width: 31px;
  background-position: -119px -12px;
  }
  
#mainmenu li#mm_cast a:focus,
#mainmenu li#mm_cast a:hover,
#mainmenu li#mm_cast a:active,
#mainmenu li#mm_cast a._on {
  width: 26px;
  background-position: -153px -12px;
  }
  
#mainmenu li#mm_crew a:focus,
#mainmenu li#mm_crew a:hover,
#mainmenu li#mm_crew a:active,
#mainmenu li#mm_crew a._on {
  width: 28px;
  background-position: -182px -12px;
  }



/* Film Title */

 
#filmtitel {
  clear:both;
  position: relative;
  top: 70px;  /* for bg image up - 50px */
  top: 120px;
  top: 80px;  /* for bg image up - 50px */
  width: 294px;
  height: 285px;
  float:right;
  }


  
#filmtitel h1 a {
  display: block;
  width: 294px;
  height: 285px;
  background: url("../images/allg/titel.png") right top no-repeat;
}






/* ------ Main Content ------ */

#maincontent {
  background: rgba(0, 144, 0, .0);
  padding-top: 340px;
  margin-top: -300px;
  width: 550px;
  width: 62%;
  position: relative;
  float:left;
  }
 


#maincontent h1 {
  width: 550px;
  height: 25px;
  margin-bottom: 25px;
 }

body#home #maincontent h1 {
  background: url("../images/allg/hl/h1_home.png") no-repeat left top;
  }

body#story #maincontent h1 {
  background: url("../images/allg/hl/h1_story.png") no-repeat left top;
  }

body#trailer #maincontent h1 {
  background: url("../images/allg/hl/h1_trailer.png") no-repeat left top;
  }
  
body#cast #maincontent h1 {
  background: url("../images/allg/hl/h1_cast.png") no-repeat left top;
  }
  
body#crew #maincontent h1 {
  background: url("../images/allg/hl/h1_crew.png") no-repeat left top;
  }

body#photos #maincontent h1 {
  background: url("../images/allg/hl/h1_photos.png") no-repeat left top;
  }
  
body#press #maincontent h1 {
  background: url("../images/allg/hl/h1_press.png") no-repeat left top;
  }


/*  English, German - General Settings - */

.de, .en {
  float:left;
  width: 49%;
 }

.de {
  margin-left: none;
  }
    
.en {
  color: grey;
  margin-left: 2%;
  }


  
/* Image Show */

#imageshow {
  position: absolute;
  top: 0px;
  left: -20px;
  width: 535px; height: 379px;
  width: 530px; height: 318px; /* 19:6 */
  background: url("../images/allg/bg_imageshow1.png") no-repeat;
  /*position: relative; or absolute solves some old ie overflow:hidden bug*/
  }

#imageshow #slideshow {
  /* container to hold the slideshow */
  position: relative; /* - or absolute - solves some old ie overflow:hidden bug*/
  overflow: hidden;
  width: 494px; 
  height: 280px; /* 19:6 */
  margin-top: 20px;
  margin-left: 15px;
  background: orange;
  }

#imageshow #mover {
  /* this holds all panels, and actually "slides" */
  display:block;
  position: relative;
  float: left;          /* stretch height to hold children */
  height: 280px;
  width: 2000%;          /* js resets it to (num panels)*(panel width)*/
  background: green;
  }
  
#imageshow .slide {
  /* this is the sliding "panel" */
  border: 0px solid red;
  position: relative;
  overflow: hidden;
  width: 490px; height: 336px;
  width: 494px; height: 280px; /* 19:6 */
  display:block;         
  padding-left: 0px; 
  float: left;           /* "right" reverts order, last will be first. */
  }

#imageshow p.portrait img {
  display: block; /* remove line-height space under inline img */
  }


/* end image show slider with js */
  
  
  

/* Video Show */

#trailersholder, #videoshow {
  position: absolute;
  top: 0px;
  left: -20px;
  width: 535px; height: 379px; /* altes format */
  width: 530px; height: 318px; /* 19:6 */
  background: url("../images/allg/bg_videoshow1.png") no-repeat;
  }
  
#trailersholder .trailervideo, 
#videoshow .trailervideo {
  margin-top: 20px;
  margin-left: 15px;
  
  }
  
.trailervideo {
  display: block;
  width: 494px; height: 280px; /* 19:6 */
  position: relative;
  margin: 1em 0;
  }
      

.trailervideo iframe {
  width: 494px; height: 280px; /* 19:6 */
  border: 0px solid red;
  outline: none;
  /*
  position: relative;
  left: 28px;
  top: 30px;
  */
  }

.videocaption {
  color: #aaa;
  display: none;
  }


/* Video and Photo Trailer List */

ul.trailerslist li,
ul.trailerslist li a,
ul.photoslist li,
ul.photoslist li a {
  float:left;
  display: block;
  width: 100px;
  height: 60px;
 }

ul.trailerslist li a,
ul.photoslist li a {
  padding: 5px;
  }

ul.trailerslist li a span,
ul.photoslist li a span {
  display: block;
  position: relative;
  overflow: hidden;
  height: 2em;
  width: 2em;
  background-color: inherit;
  text-align: center;
  vertical-align: center;
  color: white;
  }

  
ul.trailerslist li a:link,
ul.trailerslist li a:visited,
ul.photoslist li a:link,
ul.photoslist li a:visited {
  background-color: black;
  background-repeat: no-repeat;
  background-position: center;
  }
  
ul.trailerslist li a:focus,
ul.trailerslist li a:hover,
ul.trailerslist li a:active,
ul.photoslist li a:focus,
ul.photoslist li a:hover,
ul.photoslist li a:active {
  background-color: #e90f20;
  }
  
  
ul.trailerslist li,
ul.photoslist li {
  padding: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
  }

ul.trailerslist li a[href="#trailer1"],
ul.photoslist li a[href="#trailer1"] { 
  background-image: url("../images/allg/bg_trailerthumb01.jpg");
  }  

ul.trailerslist li a[href="#trailer2"],
ul.photoslist li a[href="#trailer2"] { 
  background-image: url("../images/allg/bg_trailerthumb02.png");
  }  

ul.trailerslist li a[href="#trailer3"],
ul.photoslist li a[href="#trailer3"] { 
  background-image: url("../images/allg/bg_trailerthumb03.png");
  }  

ul.trailerslist li a[href="#trailer4"],
ul.photoslist li a[href="#trailer4"] { 
  background-image: url("../images/allg/bg_trailerthumb04.png");
  }  

/* Cast List and Details */

ul#castlist {
  width: 49%;       /* breite der cast namen spalte */
  float: left;
  background: rgba(0, 144, 0, .0);
  }
  
#castdetails {
  background: rgba(0, 24, 0, .0); 
  width: 49%;       /* breite der cast namen spalte */
  float: left;
  margin-left: 2%;
  position: relative;
  overflow: hidden;
  }
  
#castdetails h2 {
  margin-left: 50px;    /* eq. strong width in div#castdetails */
  }
  
    
#castdetails .first h2 {
  margin-top: 0;
 }

#castdetails p {
  margin-left: 50px;    /* eq. strong width in div#castdetails */
  margin-bottom: 5px;
  }
  
#castdetails p.portrait {
 }

   
#castdetails p.portrait img{
  width: 100%;
 }

#castdetails p.infoblock,
#castdetails p.job,
#castdetails p.about,
#castdetails p.about.en {
  clear:both;
  margin-top: 0;
 }


#castdetails p.job .en {
  margin-left: 0;
  float: none;
  width: auto;
  display: block; /* new line */
  }

#castdetails p.about.en {
  float: none;
  width: auto;
  }
    
#castdetails  strong { 
  clear:both;
  float: left;
  display:block;
  top: .0em;
  overflow: hidden;
  height: 14px;
  position: relative;
  width: 50px;    /* eq. strong width in div#castdetails */
  margin-left: -50px;    /* eq. strong width in div#castdetails */
 }

#castdetails  p.job strong {
  background: url("../images/allg/txt_castinfo.png") no-repeat 0 2px;
  }

#castdetails  p.about strong {
  background: url("../images/allg/txt_castinfo.png") no-repeat 0 -13px;
  }

#castdetails  p.carnr strong {
  background: url("../images/allg/txt_castinfo.png") no-repeat 0 -28px;
  }


ul#castlist li {
  display: block;
  margin-bottom: 1px;
  }
  
ul#castlist li a {
  display: block;
  width: 160px;
  height: 24px;
  background-image: url("../images/allg/castnames.png");
  background-repeat: no-repeat;
  background-color: none;
  }
  
ul#castlist li a.priaulx:link,
ul#castlist li a.priaulx:visited {
  background-position: 0 0; // 
  }
ul#castlist li a.priaulx:focus,
ul#castlist li a.priaulx:hover,
ul#castlist li a.priaulx:active,
ul#castlist li a.priaulx._on {
  background-position: 0 -264px;
 }

ul#castlist li a.farfus:link,
ul#castlist li a.farfus:visited {
  background-position: 0 -24px;
  }
ul#castlist li a.farfus:focus,
ul#castlist li a.farfus:hover,
ul#castlist li a.farfus:active,
ul#castlist li a.farfus._on {
  background-position: 0 -288px;
 }
 

ul#castlist li a.adorf:link,
ul#castlist li a.adorf:visited {
  background-position: 0 -48px;
  }
ul#castlist li a.adorf:focus,
ul#castlist li a.adorf:hover,
ul#castlist li a.adorf:active,
ul#castlist li a.adorf._on {
  background-position: 0 -312px;
 }


ul#castlist li a.dmueller:link,
ul#castlist li a.dmueller:visited {
  background-position: 0 -72px;
  }
ul#castlist li a.dmueller:focus,
ul#castlist li a.dmueller:hover,
ul#castlist li a.dmueller:active,
ul#castlist li a.dmueller._on {
  background-position: 0 -336px;
 }
 
 
ul#castlist li a.werner:link,
ul#castlist li a.werner:visited {
  background-position: 0 -96px;
  }
ul#castlist li a.werner:focus,
ul#castlist li a.werner:hover,
ul#castlist li a.werner:active,
ul#castlist li a.werner._on {
  background-position: 0 -360px;
 }


ul#castlist li a.jmueller:link,
ul#castlist li a.jmueller:visited {
  background-position: 0 -120px;
  }
ul#castlist li a.jmueller:focus,
ul#castlist li a.jmueller:hover,
ul#castlist li a.jmueller:active,
ul#castlist li a.jmueller._on {
  background-position: 0 -384px;
 }


ul#castlist li a.lamy:link,
ul#castlist li a.lamy:visited {
  background-position: 0 -144px;
  }
ul#castlist li a.lamy:focus,
ul#castlist li a.lamy:hover,
ul#castlist li a.lamy:active,
ul#castlist li a.lamy._on {
  background-position: 0 -408px;
 }
 

ul#castlist li a.alzen:link,
ul#castlist li a.alzen:visited {
  background-position: 0 -168px;
  }
ul#castlist li a.alzen:focus,
ul#castlist li a.alzen:hover,
ul#castlist li a.alzen:active,
ul#castlist li a.alzen._on {
  background-position: 0 -432px;
 }

ul#castlist li a.theissen:link,
ul#castlist li a.theissen:visited {
  background-position: 0 -192px;
  }
ul#castlist li a.theissen:focus,
ul#castlist li a.theissen:hover,
ul#castlist li a.theissen:active,
ul#castlist li a.theissen._on {
  background-position: 0 -456px;
 }

ul#castlist li a.lamm:link,
ul#castlist li a.lamm:visited {
  background-position: 0 -216px;
  }
ul#castlist li a.lamm:focus,
ul#castlist li a.lamm:hover,
ul#castlist li a.lamm:active,
ul#castlist li a.lamm._on {
  background-position: 0 -480px;
 }

ul#castlist li a.hendrikse:link,
ul#castlist li a.hendrikse:visited {
  background-position: 0 -240px;
  }
ul#castlist li a.hendrikse:focus,
ul#castlist li a.hendrikse:hover,
ul#castlist li a.hendrikse:active,
ul#castlist li a.hendrikse._on {
  background-position: 0 -504px;
 }
 
 
 
/* Crew */

.crewlist {
  float:left;
  width: 30%;
  margin-right: 1%;
  } 

.crewlist li {
  margin-bottom: 5px;
  padding-right: 10px;
  }
  
.crewlist strong {
  display: block;
  } 
 
 
 
 
/* Press */

h2 span.releasedate {
  font-size: 80%;
  font-weight: bold;
  }
 
 
 

/* ----- Right Content ------ */

#rightcontent {
  background: rgba(100, 0, 100, .0);
  padding-bottom: 0px; 

  float:right; 
  width: 20%;
  min-height: 100px;
  position: relative;
  top: 0px;
  }




  
#credits,
#follow,
#sponsors {
  margin-right: 25px;
  position: relative;
  text-align: right;
  }

#credits { 
 }

#credits #afilmby {
  background: url("../images/allg/txt_filmbytimundnick.png") right top no-repeat;
  height: 32px;
  margin-top: 0px;
  }

#credits #producedby {
 height: 32px;
  }

#credits #producedby a {
  display: block;
  width: 100%;
  height: 32px;
  background-repeat:no-repeat;
  background-image: url("../images/allg/txt_producedbystereoscreen.png");
  background-repeat: no-repeat;
  }
  
#credits #producedby a:link,
#credits #produceby a:visited {
  background-position: right 0;
  }
  
#credits #producedby a:focus,
#credits #producedby a:hover,
#credits #producedby a:active {
  background-position: right -32px;
  }

#credits #poster {
  float: right;  /* for the floated a in it */
  border: 0px solid green;
  margin: 10px 0 20px 0;
  position: relative;
  left: 38px;
 }
  
#credits #poster a {
  display:block;
  float:right; /* for the floated img in it */
  border: 0px solid red;
 }  
  
#credits #poster img {
  display: block; /* kills line-height under image, but pushes it to the left of its container */
  float: right;  /* puts the image back to the right of its container */
 }
 

body#cast #credits #poster, 
body#story #credits #poster, 
body#crew #credits #poster,
body#trailer #credits #poster,
body#photos #credits #poster,
body#press #credits #poster,
body#trailer #credits #poster {
  position: relative;
  left: 2px;
  }

#follow {
  background: none; 
  margin-bottom: 20px;
  border: 0px solid orange;
  }

#follow p {
  float:right;      /* stretches height over its floated icons, and moves container to the right of its parent */
  margin: 0;
  }
    
#follow a {
  display: block;
  float: left;   /* lifts all icons up in one line, but puts them to the left of its container  */
  width: 16px;
  height: 16px;
  margin-left: 3px;
  } 
  

#credits #follow a img {
  display: block; /* remove line-height under the images */
 }
  

#sponsors #drivenby {
  background: url("../images/allg/txt_drivenby.png") right no-repeat;
  height: 12px;
  width: 51px;
  float: right;
  margin: 10px 0;
  }
  
#sponsors p {
  margin: 0;
  }
  
#sponsors p:first-child {
  margin-bottom: 5px;
  }

      

/* ------ Footer ----- */

#footer {
  }

#footer .wrap {
  background:  #d0d0d0;
  padding: 5px 300px 5px 40px;
  }

#footer h5 {
  color: #666;
  }
    
#footer p {
  font-size: 90%;
  line-height: 130%;
  margin: 0;
  color: #666;
  margin-top: .0em 0;
  }

#footer address {
  margin: 1em 0;
  }
  
#footer small {
  }   

#footer #contactlegal {
  margin: 2em 0;
  background: rgba(100, 80, 100, .0);
  }

#footer .contactbox,
#footer .legalbox {
  float:left;
  width: 30%;
  }

#footer .legalbox {
  margin-left: 4%;
  }

#footer .legalbox:first-child {
  margin-left: 0;
  }
/* Facebook Iframe */

iframe.facebookwidget {
  display: inline;
  vertical-align: middle;
  position: relative;
  top: 0px;
  margin:0;
  background: grey;
  }
 
  
  

 




/* = = = = = = = = = = = Gradient Shadow Sides= = = = = = = = =  */

.gradientsideleft,
.gradientsideright  {
  position: absolute;
  width: 50px;
  height: 100%;
  top: 0;
  /*display:none;*/
 }
  
.gradientsideleft {
  left: -50px;    
  background: url("../images/allg/gradientsideright.png") repeat-y;
  } 
  
.gradientsideright  {
  right: -50px;                   
  background: url("../images/allg/gradientsideleft.png") repeat-y;
  }
  
  
.gradientsidetop,
.gradientsidebottom {
  position: absolute;
  width: 105.3%;
  height: 50px;
  left: -20px;                   
  /*display:none;*/
  }

.gradientsidetop {
  top: -50px;
  background: url("../images/allg/gradientsidebottom.png") repeat-x;
  }

.gradientsidebottom {
  bottom: -50px;
  background: url("../images/allg/gradientsidetop.png") repeat-x;
  }

 
.gradientcornerlefttop, 
.gradientcornerleftbottom  {
  position: absolute;
  left: -44px;
  width: 24px;
  height: 24px;
  /*display:none;*/
  }

.gradientcornerlefttop {
  top: -24px;
  background: url("../images/allg/pagebg/gradientcornerlefttop.png") no-repeat;
  }
  
.gradientcornerleftbottom {
  bottom: -24px;
  background: url("../images/allg/pagebg/gradientcornerleftbottom.png") no-repeat;
  }


.gradientcornerrighttop,
.gradientcornerrightbottom  {
  position: absolute;
  right: -44px;
  width: 24px;
  height: 24px;
  /*display:none;*/
 }

.gradientcornerrighttop {
  top: -24px;
  background: url("../images/allg/pagebg/gradientcornerrighttop.png") no-repeat;
  }
  
.gradientcornerrightbottom {
  bottom: -24px;
  background: url("../images/allg/pagebg/gradientcornerrightbottom.png") no-repeat;
  }

 
/* = = = = = = = = = = = - Flag Guy - = = = = = = = = =  */
#flagguy {
  width:174px; height:185px; position: absolute; bottom:0; right: 100px; background: url('../images/allg/flagguy.png') no-repeat; 
  }

/* = = = = = = = = = = = - Blanket - = = = = = = = = =  */

#blanket {
  position: absolute;
  /*top:50px; left:0; right:0; height: 400px;*/
  left:0; top:0; right:0; bottom:0;
  height: 100%;
  width: 100%;
  background: url("../images/allg/bg_illu.png") no-repeat 0 -50px; /*test: top war 0!!! */
  background: url("../images/allg/bg_noise.png") top green;
  background: url("../images/allg/bg_noise.png") top #e0e0e0;
  background: url("../images/allg/bg_grauverlauf.jpg") repeat-x top #f9f9f9;
 }










/* --- END ---- */