@media (max-width: 768px) {
    #noMobile {
        display: none;
    }
    #wrap {
        padding-top: 50px;
    }
    body {
        background-image: none;
    }
    #wrap .tinymcewysiwyg,
    #wrap h1 img {
        margin-left: 15px;
        margin-right: 5px;
    }
    img.navbar-logo-image {
        width: 200px;
    }

}
@media (min-width: 768px) and (max-width: 1024px) {
    #noMobile {
        display: none;
    }
    #wrap {
        padding-top: 140px;
    }
    body {
        background-image: none;
    }
    #wrap .tinymcewysiwyg,
    #wrap h1 img {
        margin-left: 15px;
        margin-right: 5px;
    }
}
@media (min-width: 1025px) {
    #wrap,
    #no1024 {
        display: none;
    }
    body {
       	background-image: url(almut_hg1_gold_03.png);
    }

}

#Containerdesk {
	width: 969px;
	left: 50%;
	margin-left: -485px;
	position: absolute;
	box-shadow: 0px 0px 28px #111;
	background-image: url(../imgneu/vivi_hg1b_03.jpg);
	background-repeat: no-repeat;
	height: 943px;
}

#headerBlock {
	width: 969px;
}

#topmenue {
	float: right;
	clear: both;
	background-color: #807065;
}

#hauptmenue {
	clear: both;
	float: right;
	margin-right: -100px;
	background-color: #807065;
	margin-top: 388px;
	z-index: 200;
}

#galerie {
	margin-top: 21px;
	clear: both;
	float: right;
	z-index: 10;
	position: absolute;
	width: 969px;
}

#galeriekurve {
	background-image: url(hg-kurve-galerie.png);
	z-index: 100;
	position: absolute;
	width: 49px;
	height: 388px;
	margin-left: 452px;
}

#schatten {
	width: 1169px;
	height: 22px;
	position: absolute;
	z-index: 1;
	margin-top: 408px;
	box-shadow: 3px 8px 20px #777;
	margin-left: -100px;
	background-color: #807065;
}

#mainBlock {
	width: 969px;
	margin: 0px auto;
	padding-top: 45px;
	overflow: hidden;
}

#leftside {
	float: left;
   margin-left: 22px;
	width: 333px;
	height: 430px;
}
#leftside .adress {
	margin-left: 120px;
	margin-top: 150px;
}

#inhalt {
	float: right;
	width: 370px;
	margin-top: 0px;
	margin-right: 90px;
	padding-bottom: 40px;
	text-align: center;
}

body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	overflow-x: hidden;
}


/*******************************************************************************

        Horizontales Dropdown-Menu, CSS

        CSS-Grundlage:  Copyright by Stu Nicholls @ www.cssplay.co.uk
        Please see Copyright Notice @
        http://www.cssplay.co.uk/menus/final_drop.html

*******************************************************************************/

.menu {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  position:relative;
  font-size:12px;
  z-index:100;
  font-weight: normal;
}
.menu ul {                        /* UL Ebene 1 */
  padding:0;
  margin:0;
  list-style-type: none;
}
.menu ul li {                     /* Listenelemente der Ebene 1 */
  float:left;
  position:relative;
  margin-right: 15px;
}
.menu ul li a,
.menu ul li a:visited {           /* Links der Listenelemente der Ebene 1 */
  display:block;
  text-decoration:none;
  color:#fff;
  height:21px;                    /*  (2)  */
  padding-left:0px;
  line-height:21px;               /*  --> (2)  */
}
* html .menu ul li a, .menu ul li a:visited {

}
.menu ul li ul {
  display: none;
}

table {
  margin:-1px;
  border-collapse:collapse;
  font-size:12px;
}

/* li:hover  für non-IE-Browser  ---  a:hover  für IE */
  .menu ul li:hover a,
  .menu ul li a:hover {
  color: white;
}
  .menu ul li.active a {
	color: white;
}

.menu ul li:hover ul,
.menu ul li a:hover ul {
  display:block;
  position:absolute;
  top:22px;                          /*  --> (2)  */
  margin-top:-1px;
  left:0;
  width:160px;
}
* html .menu ul li a:hover ul {
  margin-top:0;
  marg\in-top:1px;
}

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {
  visibility:hidden;
  position:absolute;
  height:0;
  width:0;
}

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {
  display:block;
  color: #6A5D54;
  height:auto;
  line-height:12px;
  padding: 4px 0px;
  width:149px;
  text-decoration: none;
}
* html .menu ul li a:hover ul li a {
  width:160px;
  w\idth:149px;
}

.menu ul li:hover ul li a.drop,       /* Ebene 2 mit  Subpunkten */
.menu ul li a:hover ul li a.drop {

}

.menu ul li:hover ul li a:hover,      /* Ebene 2 hover */
.menu ul li a:hover ul li a:hover {

}

.menu ul li:hover ul li:hover ul,     /* Ebene 3 */
.menu ul li a:hover ul li a:hover ul {
  visibility:visible;
  position:absolute;
  left:160px;
  top:0;
  width:160px;
}

.menu ul li:hover ul li:hover ul.left,  /* Ebene 3  letztes Element */
.menu ul li a:hover ul li a:hover ul.left {
  left:-160px;
}

ul.nav3rd li a {
  font-size: 12px;
}


/*******************************************************************************

        HTML-Formatierungen

*******************************************************************************/

h1 {
	margin-bottom: 0px;
}

.tinymcewysiwyg {
	margin-top: -20px;
	padding-top: 0px;
}

.tinymcewysiwyg p {
	color: #807065;
	font-size: 17px;
	line-height: 26px;
	margin-top: 3px;
	margin-bottom: 10px;
}

.tinymcewysiwyg a {
	color: #807065;
}

.tinymcewysiwyg p.kleinerText {
	color: #5f534b;
	font-size: 14px;
	line-height: 18px;
}
.tinymcewysiwyg p.sehrkleinerText {
	color: #5f534b;
	font-size: 12px;
	line-height: 14px;
}


/*******************************************************************************

        Horizontales Top-Menu, CSS

        CSS-Grundlage:  Copyright by Stu Nicholls @ www.cssplay.co.uk
        Please see Copyright Notice @
        http://www.cssplay.co.uk/menus/final_drop.html

*******************************************************************************/

.topmenu {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  position:relative;
  font-size:12px;
  z-index:100;
  font-weight: normal;
}
.topmenu ul {                        /* UL Ebene 1 */
  padding:0;
  margin:0;
  list-style-type: none;
}
.topmenu ul li {                     /* Listenelemente der Ebene 1 */
  float:left;
  position:relative;
  margin-right: 22px;
}
.topmenu ul li a,
.topmenu ul li a:visited {           /* Links der Listenelemente der Ebene 1 */
  display:block;
  text-decoration:none;
  color:#fff;
  height:21px;                    /*  (2)  */
  padding-left:0px;
  line-height:21px;               /*  --> (2)  */
}
* html .topmenu ul li a, .topmenu ul li a:visited {

}
.topmenu ul li ul {
  display: none;
}

/* li:hover  für non-IE-Browser  ---  a:hover  für IE */
  .topmenu ul li:hover a,
  .topmenu ul li a:hover {
  color: white;
}
  .topmenu ul li.active a {
	color: white;
}

.topmenu ul li:hover ul,
.topmenu ul li a:hover ul {
  display:block;
  position:absolute;
  top:22px;                          /*  --> (2)  */
  margin-top:-1px;
  left:0;
  width:160px;
}
* html .topmenu ul li a:hover ul {
  margin-top:0;
  marg\in-top:1px;
}

.topmenu ul li:hover ul li ul,
.topmenu ul li a:hover ul li a ul {
  visibility:hidden;
  position:absolute;
  height:0;
  width:0;
}

.topmenu ul li:hover ul li a,
.topmenu ul li a:hover ul li a {
  display:block;
  color: black;
  height:auto;
  line-height:12px;
  padding: 4px 0px;
  width:149px;
  text-decoration: none;
}
* html .topmenu ul li a:hover ul li a {
  width:160px;
  w\idth:149px;
}

.topmenu ul li:hover ul li a.drop,       /* Ebene 2 mit  Subpunkten */
.topmenu ul li a:hover ul li a.drop {

}

.topmenu ul li:hover ul li a:hover,      /* Ebene 2 hover */
.topmenu ul li a:hover ul li a:hover {

}

.topmenu ul li:hover ul li:hover ul,     /* Ebene 3 */
.topmenu ul li a:hover ul li a:hover ul {
  visibility:visible;
  position:absolute;
  left:160px;
  top:0;
  width:160px;
}

.topmenu ul li:hover ul li:hover ul.left,  /* Ebene 3  letztes Element */
.topmenu ul li a:hover ul li a:hover ul.left {
  left:-160px;
}

.topmenu a:hover {
	text-decoration: underline;
}

/*///////////////////////////////////
Formular-Definition
*/
div#form-module {}
 form#form_formular {}

p.formcheckbox {}
 input.checkbox {}
 label.checkbox {}

p.formtext, p.formselect, p.formsubmit {
	line-height: 16px;
	margin-top: 6px;
	margin-bottom: 6px;
	margin-left: 0px;
}
 input.text {
	width: 200px;
	height: 12px;
}
 input.text:hover,  input.text:focus {
	background-color: #e6e6e6;
}
.xform {
	color: #807065;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
}

 label.text, label.select {
	color: #807065;
	width: 60px;
	float: left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: left;
}

p.formtextarea {
   font-size: 16px;
}
 label.textarea {
	width: 60px;
	float: left;
	color: #807065;
	font-size: 16px;
	text-align: left;
 }
 textarea.textarea {
	width: 200px;
	height: 30px;
 }

textarea.textarea:hover, textarea.textarea:focus {
	background-color: #fffacd;
 }

p.formcaptcha {}
 label.captcha img {}
 p.formcaptcha input {}

 input.submit {
   margin-bottom: 30px;
}
 input.submit:hover {}

p.answertext {}
 ul.form_warning {}
 ul.form_warning li {}

footer {
    margin-top: 30px;
    padding-top: 35px;
    background-color: #DDD2BD;
    border-top: 1px #CBBA9A solid;
}
footer a {
    border-bottom: dashed 1px #CBBA9A;
}
footer a:hover {
    text-decoration: none;
    color: #5E544A;
    border-bottom: solid 1px #5E544A;
}

footer img {
    max-width: 320px;
}

.datenschutz {
    margin-left: 130px;
    font-size: 12px;
    color: #8E6B4B;
}

#no1024 {
    background-color: #DDD2BD;
}