@charset "utf-8";
/**
 * Strandcafe Dürnstein
 *
 * @link		http://www.strandcafe.at
 * @package	Strandcafe Dürnstein
 * @version 2.0
 */
 
/**
 * Globale Einstellungen und Bugfixes
 * @section Browser-Reset
 */
 
/* Zurücksetzen der Innen- und Außenabstände  */
* {
   margin: 0;
   padding: 0;
 }
 
/**
 * Schriftgröße skalieren
 */
 body, td, th { font: normal 75%/167% "Arial", Helvetica, sans-serif; }
 td, th {f\ont-size: 100%; }
 
 
 /* Farben und Hintergründe setzen */

  body {
    background-color: #5DBCD8; overflow: auto;
  }

	p {
		color: #328097;
		width: 500px;
		margin-top: 5px;
		margin-bottom: 30px;
		margin-left: 20px;
		}

/* Rahmen verlinkter Fotos entfernen */

	a img {
	border: none;
}

 /**
  * @section container
  */
  
div#wrap {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -150px; /* the bottom margin is the negative value of the footer's height */
}

div#footer, .push {
	height: 150px; /* .push must be the same height as .footer */
}
  
div#footer { 
	clear:both; 
	width: 100%; 
	position: absolute;
	background: #5DBCD8 url(../images/bgunten2.gif) top left repeat-x;
}

#footer img { margin-top: 70px; margin-right: 10px; margin-left: 10px; }

div#header { 
	height: 150px; 
	width: 100%; 
	background: #5DBCD8 url(../images/bgoben2.gif) bottom left repeat-x;
}

div#header img { 
	margin-top: 17px;
	margin-left: 20px;
}

/**
 * Regeln für spezielle Elmente 
 * @section accordion
 */
 div#accordion { 
	width: 1000px; 
	margin-left: 80px;
	margin-top: 20px; 
}
div#content { 	background-color: #fff; width: 100%;  padding-top: 20px; margin-bottom: -90px;}

.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px;}
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 1.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 0; overflow: hidden; display: none; }
.ui-accordion .ui-accordion-content-active { display: block; margin-top: 30px;}



/**
 * @section Hovering
 */
 
 /* ------------------- Salon --------------------------------------*/
 
 h3#salon {
	text-indent: -9999px;
  width: 223px;
  height: 68px;
  position: relative;
  margin-left: -1em;
  background: url(../images/salon.jpg) no-repeat;
}

h3#salon a {
	position: absolute; 
  top: 0;
  left: 0;
  width: 223px;
  height: 68px;
  display: block;
  border: 0;
  background: transparent;
  overflow: hidden;
 }
 
 
 
 span#fake-hover-salon {
  margin: 0;
  padding: 0;
  width: 223px;
  height: 68px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/salon.jpg) no-repeat 0 -68px;
}

 /* ------------------- Unser  Eis --------------------------------------*/
 
 
 h3#unsereis {
	text-indent: -9999px;
  width: 354px;
  height: 67px;
  position: relative;
  margin-left: -1em;
  background: url(../images/unsereis.png) no-repeat;
  margin-top: 25px;
}

h3#unsereis a {
	position: absolute; 
  top: 0;
  left: 0;
  width: 354px;
  height: 67px;
  display: block;
  border: 0;
  background: transparent;
  overflow: hidden;
 }
 
 
 
 span#fake-hover-unsereis {
  margin: 0;
  padding: 0;
  width: 354px;
  height: 67px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/unsereis.png) no-repeat 0 -67px;
}

 /* ------------------- Eis-Shopping --------------------------------------*/
 
 
 h3#eisshopping {
	text-indent: -9999px;
  width: 501px;
  height: 89px;
  position: relative;
  margin-left: -1em;
  background: url(../images/eisshopping.png) no-repeat;
    margin-top: 25px;
}

h3#eisshopping a {
	position: absolute; 
  top: 0;
  left: 0;
  width: 501px;
  height: 89px;
  display: block;
  border: 0;
  background: transparent;
  overflow: hidden;
 }
 
 
 
 span#fake-hover-eisshopping {
  margin: 0;
  padding: 0;
  width: 501px;
  height: 89px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/eisshopping.png) no-repeat 0 -89px;
}

 /* ------------------- Unser  Eis --------------------------------------*/
 
 
 h3#kontakt {
	text-indent: -9999px;
  width: 321px;
  height: 71px;
  position: relative;
  margin-left: -1em;
  background: url(../images/kontakt.png) no-repeat;
  margin-top: 5px;
}

h3#kontakt a {
	position: absolute; 
  top: 0;
  left: 0;
  width: 321px;
  height: 71px;
  display: block;
  border: 0;
  background: transparent;
  overflow: hidden;
 }
 
 
 
 span#fake-hover-kontakt {
  margin: 0;
  padding: 0;
  width: 321px;
  height: 71px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/kontakt.png) no-repeat 0 -72px;
}



/* ---------------------- INHALTE ------------------------------------ */


/**
 * @section shopping
 */

h4#online {
	background: transparent url(../images/online.png) top center no-repeat;
	text-indent: -9999px;
	height: 25px;
	width: 197px;
}


div#shlinks { float: left; width: 350px; }


div#shmitte {  width: 180px; float: left; }

div#shrechts { float: right; width: 180px; padding-top: 9px;}

div#shoppingrechts { float: right; width: 400px; margin-right: 170px; }

div#shmitte img { margin-left: 0;}





/**
 * @section Salon
 */
 
 div#salonlinks {float: left;}
 div#salonrechts {float: right; padding-top: 20px;}
 
 
h4#stolz {
	background: transparent url(../images/stolz.png) top center no-repeat;
	text-indent: -9999px;
	height: 26px;
	width: 115px;
}

h4#roots {
	background: transparent url(../images/roots.png) top center no-repeat;
	text-indent: -9999px;
	height: 22px;
	width: 167px;
}

#salonrechts img { margin: 10px;}

/**
 * @section Kontakt
 */
 
.pfeil {
	height: 15px;
	width: 90px;
	display: inline;
	margin-left: -30px;
	margin-right: -15px;
	padding-top: 3px;
}

#kontaktrechts { float: right; width: 400px;}

#kontaktlinks { float:left; width: 400px; height: 300px; }

h4#cafe {
	background: transparent url(../images/cafe.png) top center no-repeat;
	text-indent: -9999px;
	height: 25px;
	width: 188px;
}

h4#oeffnungszeiten {
	background: transparent url(../images/oeffnungszeiten.png) top center no-repeat;
	text-indent: -9999px;
	height: 25px;
	width: 127px;
} 



a.various2 {
color: #328097;
font-size: 1.2em;
margin-top: 25px;
margin-left: 25px;
}

p.text1 { width: 300px; color: #328097; }

/**
 * @section unser eis
 */
 
 h4#original {
 	background: transparent url(../images/original.png) top center no-repeat;
	text-indent: -9999px;
	height: 25px;
	width: 206px;
 }
 
  h4#beimir {
 	background: transparent url(../images/beimir.png) top center no-repeat;
	text-indent: -9999px;
	height: 25px;
	width: 326px;
 }
 
 div#links {float: left; width: 500px;}
 
 div#rechts {float: right; width: 300px;}
 
 
 #contact-wrapper {
	width:430px;
	border:1px solid #e2e2e2;
	background:#5DBCD8;
	padding:20px;

}
#contact-wrapper div {
	clear:both;
	margin:1em 0;
}
#contact-wrapper label {
	display:block;
	float:none;
	font-size:16px;
	width:auto;
}
form#contactform input {
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
	padding:5px;
	font-size:16px;
	color:#328097;
}
form#contactform textarea {
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	font-size:100%;
	padding:0.6em 0.5em 0.7em;
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
}