@import url("/css/grundelemente_gtv.css");
@import url("/css/navigation_gtv.css");

/*farbcodes globetv.ch
------------------------------------------
--------------------------------------------
#cf663a = linkfarbe
------------------------------------------
-------------------------------------------*/

html {
margin: 0;
padding: 0;
background-color: #fff;
}

body {
font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
font-size: 0.75em;
line-height: 1.5em;
color: #000;
margin: 0;
padding: 0;
text-align: center;
}

#accesskeys {
position: absolute;
top: -400px; 
}

/* container
------------------------------------------
------------------------------------------*/

#container {
margin: auto;
text-align: center;
background-image: url(/pictures/bg_container.jpg);
background-repeat: no-repeat;
background-position: top;
width: 990px;
height: 582px;
}

#container-inner {
margin: auto;
text-align: left;
width: 930px;
}

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

#head {
text-align: left;
height: 99px;
}

#logo {
float: left;
margin: 23px 0px 0px 5px
}

/* linke spalte (mit flash)
------------------------------------------
------------------------------------------*/

#left-column  {
clear: both;
float: left;
width: 384px;
height: 422px;
border-right: 1px solid #b9b9b9;
}


/* content (hotelfuehrer)
------------------------------------------
------------------------------------------*/

#content {
width: 380px;
/*height: 422px;*/
height: 434px;
margin: 0px 0px 0px 20px;
float: left;
background-image: url(/pictures/bg_content.jpg);
background-repeat: no-repeat;
background-position: top;
text-align: center;
}

#content-top h2 {
padding: 0px 0px 0px 17px;
margin: 16px 0px 0px 0px;
height: 30px;
float: left;
color: #636363;
}

#content-top select#selectRegion {
border: 1px solid #969696;
width: 135px;
height: 18px;
font-size: 11px;
float: right;
margin: 15px 15px 0px 0px;
}

#content-top select#selectRegion, 
#content-top option  {
background-color: #cccccc;
}

#content-inner {
margin: auto;
width: 345px;
height: 367px;
clear: left;
overflow: auto;
text-align: left;
}

#table-hotelfuehrer {
color: #636363;
}

#table-hotelfuehrer h3 {
font-size: 14px;
font-weight: normal;
color: #636363;
padding: 0;
margin: 5px 0px 2px 0px;
}

#table-hotelfuehrer tr.active h3 {
color: #e08719;
} 

#table-hotelfuehrer tr.active p { 
color: #000;
}

#table-hotelfuehrer p {
color: #636363;
font-size: 11px;
margin: 0px 0px 4px 0px;
padding: 0;
}

#table-hotelfuehrer tr.zeile1,
#table-hotelfuehrer tr.zeile2 {
background-color: #fcf9ea;
}

#table-hotelfuehrer tr.zeile1 td,
#table-hotelfuehrer tr.zeile2 td {
border-bottom: 4px solid #e3e3e3;
}

#table-hotelfuehrer tr.active,
#table-hotelfuehrer tr:hover {
background-color: #fdf2d2;
cursor: pointer;
background-image: url(/pictures/bg_verlauf_td_active.gif);
background-repeat: repeat-x;
}

#table-hotelfuehrer td.desc {
padding: 0px 7px 0px 0px;
width: 265px
}

/* content "normal"
------------------------------------------
------------------------------------------*/

#normal-content {
width: 550px;
height: 430px; 
padding: 4px 0px 0px 0px;
margin: 0px 0px 0px 175px;
_margin: 0px 0px 0px 92px;
float: left;
}

#normal-content-inner {
height: 367px;
clear: left;
overflow: auto;
text-align: left;
}

/* rechte spalte
------------------------------------------
------------------------------------------*/

#right-column {
text-align: left;
width: 130px;
float: right;
margin: 0px 5px 0px 0px;
}

#right-column img,
#right-column a{
margin: 0;
padding: 0;
}

#right-column img.videopic {
margin: 0px 0px 15px 0px;
*margin: 0px 0px 13px 0px;
}

/* footer
------------------------------------------
------------------------------------------*/

#footer {
margin: 0;
height: 62px;
clear: both;
text-align: left;
font-size: 11px;
}

#footer address {
padding: 11px 0px 0px 0px;
font-style: normal;
}

span.footer-left {
float: left;
}

span.footer-right {
float: right;
}

/* diverses
------------------------------------------
------------------------------------------*/

.invis {display: none}
.break {clear: both}