/* ----------------------------------------------------------------------------------- */
/*                                                                                     */
/*                                  ENERGEX 2008                                       */
/*                                                                                     */
/* ----------------------------------------------------------------------------------- */



html {
    overflow: -moz-scrollbars-vertical;
    }

html { min-height: 100%; margin-bottom: 1px; }

body {
    margin:0;
    padding:0;
    background:#f8f8f8 url("../img/body-bg.gif") repeat-y 50% 0;
    text-align:center;
    }

#page {
    width: 900px;
    margin: 0px auto;
    color: #666;
    line-height:1.4;
    font-size:11px;
    font-family: Arial, Monaco, sans-serif;
    text-align:left;
    }


/* header construction*//* ----------------------------------------------------------- */

#header {
    position:relative;
    }

#header #reach-the-sky {
    width:900px;
    height:20px;
    background: url("../img/header-reach-the-sky.gif") no-repeat 0 0;
    }

#header #announcement {
    width:900px;
    height:26px;
    background: url("../img/header-announcement.gif") no-repeat 0 0;
    }

#header #logo-plus-title {
    width:900px;
    height:180px;
    background: url("../img/header-logo-plus-title.gif") no-repeat 0 0;
    overflow:hidden;
    }

 @media screen and (min-width:0px) { /* CSS3 media query */
   #header #logo-plus-title {background-position: 1px 0;}
    }


/* header horizontal menu-items  */

#header ul {
    position:absolute;
    top:95px;
    left:447px;
    margin:0;
    padding:0;
    display:block;
    width:463px;
    height:11px;
    list-style-type:none;
    }

@media screen and (min-width:0px) {
   #header ul  {left:448px;}
   }

#header ul li {
    float:left;
    padding-left:0;
    }

#header ul li a {
    float:left;
    height:11px;
    border-right:1px solid #a8a8a8;
    overflow:hidden;
    }

#header ul li a.welcomenotes {
    width:86px;
    background-image: url("../img/header-menu-welcome-notes.gif");
    }

#header ul li a.administration {
    width:91px;
    background-image: url("../img/header-menu-administration.gif");
    }

#header ul li a.history {
    width:125px;
    background-image: url("../img/header-menu-history.gif");
    }

#header ul li a.about-vienna {
    width:88px;
    background-image: url("../img/header-menu-about-vienna.gif");
    }

#header ul li a.contact {
    width:60px;
    background-image: url("../img/header-menu-contact.gif");
    border-width:0;
    }

#header ul li a:hover {
    background-position:0 -11px;
    cursor:pointer;
    cursor:hand
    }

#header ul li a.selected {background-position:0 -11px;}



/* content and menu elements *//* ---------------------------------------------------- */

#content {
    position:relative;
    padding:3px 0px 3px 7px;
    background: url("../img/content-bg.gif") no-repeat top right;
    min-height:480px;
    height:auto !important;
    height:480px;
    width:900px;
    voice-family: "\"}\"";
    voice-family:inherit;
    width:893px;
    }



/* content headings */

#content h2 {
    color:#f64b0f;
    font:18px  Arial, Monaco, sans-serif;
    margin-top:0;
    text-transform:uppercase;
    position:relative;
    width:702px;
    }

#content h3 {
    color:#f64b0f;
    font:12px  Arial, Monaco, sans-serif;
    margin-top:0;
    margin-bottom:10px;
    line-height:1.3
    }

#content h4 {
    color:#006699;
    font: 12px  Arial, Monaco, sans-serif;
    margin-top:0;
    margin-bottom:0px;
    margin-top:10px;
    }

#content h3.big {
    font:18px  Arial, Monaco, sans-serif;
    line-height:1.3;
    }

#content h4.big {
    font:bold 17px  Arial, Monaco, sans-serif;
    line-height:1.3;
	}

#content .title-gray {
    color:#666;
    font:bold 16px  Arial, Monaco, sans-serif;
    margin-top:0;
    margin-bottom:10px;}

#content .blue {color:#006699}

a.big {font-weight:bold; font-size:12px; border:1px solid #aaa; padding:3px 6px; position:relative; background:#fafafa}
a.big:hover {border:1px solid #f64b0f; }

/* menu items */

#content ul.menu {
    float:left;
    margin:0;
    padding:0;
    width:172px;
    list-style-type:none;
    border-bottom:1px solid #a7a7a7;
    margin-top:10px;
    padding-bottom:6px;
    }

#content ul.menu[class] {padding-bottom:11px !important;}

@media screen and (min-width:0px) {
   #content ul.menu  {margin-left:1px;}
   }

#content ul.menu li {display:inline}

#content ul.menu li a {
    display:block;
    font:11px  Arial, Monaco, sans-serif;
    color:#666;
    text-decoration:none;
    margin-bottom:4px;
    min-height:14px;
	height:auto !important;
	height:14px;
    }

#content ul li ul {
    margin:0;
    padding:0;
    }

#content ul.menu ul li a {
    display:block;
    font:11px  Arial, Monaco, sans-serif;
    padding-left: 12px;
    color:#666;
    text-decoration:none;
    margin-bottom:4px;
    }

#content ul.menu li a:hover {color: #f64b0f}
#content ul.menu a.selected {color: #f64b0f}


#content .bilder {
    float:left;
    height:163px;
    margin-left:4px;
    margin-bottom:22px;
    }

#content .bilder img {
    float:left;
    margin-left:3px;
    }



/* page related sub-menu */

#content .sub-menu {
    float:left;
	clear:left;
    height:180px;
    width:173px;
    margin-right:0;
    }

#content .sub-menu ul {
    list-style-type:none;
    margin:0;
    padding:0;
    border-bottom-width:0;
    margin-top:4px;
    }

#content .sub-menu ul li a {
    background:transparent;
    overflow:visible;
    height:auto;
    line-height:1.3;
    }

* html #content .sub-menu ul li a {line-height:1.4;}

.sub-menu ul li a {
    display:block;
    font:11px  Arial, Monaco, sans-serif;
    color:#666;
    text-decoration:none;
    margin-bottom:4px;
    }

.sub-menu ul li a:hover {
    color: #f64b0f
    }



/* main content - single column | two columns */

.text-single-column {
    position:absolute;
    top:186px;
    left:186px !important;
    width:566px;
    padding-bottom:35px;
    }

.text-two-columns {
    position:absolute;
    top:186px;
    left:186px;
    width:707px;
    padding-bottom:35px;
    }

.text-single-column p,
.text-two-columns {
    text-align:left;
    line-height:1.4;
    }

.text-single-column a,
.text-two-columns a,
.text-long-column a {
    text-decoration:none;
    color:#666;
    }
.text-single-column a:hover,
.text-two-columns a:hover,
.text-long-column a:hover {
    text-decoration:none;
    color:#f64b0f;
    }

.first-column {
    float:left;
    width:451px;
    border-right:1px solid #a1a1a1;
    padding-right:25px;
    }

.first-column p {
    margin-top:0;
    margin-bottom:12px;
    }

.text-single-column p {
    margin-top:0px;
    margin-bottom:12px;
    }

.second-column {
    float:left;
    text-align:left;
    height:100px;
    width:218px;
    padding-left:12px;
    }

.second-column p{padding-right:12px;}

.second-column a {
    text-decoration:none;
    color:#666;
    }

.second-column a:hover {color: #f64b0f}



.second-column h3 {
	margin-left: -1px !important
	}

.second-column a .map {
    margin-top:10px;
    }


.second-column table {
    border-collapse: separate;
    font-size:11px;
    width:100%
    margin:0;
    padding:0;
    margin-left:-4px;
    }

.second-column table td {
    padding: 1px 2px;
    font-size:11px;
    }

.text-long-column {
    position:absolute;
    top:186px;
    left:186px !important;
    width:705px;
    padding-bottom:35px;
    }


.text-blue-bold {font-weight:bold; color:#006699}

/* tiny-shape items list */

ul.tiny-items-list,
ul.tiny-items-list-2,
ul.tiny-items-list-3 {
    margin-top:6px;
    margin-left: 0;
    padding-left: 0;
    list-style: none;
    }

ul.tiny-items-list li,
ul.tiny-items-list-2 li,
ul.tiny-items-list-3 li {
    padding-left: 10px;
    background: url(../img/tiny-items-list.gif) no-repeat 0 5px;
    background-repeat: no-repeat;
    margin-bottom:6px;
    line-height:1.3;
    }

ul.tiny-items-list-2 li {
    line-height:1;
    font-size:11px;
    background-position:0 4px;
    }


ul.tiny-items-list-3 {width:232px}
ul.tiny-items-list-3 li {
    padding-left: 14px;
    background: url("../img/tiny-items-list-arrow.gif") no-repeat 1px 3px;
    border-bottom: 1px solid #dfdfdf;
    }



/* separator line */

.horizontal-separator {
    clear:both;
    line-height:1px;
    margin:8px 0 20px 0;
    border-bottom:1px solid #a7a7a7;
    }

.second-column .horizontal-separator {
    width:97%;
    margin-bottom:8px;
    margin-top:6px
    }

.text-long-column .horizontal-separator {
    clear:both;
    line-height:1px;
    margin:0px 0 8px 0;
    border-bottom:1px solid #a7a7a7;
    }

.display-inline {display:inline; margin-right:4px}

div.left p {margin:0; margin-bottom:15px;}

div.left h3 {margin-bottom:2px !important;}


* body div.left p {padding-left:1px;}

/* article with left position photo */

.photo-indent {
    float:left;
    width:145px;
    font-size:11px;
    padding-right:0px;
    padding-bottom:50px;
    margin-top:4px;
    }

.photo-indent span {
    display:block;
    width:125px;
    margin-top:12px;
    }


/* accomodation */

h4 em {font-size:16px;}

.star5 {color:#f30; margin-right:6px}
.star4 {color:#c90; margin-right:6px}
.star3 {color:#693; margin-right:6px}
.star2 {color:#09c; margin-right:6px}

.hotel-photo       {
    width:232px;
    float:left;
    height:180px;
    margin-top:10px;
    }

.hotel-description {
    width:450px;
    float:left;
    min-height:180px;
    height:auto !important;
    height:180px;
    margin-top:7px;
    }

.hotel-description h4 {margin-top:0 !important;}
.hotel-description h4 span {float:left; width:29px;}


/* additional */

.gap3    {clear:both; line-height:3px;}
.gap8    {clear:both; line-height:8px;}
.gapmoz  {clear:both; line-height:9px;}
         :root .gapmoz {clear:both; line-height:14px;}
.left    {float:left;}
.ml50    {margin-left:50px;}
 sup     {font-size:.83em}
 sup     {vertical-align:sup}
.asterik {font-size:17px; color:#f64b0f}
.ie-3px-issue {margin-left:-3px}
.mb0 {margin-bottom:0 !important}
.mt0 {margin-top:2px !important}
     :root .mt0 {margin-top:1px !important}
table sup {font-size:12px}



/* legal disclaimer */

.text-no-photos-no-menu {
    margin-left:186px;
    margin-top:30px;
    width:707px;
    }

.text-no-photos-no-menu a {color:#666; text-decoration:none;}
.text-no-photos-no-menu a:hover {color: #f64b0f;}



/* table fees */
.table-fees th            {color: #f64b0f; text-align:right; border-bottom:1px solid #666; font-size:12px}
.table-fees .first        {text-align:left !important; vertical-align:bottom;}
.table-fees td            {text-align:right; padding:2px 0; border-bottom:1px solid #828282}
.table-fees .first-row    {padding-top:10px !important; text-align:right !important}
.table-fees .first-row td {vertical-align:bottom;}
.table-fees .left         {text-align:left !important; display:block; width:168px}
.table-fees span.euro {padding-right:9px}


/* JS Email Encoder for spam bots harvesting email addresses from web pages. */
/* 03 July 2007 */

div.epismo-nojs,
a.epismo   {
    display     : block;
    margin-top  : 3px;
    width       : 183px;
    height      : 12px;
    background  : url("../img/energex-mail.gif") no-repeat 0 0;
    overflow    : hidden;
    white-space : pre;
    }

a.epismo:hover {
    background-position: 0 -13px;
    }

    body:first-of-type
        div.epismo-nojs,
    body:first-of-type
        a.epismo {
            width      : 184px;
            background : url("../img/energex-mail-safari.gif") no-repeat 0 0;
            }
    body:first-of-type
        a.epismo:hover {
            background-position: 0 -12px;
            }