html, body{
 margin: 0 auto;
 padding: 0px;
 text-align: center;
 font-family: verdana, arial, sans-serif;
 font-size: 12px;
 line-height: 18px;
}

body{
 background: #cdd6f5;
}

hr {
 margin:4px 0 0 0;
 padding:0;
 border-top:solid 1px #0033cc;
 border-bottom:solid 0px #0033cc;
 border-left:0;
 border-right:0;
 background:transparent;
 height:1px;
}

div#page{
 margin: 0 auto;
 margin-top: 12px;
 margin-bottom: 15px;
 width: 950px;
 background: url(/files/fh-usedom-background.gif) repeat-y;
}

div#leftcol{
 width: 630px;
 float: left;
}

div#rightcol{
 float: left;
 width: 319px;
 display: block;
}

div#header{
 width: 630px;
 height: 80px;
 display: block;
 background: url(/files/header-logo-fh-usedom.gif);
}

div#navigation{
 width: 630px;
 height: 180px;
 display: block;
 background: url(/files/flughafen-impression.jpg);
 text-align: left;
}

div span{
 display: none;
}

div a.home{
 background: url(/files/home.gif);
 height: 7px;
 width: 36px;
 display: block;
 float: right;
}

div a.impressum{
 background: url(/files/impressum.gif);
 height: 7px;
 width: 71px;
 display: block;
 float: right;
 margin: 0 5px;
}

div a.impressumpl{
 background: url(/files/metryczka.gif);
 height: 7px;
 width: 72px;
 display: block;
 float: right;
 margin: 0 5px;
}

div#header a{
 height: 80px;
 width: 500px;
 display: block;
}

div#header a.deutsch{
 background: url(/files/deutsch.gif);
 height: 12px;
 width: 20px;
 display: block;
 position: relative;
 top: -52px;
 left: 570px;
}

div#header a.polska{
 background: url(/files/polska.gif);
 height: 12px;
 width: 20px;
 display: block;
 position: relative;
 top: -64px;
 left: 595px;
}

div#header h1{
 display: none;
}

div#main{
 width: 630px;
}

div#main-content{
 width: 588px;
 margin: 10px 18px;
 text-align: left;
 background: #fff;
}

div#main-content h1{
 font-size: 14px;
 line-height: 28px;
 color: #0033cc;
 background: url(/files/fh-usedom-teaserbg.gif) repeat-x left bottom;
 display: block;
}

div#main-content h2{
 font-size: 12px;
 line-height: 28px;
 color: #0033cc;
}

div#main-content a{
 color: #0033cc;
 text-decoration: none;
 font-weight: bold;
}

div#main-content a img{
 border: 0px;
}

div#main-content a:hover{
 text-decoration: underline;
}


/* TABELLEN */
div#main-content table td{
 background: url(/files/fh-usedom-teaserbg.gif) repeat-x left bottom;
 padding: 5px 5px;
 font-size: 12px;
 border-right: 2px solid #fff;
 border-bottom: 1px solid #fff;
}

div#main-content table.flugplan{
 width: 100%;
 padding: 2px 5px;
 background: #f5f7fd;
}

div#main-content table.flugplan td{
 padding: 5px 5px;
 text-align: center;
}

div#main-content table.flugplan tr.destination td{
/* background: #0033cc;   */
 background: url(/files/fh-usedom-planhead.jpg);
 color: #fff;
 font-weight: bold;
 text-align: center;
}

div#main-content table.flugplan tr.head td{
 background: #e5eafa;
 font-weight: bold;
}

/* Flughafen - NEWS */
div#main-content div#airportnews{
 width: 587px;
 background: #e5eafa;
 display: block;
}

div#main-content div#airportnews .newsheader{
 width: 587px;
 height: 31px;
 background: url(/files/airportnews.gif);
}

div#main-content div#airportnews .newsheader a{
 width: 587px;
 height: 31px;
 display: block;
}

div#main-content div#airportnews .newsheader h2{
 display: none;
}

div#main-content div#airportnews .artikel{
 clear: both;
 margin: 10px;
}

div#main-content div#airportnews .newsimage{
 float: left;
 width: 160px;
}

div#main-content div#airportnews .newsimage img{
 border: 1px solid #0033cc;
}

div#main-content div#airportnews .newstext{
 float: left;
 width: 400px;
}

div#main-content div#airportnews .newstext h2{
 font-size: 12px;
 line-height: 18px;
 margin: 0;
 padding: 0;
}

div#main-content div#airportnews .newstext p{
 margin: 0;
 padding: 0;
}

div#main-content div#airportnews .trenner{
  background: url(/files/fh-usedom-teaserbg.gif) repeat-x left bottom;
  line-height: 10px;
  width: 577px;
  height: 10px;
  display: block;
  clear: both;
  margin-left: 5px;
}

div#main-content div#airportnews div#airportnewsfooter{
 width: 587px;
 height: 13px;
 background: url(/files/airportnews-footer.gif);
 display: block;
}

/* RECHTE Spalte */
div#rightcol div.teaser{
 background: url(/files/fh-usedom-teaserbg.gif) repeat-x left top;
 margin: 0 10px;
 text-align: left;
}

div#rightcol div.teasertext{
 padding: 8px;
}

div#rightcol div.teaser p{
 padding: 0;
 margin: 0;
}

div#rightcol div.teaser a{
 color: #0033cc;
 font-weight: bold;
 text-decoration: none;
}

div#rightcol div.teaser a:hover{
 text-decoration: underline;
}


div#footer{
 clear: both;
 width: 950px;
 height: 24px;
 display: block;
 background: url(/files/fh-usedom-footerbg.gif);
 color: #fff;
 text-align: center;
 line-height: 22px;
}

div#footer a{
 color: #fff;
}

/* Formulare */

legend{
 font-weight: bold;
 color: #0033cc;
}

div.element {
 border:solid 1px #fff;
 display:block;
 padding:4px 0;
}

fieldset {
 border:0;
}

label {
 display:block; float:left;
 border:solid 0px red;
 width:150px;
}

textarea, input.text {
 width:300px;
 font-family: verdana, arial, sans-serif;
 font-size: 12px;
}

input.submit {
 margin:0 0 0 120px;
}

/* Kategorieliste */
ul.kategorieliste{
 list-style: none;
 padding: 0;
 margin: 0;
}

ul.kategorieliste li{
 background: url(/files/fh-usedom-teaserbg.gif) repeat-x left bottom;
 padding: 10px 0;
 width: 282px;
 float: left;
 margin-right: 10px;
}

ul.kategorieliste li h2, ul.kategorieliste li p{
 font-size: 12px;
 margin: 0;
 padding: 0;
 line-height: 18px;
}

div#main-content ul.kategorieliste li a img{
 float: left;
 margin-right: 10px;
 border: 1px solid #0033cc;
}

/* Drop-Down-Navigation */
/*******************************************************************************

        Horizontales Dropdown-Menu, CSS

        CSS-Grundlage:  Copyright by Stu Nicholls @ www.cssplay.co.uk
        Please see Copyright Notice @
        http://www.cssplay.co.uk/menus/final_drop.html

*******************************************************************************/

.menu {
  font-family: verdana, sans-serif;
  width:488px;                    /*  (1)  */
  position:relative;
  top: 147px;
  left: 15px;
  font-size:1.0em;
  padding-bottom:50px;
  z-index:100;
  text-align: center;
}
.menu ul {                        /* UL Ebene 1 */
  padding:0;
  margin:0;
  list-style-type: none;
}
.menu ul li {                     /* Listenelemente der Ebene 1 */
  float:left;
  position:relative;
}
.menu ul li a,
.menu ul li a:visited {           /* Links der Listenelemente der Ebene 1 */
  display:block;
  text-decoration:none;
  color:#fff;
  width:122px;                    /* Breite von (.menu)/(Anzahl der Punkte)-(1Px)  --> (1) */
  height:32px;                   /*  (2)  */
  background: url(/files/nav1.gif);
  line-height:32px;               /*  --> (2)  */
}
* html .menu ul li a, .menu ul li a:visited {
  width:122px;                    /* für 'normale' Browser */
  /* w\idth:139px;                    für IE */
}
.menu ul li ul {
  display: none;
}

table {
  margin:-1px;
  border-collapse:collapse;
  font-size:0.8em;
}

/* li:hover  für non-IE-Browser  ---  a:hover  für IE */
  .menu ul li:hover a,
  .menu ul li a:hover {
  font-weight: bold;
}

.menu ul li:hover ul,
.menu ul li a:hover ul {
  display:block;
  position:absolute;
  top:30px;                          /*  --> (2)  */
  margin-top:1px;
  left:0;
  width:122px;
}
* html .menu ul li a:hover ul {
  margin-top:0;
  marg\in-top:1px;
}

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {
  visibility:hidden;
  position:absolute;
  height:0;
  width:0;
}

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {
  display:block;
  background:#0033cc;
  color:#fff;
  height:auto;
  width:122px;
  padding: 4px 0;
  line-height: 15px;
  border-top: 1px solid #89a1e8;
  font-weight: normal;
}
* html .menu ul li a:hover ul li a {
  width:122px;
}

.menu ul li:hover ul li a.drop,       /* Ebene 2 mit  Subpunkten */
.menu ul li a:hover ul li a.drop {
  background:#aaa url(../../graphics/drop.gif) bottom right no-repeat;
}

.menu ul li:hover ul li a:hover,      /* Ebene 2 hover */
.menu ul li a:hover ul li a:hover {
  font-weight: bold;
}

.menu ul li:hover ul li:hover ul,     /* Ebene 3 */
.menu ul li a:hover ul li a:hover ul {
  visibility:visible;
  position:absolute;
  left:150px;
  top:0;
  width:150px;
}

.menu ul li:hover ul li:hover ul.left,  /* Ebene 3  letztes Element */
.menu ul li a:hover ul li a:hover ul.left {
  left:-150px;
}

/* JAOS Lightbox Style-Sheet
Einfaches Style-Sheet zur (X)HTML-validen Darstellung
der Thumbnails, ausgelegt auf eine Thumbnail-Grösse
von 60 x 80 Pixel.
Hoch- bzw. Querformat (ls/pt) wird vom Modul berechnet
und dem jeweiligen div's zugeordnet.
*/

div.jaosg_thumbnail{
        float: left;
        background: #fff;
        border: 1px solid;
        border-color: #AAA #444 #444 #AAA;
        margin: 5px 3px;
}

div.jaosg_thumbnail img{
        border: 1px solid;
        border-color: #444 #AAA #AAA #444;
}
/* ls=landscape-Format der Thumbs */
div.ls img{
        height: 100px;
        width: 150px;
        margin: 20px 10px;
}
/* pt=portrait-Format der Thumbs */
div.pt img{
        height: 150px;
        width: 100px;
        margin: 10px 20px;
}
/*footer schaltet float:left wieder aus */
div#jaosg_footer{
        clear: both;
        padding-top: 1em;
}