/* ============================
   1. Kalibrierung
      Allgemeine HTML-Elemente
============================ */
* {
	margin: 0;
	padding: 0;
}

html, body { 
	height: 100%; 
}

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 100%;
	background: #fff url(/extensions/templates/bg-site.gif) repeat-y;
	}

a{
  text-decoration: underline;
  color: black;
}

a:link {
color: #000;
text-decoration: underline;
font-weight: bold;
}

a:visited {
color: #666;
text-decoration: underline;
font-weight: bold;
}

a:hover {
color: #000;
text-decoration: none;
}

a:focus, a:active {
text-decoration: none;
color: #000 !important;
}


/* notwendig fuer IE... */

a:hover { }



p, #inhalt ul, #inhalt form {
	margin: 0 0 0.7em 0;
	line-height: 155%;
}
	
#allumfassend {
	width: 936px;
        color: black;
        background:url(/extensions/templates/bg-hd.jpg) repeat-x;  
        text-align: left;
        height: 100%; 
}



#top1 {height: 185px; background: url(/extensions/templates/tommy/top01.jpg) no-repeat right top;}
#top2 {height: 185px; background: url(/extensions/templates/tommy/top02.jpg) no-repeat right top;}
#top3 {height: 185px; background: url(/extensions/templates/tommy/top03.jpg) no-repeat right top;}
#top4 {height: 185px; background: url(/extensions/templates/tommy/top04.jpg) no-repeat right top;}
#top5 {height: 185px; background: url(/extensions/templates/tommy/top05.jpg) no-repeat right top;}
#top6 {height: 185px; background: url(/extensions/templates/tommy/top06.jpg) no-repeat right top;}
#top7 {height: 185px; background: url(/extensions/templates/tommy/top07.jpg) no-repeat right top;}
#top8 {height: 185px; background: url(/extensions/templates/tommy/top08.jpg) no-repeat right top;}
#top9 {height: 185px; background: url(/extensions/templates/tommy/top09.jpg) no-repeat right top;}
#top10 {height: 185px; background: url(/extensions/templates/tommy/top10.jpg) no-repeat right top;}
#top11 {height: 185px; background: url(/extensions/templates/tommy/top11.jpg) no-repeat right top;}
#top12 {height: 185px; background: url(/extensions/templates/tommy/top12.jpg) no-repeat right top;}

h1 {
	display: none
}

/* ============================
   X. Meta Navigation
============================ */

#metamenu {float: right; text-align: right; background-color: #096414;}
#metamenu ul {margin: 3px 5px 0 0; list-style: none;}
#metamenu li {float: left;font-size: 0.7em; font-weight: bold; color: #FBC701;}
#metamenu li.first {padding: 0em 0.7em 0em 0em;}
#metamenu li.default {padding: 0em 0.7em 0em 0.7em; background-image: url(/extensions/template/metamenu_seperator.gif); background-repeat: repeat-y;}
#metamenu li a {display: block; color: #fff; background-color: inherit; text-decoration: none;}
#metamenu li a:hover {color: #FBC701;}
#metamenu li a:focus, #metamenu li a:active {color: #FBC701 !important;}

#main {
	float: right;
display: block;
        width:666px;
	background: url(/extensions/templates//bg-content.gif) no-repeat right top;
}

#inhalt {
	padding: 2em; 
        display: block;
        min-height: 20em;
}

/* ============================
3. Hauptmenue
============================ */
#hauptmenue {
	float: left;
	width: 270px;
	height: 660px;
	background: url(/extensions/templates/bg-hn.jpg) repeat-x top left;
	;
}
#hauptmenue ul {
	list-style: none;
}
#hauptmenue ul a {
	display: block;
	width: 270px;
	height: 37px;
	line-height: 37px;
	color: #086512;
	text-decoration: none;
	font-weight: bold;
	text-indent: 10px;
}
#hauptmenue ul li.entry01 a:link, #hauptmenue ul li.entry01 a:visited {
	background: #fff url(/extensions/templates/but-01-n.jpg) no-repeat top left;
}
#hauptmenue ul li.entry01 a:hover, #hauptmenue ul li.entry01akt {
	color: #000;
	background: #fff url(/extensions/templates/but-01-a.jpg) no-repeat top left;
}
#hauptmenue ul li.entry02 a:link, #hauptmenue ul li.entry02 a:visited {
	background:  #fff  url(/extensions/templates/but-02-n.jpg) no-repeat top left;
}
#hauptmenue ul li.entry02 a:hover, #hauptmenue ul li.entry02akt {
	color: #000;
	background:  #fff  url(/extensions/templates/but-02-a.jpg) no-repeat top left;
}
#hauptmenue ul li.entry03 a:link, #hauptmenue ul li.entry03 a:visited {
	background:  #fff  url(/extensions/templates/but-03-n.jpg) no-repeat top left;
}
#hauptmenue ul li.entry03 a:hover, #hauptmenue ul li.entry03akt {
	color: #000;
	background:  #fff  url(/extensions/templates/but-03-a.jpg) no-repeat top left;
}
#hauptmenue ul li.entry04 a:link, #hauptmenue ul li.entry04 a:visited {
	background:  #fff  url(/extensions/templates/but-04-n.jpg) no-repeat top left;
}
#hauptmenue ul li.entry04 a:hover, #hauptmenue ul li.entry04akt {
	color: #000;
	background:  #fff  url(/extensions/templates/but-04-a.jpg) no-repeat top left;
}
#hauptmenue ul li.entry05 a:link, #hauptmenue ul li.entry05 a:visited {
	background:  #fff  url(/extensions/templates/but-05-n.jpg) no-repeat top left;
}
#hauptmenue ul li.entry05 a:hover, #hauptmenue ul li.entry05akt {
	color: #000;
	background: #fff url(/extensions/templates/but-05-a.jpg) no-repeat top left;
}
#hauptmenue ul li.entry06 a:link, #hauptmenue ul li.entry06 a:visited {
	background: #fff url(/extensions/templates/but-06-n.jpg) no-repeat top left;
}
#hauptmenue ul li.entry06 a:hover, #hauptmenue ul li.entry06akt {
	color: #000;
	background: #fff url(/extensions/templates/but-06-a.jpg) no-repeat top left;
}
#hauptmenue ul li.entry07 a:link, #hauptmenue ul li.entry07 a:visited {
	background: #fff url(/extensions/templates/but-07-n.jpg) no-repeat top left;
}
#hauptmenue ul li.entry07 a:hover, #hauptmenue ul li.entry07akt {
	color: #000;
	background: #fff url(/extensions/templates/but-07-a.jpg) no-repeat top left;
}
#hauptmenue ul li.entry08 a:link, #hauptmenue ul li.entry08 a:visited {
	background: #fff url(/extensions/templates/but-08-n.jpg) no-repeat top left;
}
#hauptmenue ul li.entry08 a:hover, #hauptmenue ul li.entry08akt {
	color: #000;
	background: #fff url(/extensions/templates/but-08-a.jpg) no-repeat top left;
}
#hauptmenue ul ul#e2 {
	background: transparent url(/extensions/templates/but-e2bg.jpg) no-repeat top left;
}
#hauptmenue ul ul#e2 li a:link, #hauptmenue ul ul#e2 li a:visited {
	background: transparent url(none) no-repeat top left;
	text-indent: 20px;
}
#hauptmenue ul ul#e2 li a:hover, #hauptmenue ul ul#e2 li.entry01akt, #hauptmenue ul ul#e2 li.entry02akt, #hauptmenue ul ul#e2 li.entry03akt, #hauptmenue ul ul#e2 li.entry04akt, #hauptmenue ul ul#e2 li.entry05akt, #hauptmenue ul ul#e2 li.entry06akt, #hauptmenue ul ul#e2 li.entry07akt, #hauptmenue ul ul#e2 li.entry08akt {
	color: #000;
	background: transparent url(none) no-repeat top left;
	text-indent: 20px;
}

/* ============================
   4. Sprachwechsel
============================ */

ul#sprachwechsel {padding: 2em 0em;}
ul#sprachwechsel li {float:left; list-style:none; margin-right: 15px;}
ul#sprachwechsel li a {width:60px;}
ul#sprachwechsel a:focus, a:active {background-color: transparent !important;}



/* ============================
   5. Fussbereich
============================ */


#fusszeile {
  clear: both;
  padding: 20px;
  padding-top: 10px;
  margin-bottom: 20px;
 font-size: 85%;
}

ul#fusszeile {padding: 2em 1.5em; }
ul#fusszeile li {float:left; list-style:none; margin: 5px; padding: 0;}
ul#fusszeile li a {width:60px;font-weight: normal;}
ul#fusszeile a:focus, a:active {background-color: transparent !important;}


abbr:hover{
  cursor: help;
}

code{
  font-family: courier,monospace;
  font-style: italic;
}

h1	{
	margin: 0.5em 0 0.2em 0;
	font-size: 1.4em;
}

h2	{
	margin: 1em 0 0.6em 0;
	font-size: 1.5em;
font-weight: normal;
color: #086512;
} 


h3	{
	font-size: 1.2em;
        margin: 1em 0 0.6em 0;
padding: 0.2em;
display: block;

border-bottom: 2px solid #fec901;
}

p {

line-height: 160%;
margin: 0 0 1em 0;

}

img {
border: none;
}

#inhalt {
	line-height: 160%;
}

#inhalt ul, #inhalt ol  {
	margin: 0.2em 0 0.5em 3em;
}




.unsichtbar {
   display: block;
   position: absolute;
   left: -3000px;
   height: 0px;
   width: 0;
	margin: 0;
	padding: 0;
}

.clear {
	clear: both;
	visibility: hidden;
	height: 0;
} 

.unsichtbar, .reader, a.skip {
   display: none;
}

.zweiSpaltig {  /* allows 2 divs next to each other in content */
  float: left;
  width: 300px;
}

.neueZeile{
  display: block;
  clear: both ! important;
}

.bildRechts {
  float: right;
  margin-left: 1em;
  margin-bottom: 1em;
}

.bildLinks{
  float: left;
  margin-right: 1em;
  margin-bottom: 1em;
}

.inhaltRechts{
  padding-left: 0.4em;
  float: right;
}

.inhaltLinks{
  padding-right: 0.4em;
  float: left;
}

.inhaltZentriert{
  padding-left: 0.4em;
  padding-right: 0.4em;
  text-align: center;
}

a.link-mehr{
  display: block;
  font-size: 0.8em;
  color: #000;
  text-decoration: none;
  padding: 0.1em 1.5em;
  background: #fff url(/extensions/templates/bg-verlauf.gif) repeat-x top left;
  text-align: center;
  border: 1px solid #C8CDD2;
}
a.link-mehr:hover, a.link-mehr:focus{
  text-decoration: underline;
}


/* iemac hide \*/
.unsichtbar, .reader, a.skip {
   display: inline;
   position: absolute;
   left: -3000px;
   top: -2000px;
   width: 0px;
   height: 0px;
   z-index: 200;
}



/* ============================
   X. Gästebuch
============================ */

#gaestebuch {
	display: block;
}

#gaestebuch h3 {
	padding: 5px 20px 5px 10px;
        font-size: 1em;
	font-weight:bold;
	margin: 10px 0 0 0;
	background: #fff url(/extensions/templates/bg-verlauf.gif) repeat-x top left;
	display: block;
  	border-top: 1px solid #D9E0E6;
        border-right: 1px solid #D9E0E6;
        border-left: 1px solid #D9E0E6;
  	border-right-color: #C8CDD2;
        border-bottom: 1px solid #fec901;
}

#gaestebuch p {
	padding: 5px 20px 20px 0;
	margin-bottom: 3px;
	background-color: #fff;
	display: block;
	line-height:18px;
	padding-left: 10px;
  	border: 1px solid #D9E0E6;
  	border-bottom-color: #C8CDD2;
  	border-right-color: #C8CDD2;
}

/* ============================
   X. Reisen
============================ */


#reisen dl {
  	float: left;
        width: 600px;
  	margin: 0.3em 0;
  	display: inline; /* fixes IE/Win double margin bug */
        background-color: #fff;
  	border: 1px solid #D9E0E6;
  	border-bottom-color: #C8CDD2;
  	border-right-color: #C8CDD2;
  	}
#reisen dt {
  	float: right;
  	width: 318px;
        margin-top: 1.5em;
  	font-size: 150%;
  	color: #086512;
  	}
#reisen dd {
  	margin: 0 0 0 283px;
  	padding: 0;
  	line-height: 1.5em;
  	}
#reisen dl dd.img {
   	margin: 0;
   	}
#reisen dd.img img {
  	float: left;
  	padding: 8px 8px 3px 8px;
  	
  	}
#reisen .reisepreis {
font-weight:bold;
margin-left: 30px;
  	}
#reisen .reiseart {

  	font-weight:bold;
        color: #086512;
  	}

/* reverse float (nicht in gebrauch)*/

#reisen .alt dt {
  	float: left;
  	}
#reisen .alt dd {
  	margin: 0 98px 0 0;
  	}
#reisen .alt dd.img img {
  	float: right;
  	margin: 0 0 0 8px;
  	}


/* ============================
   X. Shop
============================ */

#shop dl {
  	float: left;
        width: 600px;
  	margin: .3em 0;
        padding: 8px;
  	display: inline; /* fixes IE/Win double margin bug */
        background-color: #FFF;
  	border: 1px solid #D9E0E6;
  	border-bottom-color: #C8CDD2;
  	border-right-color: #C8CDD2;
  	}
#shop dt {
  	float: right;
  	width: 378px;
        margin-top: 5px;
  	font-size: 150%;
  	color: #086512;
  	}
#shop dd {
  	margin: 0 0 0 240px;
  	padding: 0;
  	line-height: 1.5em;
  	}
#shop dl dd.img {
   	margin: 0;
   	}
#shop dd.img img {
  	float: left;
  	
  	}
#shop .shoppreis {
font-weight:bold;
margin-left: 30px;
  	}
#shop .artikelnummer {
        color: #086512;
  	}
.shopbutton {
        float: right;
font-size: 0.8em;
  color: #000;
  text-decoration: none;
  padding: 0.1em 1.5em;
  background: #fff url(/extensions/templates/bg-verlauf.gif) repeat-x top left;
  text-align: center;
  border: 1px solid #C8CDD2;

  	}

/* ============================
   X. Formulare
============================ */


fieldset {
	padding: 0.5em 1em 1.5em 1em;
	margin-bottom: 1em;
	border: 1px solid #ccc;
	background: #fff url(/extensions/templates/bg-verlauf.gif) repeat-x top left;
}



label {
	width: 10em;
	display: block;
	float: left;
}

label.artikel {
	width: 40em;
	display: block;
	float: left;
}

.rahmen {
border: 1px solid #ccc;
margin: 4px 0; 
padding: 3px;
background: #fff;
}

.rahmenalt {
border: 1px solid #ccc;
margin: 4px 0; 
padding: 3px;
background: #e0ece1;
}

legend {
	font-weight: bold;
	padding: 0.1em 0.3em;
	border: 1px solid #ccc;
	background:  #efefef;
}


label.formError {
   color: #f90809;
   font-weight: bold;
}