body, html { /*height: 100%;*/ }
body { font: 11px "Trebuchet MS", sans-serif; color: #222; margin: 0; padding: 0; background: url('../images/bg.jpg') top center repeat-y #000; letter-spacing: 0.1em; line-height: 1.4em; }

a:link, a:visited { color: #222; text-decoration: none; }
a:hover, a:active { color: #222; text-decoration: none; }
a.image-link img, img.noborder { border: none; } 

/** Layout */
#container { width: 1035px; margin: 0px auto 0 auto; position: relative; height: 100%; padding-top: 20px; }
#logo { width: 835px; height: 80px;  margin: 0px auto 20px auto;   text-align: center; padding: 0; }
#main { width: 835px; margin: 0 auto 0 auto; }
#background { position: relative; width: 835px; height: 353px; overflow: hidden; /* background: #222;*/ margin: 0 auto 0 auto; }
#background img { display: block; }

#contentwrap {  }
#content { position: relative; }
#contentinnerwrap { background: #fff; padding-bottom: 20px; }
#content-start { border-top: 1px dotted #b8a15d; padding-bottom: 20px; color: #b8a15d; }
#contentmenuwrap { padding: 20px 0 0 20px; float: left; }
#contentmenuwrap h2 {  margin: 0; font-size: 1em;  }

#contentmenu {  /*text-transform: uppercase;*/ }
	/** 1st level */
	#contentmenu ul { list-style: none; margin: 20px 0 10px 0px; padding: 0; text-align: left; border-top: 1px dotted #222;  }
	#contentmenu ul li { padding-bottom: 2px; border-bottom: 1px dotted #222; width: 200px; }
	#contentmenu ul li a { display: block;  padding: 4px 0 4px 20px; background: url('../images/menu-bullet.png') 4px 8px no-repeat; }
	#contentmenu ul li.active a { background: url('../images/menu-bullet-active.png') 4px 8px no-repeat; }

	/** 2nd level */
	#contentmenu ul li ul { margin-top: 5px; border-top: none; }
	#contentmenu ul li ul li { padding-right: 0; border-bottom: none; }
	#contentmenu ul li ul li a { background: none; display: inline; width: 90px; padding-bottom: 0; border-bottom: none; text-transform: none;  }
	#contentmenu ul li.active ul li a { border-bottom: none; background: none; }
	#contentmenu ul li.active ul li.active a { font-weight: bold; background: none; }

#contenttext { padding: 20px 55px 0 280px; text-align: justify; }
#contenttext a:link, #contenttext a:visited  { color: #222; text-decoration: none; border-bottom: 1px dotted #222; }
#content-start a:link, #content-start a:visited { color: #b8a15d; text-decoration: none; border-bottom: 1px dotted #b8a15d; }
#contenttext a:hover, #contenttext a:active { color: #222; text-decoration: none; border-bottom: 1px dotted transparent; }
#content-start a:hover, #content-start a:active { color: #b8a15d; text-decoration: none; border-bottom: 1px dotted transparent; }

#content-start table { display: block; margin: 0;/*0 0 0 80px;*/ }

#menu { width: 835px; height: 42px; margin: 10px auto 10px auto; background: none; }
#menu ul { position: relative; list-style: none; padding: 0; margin: 0 auto; width: 100%; }
#menu ul li { display: block; float: left;  margin: 0; padding: 0; /*width: 138px; */ background: url('../images/navi_02.png') top left no-repeat;   }
#menu ul li a { color: #b8a15d; display: block; text-align: center; white-space: no-wrap; border-left: none; height: 42px; float: left; padding: 0;  /*font-weight: bold;*/ text-align: center; font-size: 1em; text-transform: uppercase; }
#menu ul li a span { display: none; }
#menu ul li.first { background: none;  }
#menu ul li.first a { border-left: none; }
#menu ul li.active { /*height: 618px;*/ }

#menu ul li.item-1 a { width: 159px; background: url('../images/navi_01.png'); }
#menu ul li.item-2 a { width: 150px; background: url('../images/navi_03.png'); }
#menu ul li.item-48 a { width: 145px; background: url('../images/navi_09.png'); }
#menu ul li.item-3 a { width: 110px; background: url('../images/navi_05.png'); }
#menu ul li.item-4 a { width: 207px; background: url('../images/navi_07.png'); }
#menu ul li.item-5 a { width: 90px; background: url('../images/navi_11.png'); }
#menu ul li.item-16 a { width: 59px; background: url('../images/navi_11.png'); }

#menu ul li.item-1 a:hover, #menu ul li.active.item-1 a { background: url('../images/navi_01_over.png'); }
#menu ul li.item-2 a:hover, #menu ul li.active.item-2 a { background: url('../images/navi_03_over.png'); }
#menu ul li.item-48 a:hover, #menu ul li.active.item-48 a { background: url('../images/navi_09_over.png'); }
#menu ul li.item-3 a:hover, #menu ul li.active.item-3 a { background: url('../images/navi_05_over.png'); }
#menu ul li.item-4 a:hover, #menu ul li.active.item-4 a { background: url('../images/navi_07_over.png'); }
#menu ul li.item-5 a:hover, #menu ul li.active.item-5 a { background: url('../images/navi_11_over.png'); }
#menu ul li.item-16 a:hover, #menu ul li.active.item-16 a { background: url('../images/navi_11_over.png'); }

#colophon { color: #b8a15d; width: 835px; margin: 20px auto 20px auto; }
#colophon a { color: #b8a15d; }
#footer-wrap { height: 20px; width: 100%; background: none; padding: 8px 0 2px 0; }
#footer { width: 835px; margin: 0 auto; text-align: right; }
#footer ul { margin: 0; padding: 0; list-style: none; }
#footer ul li { display: inline; padding-left: 20px; }

#audioplayer { position: absolute; top: 0; left: 0; width: 1px; height: 1px; overflow: hidden; }
#audiocontrol { color: #b7a05c;  position: absolute; top: 5px; left: 5px; }
#news { position: absolute; top: 0; right: 0; display: none; }
#news p { margin: 0; padding: 0; }
.playercontrol { cursor: pointer; }

/** Content */
#contenttext h3 { margin-top: 0; font-size: 1em; }

div.form span { display: block; margin-bottom: 2px; }
div.form span.paragraph { padding-top: 10px; }
div.form input.text, 
div.form textarea.text { color: #000; width: 282px; font-size: 1em; background: #fff; border: 1px solid #000; padding: 3px; font-family: "Trebuchet MS", sans-serif; }
div.form select.text { color: #000; width: 282px; font-size: 1em; background: #fff; border: 1px solid #000; padding: 3px; font-family: "Trebuchet MS", sans-serif; }
div.form input.button {  background-color: #f0f0f0; border: 1px solid #000; padding: 3px; font-size: 1em; color: #000; cursor: pointer; font-family: "Trebuchet MS", sans-serif; }
div.form textarea.text { margin: 0; height: 60px; overflow: auto; }
div.form p.buttons {  margin: 10px 0 10px 0; text-align: left;}
div.form .inactive { color: #666; }
div.form .active { color: #000; background: #eee !important; }

#contenttext div.orderform-productgroup { font-size: 1em; }
#contenttext div.orderform-productgroup h4 { margin: 10px 0 3px 0; border-bottom: 1px dotted #000; font-size: 1em; }
#contenttext div.orderform-productgroup input.number { width: 15px; }
#contenttext div.orderform-productgroup span.price { float: right; padding-top: 3px; padding-right: 0px; font-weight: bold; }
#contenttext div.orderform-productgroup span.odd {  }
#contenttext div.orderform-totalrow { font-weight: bold; border-top: 1px dotted #000; margin-top: 10px; margin-bottom: 15px; }
#contenttext div.orderform-totalrow span.orderform-total { float: right; padding-top: 3px; padding-right: 0px; }

#contenttext div.gallery a img { border: 1px solid #666; padding: 4px; margin: 0 5px 5px 0; background: none; }
#contenttext div.gallery a { border: none !important; }
#main div.gallery a img { border: 1px solid #666; padding: 4px; margin: 0 5px 5px 0; background: url('../images/purple-80.png'); }

#socialmedia { position: absolute; bottom: -80px; right: 50px; }
#socialmedia p { margin: 0; padding: 0; color: #fff; font-size: 0.9em; }
#socialmedia p img { vertical-align: top; }

#newsletter { position: absolute; top: 35px; right: 100px; }
#newsletter form { margin: 0; padding: 0; text-align: right; }
#newsletter input#newsletter-subscribe { width: 240px; display: block; }
#newsletter input#newsletter-submit-button { padding: 0; margin: 0; font-weight: bold; padding-left: 10px; position: absolute; right: 0; display: block; background: url('../images/pfeil_fuer_anmeldung.png') center left no-repeat; color: #b9864d; border: none; cursor: pointer; }
#newsletter h4 { color: #fff; text-transform: uppercase; margin: 0; padding: 0; font-size: 1.3em; }

#contentinnerwrap:after, #content-start:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html 
#contentinnerwrap, #content-start { height: 1%; }