body {
	margin : 0;
  padding : 0;
  background-color : #ff0000;
  color : #000;
  text-align : left;
}
a {
  color: #00f;
  text-decoration: none;
}
a:visited {
  color: #800080;
}
a:hover {
  color: #ff0000;
  text-decoration : underline; 
}


p, ul, ol, li {
  font : 10pt Arial,geneva,helvetica;
}
h1 {
  font : bold x-large Arial, Helvetica, geneva;
}
h2, h3 {
  font : bold large Arial, Helvetica, geneva;
}

#header {
  position : absolute;
  width : 100%;
  height : 100px;
  top : 0;
  right : 0;
  bottom : auto;
  left : 0;
  border : none;
  background-image:url(bilder/personentransport.jpg);
  z-index : 5;
}
#header img {
  margin: 0;
  padding: 0;
}

#content {
  position : absolute;
  top : 100px;
  bottom : 50px;
  left : 0;
  right : 8px;
  margin : 0px 10px 0px 10px;
  width : auto;
  height : auto;
  padding: 10px 20px 20px 10px;
  color : #000;
  background-color : #ffffff;
  overflow-y : auto;
  overflow-x : hidden;
  z-index : 1;
  text-align : justify;
  overflow-y: scroll;
}
#content h1, #content h2 {
  color : #cc0000;
}
#footer {
  position: absolute;
  width: auto;
  height: 50px;
  top: auto;
  left: 0;
  right : 0;
  bottom: 0;
  padding-left : 10px;
  border : none;
  font : x-small Arial,geneva,helvetica;
  background-image:url(bilder/wien.jpg);
  line-height: 0.7;
  text-align : center;
}

#footer a {
  font-size: xx-small;
  color: #777;
}
#footer a:hover {
  color: #bbb;
}

#copyright {
  text-align : right;
  margin-right : 18px;
  }

body>div.header {position: fixed}
body>div.footer {position: fixed}
body>div.content {position: fixed}
body>div.navigation {position: fixed}


#menu{
position : absolute;
width:100%;
text-align : left;
top : 60px;
left : 0;
z-index : 2;
}

#menu a{
font:normal 90%/205% tahoma,arial,helvetica,sans-serif;
display:block;
border-width:1px;
border-style:solid;
border-color:#ccc #888 #555 #bbb;
white-space:nowrap;
margin:0;
padding:0 5px;
z-index : 5;
}

#menu h2{
font:bold 90%/205% tahoma,arial,helvetica,sans-serif;
display:block;
border : none;
border-color:#ccc #888 #555 #bbb;
white-space:nowrap;
margin:0;
padding:0 5px;
z-index : 5;
}

#menu h2{
color:#fff;
background:#000;
text-transform:uppercase
}

#menu a{
background:#eee;
text-decoration:none;
}

#menu a, #menu a:visited{
color:#000;
}

#menu a:hover{
color:#a00;
background:#ddd;
}

#menu a:active{
color:#060;
background:#ccc;
}

#menu ul{
list-style:none;
margin:0;
padding:0;
float:left;
width:8em;
z-index : 5;
}

#menu li{
position:relative;
z-index : 5;
}

#menu ul ul{
position:absolute;
z-index : 5;
top:auto;
display:none;
}

#menu ul ul ul{
top:0;
left:100%;
z-index : 5;
}

/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */

div#menu h2:hover{
background:#000 url(/css/images/expand3.gif) no-repeat -999px -9999px;
}

div#menu li:hover{
cursor : pointer;
z-index : 5;
}

div#menu li:hover ul ul,
div#menu li li:hover ul ul,
div#menu li li li:hover ul ul,
div#menu li li li li:hover ul ul
{display:none;}

div#menu li:hover ul,
div#menu li li:hover ul,
div#menu li li li:hover ul,
div#menu li li li li:hover ul
{display:block;}

/* End of non-anchor hover selectors */

/* Styling for Expand */

#menu a.x, #menu a.x:visited{
font-weight:normal;
color:#000;
background:#eee ;
}

#menu a.x:hover{
color:#fff;
background:#000;
}

#menu a.x:active{
color:#060;
background:#ccc;
}

.transferfahrten p {
  font-size : xx-small;
}

.verkehrsdienste {
  color : #600;
  }

#video {
  float: right;
  margin: 0 0 5px 10px;
  z-index : 1;
  }

#foto {
  float: left;
  margin: 5px 10px 5px 10px;
  z-index : 1;
  }

#kontakt {
  text-align : right;
  float : right;
  position : absolute;
  top : 60px;
  right : 18px;
  color : #fff;
  z-index : 50;
  }

#kontakt a {
  text-decoration : none;
  color : #fff;
  }

#kontakt a:hover {
  color : #000;
  }