@charset "utf-8";
/* CSS Document */

@media screen
{
  /* -- HTML STRUCTURE -- */
  html * {margin:0; padding:0; font-size:100.1%;}
  body { color:#3F3223; font-size:0.7em; line-height:1.25em; font-family: Verdana, Geneva, Arial, Sans-serif; text-align:center; margin:0; padding: 30px 10px; background-image:url(../images/bg_wood.jpg);}
  
  a {margin-top:4px;}
  a:link, a:visited {color: #F1EEDA; background-color:#3F3223; text-decoration:none; padding:2px;}
  a:hover {color: #F1EEDA; background-color:#D27407; text-decoration:none;}
  
  h1 {}
  h2 { color:#F1EEDA; background-color:#CE9C00; padding:4px;}
  h2 { font-size:1.56em; font-weight:bold; margin:8px 0 8px 0;}
  h3 { font-size:1em; font-weight:bold; margin:0 0 5px 0;}
  h4 { font-size:1em; font-weight:bold; }
  
  hr {color: #fff; background:transparent; margin: 0 0 0.5em 0; padding: 0 0 0.5em 0; border:0; border-bottom: 1px #003D4A solid;}
  p {margin: 0 0 1em 0; text-align:justify;} 
  
  form {margin:0; padding:0;}
  fieldset {margin-bottom:2em; padding:1em;}
  legend {color:#F1EEDA; background-color:#D27407; font-weight:bold; padding:2px;}
  select, option, input, textarea {color: #333333; font-size:100%; font-family: Verdana, Geneva, Arial, Sans-serif; font-weight:bold; margin:2px; padding:4px;}

  img {border:0;}
  

  /* -- page structure -- */
  #container {padding:40px 45px 40px 50px; background:#F1EEDA; width: 820px; text-align:left; margin:auto;
  				border-radius:22px; -moz-border-radius:22px; -webkit-border-radius:22px; }
  
  #header {}
  h1 {float:left;}
  #logo {padding:0;}
  h1 a {padding:0; margin:0;}
  h1 a {display: block; text-indent: -9999px; height:52px;}
  h1 a {width:298px; background:url(../images/Logo-huette-mieten.at.png) no-repeat;}
  .logo-en {padding:0; margin:0; width:310px; background:url(../images/Logo-huette-mieten.en.png) no-repeat;}
  
  /*Suche*/
  fieldset.search {border:none; margin: 0 auto; padding:0 0 1em 0;}
  .search input, .search button {border: none; float:right;}
  .search input.box {width: 180px; height: 14px; border: 1px dashed #3F3223; font-weight:bold; margin:0 4px 0 0; padding:4px;}
  .search button.btn {width: 67px; height: 24px; cursor:pointer; color:#F1EEDA; background-color:#D27407; font-weight:bold; margin:0; padding:5px;}
  .search button.btn:hover {background-color:#CE9C00;}

  /*Navigation*/
  #navigation {list-style:none; float:right;}
  #navigation li {list-style:none; float:right;}
  #navigation li a {margin:0 1px; padding:4px; line-height:1.6em;}
  #navigation form {float:right;}




  
  #languages {width:60px; padding-left:770px; margin:auto;}
  #languages .rahmen {padding:6px 2px 2px 2px; background:url("../images/bg-lang.png");}
  #languages a {margin:0;}
  #languages a:link, #languages a:visited {color: #F1EEDA; background-color:transparent; text-decoration:none; padding:0; text-decoration:none;}
  #languages a:hover {color: #F1EEDA; background-color:transparent; text-decoration:none;}

  /*
  #languages ul {margin:0; padding:0;}
  #languages ul li {margin:0; padding:0; list-style:none;}
  #languages ul li a {display:block; text-indent:-99999px; height:16px; width:22px; float:left;}
  #languages .deutsch {background:url("../images/de.png") no-repeat;}
  #languages .english {background:url("../images/en.png") no-repeat;}
  */
  
  #content {}
  
  #katalog {}
  #katalogimage {float:left; width:275px;}
  #katalogimage img {display:block; margin-bottom:6px;}
  #katalogimage a {padding:0;}
  #katalogimage a .textlink {}
  #katalogorder {float:right; width:545px;}
  #katalogorder .data {float:left; width:200px;}
  #katalogorder .additional {float:right; width:300px;}
  
  #partner {}
  #partner ul, #nav ul, #nav-en ul {list-style:none;}
  #partner li, #nav li, #nav-en li {list-style:none; line-height:1.6em;}
  #partner1, #partner2, #partner3 {width:260px;}
  #partner1 {float:left;}
  #partner2 {margin:0 0 0 280px;}
  #partner3 {float:right;}
  
  #deeplinks {}
  #deeplinks li {list-style:none; line-height:1.6em;}
  
  #sitemap {}
  #sitemap ul {margin:0.25em 2em;}
  #sitemap li {line-height:1.6em;}


  /* -- LAYOUT -- */
  .left50 {float:left; width:370px;}
  .right50 {float:right; width:405px;}
  
  /* -- H2 HEADER --  */
  #suchcontainer h2,#huettencontainer h2,#region h2,#kontakt h2,#katalog h2,#partner h2,#wetter h2,#nav h2,#agb h2,
  #sitemap h2 {height:28px; padding:0; text-indent:-9999px;}
  #suchcontainer h2 {background:url(../images/header/huette-suchen.png) no-repeat #CE9C00;}
  #huettencontainer h2 {background:url(../images/header/huette-mieten.png) no-repeat #CE9C00;}
  #region h2 {background:url(../images/header/huette-region.png) no-repeat #CE9C00;}
  #kontakt h2 {background:url(../images/header/kontakt.png) no-repeat #CE9C00;}
  #katalog h2 {background:url(../images/header/katalogbestellung.png) no-repeat #CE9C00;}
  #partner h2 {background:url(../images/header/partner.png) no-repeat #CE9C00;}
  #wetter h2 {background:url(../images/header/wetter.png) no-repeat #CE9C00;}
  #nav h2 {background:url(../images/header/regionen.png) no-repeat #CE9C00;}
  #agb h2 {background:url(../images/header/agb.png) no-repeat #CE9C00;}
  #sitemap h2 {background:url(../images/header/sitemap.png) no-repeat #CE9C00;}
  /* EN */
  #suchcontainer-en h2,#huettencontainer-en h2,#region-en h2,#kontakt-en h2,#wetter-en h2,#nav-en h2,#agb-en h2
  {height:28px; padding:0; text-indent:-9999px;}
  #suchcontainer-en h2 {background:url(../images/header/hut-search.png) no-repeat #CE9C00;}
  #huettencontainer-en h2 {background:url(../images/header/hut-rent.png) no-repeat #CE9C00;}
  #region-en h2 {background:url(../images/header/hut-regions.png) no-repeat #CE9C00;}
  #kontakt-en h2 {background:url(../images/header/contact.png) no-repeat #CE9C00;}
  #wetter-en h2 {background:url(../images/header/weather.png) no-repeat #CE9C00;}
  #nav-en h2 {background:url(../images/header/regions.png) no-repeat #CE9C00;}
  #agb-en h2 {background:url(../images/header/terms.png) no-repeat #CE9C00;}
  .regionen {float:left; width:155px;}
  
  /* -- KLASSEN -- */
  .floatleft {float:left;}
  .floatright {float:right;}
  .clear {clear:both;}
  .block {display:block;}
  a.active {background-color:#D27407;}
  
  .labelsuche {display:block; float:left; width:140px;}
  .inputright {float:right; font-weight:bold; margin-right:2em;}
  
  #region a {display:block; padding:0;}
  #wetter a {display:block; padding:0;}
  
  .wrap {
	border: 0;
	clear: both;
	float: none;
	font-size: 1px;
	height: 0;
	line-height: 1px;
	margin: 0;
	padding: 0;
	visibility: hidden;

  }
  .skip, .unseen {
	left:-1000em;
	position:absolute;
	top:-1000em;
  }
}