/*
	**	Stylesheet Formatierungen für gasserhof.info
	**
	**	line endings: unix; encoding: utf-8; BOM: off; tabs: yes; tab width: 4
	**
	**	@copyright	(c) 2008 Profi IT KG
	**	@author		SNK & Daniel Senff
	**	@since		21.05.2008
	*/

	@import url('style-reset.css');
	@import url('style-forms.css');
	@import url('style-ext.css');

	body {
		font: 100%/100% Arial, Helvetica, sans-serif;
		color: #756f55;
		background: #fcf2e0 url('../img/bg-body-gradient.png') left top repeat-x;
	}

	/* common elements */
	a {
		text-decoration: none;
		color: #666666;
		text-decoration: underline;
	}

	a:hover {
		text-decoration: underline;
		color: #756f55;
	}

	a.white {
		color: #fff;
	}

	a.white:hover {
		color: #fff;
	}

  a.sidebar-link {
    color: #013067;
  }

	.clear {
		clear: both;
		font-size: 0%;
		height: 0px;
		line-height: 0%;
	}

	img.block {
		display: block;
	}

	/* page structure */
	#outer-wrap {
	  position: absolute;
		top: 20px;
		left: 50%;
		width: 907px;
		margin-left: -450px;
		background: #ffffff;
		font-size: 70%;
		border:none;
    background: transparent url('../img/bg-wrap-right.png') right top repeat-y;
  }
  
  .outer-wrap-image {
    float: right;
    width: 7px;
    height: 589px;
    background: transparent url('../img/bg-wrap-top-right.png') right top repeat-y;
  }
  
  div#wrap {
		width: 900px;
		background: #ffffff;
		float: left;
	}
	
	div.bottom-shadow {
    clear: both;
    width: 907px;
    background: #fcf2e0 url('../img/bg-bottom-shadow.png') left top no-repeat;
  }
  
    div.bottom-shadow .address {
      width: 907px;
      padding-top: 20px;
      padding-bottom: 30px;
      text-align: center;
      color: #666666;
      font-size: 12px;
    }
    
    div.bottom-shadow .address a {
      color: #666666;
      text-decoration: none;
    }

		div#header {
      margin-bottom: 4px;
		}

			img.header-image,
      div#header div {
				margin-top: 23px;
        float: left;
				border-top: 10px solid #ffffff;
        margin-left: 10px;
        border-bottom: 13px solid #87b74a;
			}
			
			div#header div img.header-image {
				margin: 0px;
        border: none;
        padding-left: 0;
			}
			
			
			div#header div {
        float:left;
      }
      
			

    div#header div.header-logo-de,
    div#header div.header-logo-it,
    div#header div.header-logo-en {
      float:left;
      width: 198px;
      height: 273px;
      margin-top: 11px;
      margin-left: 0;
      border-top: none;
      border-bottom: none;
      /*margin-right: 10px;*/
      /* border-bottom: 13px solid #FDE7B3; */ 
    }
    
    div#header div.header-logo-de {
      background: #FDE7B3 url('../img/header-logo-de.jpg') no-repeat center center;
    }
    
    div#header div.header-logo-it {
      background: #FDE7B3 url('../img/header-logo-it.jpg') no-repeat center center;
    }
    
    div#header div.header-logo-en {
      background: #FDE7B3 url('../img/header-logo-en.jpg') no-repeat center center;
    }
    
    div#header div.header-logo-de a,
    div#header div.header-logo-it a,
    div#header div.header-logo-en a {
      text-indent: -9999em;
      width: 191px;
      height: 260px;
      display: block;
    }

			a.maillink {
				float: left;
				width: 169px;
				background: #ee8d38 url('../img/bg-ee8d38.png');
				text-align: center;
				line-height: 23px;
				border-bottom: 4px solid #fff;
				border-right: 4px solid #fff;
			}

			div#box-weather {
				float: left;
				width: 198px;
				height: 61px;
				background: #FFFDFE url('../img/bg-weather-box3.png') left top no-repeat;
			}

			div#box-weather a {
        display: block;
        padding: 41px 0px 0px 84px;
        font-size:9pt;
        text-decoration: none;
			}
			
			div#box-hikingmap {
				float: left;
				width: 198px;
				/* set height back to 72px */
				height: 72px;
				background: #FFFDFE url('../img/bg-hiking-box.png') left top no-repeat;
			}

			div#box-hikingmap a {
        /* set DISPLAY back to BLOCK */
        display: block;
        padding: 20px 0px 0px 90px;
        font-size:9pt;
        line-height: 1.3em;
        text-decoration: none;
			}

		/* children of #content-container */
			div.column {
			  /* padding-top:24px; */
				float: left;
			}

			div#sidebar-left {
				margin-left: 10px;
				width: 151px;
			}

				div#box-address {
					font-size: 9pt;
					font-weight: normal;
          color: #9e9d9d;
          padding-left: 7px;
				}

					div#box-address p {
            line-height: 1.1em;
            margin-bottom: 20px;
					}
					
					div#box-address p.strong {
            font-weight: bold;
            margin: 0;
					}
					
					div#box-address p a {
            line-height: 164%;
            color: #9e9d9d;
            text-decoration: underline;
          }

			div#content {
				width: 467px;
				margin-left:30px;
				margin-right:34px;
				padding-bottom:20px;
				margin-top: 5px;
			}

			div#sidebar-right {
				margin-right: 10px;
				width: 198px;
			}

				div#form-express {
					color: #666666;
					background: #ecbf6b url('../img/bg-sb-right-calendar.png') left top no-repeat;
					padding: 15px 15px 15px 28px;
				}
  				div#form-express #arrival {
  				  width: 80px;
  				  height: 15px;
  				}
  				div#form-express #departure {
  				  width: 80px;
  				  height: 15px;
  				}
  				div#form-express #arrivalCalendar {
  				  background: transparent url('../img/calendar_icon.png') left top no-repeat;
  				  width: 16px;
  				  height: 16px;
  				  padding: 0;
  				  margin: 0;
  				}
  				div#form-express #departureCalendar {
  				  background: transparent url('../img/calendar_icon.png') left top no-repeat;
  				  width: 16px;
  				  height: 16px;
  				  padding: 0;
  				  margin: 0;
  				}
					div#form-express legend {
						font-size: 10pt;
						font-weight: bold;
            color: #666666;
            padding: 0 0 5px 0;
					}

					div#form-express label {
            display: block;
						margin: 5% 0;
						font-size: 12px;
					}

					div#form-express form fieldset ol li {
						margin-bottom: 5%;
						position: relative;
					}

					#form-express form fieldset ol li div.calendarbutton {
						top: 20px !important;
						left: 80px !important;
					}

					div#form-express input.submit {
						text-align: left;
						border: 0;
						padding: 0;
						color: #666666;
						background: url('../img/btn-submit.png') right center no-repeat;
						width: 100%;
						font-size: 10pt;
					}

					div#form-express input.submit:hover {
						cursor: pointer;
					}

					div#form-express select.select-day {
						width: 30%;
					}

					div#form-express select.select-month {
						width: 67%;
					}

					div#form-express select {
						width: 100%;
					}

				ul#logo-list li {
					text-align: center;
					margin-top: 15px;
				}

    div#footer-content {
      width:100%;
      background: transparent url('../img/bg-footer.jpg') left top no-repeat;
      border:none;
      height: 99px;
    }

      #footer-content h1 {
        text-align: center;
        color: #756f55;
      }
      
      div#footer-content p {
        text-align:center;
        font-size:120%;
        color:white;
        font-weight:normal;
      }
      
      div#footer-content a {
        color:white;
        font-weight:bold;
      }
      

	/* menus */
	ul.menu.language {
		background: #ffffff;
		border-left: 691px solid #dbdd6f;
		text-align:right;
		padding-right:10px;
	}

	ul.menu.language a {
		text-decoration: none;
		color: #756f55;
		line-height: 22px;
    font-weight: bold;
	}

	ul.menu.language a:hover,
	ul.menu.language li.active a {
		font-weight: bold;
		text-decoration: underline;
	}

	ul.menu.language li {
		display: inline;
		border-right: 1px solid #756f55;
		padding: 0 5px;
	}

	ul.menu.language li.last-item {
		border-right: 0;
	}
	
	ul.menu.main {
    margin-top: 16px;
    margin-bottom: 45px;
  }
  
  ul.menu.main a {
		display: block;
		text-decoration: none;
		color: #666666;
		background: #f1f1c8;
		padding: 6px 10px 6px 15px;
		line-height: 100%;
		border-bottom:1px solid #babf95;
		
	}

	ul.menu.main a:hover,
  ul.menu.main a.active 	{
		color: #63482D;
		background: transparent url('../img/bg-sb-left.png') left top repeat-y;
	}
	

	ul.menu.main li {
		/*border-bottom: 1px solid #fff;*/
		font-size: 12px;
		font-weight: normal;
	}
	
	  ul.menu.main li.first a {
      height: 19px;
      background: transparent url('../img/bg-sb-left-top.png') left top no-repeat;
      padding: 9px 15px 0 15px;
      font-weight: bold;
    }

	ul.menu.extra li a {
		line-height: 190%;
	}

	/* content elements */
	div.text-content {
		margin-top: 14px;
    margin-bottom: 5%;
	}

	#content h1,
  #content h2,
  #content h3,
  #content h4,
  #content h5,
  #content h6 {
		margin: 2% 0;
		color: #618c2b;
		font-size: 125%;
		font-weight: bold;
	  display: block;
	}

	#content h1 {
		font-size: 22px;
    font-family: "Licida Sans", "Licida Sans Unicode", Arial, "Sans Serif" !important;
	}

	#content h2 {
		font-size: 12px;
		color: #666666;
	}

	#content h3 {
		font-size: 12px;
		color: #83b148;
	}

	#content h4 {
		font-size: 12px;
		color: #e99d10;
	}

  #content .colored-headlines h2,
  #content .colored-headlines h3,
  #content .colored-headlines h4 {
    font-size: 12px;
    display: inline;
    font-weight: bold;
  }

  #content .colored-headlines h2 {
    color: #666666;
  }

  #content .colored-headlines h3 {
    color: #83b148;
  }

  #content .colored-headlines h4 {
    color: #e99d10;
  }

	#content p.bodytext {
		line-height: 150%;
		margin: 2% 0;
    color: #666666;
    font-size: 12px;
	}

	strong {
		font-weight: bold;
	}

	/* content lists */
	div.text-content ol,
  #content ol {
		list-style-type: decimal;
	}

	div.text-content ul,
  #content ul {
		list-style-type: disc;
		color: #666666;
		font-size: 12px;
	}

	div.text-content ol li,
	#content ol li,
	div.text-content ul li,
  #content ul li {
		margin-left: 10%;
		line-height: 150%;
	}

	/* table elements */
	table.styled {
		border: 1px solid #807858;
		margin: 1em 0;
		color:#807858 !important;
	}

  table.styled th {
    background-color: #E4D2B0;
		border: 1px solid #63482D;
		font-weight:bold;
		color: #807858;
		padding: 5px 0px;
		text-align:center;
  }
  
  table.styled th p {
		text-align:center;
  }

	table.styled td {
	  color:#807858;
		border: 1px solid #63482D;
	  background-color:#FEDBAF;
		padding: 5px 2%;
	}
	
	table.styled td.farbe1 {
    background-color: #E4D2B0;
  }
	
	table.styled td.farbe2 {
    background-color: #FEDBAF;
  }

  /* bottom margin and padding + border for some CEs */
  .csc-frame-rulerAfter {
    margin-top: 2.5em;
    margin-bottom: 2.5em;
    border-bottom: 1px solid #fde1ab;
  }
  #external-links {
    margin-top: 150px;
  }
    #external-links ul {
      
    }
      #external-links ul li {
        
      }
        #external-links ul li a{
          
        }
  #google-maps-form {
  
  }
    #google-maps-form ol {
      margin-bottom: 10px !important;
    }
      #google-maps-form ol li {
        padding-left: 0 !important;      
      }
      #google-maps-form ol li label {
        font-size: 12px;
        color: #666666;
      }
      #google-maps-form ol li input {
      
      }
      #google-maps-form ol li p {
        font-size: 12px;
        color: #666666;
      }
    #google-maps-form ul {
      margin-bottom: 10px;
    }
      #google-maps-form ul li {
      
      }
        #google-maps-form ul li input {
        
        }
  #directions {
    color: #666666;
  }