@import url("./classes.css");
/* Ingtours Reisen - silver: #efefefblue: #00337a blue light: #007dc6 red: #bc1611 */
body 		{font-size: 12px; font-family: Arial, Helvetica, sans-serif; background-color: #efefef; margin: 0; padding: 0;}
table 		{margin: 0; padding: 0; border: 0; }
div, dl 	{display: block; border: 0; margin: 0; padding: 0; }
td 			{font-size: 12px; margin: 0; padding: 0; }
input, select	{font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
a 			{color: #bc1611;}
a:hover 	{color: #000;}
h1 			{font-size: 15px; color: #bc1611; margin: 10px 0 10px 0;}
h2 			{font-size: 15px; color: #00337a; margin: 20px 0 10px 0;}
h2.title	{font-size: 15px; color: #00337a; margin: 10px 0 10px 0;}
h3			{font-size: 14px; color: #2064AE; margin: 20px 0 10px 0;}
p			{margin-top: 10px; margin-bottom: 0px;}
.panel 		{background: transparent url("../_img/panel-bgr.gif") top left no-repeat; padding-left: 15px; padding-top: 10px; vertical-align: top; overflow: hidden; clear: left; _width: 100%; margin-bottom: 20px;}
/* LAYOUT -------------------- */
#topheader {width: 97%; height: 45px; background: transparent url("../_img/logo-top.gif") top left no-repeat; text-align: right; padding-right: 13px; }
#topheader .inputsearch {font-size: 12px; border: 1px solid black; width: 125px; height: 15px; _height: 18px; margin-top: 20px; padding: 0 2px 0 2px; _padding: 2px; }
#topheader .searchbtn {border: 0; vertical-align: middle; margin-bottom: 3px; _margin-bottom: 5px; }
#cover {width: 98%; }
#shadowright {width: 5px; background: #efefef url("../_img/shadow-right.gif") top left repeat-y; }
#shadowleft {width: 10px; background: #efefef url("../_img/shadow-left.gif") top right repeat-y; }
/* TOP CONTENT -------------------- */
#toplogo {width: 142px; height: 72px;}
#toppanel {background: transparent url("../_img/top-background.gif") top left repeat-x; padding-right: 10px}
#toppanel h3 {font-size: 16px; color: white; font-weight: bold; text-align: right; font-style: italic; padding-right: 10px; margin: 0px;}
#toppanel .menu-horizontal {font-size: 12px; width: 100%; margin: 20px 0 0 10px; }
#toppanel .menu-horizontal td {width: 14%; color: white; font-weight: bold; text-align: center; white-space: nowrap; border-right: 1px solid white; }
#toppanel .menu-horizontal a {color: #fff; text-decoration: none;}
#toppanel .menu-horizontal a:hover { text-decoration: underline }
#toppanel .menu-horizontal .selectedLink {color: #000; }
/* LEFT CONTENT -------------------- */
.spacer { _width: 12px; background-color: #fff; }
#leftpanel {width: 120px; background: #007dc6 url("../_img/logo-bottom.gif") top left no-repeat; color: #fff; vertical-align: top;}
#leftpanel a {color: #fff; text-decoration: none; }
#leftpanel a:hover {color: #00337a; text-decoration: none; }
#leftpanel .selectedLink {color: #00337a; }
#leftpanel .navigation {margin: 45px 0 30px 5px; color: #fff; line-height: 20px; font-weight: bold; }
#leftpanel .tipheader {font-size: 13px; font-weight: bold; padding-top: 3px; _padding-top: 2px; padding-left: 12px; height: 18px; _height: 20px; color: #fff; background-color: #00337a; border-bottom: 1px solid #fff; }
#leftpanel .tipcontent img { margin-bottom: 5px; display: block; }
#leftpanel .tipcontent { padding: 0; margin: 0 0 15px 0; text-align: center; font-weight: bold; }
/* MAIN CONTENT -------------------- */
#maincontent {background-color: #fff; vertical-align: top; padding: 0 10px 10px 0; }
#maincontent .content-navigation {color: #666; padding: 3px 0 0 0; text-align: right;font-size:11px }
#maincontent .content-navigation a { color: #666; }
#maincontent .content-navigation a:hover { color: #bc1611; }
#maincontent .content-navigation .selectedLink {font-weight: bold; }
/* BOTTOM CONTENT -------------------- */
#bottompanel {font-size: 10px; padding-top: 2px; background: #efefef url("../_img/shadow-bottom.gif") top left repeat-x; color: #00337a; }
#bottompanel a {color: #00337a; text-decoration: none; }
#bottompanel a:hover {color: #bc1611; text-decoration: none; }
#bottompanel .selectedLink {color: #bc1611; }
#bottompanel .poweredby { float: right; }
/* HOTEL CARD -------------------- expression(document.body.clientWidth < 850 ? "250px" : "48%" ); */
.boxHotel { overflow: hidden; float: left; margin: 10px 10px 10px 0; }

/* .boxHotel { width: 280px; height: 215px; } */
.boxHotel { margin: 9px 22px 9px 0; width: 31%; min-width: 330px; _width: expression(document.body.clientWidth < 1100 ? "45%" : "31%" ); height: 150px;}
.boxHotel .title {color: #fff; font-weight: bold; padding: 3px; background-color: #2064AE;}
.boxHotel .title a {color: #fff; text-decoration:none;}
.boxHotel .title a:hover {text-decoration: none;}
.boxHotel table {width: 100%; }
.boxHotelTable td	{padding: 2px; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}
.boxHotelTable img	{margin: 0 1px 0 0; }
.boxHotel .line1a {background-color: #61C8FE;}
.boxHotel .line1b {background-color: #61C8FE; text-align: right;}
.boxHotel .line2a {background-color: #E2EAF1;}
.boxHotel .line2b {font-weight: bold; background-color: #E2EAF1; text-align: right;}
.boxHotel .line3a {background-color: #E2EAF1;}
.boxHotel .line3b {font-weight: bold; background-color: #E2EAF1; text-align: right;}
.boxHotel .line4a {background-color: #61C8FE; border-bottom: none;}
.boxHotel .line4b {background-color: #61C8FE; text-align: right;}
.boxHotel .line4a a {color: #000; text-decoration: none;}
.boxHotel .line4a a:hover {color: #00337a; text-decoration: none;}
.boxHotel .line4b {background-color: #61C8FE; border-bottom: none;}
.boxHotel .line4b a {color: #000; text-decoration: none;}
.boxHotel .line4b a:hover {color: #00337a; text-decoration: none;}
.boxHotel .text {text-align: justify; }

.lastminute {width:100%;}
.lastminute .head {font-size:12px; height:18px; font-weight: bold; background-color:#E2EAF1; padding:3px; vertical-align:middle; }
.lastminute .order {color: #00000; text-align:left; padding-left: 18px; background: transparent url("../_img/bestellen.gif") left no-repeat; float:right;}
.lastminute .order a {color: #2064AE; text-decoration: none; }
.lastminute .order a:hover {color: #2064AE; text-decoration: underline; }
.lastminute .contab {background-color: #f8f8f8; width: 100%; margin-bottom: 10px;}
.lastminute .price	{width: 10%; text-align: right;; white-space: nowrap;}

.lastminute td.head {padding:0;}
.lastminute td.head a {color:#FFFFFF;}
.lastminute td.head a:hover {color:#FFFFFF;}
.lastminute td.contab {color:#000000;background-color:#F8F8F8;padding:3px;}

.cardHotel {margin-left:0;}
.images {width: 120px; margin-top:45px; padding:0; float: right;}
h3.card		{font-size: 12px; margin: 10px 0 3px; 0; color:#2064AE;}
.cardHotel .caption {font-weight:bold; color:#2064AE;}
.cardHotel .footnotes {margin-top: 5px; color: #484848; text-align: left;}
.cardHotel .inprice {margin-top: 10px; color: #606060}

.cardHotel .priceTable {margin: 5px 10px 0 0; border: none;} /* width:100%; */
.cardHotel .priceTable td {border: none;} /*border: 1px dotted #cccccc;*/
.cardHotel .priceTable .head {background-color:#E2EAF1; text-align: center; height: 24px;}
.cardHotel .priceTable .subHead { font-size: 12px; height:24px; color:#ffffff; background-color:#2064AE; text-align: center; padding: 1px 2px 1px 2px;}/*#E2EAF1 #007DC6*/
.cardHotel .priceTable .date {height: 24px; width: 100px; background-color:#E2EAF1; font-weight:bold; text-align: center; white-space: nowrap;}/*#E2EAF1 #007DC6*/
.cardHotel .priceTable .price {color: #007DC6; background-color:#f8f8f8; text-align: center;}/*#E2EAF1 #007DC6*/
.cardHotel .priceTable .serv {height: 24px; background-color:#E2EAF1; text-align: center;}/*#E2EAF1 #007DC6*/
.cardHotel .priceTable .sub {height:3px;background-color:#2064AE;}/*#E2EAF1 #007DC6*/

.cardHotel .notes td {padding:1px; color:#606060; }
.cardHotel .notes .notetitle { padding:5px 0 0 5px; font-weight:bold;}
.cardHotel .notes .notevalue { padding:5px 0 0 15px; font-weight:normal;}

.contab td {padding: 3px;}
.contab .col1 {vertical-align:top; font-weight:bold; background-color: #f8f8f8;}
.contab .col2 {vertical-align:top; background-color: #f8f8f8;}
.contab .col3 {vertical-align: top; background-color:#E2EAF1; font-weight:bold;}
.contab .col4 {vertical-align: top; background-color:#E2EAF1;}
.contab .col5 {vertical-align: top; background-color:#E2EAF1; text-align: right;}

.sortsel		{color: #007DC6;}
.sortnosel		{color: #bc1611;}
.mehr-info {color: #bc1611; background: transparent url("../_img/mehr.gif"); background-position: 37px center; background-repeat: no-repeat; padding-right: 35px; }
.mehr-info a { color: #bc1611; }
.mehr-info a:hover { color: #000; }
/* pro prevzate veci*/
.bgrndlite { background-color: #e7eef9 } 
.bgrndsemi { background-color: #aec5ea }
.service  { background-color: #2064AE } /* #608dd6 */

/* formulare */
.myform {} 
.myform fieldset {border:1px solid #666666;margin-bottom:10px; padding:3px 3px 10px 3px; background-color: #eeeeee;}
.myform legend {border:1px solid #666666;padding: 2px 3px 2px 3px;background-color: #ffffff;}
.myform .row {padding-top:5px; clear: both;}
.myform span { width:25%; text-align: right; margin:4px 6px 0 0; float:left;} 
.myform input, .myform textarea, .myform select {width: 70%;} 

.caption		{background-color: #2064ae; color: #fff; font-weight: bold;}
.even			{background-color: #f8f8f8;}
.odd			{background-color: #e2eaf1;}

.lastFront		{background-color: #f8f8f8; border-left: 1px solid #E2EAF1; font-weight: bold; color: #00337a;}

.highlight { font-weight: bold; }

div.note_header { margin: .5em 1.5em; font-weight: bold; }
label.note_value { float: left; width: 120px; margin-left: 3.5em; padding-left: 5px; background-color: #f8f8f8; border-right: 1px solid #c9d5da; }
div.note_date { background-color: #e2eaf1; padding-left: 5px; }
div.note_text { background-color: #f8f8f8; margin-left: 3.5em; padding-left: 5px; margin-bottom: 5px; }

.left { float: left; }
.right { float: right; }
.center { margin-left: auto; margin-right: auto; }

.aleft { text-align: left !important; }
.aright { text-align: right !important; }
.acenter { text-align: center !important; }
.middle { vertical-align: middle !important; }

.clear { clear: both; }

div.legend { color: gray; font-size: 10px; line-height: 14px; margin: 15px 15px 8px 15px;}
div.legend b { color: #0163AE; font-weight: normal; margin: 0 5px 0 0;}

table.grey { border-color: #ccc; }
table.grey tr th { color: #999; background: #EFEFEF;  }
table.grey td, table.grey td a, h2.grey, table.grey td.red, table.grey td.blue, div.grey, div.grey a, div.grey b, p.grey { color: #999 !important; }
table.grey tr.odd td { background-color: #eee; }
table.grey td ul li { color: #999; list-style-image: none !important; }

h2.orange { color: #C81612; }

table.tabnotes { border: none !important; background: #FFFFFF; }
table.tabnotes td, table.tabnotes th { text-align:left; background-color: #FFFFFF !important; border: none !important; }
table.tabnotes td { padding:3px; }
table.tabnotes td.note_header { font-weight: bold; background-color: #FFFFFF; }
table.tabnotes tr.odd td { background-color:#F0F0F0; }
table.tabnotes tr.odd td.clr { background-color: #FFFFFF; width: 2em; }
table.tabnotes td.dates { padding-left: 30px; }

.button    {
    background-color: #BC1611;
    border-width: 3px;
    border-style: double;
    color: #fff; 
    text-decoration: none; 
    margin-top: 15px;
    padding: 5px 10px;
    font-size:12px;
    
    =hasLayout: false;
    =position: static;
    =float: undefined;
    =width: auto;
    =height: auto;
    =background-color: #BC1611; 
    =border-color: #BC1611;
    =padding: 3px 0px;
}

a.button {
    line-height: 30px;
}
.external { background: transparent url('../_img/external_link.gif') 100% 20% no-repeat; padding: 0 10px 0 0; }
table.bestellung-table td { padding: 5px; }