@media screen, projection
{
  body { overflow-y:scroll; }
  body { background:#4d87c7 url(hg.gif);}

  /* Zentrierung des Layouts in alten IE-versionen */
  body { text-align:center; }
  .page_margins { text-align:left; margin:0 auto; }

  .page_margins {width:900px; background:#fff;border-left:1px solid #000;border-right:1px solid #000; }
  .page {position:relative}

   #topnav_start {
                 position:absolute;top:0;right:10px;
                 text-transform: uppercase;
                 }
 
  #topnav_start ul {list-style-type:none}  
 
  #topnav_start ul li {float:left;background:url("topnavstart_le.png") no-repeat;margin:0 0 0 2px}

  #topnav_start ul li a {
                   height:29px;
                   padding:2px 10px 0px 10px;
                   margin:0 0 0 10px;
                   float:left;
                   background:url("topnavstart_main.png");
                   color:#000;
                   font-weight:bold;
                   font-size:11px;
                   font-style:italic
                   }

   #adressbalken {
                 background-image: url(adressbalken.png);
                 width:678px;
                 height:23px;
                 color:#fff;
                 font-weight:bold;
                 padding:10px 0 0 20px;
                 text-transform: uppercase;
                 }   

  #balken_start {
                width:650px;
                height:22px;
                background-image: url(balken_start.png);
                color:#fff;font-weight:bold;
                padding:10px 0 0 20px;
                margin-top:-12px;
                text-transform: uppercase;
                font-style:italic; 
                }

  #ul_start {
                margin:-10px 0 0 15px;
                overflow:hidden;
                }

  #ul_start li { 
                margin-bottom:0.5em;
                overflow:hidden
                }

 #col2 .film {
                   width:220px;
                   background: #fff url("filmrahmen.jpg") no-repeat; 
                   margin-left:-40px;
                   padding: 43px 80px 43px 80px;
                   }

  #header {
    width:900px;
    height:100px;
    color:#000;
    background:#fff url() no-repeat;
    padding:0px;
    position:relative;
    }

  #flag {position:absolute;top:20px;right:20px;}

  #topnav { 
	background:transparent; 
  	color:#aaa; 
  	position:absolute;top:442px;left:20px;
        }
  
  #topnav ul {list-style:none}

  #topnav ul li {
        margin: 0 0 0.5em 0;
        width:135px;
        height:33px;
        background-image: url("quickl.png") 
        }

   #topnav a { 
        color:#006185; 
  	font-weight:normal;
        font-size:11px; 
  	background:transparent; 
  	text-decoration:none; 
  	text-transform: uppercase;
        padding: 2px 0 0 30px;
        display:block;
  	}

  #topnav a:focus,
  #topnav a:hover,
  #topnav a:active { 
       background:transparent;
       color:#000;
       text-decoration:none 
       }

  #nav {position:relative}
  #nav ul { margin-left:5px;}

  #main { 
      background:#fff;
      padding:10px 0 0 10px;
      margin:0
      }

  #footer {
    color:#666;
    padding:10px 20px;
    line-height:1.5em;
  }

  /* Absicherung korrekte Positionierung */
  #header, #nav, #main, #footer { clear:both; }

  #col1 {width:179px;margin-bottom:-10px}

  #col1_content { 
        background:#e9e8e8 url("hg_u_menue.png");
	margin: -10px 0 0 0;
        height: 610px;
	width: 177px; 
        padding: 30px 10px 0 10px;
	position:relative;
	}

  #col2 {width:0px}
  #col2_content {width:0}

  #col3 {margin:0 0 0 192px;}

  #col3_content {
       padding:20px 20px 50px 10px;
       position:relative;
       }

 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Gestaltung layoutabhängiger Elemente
  */

  #header h1 {
    font-weight:bold;
    font-size:2.5em;
    letter-spacing:-2px;
    line-height:65%;
    color:#000;
  }
  
 
  #footer a { color:#999; background:transparent; font-weight:bold; }
  #footer a:focus,
  #footer a:hover,
  #footer a:active {color:#4D87C7; background-color:transparent;}

 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Skiplinks 
  *
  * (de) Visuelle Gestaltung der Skiplink-Navigation
  *
  * @section content-skiplinks
  */
  
  #skiplinks a.skip:focus,
  #skiplinks a.skip:active { 
	color:#fff; 
	background:#333; 
	border-bottom:1px #000 solid;
	padding:10px 0;
	text-decoration:none;
  }
}