/**
* (c) hotel-irmgard.at
*/
/*==visual (basic tags) */
body {
	position: absolute;
	width: 100%;
	margin: 0px;
	padding: 0px;
	left: 0px;
	top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-style: normal;
	font-weight: normal;
	color: #000;
	background: #5B7D55 url(/style/background.gif) repeat-x top left;
	line-height: 1.4em;
}

h1 {
}

h2, h3 {
	font-family: Georgia, "Times New Roman", serif;;
	position: relative; /* on havingLayout */
	font-size: 1em;
	font-weight: bold;
}

h2 {
	font-size: 1.3em;
	margin-top: 2em;
	clear: both;
}

h3 {
	color: #86B373;
	margin: 3em 0 1em 0;
	letter-spacing: 2px;
	text-transform: uppercase;
}

h4 {
	color: #86B373;
	font-size: 0.8em;
	font-weight: normal;
	letter-spacing: 2px;
	text-transform: uppercase;
}

p {
	margin: 0 0 1em 0;
	padding: 0;
}

a {
	text-decoration: none;
}

input, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin-top: .3em;
	margin-bottom: 0.3em;

}

blockquote {
	font-size: 1.2em;
	font-family: Georgia, "Times New Roman", serif;
	line-height: 2em;
	color: #333;
	background-color: #fff;
	padding: 0.5em 2em 0.5em 2em;
	margin: 0.5em 0 0 0;
}

cite {
	font-size: 1em;
	font-family: Georgia, "Times New Roman", serif;
	margin-left: 4em;
	color: #666;
	background-color: #fff;
}

address {
	font-style: normal;
	margin: 0;
	padding: 0;
}

/*==visual (classes) */
#content a {
	border-bottom-width: 1px;
    border-bottom-style: dotted;
    _border-bottom-style: solid;
    border-bottom-color: #1C6619;
	color: #1C6619;
}

	#content a:visited {
		border-bottom-width: 0;
	}

	#content a:hover {
		color: #f0f0cc;
		background-color: #1C6619;
		border-bottom-width: 0;
	}

.article {
	overflow: auto;
	margin: 0 0 2em 0;
}

	.article img {
		/*margin: 1em auto 1em auto; */
		float: left;
        border: 1px solid #1C6619;
		margin: 0 0 1em 1em;
		padding: 5px; background-color: #eee;
	}

	.article .articlethumb {
		float: left;
		margin: 0 2em 2em 0;
		padding: 3px;
		background-color: white;
	}

/*
	.article .articleimg {
		float: right;
		margin: 0 0 2em 2em;
		padding: 3px;
	}
*/
	#center .article a.popup {
		float: left;
		border-bottom-width: 0;
		margin: 0 2em 2em 0;
		padding: 0;
	}

    	#center .article a:hover.popup {
    		background-color: transparent;
    	}

    	#center .article a.popup img {
    		padding: 3px;
    		background-color: white;
    		margin: 0;
    	}

.posted { font-weight: normal; }

/*== layout */
#center {
	position: relative;
	width: 960px;
	margin: auto;
	padding: 0;
	background-color: #f0f0cc;
}

#header {
	position: relative;
	left: 0;
	top: 0;
	height: 200px;
	width: 100%;
	background: #1C6619 url(/style/background-center.gif) repeat-x left top;
}

	#header h1, #header h2 {
		margin: 0; padding: 0;
	}

		#header h1 a {
			background-image:  url(/style/logo-header.gif);
			background-repeat: no-repeat;
			background-position: 50% 50px;
			text-indent: -9999px;
			display: block;
			height: 165px;
			width: 100%;
		}

			#header h1 a:hover {
				border: none;
			}

	#header h2 {
		text-indent: -9999px;
		display: block;
		line-height: 0px;
	}

	#header address {
		text-align: center;
		color: #ABCA9D;
		font-family: Georgia, "Times New Roman", Times, serif;
		padding-bottom: 0.1em;
		_color: #f0f0cc; /* too cool for IE */
	}

	#header:hover address {
		color: #f0f0cc;
	}

		#header:hover address a {
			color: #f0ffcc;
		}

		#header address a {
			color: #ABCA9D;
			_color: #f0f0cc; /* too cool for IE */
		}

			#header address a:hover {
				border-color: #f0f0cc;
			}



#content {
	color: #333;
	margin: 0;
	padding-right: 3em;
	float: right;
	width: 600px;
}

#footer {
	clear: both;
	background: #86B373 url(/style/background-footer.gif) repeat-x left top;
	margin: 0;
	padding: 0.5em 2em 0.5em 320px;
}

	#footer a {
		border-bottom-width: 1px;
		border-bottom-style: dotted;
		_border-bottom-style: solid;
		border-bottom-color: #f0f0cc;
		color: #f0f0cc;
	}

	#footer:hover, #footer:hover a {
		/*color: #484863;*/
	}

	#footer h2 {
		font-size: 1em;

	}

	#footer p{
	}
	
	#footer #related {
		color: #f0f0cc;
	}

		#footer #related li {
			padding-bottom: 0.5em;
		}

#fineprint {
	padding: 1em 0em;
	margin: 0;
	font-size: 0.9em;
	background-color: #5B7D55;
}

	#fineprint p, #fineprint a {
		padding: 0; margin: 0;
		color: #86B373;
		border-color: #86B373;
	}

/*==navigation */
#nav {
	width: 280px;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #1C6619;
	float: left;
	margin-top: 32px;
}

	#nav ul {
		margin: 0 0 0 15px;
		padding: 0;
	}

	#nav li {
		list-style-type: none;
		margin: 0.3em  0 .3em 16px;
		padding: 1em  0;
		border-top: 1px solid #ABCA9D;
	}
	
	/* nav level 2 */
	#nav li ul li {
		background: #f0f0cc url(/style/bullet-major.gif) 0 0.6em no-repeat;
		border-top: none;
		padding: 3px 0 3px 16px;
		margin: 0.3em 0;
	}


/*==nav active state ==*/
	#nav li.active {
		background-image: url(/style/bullet-major-active.gif);
	}

	#nav a {
		color: #1C6619;
	}

		#nav a:visited {
			color: #1C6619;
		}

		#nav a:hover {
			color: #f0f0cc;
			background-color: #1C6619;
		}

/*==nav search ==*/
#search {
	top: -1px;
	position: relative;
}

	#search input {
		font-weight: normal;
		border: 1px solid #ccc;
		width: 80px;
		margin:0;
		padding: 0.3em;
	}

	#search br  { display: none;}

	#search p {
		margin:0 ;
		padding: 0;
	}

	#search form {
		position: relative;
		border: 0;
		margin:0;
		padding: 0;
	}

.readon {
/* TODO */
}

/*== special f/x */

#center div.photodeck {
	background: #f0f0cc url(/style/photodeck.png) no-repeat top left;
	margin-left: auto; margin-right: auto; margin-bottom: 2em;
	width: 320px;
	padding: 38px 40px 120px 28px;
}

#center ul.breakout {
	width: 15em;
	float: right;
	margin: 1em 0 1em 1em;
	padding: 1em 0.5em 1em 2em;
	color: #f0f0cc;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.9em;
	line-height: 2em;
	background-color: #86B373;
	list-style-position: outside;
}

.dropshadow {
	margin: 5px 0 0 5px;
	background-image: url(/style/dropshadow.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
}

.zemContactForm {
	width: 100%;
	margin: 0;
	padding: 0;
}

	.zemContactForm fieldset {
		padding: 0;
		border: none;
	}

	.zemContactForm legend {
		visibility: hidden;
	}

	.zemContactForm label.opt-in {
		display: inline;
	}
	
	.zemContactForm #name,
	.zemContactForm #email,
	.zemContactForm #adresse,
	.zemContactForm #grund
	{ width: 480px; }

	.zemSuccess {
		background-color: #FFFFFF;
		background-image:  url(/style/accept.gif);
		background-repeat: no-repeat;
		background-position: 5px 1em;
		padding-left: 25px;
		border: 1px solid #FF0000;
		padding-top: 1em;
		padding-right: 1em;
		padding-bottom: 1em;
	}

	.zemError {
		margin: 0;
		background-color: #FFFFFF;
		background-image:  url(/style/exclamation.gif);
		background-repeat: no-repeat;
		background-position: 5px 1em;
		padding-left: 20px;
		border: 1px solid #FF0000;
		padding-top: 1em;
		padding-right: 1em;
		padding-bottom: 1em;
	}

		.zemError li { margin: 0 0 0 20px; }

	.zemContactForm label {
		display: block;
		font-size: 0.8em;
	}
