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

* {
	border:0;
	margin:0;
	padding:0;
	outline:none;
	list-style-type:none;
	text-decoration: none;
}
html, body {
	font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
	height:100%;
	width: 100%;
	color:#5f5b53;
	background-color:#f1e5ba;
	background:url(../images/bg-kachel.jpg) repeat-x;
}
 html[xmlns^="http"] {
 overflow-y: scroll;
}
a:link, a:visited {
	color:#006668;
	text-decoration:underline;
}
a:hover, a:active {
	color:#006668;
}
/*#euroweb {
	width: 470px !important;
}
#euroweb a {
	float:left;
}*/

#addresse{
padding:30px 0 0px 32px;
}

.h3{
margin-top:25px;
margin-left:-11px;}
/*----------------------------------- h2, h3 --------------------------------------------*/
/*----------------------------------- h2, h3, h4 --------------------------------------------*/
h2 {
	width:523px;
	height:95px;
	text-indent:-999px;
}
h2.headline-startseite {
	background: url(../images/h2-home.gif) no-repeat;
}

h2.headline-veranstaltunge {
	background: url(../images/h2-veranstaltungen.gif) no-repeat;
}
h2.headline-tee-informationen {
	background: url(../images/h2-tee-informationen.gif) no-repeat;
}
h2.headline-tee-sylt-links {
	background: url(../images/h2-tee-sylt-links.gif) no-repeat;
}
h2.headline-tee-sonstige-literatur {
	background: url(../images/h2-tee-sonstige-literatur.gif) no-repeat;
}

h2.headline-newsletter {
	background: url(../images/h2-newsletter.gif) no-repeat;
}
h2.headline-gaestebuch {
	background: url(../images/h2-gaestebuch.gif) no-repeat;
}
h2.headline-kontakt {
	background: url(../images/h2-kontakt.gif) no-repeat;
}
h2.headline-anfahrt {
	background: url(../images/h2-anfahrt.gif) no-repeat;
}
h2.headline-impressum {
	background: url(../images/h2-impressum.gif) no-repeat;
}
h2.headline-danke {
	background: url(../images/h2-danke.gif) no-repeat;
}
h2.headline-fehler404 {
	background: url(../images/h2-error.gif) no-repeat;
}
h3 {
	font:14px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}
h4 {
	font:12px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	font-weight:bold;
	padding-top:15px;
}
h5 {
	color: #7e0000;
	font:14px/18px Verdana, Arial, Helvetica, sans-serif;
}
/*----------------------------------- p, classen --------------------------------------------*/

p {
	padding-top:12px;
}
.clear {
	clear:both;
}
li {
	float:left;
}
.center {
	text-align: center;
	margin-left:-270px;
	padding-top:40px;
}
#oeffnungszeiten {
	margin:205px 0 0 30px;
	float:left;
}
.address {
	width:245px;
	margin-top:8px;
	margin-bottom:30px;
	float:left;
}
#liste {
	margin:10px 0 0 0;
}
#liste li {
	padding: 5px 0 5px 25px;
	line-height: 18px;
	width:300px;
	background-color:#ab9069;
	text-transform:uppercase;
	color:#FFFFFF;
	height:15px;
	margin:5px 0 0 0;
}
#liste li:hover {
	color:#311603;
}
.text {
	width:303px;
	float:left;
}
.text2 {
	width:190px;
	float:left;
}
#contentMain1 .text p {
	padding: 10px 10px 0 0px;
}
#contentMain1 .text2 p {
	padding: 10px 10px 0 0px;
}
.tafel {
	float:left;
	margin:7px 0 0 0;
}
#cms-text {
	width:200px;
	position:absolute;
	top:90px;
	left:340px;
	font:11px/16px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
.cms-thumb {
	padding:3px;
	background:none;
	border:1px solid #ab9069;
	margin:0 0 10px 10px;
}
.img {
	padding:3px;
	background:none;
	border:1px solid #ab9069;
	margin: 0 10px 0 0;
}
.content-cms {
	margin:20px 0 0px 0px;
}

.bildre {
	float:right;
	margin-left:10px;
	margin-top:10px;
}
.bildli {
	float:left;
	margin-right:10px;
	margin-top:15px;
}
/*****************************************************************************************/
/*									 Container       									 */
/*****************************************************************************************/

#container {
	width:990px;
	min-height:100%;
	height:auto !important;
	height:100%;
	margin:0 auto 60px;
}
/*****************************************************************************************/
/*									 Header       										 */
/*****************************************************************************************/

/*#header {
	background:url(../images/bg-header.jpg) no-repeat;
	width: 990px;
	height:379px;
	position:relative;
}*/

#header {
			width: 980px;
			height:379px;
			position:relative;
}

.header-index {
			background: url(../images/bg-header-index.jpg) 0 0 no-repeat;
			width: 980px;
			height:379px;
			position:relative;
}

.header-anfahrt {
			background: url(../images/bg-header-literatur.jpg) 0 0 no-repeat;
			width: 980px;
			height:379px;
			position:relative;
}

.header-impressum {
			background: url(../images/bg-header-veranstaltungen.jpg) 0 0 no-repeat;
			width: 980px;
			height:379px;
			position:relative;
}

.header-fehler {
			background: url(../images/bg-header-literatur.jpg) 0 0 no-repeat;
			width: 980px;
			height:379px;
			position:relative;
}

.header-danke {
			background: url(../images/bg-header-literatur.jpg) 0 0 no-repeat;
			width: 980px;
			height:379px;
			position:relative;
}

.header-newsletter {
			background: url(../images/bg-header-veranstaltungen.jpg) 0 0 no-repeat;
			width: 980px;
			height:379px;
			position:relative;
}

.header-kontakt {
			background: url(../images/bg-header-informationen.jpg) 0 0 no-repeat;
			width: 980px;
			height:379px;
			position:relative;
}

.header-links {
			background: url(../images/bg-header-index.jpg) 0 0 no-repeat;
			width: 980px;
			height:379px;
			position:relative;
}

.header-literatur {
			background: url(../images/bg-header-veranstaltungen.jpg) 0 0 no-repeat;
			width: 980px;
			height:379px;
			position:relative;
}

.header-teeinformationen {
			background: url(../images/bg-header-literatur.jpg) 0 0 no-repeat;
			width: 980px;
			height:379px;
			position:relative;
}

.header-veranstaltungen {
			background: url(../images/bg-header-informationen.jpg) 0 0 no-repeat;
			width: 980px;
			height:379px;
			position:relative;
}
/*-----------------------------------branding--------------------------------------------*/

h1#branding a {
	background:url(../images/bg-branding.jpg) no-repeat;
	width: 170px;
	height: 123px;
	position: absolute;
	top:9px;
	left: 782px;
	text-indent: -9999px;
}
/*----------------------------------- Navigation ---------------------------------------------*/

ul#navigation {
	background: url(../images/bg-navigation.jpg) 0 0 no-repeat;
	position:absolute;
	top:96px;
	height:34px;
	left:37px;
}
ul#navigation li {
	position:relative;
	list-style-type:none;
	float:left;
}
ul#navigation li a:link, ul#navigation li a:visited {
	display:block;
	text-decoration:none;
}
ul#navigation a {
	text-indent:-5000px;
}
ul#navigation li a.ueber-uns {
	height:34px;
	width:117px;
	background:url(../images/bg-navigation.jpg) 0px 0px;
}
ul#navigation li a.ueber-uns:hover {
	background-position: 0px -34px;
}
ul#navigation li.active a.ueber-uns {
	background-position: 0px -34px;
}
ul#navigation li a.teeshop {
	height:34px;
	width:71px;
	background:url(../images/bg-navigation.jpg) -117px 0px;
}
ul#navigation li a.teeshop:hover {
	background-position:  -117px -34px;
}
ul#navigation li.active a.teeshop {
	background-position:  -117px -34px;
}
ul#navigation li a.veranstaltungen {
	height:34px;
	width:133px;
	background:url(../images/bg-navigation.jpg) -188px 0px;
}
ul#navigation li a.veranstaltungen:hover {
	background-position: -188px -34px;
}
ul#navigation li.active a.veranstaltungen {
	background-position: -188px -34px;
}
ul#navigation li a.tee-informationen {
	height:34px;
	width:140px;
	background:url(../images/bg-navigation.jpg) -321px 0px;
}
ul#navigation li a.tee-informationen:hover {
	background-position: -321px -34px;
}
ul#navigation li.active a.tee-informationen {
	background-position: -321px -34px;
}
ul#navigation li a.tee-sylt-links {
	height:34px;
	width:112px;
	background:url(../images/bg-navigation.jpg) -461px 0px;
}
ul#navigation li a.tee-sylt-links:hover {
	background-position: -461px -34px;
}
ul#navigation li.active a.tee-sylt-links {
	background-position: -461px -34px;
}
ul#navigation li a.tee-sonstige-literatur {
	height:34px;
	width:172px;
	background:url(../images/bg-navigation.jpg) -573px 0px;
}
ul#navigation li a.tee-sonstige-literatur:hover {
	background-position: -573px -34px;
}
ul#navigation li.active a.tee-sonstige-literatur {
	background-position: -573px -34px;
}
/*---------------------------------------- navigationAdditional ---------------------------------------------*/

#navigationAdditional {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#6c6c6c;
	padding:87px 0 0 475px;
}
#navigationAdditional li {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	float:left;
	padding-right:5px;
}
#navigationAdditional a:link {
	color:#6c6c6c;
	cursor:pointer;
	text-decoration:none;
}
#navigationAdditional a:visited {
	color:#6c6c6c;
	text-decoration:none;
}
#navigationAdditional li a:hover, #navigationAdditional li.active a {
	color:#006668;
	text-decoration:none;
}
/*----------------------------------- navigationAdditional-teeshop-----------------------------------------*/

#navigationAdditional-teeshop {
	position:absolute;
	top:210px;
	left:0px;
	width:174px;
	height:133px;
}

#navigationAdditional-teeshop a {
	display:block;
	overflow:hidden;
}

#navigationAdditional-teeshop li {
	list-style-type:none;
	text-indent:-9999px;
}

#navigationAdditional-teeshop li a{
	cursor:pointer;
	width:174px;
	height:133px;
	background: url(../images/teeshop.png) no-repeat;
}

#navigationAdditional-teeshop li a:hover {
	cursor:pointer;
	width:174px;
	height:133px;
  	background: url(../images/teeshop-over.png) no-repeat;
}

/*----------------------------------- navigationAdditional-impressum-----------------------------------------*/

#navigationAdditional-impressum li {
	list-style-type:none;
	text-indent:-9999px;
}
#navigationAdditional-impressum a {
	display:block;
	overflow:hidden;
}
#navigationAdditional-impressum ul li a {
	outline:none;
}
#navigationAdditional-impressum {
	position:absolute;
	top:255px;
	left:952px;
	width:24px;
	height:80px;
	background: url(../images/impressum-over.gif) no-repeat;
}
#navigationAdditional-impressum a {
	width:24px;
	height:80px;
	background: url(../images/impressum.gif) no-repeat;
}
#navigationAdditional-impressum a:hover, #navigationAdditional-impressum a:active {
	background: none;
}
/* ------------------------------------------------------------- */
/* => fontSizeSwitcher
/* ------------------------------------------------------------- */

#fontSizeSwitcher {
	background:url(../images/sg.jpg) no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	height:35px;
	width:123px;
	position:absolute;
	top:50px;
	left:63px;
}
#fontSizeSwitcher ul {
	height:20px;
	width:60px;
		font-family:Verdana, Arial, Helvetica, sans-serif;

	margin: 0 0 0 73px;
	display:block;
	list-style:none;
}
#fontSizeSwitcher ul li {
	float:left;
}
#fontSizeSwitcher ul li a {
	font-size:0.001em;
	line-height:0.001em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	display:block;
	overflow:hidden;
	height:20px;
	width:13px;
	margin:7px 3px 0 0;
}
/*****************************************************************************************/
/*									 Content                							 */
/*****************************************************************************************/

/*-----------------------------------contentContainer---------------------------------------------*/
#contentContainer {
	width: 990px;
}
#contentMain1 {
	background:url(../images/contentMain1.jpg) no-repeat;
	width:483px;
	float:left;
	min-height:481px;
	position:relative;
	padding: 0 40px 0 65px;
	
}
#contentMain2 {
	background:url(../images/contentMain2.jpg) no-repeat;
	width:315px;
	position:relative;
	float:left;
	min-height:481px;
	padding:32px 55px 65px 32px;
}

* html #contentMain1 {
	height:481px;
	padding: 0 0px 0 65px;

}

* html #contentMain2 {
	height:481px;
}

/*#dampf {
	width:110px;
	height:200px;
	position:absolute;
	z-index:100;
	left:750px;
	top:-200px;
	border:1px solid red;
}*/

/*
#contentMain2 dl {
	width: 350px;
	color:#523f2c;
	font:12px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
#contentMain2 dt {
	font:11px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	float:left;
	width:300px;
}
#contentMain2 dd {
	font:14px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	float:left;
	width:150px;
}*/
/*****************************************************************************************/
/*									 Footer       										 */
/*****************************************************************************************/

#footer {
	background:url(../images/bg-footer.jpg) no-repeat;
	height:144px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	width:990px;
}
#footer_right {
	position:absolute;
	left:776px;
	bottom:0px;
	background:url(../images/bg-footer-right.jpg) no-repeat;
	width:214px;
	height:238px;
	clear:both;
}