/*
      Created by Keith Donegan of Code-Sucks.com

	  E-Mail: Keithdonegan@gmail.com

	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com

*/

* { padding: 0; margin: 0; }
img {border: none}
body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background-color: rgb(238,238,238);
}
#wrapper {
 margin: 0 auto;
 width: 1022px;
 background: url(../img/body_background.jpg) repeat;
}
#header {
 width: 1000px;
 color: #333;
 padding: 10px 10px 0 10px;
 border: 0px solid #ccc;
 _height: 240px;
 min-height: 240px;
 margin: 0px 0px 0px 0px;
 background: url(../img/header_top.png) no-repeat bottom center;
}
#navigation {
 width: 1000px;
 color: #333;
 padding: 0px 10px 10px 10px;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 background: url(../img/header_bottom.png) no-repeat top center;
 height: 50px;
}
#content {
 width: 1000px;
 color: #333;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 padding-top: 0px;
}
#footer {
 width: 1000px;
 color: #333;
 border: 0px solid #ccc;
 margin: 10px 0px 10px 0px;
 padding: 20px;
 color: white;
}


h1.logo a {border: 0px solid white; background-color: transparent; float: left; display: block; height: 150px; width: 350px; margin: 10px; padding: 0; color: black; font-size: 0%;}
h1.logo span {cursor: pointer; display: block; margin: 0; padding: 0; left: 0; top: 0; z-index: 1}

h3 {font-size: large; margin-bottom: 10px}

div#content h2 {display: none}

div#header div.languageFlags {
  float: right;
  margin: 25px;
  border: 0px solid white;
}
div#header div.languageFlags img {
  padding: 5px;
}

div#navigation ul {
  margin: 0px;
  padding: 0px;
  padding-left: 15px;
  border: 0px solid white;
  text-align: center;
}
div#navigation ul li {
  list-style-type: none;
  float:left;
  margin: 0px;
  padding: 0px;
}
div#navigation ul li a {
  text-transform: uppercase;
  text-decoration: none;
  margin: 5px 5px 5px 0px;
  padding: 5px 0 5px 0;
  font-size: 18px;
  color: white;
  display: block;
  float: left;
  width: 155px;
  border: 1px solid #cc0000;
}
div#navigation ul li a:hover {
  color: #cc0000;
}
div#navigation ul li a.active {
  color: #cc0000;
}

ul#homepageMenu {
  text-align: center;
  border: 0px solid red;
  background: url(../img/background_homepage_menu.png) no-repeat left top;)
  min-height: 280px;
  _height: 280px;
}
ul#homepageMenu li {
  list-style-type: none;
  display: inline;
}
ul#homepageMenu li a {
  display: block;
  float: left;
  margin: 10px;
  width: 228px;
  min-height: 275px;
  _height: 275px;
}

/*homepageMenu SK*/
ul#homepageMenu li a.ubytovanie_sk {background: url(../img/homepage_menu_background_ubytovanie_sk.jpg) no-repeat left top;}
ul#homepageMenu li a.okolie_sk {background: url(../img/homepage_menu_background_okolie_sk.jpg) no-repeat left top;}
ul#homepageMenu li a.aktivity_sk {background: url(../img/homepage_menu_background_aktivity_sk.jpg) no-repeat left top;}
ul#homepageMenu li a.relax_sk {background: url(../img/homepage_menu_background_relax_sk.jpg) no-repeat left top;}

ul#homepageMenu li a.ubytovanie_sk:hover {background: url(../img/homepage_menu_background_ubytovanie_active_sk.jpg) no-repeat left top;}
ul#homepageMenu li a.okolie_sk:hover {background: url(../img/homepage_menu_background_okolie_active_sk.jpg) no-repeat left top;}
ul#homepageMenu li a.aktivity_sk:hover {background: url(../img/homepage_menu_background_aktivity_active_sk.jpg) no-repeat left top;}
ul#homepageMenu li a.relax_sk:hover {background: url(../img/homepage_menu_background_relax_active_sk.jpg) no-repeat left top;}

/*homepageMenu EN*/
ul#homepageMenu li a.ubytovanie_en {background: url(../img/homepage_menu_background_ubytovanie_en.jpg) no-repeat left top;}
ul#homepageMenu li a.okolie_en {background: url(../img/homepage_menu_background_okolie_en.jpg) no-repeat left top;}
ul#homepageMenu li a.aktivity_en {background: url(../img/homepage_menu_background_aktivity_en.jpg) no-repeat left top;}
ul#homepageMenu li a.relax_en {background: url(../img/homepage_menu_background_relax_en.jpg) no-repeat left top;}

ul#homepageMenu li a.ubytovanie_en:hover {background: url(../img/homepage_menu_background_ubytovanie_active_en.jpg) no-repeat left top;}
ul#homepageMenu li a.okolie_en:hover {background: url(../img/homepage_menu_background_okolie_active_en.jpg) no-repeat left top;}
ul#homepageMenu li a.aktivity_en:hover {background: url(../img/homepage_menu_background_aktivity_active_en.jpg) no-repeat left top;}
ul#homepageMenu li a.relax_en:hover {background: url(../img/homepage_menu_background_relax_active_en.jpg) no-repeat left top;}

/*homepageMenu DE*/
ul#homepageMenu li a.ubytovanie_de {background: url(../img/homepage_menu_background_ubytovanie_de.jpg) no-repeat left top;}
ul#homepageMenu li a.okolie_de {background: url(../img/homepage_menu_background_okolie_de.jpg) no-repeat left top;}
ul#homepageMenu li a.aktivity_de {background: url(../img/homepage_menu_background_aktivity_de.jpg) no-repeat left top;}
ul#homepageMenu li a.relax_de {background: url(../img/homepage_menu_background_relax_de.jpg) no-repeat left top;}

ul#homepageMenu li a.ubytovanie_de:hover {background: url(../img/homepage_menu_background_ubytovanie_active_de.jpg) no-repeat left top;}
ul#homepageMenu li a.okolie_de:hover {background: url(../img/homepage_menu_background_okolie_active_de.jpg) no-repeat left top;}
ul#homepageMenu li a.aktivity_de:hover {background: url(../img/homepage_menu_background_aktivity_active_de.jpg) no-repeat left top;}
ul#homepageMenu li a.relax_de:hover {background: url(../img/homepage_menu_background_relax_active_de.jpg) no-repeat left top;}


img.logoFooter {margin: 5px;}
#footer a {color: white; text-decoration: none; color: silver;}

ul#leftsideMenu {
  padding-top: 7px;
  width: 114px;
  height: 390px;
  border: 0px solid white;
  background: url(../img/background_left_menu.png) no-repeat;
  float: left;
}
ul#leftsideMenu li {
  list-style-type: none;
  display: inline;
}
ul#leftsideMenu li a {
  border: 1px white solid;
  display: block;
  float: left;
  margin: 4px;
  width: 100px;
  height: 115px;
}

/*leftsideMenu SK*/
ul#leftsideMenu li a.ubytovanie_sk {background: url(../img/leftside_menu_background_ubytovanie_sk.jpg) no-repeat left top;}
ul#leftsideMenu li a.okolie_sk {background: url(../img/leftside_menu_background_okolie_sk.jpg) no-repeat left top;}
ul#leftsideMenu li a.aktivity_sk {background: url(../img/leftside_menu_background_aktivity_sk.jpg) no-repeat left top;}
ul#leftsideMenu li a.relax_sk {background: url(../img/leftside_menu_background_relax_sk.jpg) no-repeat left top;}

ul#leftsideMenu li a.ubytovanie_sk:hover {background: url(../img/leftside_menu_background_ubytovanie_active_sk.jpg) no-repeat left top;}
ul#leftsideMenu li a.okolie_sk:hover {background: url(../img/leftside_menu_background_okolie_active_sk.jpg) no-repeat left top;}
ul#leftsideMenu li a.aktivity_sk:hover {background: url(../img/leftside_menu_background_aktivity_active_sk.jpg) no-repeat left top;}
ul#leftsideMenu li a.relax_sk:hover {background: url(../img/leftside_menu_background_relax_active_sk.jpg) no-repeat left top;}

/*leftsideMenu EN*/
ul#leftsideMenu li a.accommodation_en {background: url(../img/leftside_menu_background_accommodation_en.jpg) no-repeat left top;}
ul#leftsideMenu li a.surroundings_en {background: url(../img/leftside_menu_background_surroundings_en.jpg) no-repeat left top;}
ul#leftsideMenu li a.activities_en {background: url(../img/leftside_menu_background_activities_en.jpg) no-repeat left top;}
ul#leftsideMenu li a.relax_en {background: url(../img/leftside_menu_background_relax_en.jpg) no-repeat left top;}

ul#leftsideMenu li a.accommodation_en:hover {background: url(../img/leftside_menu_background_accommodation_active_en.jpg) no-repeat left top;}
ul#leftsideMenu li a.surroundings_en:hover {background: url(../img/leftside_menu_background_surroundings_active_en.jpg) no-repeat left top;}
ul#leftsideMenu li a.activities_en:hover {background: url(../img/leftside_menu_background_activities_active_en.jpg) no-repeat left top;}
ul#leftsideMenu li a.relax_en:hover {background: url(../img/leftside_menu_background_relax_active_en.jpg) no-repeat left top;}

/*leftsideMenu DE*/
ul#leftsideMenu li a.unterkunft_de {background: url(../img/leftside_menu_background_unterkunft_de.jpg) no-repeat left top;}
ul#leftsideMenu li a.umgebung_de {background: url(../img/leftside_menu_background_umgebung_de.jpg) no-repeat left top;}
ul#leftsideMenu li a.aktivitaten_de {background: url(../img/leftside_menu_background_aktivitaten_de.jpg) no-repeat left top;}
ul#leftsideMenu li a.relax_de {background: url(../img/leftside_menu_background_relax_de.jpg) no-repeat left top;}

ul#leftsideMenu li a.unterkunft_de:hover {background: url(../img/leftside_menu_background_unterkunft_active_de.jpg) no-repeat left top;}
ul#leftsideMenu li a.umgebung_de:hover {background: url(../img/leftside_menu_background_umgebung_active_de.jpg) no-repeat left top;}
ul#leftsideMenu li a.aktivitaten_de:hover {background: url(../img/leftside_menu_background_aktivitaten_active_de.jpg) no-repeat left top;}
ul#leftsideMenu li a.relax_de:hover {background: url(../img/leftside_menu_background_relax_active_de.jpg) no-repeat left top;}

div#content div.mainContent {
  border: 0px solid white;
  margin-left: 10px;
  float: left;
  width: 850px;
  min-height: 370px;
  background: white url(../img/background_main_content.gif) repeat-x;
  padding: 10px;
  overflow: visible;
}

div#content div.mainContent img.sectionImage {
  float: left;
}

div#content div.mainContent div.text{
  border: 0px solid red;
  color: black;
  float: left;
  width: 400px;
  padding: 10px;
}

div#content div.mainContentWithoutLeftmenu {
  border: 0px solid white;
  margin: 5px;
  float: left;
  width: 970px;
  min-height: 370px;
  background: white url(../img/background_main_content.gif) repeat-x;
  padding: 10px;
  overflow: visible;
}

div#content div.mainContentWithoutLeftmenu div.text ul{
  margin: 25px;
}

div.smallPictures{
  float: left;
  border: 0px solid red;
}
div.smallPictures img{
  margin: 3px;
  border: 0px solid red;
}