/* screen.css
------------------------------------------------------------------------------------------------------------------------
This stylesheet contains the basic CSS rules for the Falkensteiner page

Author: elements.at
--------------------------------------------------------------------------------------------------------------------- */

/* Basic CSS Rules
--------------------------------------------------------------------------------------------------------------------- */

* {
    font-size: 11px;
    line-height: 14px;

}

body {
    margin: 0;
    padding: 0;
    background: #dde9f0 url(/static/img/body_bg.gif) left top repeat-x;
}

iframe {
    border: 0;
    outline: 0;
}

div, h1, h2, h3, h4, p, form, input, select, textarea, ol, ul, li, object, embed {
    margin: 0;
    padding: 0;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    text-align: left;
}

h1 {
    color: #000;
    font-weight: bold;
    font-size: 19px;
    line-height: 22px;
}

h2 {
    color: #000;
    font-weight: bold;
    text-transform: uppercase;
}

h3 {
    color: #000;
    font-weight: bold;
}

h4 {
    color: #000;
    font-weight: bold;
}

object {
    display: block;
}

iframe.myiframe {
    width: 605px;
    border: 0 none;
    margin: 0;
    padding: 0; /*overflow: scroll;*/
}

a:link {
    color: #000;
    text-decoration: underline;
}

a:visited {
    color: #000;
    text-decoration: underline;
}

a:hover {
    color: #000;
    text-decoration: underline;
}

a:active {
    color: #000;
    text-decoration: underline;
}

a.pimcore_glossary {
    text-decoration: none;
}

img {
    border: 0;
}

.center {
    text-align: center;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

.clear {
    clear: both !important;
}

.debug {
    border: 1px solid #000;
}

.f_left {
    float: left;
}

.f_right {
    float: right;
}

.hidden {
    display: none;
}

.calendar {
    background: url(/static/img/calendar.gif) no-repeat scroll right center #fff;
    width: 109px;
    padding: 2px 37px 2px 4px;
    cursor: pointer;
}

/* general site containers
--------------------------------------------------------------------------------------------------------------------- */

#background {
    width: 100%;
    background: url(/static/img/site_shadow.gif) center top no-repeat;
    overflow: visible;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}

#site {
    width: 1000px;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
}

/* Top Bereich (Suche, Navigation)
--------------------------------------------------------------------------------------------------------------------- */

#top {
    background: #fff;
    width: 970px;
    height: 85px;
    padding: 0 15px;
    overflow: visible;
    position: relative;
}

#top .search {
    width: 170px;
    height: 50px;
    padding: 0;
    overflow: hidden;
    float: right;
}

#top .search form {
    width: 170px;
    padding: 21px 0 0 0;
    overflow: hidden;
}

#top .search .searchterm {
    background: #fff;
    width: 138px;
    border: 1px solid #d9e4ee;
    border-right: none;
    padding: 2px 6px;
    margin: 0;
    line-height: 14px;
    color: #b4b9bf;
    float: left;
}

#top .search input.submit {
    background: url(/static/img/sprite.master.png) -30px 0 no-repeat transparent;
    padding: 0;
    margin: 0;
    border: 0 none;
    float: left;
    width: 19px;
    height: 19px;
    overflow: hidden;
}

/* Topnavigation
--------------------------------------------------------------------------------------------------------------------- */

#topnav {
    height: 35px;
    position: absolute;
    overflow: visible;
    list-style: none;
    top: 50px;
    left: 15px;
    z-index: 500;
    width: 970px;
}

#topnav li {
    float: left;
    display: block;
    position: relative;

}

#topnav li a.mainnav {
    display: block;
    height: 35px;
    overflow: hidden;
    color: #fff;
    font-size: 0;
}

#topnav li a.mainnav span {
    display: none;
}

/* Ebene 2 (Aufklappen darunter)*/
#topnav li.sfhover ul {
    left: 8px;
}

#topnav li ul {
    background: #fff;
    position: absolute;
    top: 35px;
    left: -999em;
    overflow: visible;
    width: 155px;
    padding: 15px 0;
}

#topnav li ul.countries {
    height: 240px;
}

#topnav li ul li {
    overflow: visible;
    width: 155px; /*position: relative;*/
    position: static;
    padding: 0;
    margin: 0;
}

#topnav li.sfhover ul li a {
    overflow: hidden;
    width: 110px;
    position: relative;
    padding: 2px 35px 2px 10px;
    margin: 0;
    color: #00498d;
    text-decoration: none;
    display: block;
    cursor: pointer;
}

#topnav li.sfhover ul li.sfhover a {
    background: #ecf1f6;
    cursor: pointer;
}

#topnav li.sfhover ul li.sfhover a.hotel {
    background: #ecf1f6 url(/static/img/arrow_topnav.gif) right 5px no-repeat;
}

#topnav li.sfhover ul li.sfhover ul {
    left: 155px !important;
}

#topnav li ul li ul {
    background: #fff url(/static/img/topnav_shadow_bg.gif) left top repeat-y;
    overflow: visible;
    width: 209px;
    position: absolute;
    top: 0;
    left: -999em !important;
    border-top: 1px solid #ededed;
    padding: 14px 0 15px 0;
    height: 240px;
}

#topnav li ul li ul li {
    overflow: visible;
    width: 209px;
    position: static;
    padding: 0;
    margin: 0;
}

#topnav li.sfhover ul li.sfhover ul li a,
#topnav li.sfhover ul li.sfhover ul li a.hotel {
    background: none;
    overflow: hidden;
    width: 164px;
    position: relative;
    padding: 2px 35px 2px 10px;
    margin: 0;
    color: #00498d;
    text-decoration: none;
    display: block;
    cursor: pointer;
}

#topnav li.sfhover ul li.sfhover ul li.sfhover a {
    background: #ecf1f6 url(/static/img/arrow_topnav.gif) right 5px no-repeat;
    cursor: pointer;
}

#topnav li.sfhover ul li.sfhover ul li.sfhover ul {
    left: 210px !important;
    display: block;
}

#topnav li ul li ul li ul {
    background: #f0f4f8;
    overflow: hidden;
    width: 320px;
    position: absolute;
    top: -1px;
    border-top: none;
    padding: 0;
    height: 270px;
    display: none;
}

#topnav li ul li ul li ul li {
    overflow: hidden;
    width: 304px;
    height: 158px;
    padding: 12px 0 0 15px;
    margin: 0;
}

#topnav li ul li ul li ul li .hotelname {
    width: 295px;
    height: 20px;
    padding: 0;
    margin: 0;
    color: #00498d;
    font-size: 16px;
    font-weight: bold;
    line-height: 18px;
}

#topnav li ul li ul li ul li .locaname {
    overflow: hidden;
    width: 225px;
    height: 14px;
    padding: 0;
    margin: 0 0 10px 0;
    color: #909499;
    font-size: 11px;
    font-weight: bold;
    line-height: 14px;
    text-transform: uppercase;
}

#topnav li ul li ul li ul li .detail_data {
    overflow: hidden;
    width: 225px;
    padding: 0;
    margin: 0;
}

#topnav li ul li ul li ul li .detail_data .img {
    overflow: hidden;
    width: 130px;
    height: 100px;
    padding: 0;
    margin: 0;
    float: left;
}

#topnav li ul li ul li ul li .detail_data .topics {
    overflow: hidden;
    width: 80px;
    height: 100px;
    padding: 0 0 0 15px;
    margin: 0;
    float: left;
}

#topnav li ul li ul li ul li .detail_data .topics .topic {
    background: url(/static/img/topnav_hotel_list.gif) left 8px no-repeat;
    overflow: hidden;
    width: 63px;
    padding: 1px 0 1px 7px;
    margin: 0;
    color: #84888c;
}

#topnav li ul li ul li ul li .detail_data .topics .topic a {
    background: none;
    overflow: hidden;
    width: 63px;
    padding: 1px 0;
    margin: 0;
    color: #00498d;
    text-decoration: none;
    display: block;
    cursor: pointer;
}

/* generell verwendete Elemente und Teaser
--------------------------------------------------------------------------------------------------------------------- */

.requestbox {
    background: url(/static/img/requestbox_bg.gif) left top repeat-x;
    width: 170px;
    height: 170px;
    overflow: visible;
    padding: 0;
    margin: 0 0 15px 0;
    position: relative;
}

.requestbox h3 {
    width: 140px;
    overflow: hidden;
    padding: 9px 0 0 15px;
    margin: 0;
    color: #fff;
    font-size: 14px;
    line-height: 18px;
}

.requestbox span.h3 {
    width: 140px;
    overflow: hidden;
    padding: 8px 0 0 15px;
    margin: 0;
    display: block;
}

.requestbox select {
    width: 140px;
    border: 1px solid #fff;
    padding: 0;
    overflow: hidden;
    color: #84888c;
    position: absolute;
}

.requestbox input {
    width: 22px;
    height: 14px;
    border: 1px solid #fff;
    padding: 0 0 1px 5px;
    overflow: hidden;
    color: #333;
    position: absolute;
    left: 15px;

}

.requestbox label {
    display: block;
    position: absolute;
    width: 140px;
    padding: 0;
    overflow: hidden;
    color: #fff;
    top: 69px;
    left: 15px;
}

.requestbox select.typ {
    top: 30px;
    left: 15px;
}

.requestbox select.destination {
    top: 49px;
    left: 15px;
}

optgroup {
    margin: 0;
    padding: 0;
}

option {
    margin: 0;
    padding: 0;
}

option.label {
    font-weight: bold;
}

.requestbox input.nights {
    top: 104px;
    left: 15px;
}

.requestbox input.adults {
    top: 123px;
    left: 15px;
}

.requestbox input.childs {
    top: 142px;
    left: 15px;
}

.requestbox input.calendar {
    top: 85px;
    padding: 1px 37px 1px 4px;
    width: 96px;
    height: 15px;
    border: 0 none;
}

.requestbox label.nights {
    width: 80px;
    padding: 2px 0;
    top: 103px;
    left: 52px;
}

.requestbox label.adults {
    width: 80px;
    padding: 2px 0;
    top: 122px;
    left: 52px;
}

.requestbox label.childs {
    width: 80px;
    padding: 2px 0;
    top: 141px;
    left: 52px;
}

.requestbox input.submit {
    width: 23px;
    height: 23px;
    overflow: hidden;
    position: absolute;
    top: 139px;
    left: 132px;
    border: none;
    padding: 0;
    background: url(/static/img/sprite.master.png) -76px 0 no-repeat;
    cursor: pointer;
}

/* New Requetbox with DIV
--------------------------------------------------------------------------------------------------------------------- */
.requestbox #requesttyp,
.requestbox #requestdestination {
    width: 140px;
    position: absolute;
    left: 15px;
    padding: 0;
    background: #FFFFFF;
    color: #909499;
    z-index: 200;
}

.requestbox #requestdestination {
    z-index: 190;
}

.requestbox  .selectbutton {
    background: url(/static/img/sprite.master.png) 126px 0 no-repeat;
    cursor: pointer;
    float: left;
    height: 14px;
    overflow: hidden;
    padding: 2px 5px 1px;
    width: 130px;
    z-index: 210;
}

.requestbox #requesttyp {
    top: 30px;
}

.requestbox #requestdestination {
    top: 50px;
}

.requestbox .options {
    background: #FFFFFF none repeat scroll 0 0;
    float: left;
    overflow: hidden;
    padding: 3px 5px;
    width: 130px;
    z-index: 220;
    position: absolute;
    top: 15px;
    left: 0;
    display: none;
}

.requestbox .hover .options {
    display: block;
}

.requestbox #requesttyp .options {
    z-index: 230;
}

.requestbox #requesttyp .options a,
.requestbox #requestdestination .options a {
    color: #909499;
    text-decoration: none;
}

.requestbox #requesttyp .options a:hover,
.requestbox #requestdestination .options a:hover {
    color: #4275AD;
}

/* Flash Map
--------------------------------------------------------------------------------------------------------------------- */
.flashmap,
#flashmap {
    width: 170px;
    height: 170px;
    overflow: hidden;
    padding: 0;
    margin: 0 0 15px 0;
    background: url(/static/img/sprite.master.png) -160px 0 no-repeat transparent;
}

.slidebox {
    background: url(/static/img/slidebox_bg.gif) left top repeat-x;
    width: 170px;
    height: 170px;
    overflow: hidden;
    padding: 0;
    margin: 0;
}

.slidebox .top {
    width: 170px; /* height: 55px; */
    height: 140px;
    overflow: hidden;
    padding: 0;
    margin: 0;
    background: url(/static/img/arrow.gif) right 110px no-repeat;
    cursor: pointer;
}

.slidebox .top p {
    width: 140px;
    height: 70px;
    overflow: hidden;
    padding: 0 0 0 15px;
    margin: 0;
    color: #fff;
}

.slidebox .top h2,
.slidebox .top p.title {
    width: 140px;
    height: 20px;
    overflow: hidden;
    padding: 12px 0 0 15px;
    margin: 0;
    color: #00498d;
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
    text-transform: uppercase;
}

.slidebox .top p.title.small {
    font-size: 14px;
}

.slidebox .top h4,
.slidebox .top p.subtitle {
    width: 140px;
    height: 14px;
    overflow: hidden;
    padding: 0 0 0 15px;
    margin: 0 0 9px 0;
    color: #fff;
    font-size: 11px;
    line-height: 14px;
    text-transform: uppercase;
    font-weight: bold;
}

.slidebox .top p img {
    padding: 0 5px 25px 0;
}

.slidebox .top p a {
    color: #fff;
    text-decoration: none;
}

/* Newsletterbox*/
.slidebox .bottom {
    background: url(/static/img/arrow.gif) right 5px no-repeat;
    border-top: 1px solid #fff;
    width: 170px;
    height: 114px;
    overflow: hidden;
    padding: 0;
    margin: 0;
    cursor: pointer;
}

.slidebox .bottom h3,
.slidebox .bottom p.title {
    width: 140px;
    height: 14px;
    overflow: hidden;
    padding: 6px 0 9px 15px;
    margin: 0;
    color: #00498d;
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
}

.slidebox .bottom span.h3 {
    width: 140px;
    height: 14px;
    overflow: hidden;
    padding: 8px 0 7px 15px;
    margin: 0;
    display: block;
}

.slidebox .bottom p {
    width: 140px;
    height: 42px;
    overflow: hidden;
    padding: 0 0 0 15px;
    margin: 0;
    color: #fff;
}

.slidebox .bottom form {
    width: 140px;
    overflow: hidden;
    padding: 11px 0 0 15px;
    margin: 0;
}

.slidebox .bottom form .newsletter {
    background: #fff;
    width: 110px;
    border: 1px solid #fff;
    border-right: none;
    padding: 1px 6px;
    margin: 0;
    line-height: 14px;
    color: #b4b9bf;
    float: left;
}

.slidebox .bottom form input.submit {
    float: left;
    width: 17px;
    height: 17px;
    overflow: hidden;
}

/* Callback box
 * Newsletter Box
 * BestRate Teaser
 -------------------------------------------------------------------------------------------------------------------- */
#content .header .boxes .callback,
#content .header .boxes .newsletter,
#content .header .boxes .bestrate {
    background: url(/static/img/slidebox_bg.gif) left top repeat-x;
    width: 170px;
    height: 85px;
    overflow: hidden;
    padding: 0;
    margin: 0;
}

#content .header .boxes .bestrate {
    cursor: pointer;
}

#content .header .boxes .callback h3,
#content .header .boxes .newsletter h3,
#content .header .boxes .bestrate h3 {
    width: 155px;
    height: 14px;
    overflow: hidden;
    padding: 8px 0 10px 15px;
    margin: 0;
    color: #00498d;
    font-size: 14px;
    line-height: 18px;
}

.callback span.h3 {
    width: 140px;
    height: 14px;
    overflow: hidden;
    padding: 8px 0 10px 15px;
    margin: 0;
    display: block;
}

#content .header .boxes .callback p,
#content .header .boxes .newsletter p {
    background: url(/static/img/arrow.gif) 135px bottom no-repeat;
    width: 140px;
    height: 40px;
    overflow: hidden;
    padding: 0 0 0 15px;
    margin: 0;
    color: #fff;
}

#content .header .boxes .bestrate p {
    background: url(/static/img/bestrate.gif) 13px bottom no-repeat;
    width: 100px;
    height: 50px;
    padding: 0 0 0 55px;
}

#content .header .boxes .bestrate p a {
    background: url(/static/img/arrow.gif) 79px bottom no-repeat;
    width: 100px;
    height: 40px;
    overflow: hidden;
    padding: 0;
    margin: 0;
    color: #fff;
    display: block;
    font-weight: bold;
}

#content .header .boxes .bestrate p a:link {
    text-decoration: none;
}

.callback form {
    width: 140px;
    overflow: hidden;
    padding: 8px 0 0 15px;
    margin: 0;
    display: none;
}

.callback form .phone {
    background: #fff;
    width: 110px;
    border: 1px solid #fff;
    border-right: none;
    padding: 1px 6px;
    margin: 0;
    line-height: 14px;
    color: #b4b9bf;
    float: left;
}

.callback form input.submit {
    float: left;
    width: 17px;
    height: 17px;
    overflow: hidden;
}

/** Facebook und Google +
--------------------------------------------------------------------------------------------------------------------- */
#site .opengraph {
    position: absolute;
    top: 21px;
    left: 645px;
    width: 170px;
    overflow: hidden;
    height: 21px;
}

#site .opengraph .fb_like {
    float: left;
    width: 100px;
}

#site .opengraph .google {
    float: left;
    padding: 3px 0;
}

/* Footer
--------------------------------------------------------------------------------------------------------------------- */
#site #portaltext {
    width: 970px;
    overflow: hidden;
    color: #979797;
    padding: 0 0 15px 30px;
}

#site #footer {
    background: url(/static/img/shadow_footer.gif) left top no-repeat;
    width: 970px;
    color: #979797;
    padding: 15px 0 15px 30px;
    float: left;

}

#site #footer a {
    color: #00498d;
    text-decoration: none;
}

#site #footer a:hover {
    color: #00498d;
    text-decoration: none;
}

#site #footer .adress {
    width: 280px;
    height: 55px;
    overflow: hidden;
    float: left;
    padding: 0 15px 0 0;
}

#site #footer .links {
    width: 235px;

    float: left;
    padding: 0 10px 0 14px;
    border-left: 1px solid #fff;
}

#site #footer .links.second {
    width: 185px;
}

#site #footer .company {
    width: 151px;
    height: 57px;
    overflow: hidden;
    float: right;
    padding: 0 20px 0 14px;
    border-left: 1px solid #fff;
}

#site #footer .company a.fmtg {
    padding: 0 52px 0 0;
    width: 95px;
    word-spacing: inherit;
}

/* Login Box
--------------------------------------------------------------------------------------------------------------------- */
#content .content .contentarea .textarea #loginbox {
    width: 340px;
    margin: 0 265px 0 0;
}

#content .content .contentarea .textarea #loginbox label {
    clear: left;
    float: left;
    width: 100px;
    margin: 3px 0;
}

#content .content .contentarea .textarea #loginbox input.login {
    width: 200px;
    padding: 2px 5px;
    margin: 0 0 5px 0;
}

/* Suche
--------------------------------------------------------------------------------------------------------------------- */
.SuggestFramework_List {
    border: 1px solid #CCCCCC;
    border-top: 0;
}

.SuggestFramework_Heading {
    padding: 0 1px 0 1px;
    background-color: #CCCCCC;
    color: #FFFFFF;
    font-weight: bold;
}

.SuggestFramework_Highlighted {
    padding: 0 1px 0 1px;
    background-color: #BDE4D4;
    font-size: 12px;
    color: #990033;
}

.SuggestFramework_Normal {
    padding: 0 1px 0 1px;
    background-color: #FFFFFF;
    color: #000000;
}

.SuggestFramework_Combo {
    width: 100%;
    margin: 0;
    padding: 0;
}

.evrow {
    background: #D0E0E0;
    color: #007;
    margin: 0;
    padding: 6px 4px;
}

.odrow {
    background: #E9F1E9;
    color: #007;
    margin: 0;
    padding: 6px 4px;
}

.title {
    font-weight: bold;
}

/* Sprachauswahl
--------------------------------------------------------------- */
#languages {
    background: url(/static/img/sprite.master.png) 109px 1px no-repeat transparent;
    width: 125px;
    height: 19px;
    padding: 0;
    overflow: visible;
    position: absolute;
    left: 30px;
    top: 21px;
    z-index: 2000;
    color: #909499;
}

#languages .selectbutton {
    float: left;
    width: 113px;
    height: 14px;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #d9e4ee;
    padding: 2px 5px 1px 5px;
}

#languages .selectbutton div {
    background: url(/static/img/sprite.master.png) 0 0 no-repeat;
    width: 93px;
    height: 14px;
    padding: 0 0 0 22px;
}

#languages .selectbutton img {
    display: none;
}

#languages .options {
    background: #fff;
    width: 125px;
    overflow: hidden;
    float: left;
    padding: 6px 0 6px 0;
    display: none;
}

#languages.hover .options {
    display: block;
}

#languages .options a {
    background: url(/static/img/sprite.master.png) -330px 0 no-repeat;
    display: block;
    width: 92px;
    height: 13px;
    overflow: hidden;
    margin: 3px 5px 4px 7px;
    padding: 0 0 1px 23px;
    text-decoration: none;
    color: #909499;
}

#languages .options a img {
    display: none;
}

#languages .de {
    background-position: -330px 0 !important;
}

#languages .en {
    background-position: -330px -14px !important;
}

#languages .it {
    background-position: -330px -28px !important;
}

#languages .hr {
    background-position: -330px -42px !important;
}

#languages .pl {
    background-position: -330px -56px !important;
}

#languages .hu {
    background-position: -330px -70px !important;
}

#languages .cz {
    background-position: -330px -84px !important;
}

#languages .sk {
    background-position: -330px -98px !important;
}

#languages .sl {
    background-position: -330px -112px !important;
}

/* Sprachauswahl Breite Variante
--------------------------------------------------------------- */
#languages.wide {
    background: none;
    width: 700px;
    height: 15px;
    padding: 0;
    overflow: visible;
    position: absolute;
    left: 30px;
    top: 21px;
    z-index: 2000;
    color: #909499;
}

#languages.wide .options {
    display: block;
    overflow: visible;
    background: none;
    width: 300px;
    padding: 0;
}

#languages.wide .options a {
    background: url(/static/img/flags/flags.gif) 0 0 no-repeat transparent;
    float: left;
    display: block;
    width: 18px;
    height: 12px;
    padding: 0;
    margin: 0 9px 0 0;
}

#languages.wide .de {
    background-position: 0 0 !important;
}

#languages.wide .de.active,
#languages.wide .de:hover {
    background-position: 0 -13px !important;
}

#languages.wide .en {
    background-position: -18px 0 !important;
}

#languages.wide .en.active,
#languages.wide .en:hover {
    background-position: -18px -13px !important;
}

#languages.wide .it {
    background-position: -36px 0 !important;
}

#languages.wide .it.active,
#languages.wide .it:hover {
    background-position: -36px -13px !important;
}

#languages.wide .hr {
    background-position: -54px 0 !important;
}

#languages.wide .hr.active,
#languages.wide .hr:hover {
    background-position: -54px -13px !important;
}

#languages.wide .pl {
    background-position: -72px 0 !important;
}

#languages.wide .pl.active,
#languages.wide .pl:hover {
    background-position: -72px -13px !important;
}

#languages.wide .hu {
    background-position: -90px 0 !important;
}

#languages.wide .hu.active,
#languages.wide .hu:hover {
    background-position: -90px -13px !important;
}

#languages.wide .cz {
    background-position: -108px 0 !important;
}

#languages.wide .cz.active,
#languages.wide .cz:hover {
    background-position: -108px -13px !important;
}

#languages.wide .sk {
    background-position: -126px -0 !important;
}

#languages.wide .sk.active,
#languages.wide .sk:hover {
    background-position: -126px -13px !important;
}

#languages.wide .sl {
    background-position: -144px -0 !important;
}

#languages.wide .sl.active,
#languages.wide .sl:hover {
    background-position: -144px -13px !important;
}

#site .home {
    float: left;
    padding: 1px 10px 1px 00;
    z-index: 2000;
    overflow: hidden;
}

#site .home a {
    display: block;
    background: url(/static/img/sprite.master.png) -17px -1px no-repeat;
    width: 9px;
    height: 9px;
}

#site .home span {
    display: none;
}

/* Social Buttons
--------------------------------------------------------------------------------------------------------------------- */
#socialbuttons {
    background-image: url(/static/img/social/bg.png);
    _background-image: url(/static/img/social/bg.png);
    _display: none;
    position: fixed;
    left: 10px;
    top: -200px;
    width: 65px;
    height: 145px;
    z-index: -1;
}

#socialbuttons a {
    display: block;
    width: 37px;
    height: 38px;
    margin: 7px 13px 0;
    float: right;
}

#socialbuttons a.hover,
#socialbuttons a:hover {
    margin-right: 5px;
}

#socialbuttons a.facebook {
    background-image: url(/static/img/social/facebook.png);
    _background-image: url(/static/img/social/facebook.gif);
}

#socialbuttons a.youtube {
    background-image: url(/static/img/social/youtube.png);
    _background-image: url(/static/img/social/youtube.gif);
}

#socialbuttons a.blog {
    background-image: url(/static/img/social/blog.png);
    _background-image: url(/static/img/social/blog.gif);
}

/* Widget
--------------------------------------------------------------------------------------------------------------------- */

#content .header .ty-widget-container {
    position: absolute;
    right: 3px;
    top: 6px;
    width: 140px;
    height: 140px;
    z-index: 50;
}

#content .header .ty-widget-container iframe {
    height: 120px;
    width: 140px;
    background: none;

}

#content .header .widget_url {
    position: absolute;
    right: 3px;
    top: 6px;
    width: 140px;
    height: 140px;
    z-index: 60;
    float: left;
    display: block;
    padding: 0;
    margin: 0;
    cursor: pointer;
    display: block;
    text-decoration: none;
}

#content .header a.widget_url {
    display: none;
}