@import url("reset.css");
@import url("layout.css");



#intro			{ float: left; width: 295px; margin: 0 10px }
#introImg		{ display: block; margin-bottom: 30px }
#intro h1		{ text-transform: uppercase; margin-bottom: 9px; color: #003768;
			 	  font: bold 1em/1.8em Verdana, "Helvetica Neue", Helvetica, sans-serif } 
#intro p		{ margin-bottom: .9em;
				  font: 1em/1.8em Verdana, "Helvetica Neue", Helvetica, sans-serif } 

.section		{ float: left; width: 280px; margin-bottom: 20px }
.section.over	{ cursor: pointer }
.section img	{ display: block; float: left; margin: 0 16px 0 0 }
.section h2		{ margin: 33px 0 1px;
			 	  font: bold 1.2em/1.5em Verdana, "Helvetica Neue", Helvetica, sans-serif } 
.section p		{ margin: 0 10px 0 0;
				  font: 1em/1.8em Tahoma, "Helvetica Neue", Helvetica, sans-serif } 

#seminar		{ background: #9ccbcb; margin-right: 35px }
#gastronomie	{ background: #bfb1c6 }
#angebote		{ background: #7eadd3; margin-right: 35px }
#spa			{ background: #c4e196 }

#frame			{ float: left; width: 595px; height: 40px; margin-bottom: 20px;
				  background: #d7d7d7 }
.sub #frame		{ float: none; width: auto; margin-bottom: 10px }

/*----------------------------------------*/

#content		{ float: left; width: 580px; min-height: auto }

#leftMenu		{ float: left; width: 155px; margin: -25px 10px 0 0; position: relative;
				  background: #fff6c6; padding-top: 25px }
#leftMenu ul	{ margin: 0 0 22px; list-style-type: none;
				  font: 1.1em/2em Verdana, "Helvetica Neue", Helvetica, sans-serif;
                  padding-left:0px }
#leftMenu ul.bg
				{ background: #fce984 }
#leftMenu li	{ margin: 0; height: 22px; padding: 0 10px }
#leftMenu ul.bg .active
				{ font-weight: bold; background: #ffd500 }

/*----------------------------------------*/

#contenthome	{ float: left; width: 295px }

/*----------------------------------------*/

#sideBar		{ float: right; width: 155px; position: relative;
				  margin: -61px 0 0; padding: 0 5px }
#sideBar h3		{ margin: 0; border-top: 1px solid #a2c1db; padding: 4px 5px 0;
				  font: bold 1em/1.8em Tahoma, "Helvetica Neue", Helvetica, sans-serif }
#sideBar p		{ color: #000; padding: 0 5px; margin-bottom: 39px }

/*----------------------------------------*/

#boxcontent    { font: 1em/1.8em Verdana, "Helvetica Neue", Helvetica, sans-serif; 
                             padding-bottom: 1.5em;
                             padding-right: 100px}

#homecontent    { font: 1em/1.8em Verdana, "Helvetica Neue", Helvetica, sans-serif; 
                             padding-bottom: 1.5em;
                             padding-right: 10px}

/******************************************/
/* CSS DEFINITIONS FOR NEWSLETTER-MODULE  */
/******************************************/

#newsletter { font: 1em/1.8em Verdana, "Helvetica Neue", Helvetica, sans-serif;
            font-color: #003768;
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float:left;
	height:auto !important;
}

#newsletter div.errorMessage, #newsletter div.okMessage, #newsletter div.form  {
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 15px 0px;
	float:left;
	height:auto !important;
}

#newsletter div.errorMessage {
	color: #ff0000;
}

#newsletter p {
	width: 300px;
    clear: left;
    margin: 0;
    padding: 2px 0 3px 0;
    padding-left: 155px;
    _padding-left: 165px;
    height: 1%;
}

#newsletter p label {
      font-color: #003768;
      font-weight: normal;
    float: left;
    margin-left: -155px;
    width: 150px;
}

#newsletter p label.description {
    font-color: #003768;
         font-weight: normal;
    float: left;
	margin: 0px 0px 0px 0px;
	padding:  0px 0px 0px 0px;
}

#newsletter input[type=checkbox], #newsletter input[type=radio]{
    float: left;
	width: 20px;
	text-align:left;
}

#newsletter input[type=text], #newsletter input[type=password]{
    overflow: hidden;
	width: 250px;
}

#newsletter select {
	width: 254px;
}


#newsletter textarea {
    width: 250px;
    height: 150px;
}


/***************************************/
/* CSS DEFINITIONS FOR CONTACT-MODULE  */
/***************************************/

form.contactForm p {
    width: 350px;
    clear: left;
    margin: 0;
    padding: 1px 0 1px 0;
    padding-left: 155px;
    _padding-left: 165px;
    
}

form.contactForm p label.noCaption {
    float: left;
    width: 175px;
    margin-left: 2px;
    margin-top: 2px;
}

form.contactForm .contactFormGroup {
    float: left;
    margin-top: -15px !important;
}

form.contactForm p input.contactFormClass_checkbox {
    float: left;
}

form.contactForm p input.contactFormClass_checkboxGroup {
    clear: left;
    float: left;
}

form.contactForm p input.contactFormClass_radio {
    clear: left;
    float: left;
}

form.contactForm p label, .contactForm p span {
    font-weight: normal;
    float: left;
    margin-left: -155px;
    width: 150px;
}

form.contactForm input[type="text"], form.contactForm input[type="password"] {
    width: 250px;
}

form.contactForm select {
    width: 254px;
}

form.contactForm input{
    overflow: hidden;
}

form.contactForm img.captcha {
    float: left;
}

form.contactForm .is_required {
    color: red;
}

form.contactForm textarea {
    width: 250px;
    height: 150px;
}

form.contactForm #contactFormCaptcha {
    margin-left: 147px;
}


form.contactForm .contactFormClass_button {
    margin-left: 0px;
	width: 100px;
	cursor: pointer;
	margin: 2px;
}

.contactFormClass_button:hover, .contactFormClass_button:focus  {
	width: 60px;
	cursor: pointer;
	margin: 2px;
}

form.contactForm  #contactFormCaptcha {
    margin-left: 3px !important;
    margin-top: 5px !important;
}


/***************************************************/
/* CSS DEFINITIONS FOR GALLERY MODULE              */
/***************************************************/

#gallery {
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float:left;
	height:auto !important;
}


#gallery div.category_tree,
#gallery div.category_comment,
#gallery div.category_images,
#gallery div.show_image,
#gallery div.image_navigation,
#gallery div.category_paging {
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 15px 0px;
	float:left;
	height:auto !important;
}

#gallery div.category_image,
#gallery div.category_informations {
	float: left;
	height:auto !important;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#gallery div.category_informations h2 {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#gallery div.image_voting,
#gallery div.image_comment {
	float: left;
	height:auto !important;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 100%;
}

#gallery div.category {
	width: 100%;
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	float:left;
	height:auto !important;
}

#gallery div.category_images div.image {
	width: 33%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align:left;
	float: left;
}

#gallery div.show_image img, #gallery div.category_image img, #gallery div.category_images img{
	margin: 0px 15px 0px 0px;
}

#gallery div.show_image, #gallery div.image_navigation {
	text-align: center;
}