.dgkf{padding-left:0 !important; margin-left:-10px !important;}


/*------------------------------------------------------------------ 
[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: 16px;
}

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; }


@font-face {
    font-family: 'AsapRegular';
    src: url('../fonts/Asap-Regular-webfont.eot');
    src: url('../fonts/Asap-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Asap-Regular-webfont.woff') format('woff'),
         url('../fonts/Asap-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Asap-Regular-webfont.svg#AsapRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'AsapItalic';
    src: url('../fonts/Asap-Italic-webfont.eot');
    src: url('../fonts/Asap-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Asap-Italic-webfont.woff') format('woff'),
         url('../fonts/Asap-Italic-webfont.ttf') format('truetype'),
         url('../fonts/Asap-Italic-webfont.svg#AsapItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'AsapBold';
    src: url('../fonts/Asap-Bold-webfont.eot');
    src: url('../fonts/Asap-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Asap-Bold-webfont.woff') format('woff'),
         url('../fonts/Asap-Bold-webfont.ttf') format('truetype'),
         url('../fonts/Asap-Bold-webfont.svg#AsapBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'AsapBoldItalic';
    src: url('../fonts/Asap-BoldItalic-webfont.eot');
    src: url('../fonts/Asap-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Asap-BoldItalic-webfont.woff') format('woff'),
         url('../fonts/Asap-BoldItalic-webfont.ttf') format('truetype'),
         url('../fonts/Asap-BoldItalic-webfont.svg#AsapBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ChunkFiveRegular';
    src: url('../fonts/Chunkfive-webfont.eot');
    src: url('../fonts/Chunkfive-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Chunkfive-webfont.woff') format('woff'),
         url('../fonts/Chunkfive-webfont.ttf') format('truetype'),
         url('../fonts/Chunkfive-webfont.svg#ChunkFiveRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


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

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


}

body {
	/* background: #cfeac3;
 */
	/* background: #f3f3f3; */
	background: #cfeac3;
	padding: 0px;
	margin:0px;
 	text-align: center;
	font-size: 18px;
}


.container {
	background: #fff;
	
	text-align: left;
	vertical-align: middle;	
	margin: 0px auto;
	padding: 0px 0 45px 0;
	width: 1000px;
	
	min-height:100%;
	height:auto !important;
	height:100%;
	/* border-left: 	8px solid #b4cea9;
	border-right: 	8px solid #b4cea9; */
	/* border-bottom: 	8px solid #b4cea9; */
	-moz-box-shadow: 0 0 10px #888;
	-webkit-box-shadow: 0 0 10px #888;
	box-shadow: 0 0 10px #888;
	position: relative;

}


#contact {
	position: absolute;
	bottom: 0px;
	height: 30px;	
	width: 890px;
	background: #ddd;
	padding: 15px 0 0 110px;
	font-size: 14px;
	color: #3d3d3d;
}

#contact a {
	font-size: 14px;
	color: #3d3d3d;
}

#contact span {
	padding: 0 20px 0 0;
}


.top { 
	background: #cfeac3;
	position: relative;
}
.logo { float: left; margin: 12.5px 0; }
.meta-nav { 
	position: absolute;
	right: 0px;
	top: 0px;
	padding: 5px 20px 0 0;
}
.meta-nav .meta-nav-background {
	background: #4b4034;
	opacity: 0.5;
	position: absolute;
	top: 0;
	right: 0;
	height: 30px;
	width: 290px;
	z-index: 2;
}



.content {
	background: #fff;
	width: 1000px;
	position: relative;
	padding-bottom: 20px;
}

#contentBox {
	padding-top: 30px;
}


.keyvisual {
	width: 1000px;
	/* height: 475px; */
	height: 350px;
	background: #c6c6c6;
}
.keyvisual img {
	width: 1000px;
	height: 350px;
}

.thumbs {
	display: block;
	padding-top: 7px;
	width: 210px;
	float: left;
	margin-left: 50px;
	padding-top: 30px;
}

.copy {
	width: 530px;
	margin-left: 110px;
	float: left;
	margin-bottom: 50px;
}

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

.menu { 
	background: #4f6247; 
	width: 985px; 
	height: 35px;
	padding: 0 0 0 15px;
	positon: relative;
	text-algin: center;
}

.menu div {
	float: left;
	padding: 0 8px;
	margin: 0 12px 0 0;
	display: block;
	height: 35px;
}


.menu div.active { 
	background: #fff;
	position: relative;
	top: -5px;
	padding-top: 5px;
}


k
.menu a, .menu a:link, .menu a:visited, .menu a:active {	
	/* font-family: Georgia, "Times New Roman", Times, serif;
 */
	font-family: AsapRegular, "Lucida Sans Unicode", Arial;
	color: #fff;
	/* font-size: 11.67px;
 */
	font-size: 16px;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 35px;
}


.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: 14px AsapRegular, "Lucida Grand", "Lucida Sans Unicode", sans-serif;
	color: #fff;
	display: block;
	position: relative;
	z-index: 3;
	float: left;
}

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


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

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

h1 {
	font-family: ChunkFiveRegular, "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	font-size: 30px;
	line-height: 30px;
	font-style: normal;
	font-weight: normal;
	/*text-transform: uppercase;
*/
	letter-spacing: 2px;
	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: "AsapRegular", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	font-size: 25px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	color:#404040;
	margin-bottom: 10px
}

p { margin-bottom: 15px; }

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

label, input.text {
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal; 
	line-height: 16px;
	outline: none;
}

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

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

strong {
	font-family: "AsapBold", "Arial", sans-serif;
}


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

table td.align-bottom {
	vertical-align: bottom;
}



/* Submit Button */
input.submit {
	background: #ddd;
	border: 8px solid #eee;
	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
-------------------------------------------------------------- */


/* Seitenleiste */
#video {
	display: block;
	width: 210px;
	height: 60px;
	background: #ddd;
	line-height: 60px;
	text-align: center;
	margin-bottom: 20px;
	color: #3d3d3d;
}
#video img {
	margin-top: 16px;
	margin-bottom: -8px;
	margin-right: 10px;
	line-height: 60px;
}

#bildergalerie {
	width: 210px;
	display: block;
	margin-bottom: 12px;
}

#bildergalerie h3 {
	display: block;
	width: 202px;
	height: 30px;
	background: #4f6147;
	color: #fff;
	font-size: 14px;
	font-weight: normal;
	margin: 0;
	padding: 0 0 0 8px;
	line-height: 30px;
}

#facebook {
	display: block;
	width: 150px;
	height: 30px;
	margin-bottom: 40px;
	background-color: #9aabcc;
	padding: 18px 0px 8px 60px;
}

#anfahrt {
	display: block;
	width: 202px;
	height: 30px;
	padding: 0 0 0 8px;
	font-size: 14px;
	line-height: 30px;
	background: #ddd;
	color: #3d3d3d;
}

#anfahrt span {
	display: block;
	float: left;
}

#anfahrt img {
	float: right;
	margin-right: 8px;
	margin-top: 17px;
}

#buchen {
	display: block;
	width: 194px;
	height: 44px;
	background: #4f6147;
	border: 8px solid #67815c;
	line-height: 44px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	margin-bottom: 17px;

}

#bildergalerie {
	width: 210px;
	display: block;
}

#bildergalerie h3 {
	display: block;
	width: 202px;
	height: 30px;
	background: #4f6147;
	color: #fff;
	font-size: 14px;
	font-weight: normal;
	margin: 0;
	padding: 0 0 0 8px;
	line-height: 30px;
}

#anfahrt {
	display: block;
	width: 202px;
	height: 40px;
	padding: 0 0 0 8px;
	font-size: 14px;
	line-height: 40px;
	margin-top: 10px;
	margin-bottom: 20px;
}
	
#lightwindow a {
	font-size: 12px;
}

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

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

.booking label {
	display: inline;
	width: 95px;
	font-weight: bold;
	margin-top: 8px;
}

.booking input.text {
	width: 120px;
	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 .preload {
	display: block;
	float: left;
}

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

.thumbs a{
	text-decoration: none;
}



#video-link {
	background:none repeat scroll 0 0 #4F6247;
	color:#FFFFFF;
	display:block;
	left:15px;
	padding: 4px;
	position:absolute;
	top:167px;
	width: 108px;
	height: 20px;
	text-align: center;
}

#video-link a {
	color: #fff;
	text-decoration: none;
}

#video-link a:hover {
	color: #eee;
}

#video-link a img {
	margin-bottom: -5px;
	padding-right: 5px;
}


 /*-------------------------------------------------------------- 
   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;
	margin-top: 12px;
}

/* Headline & Subheadline */
H1 input {
	border: none;
	background: #f5f5f5;
	width: 450px;
	
	z-index: 99;
	
	font-family: ChunkFiveRegular, Arial, sans-serif;
	font-size: 30px;
	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: "AsapRegular", "Lucida Sans Unicode", sans-serif;
	font-size: 18px;
	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;}
 
*+html #video img { margin-top: 0px; }