/************************
   CSS for freewave.at
   
   Made by VividVisions
   www.vividvisions.com
*************************/

/************************
   Tags & Generic
 ************************/

* {
   padding: 0;
   margin: 0;
}

html {
   height: 100%;
   background: #ffffff url(/images/background_right_55.gif) repeat-y scroll right top;
   min-width: 780px;
}

body {
   font: normal normal normal 1em/1.2em Arial, Helvetica, sans-serif;
   background: transparent url(/images/background_left_55.gif) repeat-y scroll left top;
   min-height: 100%;
}

body.with-menu {
      background-image: url(/images/background_left_55_menu.gif);
}

body.with-menu #content {
   padding-left: 230px;
}

a {
   outline: none;
   color: #ba1fb5;
   text-decoration: none;
}

a:hover {
   text-decoration: underline;
}

a img {
   border: 0;
}

#wrap {
   padding: 0 55px 0 55px;
}

hr {
   display: none;
}

br.clear {
   clear: both;
}

small {
   font-size: 0.8em;
}

acronym {
   background: transparent url(/images/dotted.gif) repeat-x scroll left bottom;
   cursor: help;
   border: 0;
}

.searchable {
   display: none;
}

/************************
   Header
 ************************/

#header {
   position: relative;
   background: #ffffff url(/images/background_bar.gif) repeat-x scroll left bottom;
   height: 110px;
}

#logo {
   display: block;
   background: transparent url(/images/freewave_logo.gif) no-repeat scroll left top;
   width: 219px;
   height: 91px;
   text-indent: -1000px;
   position: absolute;
   left: 30px;
   bottom: 0;
}

#header h2 {
   position: absolute;
   right: 30px;
   bottom: 0;
   height: 31px;
   line-height: 31px;
   vertical-align: middle;
   color: #ffffff;
   padding-left: 70px;
   background: transparent url(/images/bar.gif) no-repeat scroll left top;
   font-size: 0.9em;
   letter-spacing:0.05em;
}

#languages {
   list-style: none;
   position: absolute;
   right: 30px;
   top: 5px;
}

#languages li {
   display: block;
   float: left;
}

#languages li a {
   display: block;
   width: 28px;
   height: 23px;
   overflow: hidden;
   text-indent: 30px;
   white-space: nowrap;
   float: left;
}

#languages .de a {
   background: transparent url(/images/flag_de_inactive.gif) no-repeat scroll left top;
}

#languages .de-selected a,
#languages .de a:hover {
   background: transparent url(/images/flag_de_active.gif) no-repeat scroll left top;
}

#languages .en a {
   background: transparent url(/images/flag_en_inactive.gif) no-repeat scroll left top;
}

#languages .en-selected a,
#languages .en a:hover {
   background: transparent url(/images/flag_en_active.gif) no-repeat scroll left top;
}

/************************
   Body, Content
 ************************/

#body {
   min-height: 400px;
}

#content {
   padding: 30px 30px 0 30px;
   font-size: 0.9em;
}

#content h1 {
   font-size: 1.5em;
   margin: 0 0 30px 0;
   color: #636363;
}

#content h2 {
   font-size: 1.2em;
   margin: 15px 0 5px 0;
/*   color: #636363;*/
   color: #000000;
}

#content h3 {
   font-size: 1em;
   margin: 15px 0 0 0;
   color: #000000;
}

#content p {
   margin: 0 0 20px 0;
}

#content ol {
   padding-left: 20px;
   margin-bottom: 20px;
}

#content ul {
   list-style: none;
   margin-bottom: 20px;
}

#content ul li {
   padding-left: 15px;
   background: url(/images/bullet.gif) no-repeat left 7px;
}

#content table {
   border-spacing: 0px;
   border-collapse: collapse;
   border: 0px none;
   margin-bottom: 20px;
}

#content table td,
#content table th {
   border-bottom: 1px solid #dddddd;
   padding: 5px 8px 5px 8px;
}

#content table th {
   font-weight: bold;
   text-align: left;
}

#content table tr.even {
   background-color:#f9f9f9;
}

#content table tr.odd {
   background-color:#ffffff;
}

.top {
   display: block;
   height: 15px;
   background: transparent url(/images/arrow_top.gif) no-repeat scroll right top;
   overflow: hidden;
   text-indent: -999px;
   border-bottom: 1px solid #cccccc;
   margin-bottom: 15px;
}

/************************
   Menu & Submenu
 ************************/

#menu {
   width: 199px;
   position: absolute;
   left: 55px;
   top: 110px;
   margin-right: 30px;
}

ul.menu {
   list-style: none;
   font-size: 0.8em;
}

ul.menu li {
   border-bottom: 1px solid #aaaaaa;
}

ul.menu li a {
   text-decoration: none;
   color: #000000;
   display: block;
   padding: 6px 0 6px 6px;
   background: #fefefe url(/images/menu_item_background_2.gif) repeat-x scroll left 1px;
}

ul.menu li a:hover {
   border-right: 5px solid #ba1fb5;
   text-decoration: none;
}

ul.menu li.selected a {
   font-weight: bold;
   border-right: 5px solid #ba1fb5;
}

ul.menu li ul * {
   background: none !important;
   border: 0 none !important;
   padding: 0 !important;
   margin: 0 !important;
   font-weight: normal !important;
}

/**** Submenu ****/

ul.menu ul {
   margin: -5px 0 0 15px;
   padding: 0;
   font-size: 0.9em;
   border-right: 5px solid #ba1fb5;
   list-style: none;
}

ul.menu ul a:hover {
   border-right: 2px solid #ba1fb5 !important;
}

ul.menu ul li.selected a {
   border-right: 2px solid #ba1fb5 !important;
   font-weight: bold !important;
}

#blogpromo {
   margin: 20px 0 0px 0;
   font-size: 0.7em;
   line-height: 1em;
   text-align: center;
   padding-bottom: 20px;
   border-bottom: 1px solid #aaaaaa;
}

#blogpromo img {
   margin-bottom: 8px;
}

#switch {
   margin-top: 30px;
   padding: 110px 5px 5px 5px;
   font-size: 0.7em;
   line-height: 1em;
   text-align: center;
}

#switch.user {
   background: transparent url(/images/nutzen.jpg) no-repeat scroll center top;
}

#switch.provider {
   padding-top: 130px !important;
   background: transparent url(/images/anbieten.jpg) no-repeat scroll center top;
}

#gastmesse {
   background: transparent url(/images/gastmesse.gif) no-repeat scroll 50% 20px;
   padding: 90px 5px 20px 5px;
   font-size: 0.7em;
   line-height: 1em;
   text-align: center;
   margin-top: 25px;
   border-top: 1px solid #aaaaaa;
   border-bottom: 1px solid #aaaaaa;
}


/************************
   Footer
 ************************/

#footer {
   clear: both;
   padding: 20px 30px 10px 30px;
   font-size:0.7em;
   line-height: 0.7em;
   text-align: center;
   color: #999999;
}

#footer .left {
   float: left;
}

#footer .right {
   float: right;
}

#footer a {
   color: #999999;
}

/************************
   Page Navigation
 ************************/

#tour-navigation {
   margin: 10px 0 0 0;
   height: 30px;
   font-size: 0.9em;
   line-height: 31px;
   vertical-align: middle;
}

#tour-navigation .prev {
   background: transparent url(../images/arrow_left.gif) no-repeat scroll left center;
   padding-left: 25px;
   float: left;
}

#tour-navigation .next {
   background: transparent url(../images/arrow_right.gif) no-repeat scroll right center;
   padding-right: 25px;
   float: right;
}

/************************
   Forms
 ************************/

form fieldset {
   border: 1px solid #cccccc;
   margin: 20px 0 20px 0;
   padding: 10px;
}

form fieldset legend {
   font-weight: bold;
   padding: 0 5px 0 5px;
   color: #000000;
}

form label {
   display: block;
   width: 80px;
   float: left;
   margin-bottom: 10px;
   padding-right: 15px;
   text-align: right;
}

form input[type=text] {
   width: 190px;
   margin: 0 0 10px 0;
}

form select {
   margin: 0 0 15px 0;
}

form br {
   clear: left;
}

/************************
   Boxes
 ************************/

#boxes {
   width: 200px;
   margin-left: 20px;
   float: right;
}

.box {
   background: #e4f3ff url(/images/box_left_top.gif) no-repeat scroll left top;
   text-align: left;
   height: 1%;
   margin-bottom: 25px;
}

.box .box-content {
   background: transparent url(/images/box_left_bottom.gif) no-repeat scroll left bottom;
   padding: 0 0 14px 14px;
   overflow: auto;
}

.box .box-content h4 {
   background: #e4f3ff url(/images/box_right_top.gif) no-repeat scroll right top;
   padding: 14px 0 0 0 !important;
   margin: 0 0 0 0 !important;
   font-size: 0.85em;
   line-height: 1.2em;
   color: #626262;
}

.box .box-content p {
   color: #626262;
   font-size: 0.85em;
   line-height: 1.3em;

   background: #e4f3ff url(/images/box_right_bottom.gif) no-repeat scroll right bottom;
   padding: 1em 14px 14px 0 !important;
   margin: 0 0 -14px 0 !important;
   
   overflow: auto;
}

/*.box .box-content p:after {
   content: "."; 
   display: block; 
   height: 10px; 
   clear: both; 
  border: 1px solid red;
}*/

/************************
   Page Specifics
 ************************/

/**** Home ****/

.overview {
   border-top:1px solid #ba1fb5;
   background: transparent url(/images/gradient_3.gif) scroll repeat-x left top;
   margin-top: 30px;
   padding: 20px 30px 0 30px;
   font-size: 0.7em !important;
   line-height: 1.2em;
   color: #999999;
}

.overview p {
   margin: 5px 0 5px 0;
}

.overview a {
   color: #999999;
   text-decoration: none;
}

.overview a:hover {
   text-decoration: underline;
}

.overview h2 {
   font-size: 1.4em;
   padding: 0 0 3px 0;
}

.overview h3 {
   font-size: 1.2em;
   padding: 8px 0 3px 0;
}

.overview ul {
   list-style: none;
   margin: 0 0 5px 0;
}

.overview li {
   padding: 0 7px 0 5px;
   margin: 5px 0 5px 0;
   border-right: 1px solid #cccccc;
   display: inline;
}

#googlemap-home {
   border: 1px solid #ba1fb5;
   height: 220px;
   margin-top: 5px;
   margin-bottom: 10px;
   overflow: hidden;
}

#home-box-left {
   width: 33%; 
   float: left; 
   text-align: center;
}

#home-box-left .home-box-padding {
   padding: 0 15px 0 0;
}

#home-box-center {
   width: 33%; 
   float: left; 
   text-align: center; 
   border-left: 1px solid #ba1fb5; 
   border-right: 1px solid #ba1fb5;
}

#home-box-center .home-box-padding {
   padding: 0 15px 0 15px;
}

#home-box-right {
   width: 33%; 
   float: left; 
   text-align: center
}

#home-box-right .home-box-padding {
   padding: 0 0 0 15px;
}

/**** Hotspot list ****/

#hotspots
{
   margin: 30px 0 0 0px;
}

#hotspots h3 {
  border-bottom: 1px solid #a61ca2;
  width: 120px;
  font-size: 1.05em;
  font-weight: bold;
}

table.hotspots {
   border: 0 none;
   margin-top: -30px !important;
}

table.hotspots th {
   font-size: 1.1em !important;
   font-weight: bold !important;
   border-bottom: 1px solid #a61ca2 !important;
   padding: 40px 0 8px 0 !important;
}

table.hotspots td {
   padding: 5px !important;
   border-bottom: 1px solid #eeeeee !important;
   vertical-align: top !important;
   font-size: 0.95em !important;
}

table.hotspots td.h-name {
   padding-left: 0 !important;
}

table.hotspots td.h-address {
   font-size: 0.85em !important;
}

table.hotspots td.h-site,
table.hotspots td.h-map {
   font-size: 0.8em !important;
}

table.hotspots td.h-map {
   padding-right: 0 !important;
}

table.hotspots th.h-top {
   font-size: 0.8em !important;
   font-weight: normal !important;
   text-align: right !important;
   vertical-align: bottom !important;
}


#hotspots ul {
   border-left: 1px solid #a61ca2 !important;
   margin: 0 0 30px 119px !important;
   padding: 10px 0 0 0 !important;
   list-style: none !important;
   border-bottom: 1px solid white;
}

#hotspots ul li {
  padding: 8px 8px 8px 15px !important;
  background: none !important;
  line-height: 1.1em;
}

/**** GoogleMap ****/

#googleMap {
   border: 1px solid #ba1fb5;
   height: 500px;
}

.freewaveInfo {
   text-align: left;
}

/**** FAQ ****/

ul.faq-questions {
   list-style: none;
   padding: 0 !important;
}

ul.faq-questions li {
   padding-bottom: 5px;
}

table.compare td.compare-yes {
   background: url(/images/available.gif) no-repeat 50% 50%;
   text-indent: -999px;
   overflow: hidden;
}

table.compare td.compare-no {
   background: url(/images/not_available.gif) no-repeat 50% 50%;
   text-indent: -999px;
   overflow: hidden;
}

/**** Downloads ****/

table.downloads td.dl
{
   text-align: right;
}

.webmaster-button {
   float: left;
   padding: 0 10px 0 10px;
   text-align: center;
   vertical-align: top;
   width: 150px;
   height: 150px;
}

/**********************
    IE 6 hacks
 **********************/

* html,
* html body {
   height: 100%;
}

* html .box-content,
* html .box p {
   width: 100%;
   overflow: hidden;
}

* html #menu li,
* html #menu li a {
   height: 1%;
}

* html #wrap {
   background: transparent url(/images/background_right_55.gif) repeat-y scroll right top !important;
   height: 100%;
}

* html #content {
   width: 100%;
} 

* html #body {
   border: 1px solid white;
}

* html #hotspots ul {
   border-bottom: 1px solid white;
}

* html .provider {
   padding-top: 130px !important;
   background: transparent url(/images/anbieten.jpg) no-repeat scroll center top;
}