/*------------------------------------------------------------------ 
[Master Stylesheet] 
 
Project:    	Hotel Waldhotel - Bad Soden
Version:    	1.0 
Last change:	04/01/2009
Assigned to:	Christian Nauerz
-------------------------------------------------------------------*/ 




/*------------------------------------------------------------------ 
[Color codes] 

Background: #cfeac3
Dark Green: #4f6247
Dark Grey: #404040
Bright Grey: #c6c6c6


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





/*------------------------------------------------------------------ 
[Table of contents] 
 
1. Reset
2. Useful Classes 
3. Body, Container, Logo
4. Menu 
5. Typrography
6. Generel
7. Site Elements
8. Backend
-------------------------------------------------------------------*/




/* -------------------------------------------------------------- 
   1. Reset
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { 
  line-height: 1.5; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

html>body {
	font-size: 12px;
}

a:active, a:focus, a:visited {
	border: none;
	outline: none;
}



/* -------------------------------------------------------------- 
   2. Useful Classes
-------------------------------------------------------------- */

.left 	{ margin: left; }
.right 	{ margin: right; }

.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }

.float-left { float: left; display: inline; }
.float-right { float:  right; display: inline; }

/* .clear Siehe unten. Mit IE-Hack für alle Browser ausser IE */
/*.clear { clear: both; background: none; border: none; height: 0px;}*/
.block { display: block; }
.space-vertical { padding: 20px 0; }

/* -------------------------------------------------------------- 
   3. Body, Container, Logo, Shadow
-------------------------------------------------------------- */

body, html {
	/* \*/
  height:100%;
/* Last height declaration hidden from Mac IE 5.x */


}

body {
	background: #cfeac3;
	padding: 0px;
	margin:0px;
 	text-align: center;
}


.container {
	background: #fff;
	
	text-align: left;
	vertical-align: middle;	
	margin: 0px auto;
	padding: 0px;
	width: 610px;
	
	min-height:100%;
    height:auto !important;
    height:100%;

}



.top { height: 85px; background: #cfeac3;}
.logo { float: left; margin: 12.5px 0; }
.meta-nav { float: right; margin-top: 59px;}


.content {
	background: #fff;
	width: 580px;
	padding: 15px;
}

#contentBox {
	padding-top: 7px;
}


.keyvisual {
	width: 580px;
	height: 180px;
	margin-bottom: 20px;
	background: #c6c6c6;
}

.thumbs {
	padding-top: 7px;
	width: 115px;
	float: left;
}

.copy {
	width: 450px;
	float: right;
}

/* -------------------------------------------------------------- 
   4. Menu
-------------------------------------------------------------- */

.menu { background: #cfeac3; width: 610px; }


.mainMenu_101, .mainMenu_102, .mainMenu_103, .mainMenu_104, .mainMenu_105, .mainMenu_106, .mainMenu_107, .mainMenu_108, .mainMenu_109, .mainMenu_110, .mainMenu_111, .mainMenu_112 {
	background: #4f6247;
	padding: 2px;
	margin-right: 3px;
	text-align: center;
	height: 21px;
	float: left;
}

/* Hotel */
.mainMenu_101, .mainMenu_107 { width: 60px;}
/* Zimmer */
.mainMenu_102, .mainMenu_108 { width: 70px; }
/* Umgebung */
.mainMenu_103, .mainMenu_109 { width: 90px; }
/* Angebote */
.mainMenu_104, .mainMenu_110 { width: 90px; }
/* Reservierung */
.mainMenu_105, .mainMenu_111 { width: 121px; }
/* Weg */
.mainMenu_106, .mainMenu_112 { width: 140px; margin: 0px; }

.active { background: #fff; }



.menu a, .menu a:link, .menu a:visited, .menu a:active {	
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #fff;
	font-size: 11.67px;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.75px;
	line-height: 22px;
}


.menu .active a, .menu .active a:link, .menu .active a:active, .menu .active a:visited  { color: #4f6247; }
.menu a:hover { text-decoration: underline; }

div.meta-nav a, div.meta-nav a:link, div.meta-nav a:visited, div.meta-nav a:active {	
	text-decoration: none;
	margin-left: 10px;
	font: 10.5px Georgia, "Times New Roman", Times, serif;
	color: #4f6247;
}

div.meta-nav a:hover { text-decoration: underline; }


/* -------------------------------------------------------------- 
   5. Typography
-------------------------------------------------------------- */

body, p, a, a:link, a:visited, a:active {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	color:#404040;
}

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 16px;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: normal;
	color:#4f6247;
	margin-bottom: 15px;
	margin-top: 5px;
}
.subtitle {
	
	font: 10.5px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	color:#404040;
	margin-bottom: -5px;
}

h2 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-transform: normal;
	letter-spacing: normal;
	color:#404040;
	margin-bottom: 10px
}

p { margin-bottom: 15px; }

input.submit {
	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-size: 10.4px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal; 
}

label, input.text {
	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-size: 10.4px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal; 
	line-height: 16px;
}

/* -------------------------------------------------------------- 
   6. General
-------------------------------------------------------------- */

/* Links */
a, a:link, a:visited, a:active {
	color: #929292;
	text-decoration: underline;
	cursor: pointer;
}

/* Table */
table { width: 390px; margin: 10px 0; }
table th { border-bottom: 2px solid #929292; font-weight: bold; }
table tr.even { background: #F5F5F5; }
table tr td { height: 25px; }


/* Submit Button */
input.submit {
	background: #F5F5F5;
	border: 1px solid #929292;
	margin: 10px 5px 0 0; 
}

/* Textfeld */
input.text {
	padding: 1px 0;
	margin: none;
	width: 234px;
	border: none;
	border-bottom: 1px solid #c6c6c6;
	color: #454545;
}

/* Formulare */
form ol { list-style: none; }
form ol li { margin: 4px 0; }

/* Fieldset */
fieldset  {
	width: 350px;
	clear: both;
	margin: 20px 0 10px 0;
	padding: 10px 20px 0px 20px;
	border: 0;
	border-top: 4px solid #929292;
	border-bottom: 0;
	border-collapse: collapse;
}

div.antiFieldset { margin: 0 -20px; }
legend { padding: 0 5px; color: #454545; }

/* Formular */
label {
	width: 150px;
	padding: none;
	margin: none;
	float: left;
	display: inline;
	
}



em { color:  red; }

.fail { border-bottom-color: red; }

hr {
	border: none;
	border-bottom: 2px dotted #4f6247;
	padding: 0px;
	margin: 0px;
}


/* -------------------------------------------------------------- 
   7. Site Elements
-------------------------------------------------------------- */

/* Bildergallerie */
.thumbs img {
	display: block;
	margin-bottom: 10px;
	opacity: 0.3;
	-moz-opacity:0.3;
	filter:alpha(opacity=30);
}

.thumbs img:hover {
	opacity: 1;
	-moz-opacity:1;
	filter:alpha(opacity=100);
}

.thumbs img.active {
	opacity: 1;
	-moz-opacity:1;
	filter:alpha(opacity=100);
}

.subtitle {
	height: 20px;
	text-align: right;
	margin-top: -15px;
}

.booking ol {
	list-style-type: none;
}

.booking label {
	display: inline;
	width: 80px;
	font-weight: bold;
}

.booking input.text {
	width: 70px;
	text-align: center;
}

.booking table tr td {
	padding-bottom: 10px;
}

.eventCalendar {
	margin-bottom: -3px;
}

.thumbs img.specialOffer {
	opacity: 1;
	-moz-opacity: 1;
	filter:alpha(opacity=100);
}

.thumbs div.specialOffer {
	width: 115px;
	text-align: center;
}

.thumbs a{
	text-decoration: none;
}

 /*-------------------------------------------------------------- 
   8. Backend
--------------------------------------------------------------*/ 

#metaDescription {
	display: block;
	width: 430px;
	padding: 5px;
	height: 100px;
	
	margin: 20px 0;
	
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	color:#404040;
}

.caption {
	margin-left: 30px;
	color: #404040;
	margin-top: -2px;
}

.menu a.tool {
	margin: 0px;
	padding: 0px;
}

.adminbox {
	padding: 10px 5px;
	margin: 0px 0 0 0;
	width: 600px;
	background-color: #fff;
	height: 20px;
	border-bottom: 2px solid #4f6247;
}

.adminbox img {
	margin: 0 2px;
}

div.adminGroup {
	display: inline;
	margin-right: 20px;
}

.admin label {
	display: block;
	float: left;
}

/* Headline & Subheadline */
H1 input {
	border: none;
	background: #f5f5f5;
	width: 450px;
	
	z-index: 99;
	
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 16px;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: normal;
	color:#4f6247;
}

H2 textarea {
	border: none;
	background: #f5f5f5;
	width: 390px;
	
	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-size: 11.67px;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: normal;
	line-height: 2.5em;
	color:#454545;
}

/* Module */
#contentItemsList { list-style: none; }
#contentItemsList li { margin: 10px 0; }
#contentItemsList .admin { border-top: 1px solid #4f6247; border-bottom: 1px solid #4f6247; padding: 20px 0px; cursor: pointer; }
#contentItemsList .admin input { margin-top: 20px; } 
#textEditor { width: 300px; }

/* Bildergallerie */

div.adminSelected img { margin-right: 8px; margin-bottom: 10px; }
div.imageEdit span { display:none; }
div.imageEdit { display: inline; }
div.imageEdit:hover span { display: inline; position: absolute; background: #fff; }
div.imageEdit span img { margin: 8px; }
div.imageEdit img { margin: 4.8px; padding: 0px; }
/*div.imageEdit input.img { display: block; }*/

.thumbs ul {
	list-style-type: none;
}

.imageEdit img {
	opacity: 1;
	-moz-opacity: 1;
	filter:alpha(opacity=100);
}

a.newContentItem img{
	opacity: 1;
	-moz-opacity: 1;
	filter:alpha(opacity=100);
}

div.imageEdit img.attention {
	margin: -25px 0 9px 10px;
}

 /*-------------------------------------------------------------- 
   9. IE-Hacks
--------------------------------------------------------------*/ 

* html hr.clear 		{ border: 5px; display: none; }
*+html hr.clear 		{ display: none; }
html>/**/body .clear	{ clear: both; background: none; border: none; height: 0px;}
* html div.keyvisual img{ width: 580px; height: 180px;}
* html div.keyvisual 	{ background: none; }
*+html hr				{ margin-top: -6px; }
*+html h1 				{ margin-top: -6px; }
* html hr 				{ margin-top: -6px; }
* html h1 				{ margin-top:  -6px;}