/*	==============
	=== INHALT ===
	==============
	
	--------------------------------------------
	1. Allgemeines
		- html
		- body
		- p 
		- a
		- h1
		- h2
	--------------------------------------------
	2. Seitenaufbau
		2.1 Wrapper
		2.2 Logo
		2.3 Header
		2.4 Picture
		2.5 Menue
		2.6 Submenue
		2.7 Content
		2.8 Footer
	--------------------------------------------
	3. Diverses
		3.1 
	--------------------------------------------  */	
	
/*
	EM - PX 
	10px = 0.6em
	12px = 0.76em
	14px = 0.9em
	16px = 1.0em
	18px = 1.12em
	22px = 1.38em
	26px = 1.63em
*/


/*  ======================
	=== 1. Allgemeines ===
	======================  */

* {
	border:0;
	margin:0;
	padding:0;
	outline:0;
}

html,body {
	text-align:center;
	font-size:100.01%;
	margin:0 auto;
}

body {
	font:12px/16px Arial, Helvetica, sans-serif;
	color:#fff;
	background:#CDCDCD url(../images/bckgr_body.png) repeat-y center 0;
	/*background:#fff;*/
}

p {
	padding-bottom:15px;
}

a {
	color:#FCD611;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}
a.aktuell {
	color:red;
}
ul, ol {
	list-style:none;
}
h1 {
	font:normal 26px/28px Arial, Helvetica, sans-serif;
	color:#FCD611;
	padding-bottom:20px;
}

h2 {
	font:15px/17px Arial, Helvetica, sans-serif;
	color:#fff;
	padding-bottom:15px;
	clear:left;
}
h3 {
	font:13px/18px Arial, Helvetica, sans-serif;
	color:#fff;
}
/*  =======================
	=== 2. Seitenaufbau ===
	=======================  */
	

/*  -------------------
	--- 2.1 Wrapper ---
	-------------------  */

#container {
	width:874px;
	margin:20px auto;
	text-align:left;
	background:url(../images/bckgr_container.png) no-repeat 110px bottom;
}

/*  -------------------
	--- 2.7 Wrap ---
	-------------------  */
	
/*#wrap {
	width:auto;
	height:232px;
	clear:left;
	background:url(../images/bckgr_wrap.png) no-repeat center 0;
}*/


/*  ------------------
	--- 2.2 Logo ---
	------------------  */
	
#logo {
	position:absolute;
	top:127px;
	left:57px;
	width:202px;
	height:52px;
}

/*  ------------------
	--- 2.3 Header ---
	------------------  */
	
#header {
	width:719px;
	height:42px;
	background:url(../images/header.jpg) no-repeat 0 0;
	float:left;
	position:relative;
	padding:195px 39px 0 0;
}

.cr_aktuelles,.cr_quicklinks {
	width:180px;
	height:37px;
	float:right;
	text-indent:-9999px;
	padding:0;
}
.cr_aktuelles {
	background:url(../images/cr_aktuelles.jpg) no-repeat 0 0;
}
.cr_quicklinks {
	background:url(../images/cr_quicklink.jpg) no-repeat 0 0;
}


/*  -----------------
	--- 2.5 Menue ---
	-----------------  */

ul#menue {
	width:116px;
	height:119px;
	list-style:none;
	padding:118px 0 0;
	float:left;
	background:url(../images/bckgr_menue.png) repeat-y 0 0;
}
#menue li {
	text-align:left;
}
#menue li a {
	display:block;
	text-decoration:none;
	padding:0;
	text-indent:-9999px;
}
a.nav_10 {
	background:url(../images/nav_10.png) no-repeat right 0;
}
a.nav_10on,a:hover.nav_10 {
	background:url(../images/nav_10.png) no-repeat right -29px;
}
a.nav_10,a.nav_10on,a:hover.nav_10 {
	width:116px;
	height:29px;
}

a.nav_20 {
	background:url(../images/nav_20.png) no-repeat right 0;
}
a.nav_20on,a:hover.nav_20 {
	background:url(../images/nav_20.png) no-repeat right -29px;
}
a.nav_20,a.nav_20on,a:hover.nav_20 {
	width:111px;
	height:29px;
	margin-left:5px;
}

a.nav_30 {
	background:url(../images/nav_30.png) no-repeat right 0;
}
a.nav_30on,a:hover.nav_30 {
	background:url(../images/nav_30.png) no-repeat right -29px;
}
a.nav_30,a.nav_30on,a:hover.nav_30 {
	width:106px;
	height:29px;
	margin-left:10px;
}

a.nav_40 {
	background:url(../images/nav_40.png) no-repeat right 0;
}
a.nav_40on,a:hover.nav_40 {
	background:url(../images/nav_40.png) no-repeat right -32px;
}
a.nav_40,a.nav_40on,a:hover.nav_40 {
	width:101px;
	height:32px;
	margin-left:15px;
}

/*  -------------------
	--- 2.7 Content ---
	-------------------  */

#content {
	width:538px;
	height:auto;
	clear:left;
	float:left;
	padding:0 0 50px 117px;
}
#content ul {
	margin:0 0 20px 0;
}
#content ul li {
	padding:0 0 8px 20px;
	background:url(../images/bullet.gif) no-repeat 0 2px;
}
#content ul.float_li li {
	float:left;
	width:130px;
}
#content_top {
	width:auto;
	height:auto;
	background:url(../images/bckgr_content.png) no-repeat right bottom;	
	padding:42px 31px 50px 37px;
}
.hdl_welcome {
	background:url(../images/hdl_welcome.gif) no-repeat 0 0;
	text-indent:-9999px;	
}
.hdl_contact {
	background:url(../images/hdl_contact.gif) no-repeat 0 0;
	text-indent:-9999px;	
}
.hdl_impressum {
	background:url(../images/hdl_impressum.gif) no-repeat 0 0;
	text-indent:-9999px;	
}
.hdl_anfahrt {
	background:url(../images/hdl_anfahrt.gif) no-repeat 0 0;
	text-indent:-9999px;	
}
.hdl_platzhalter {
	background:url(../images/hdl_platzhalter.gif) no-repeat 0 0;
	text-indent:-9999px;	
}

#content_bottom {
	width:auto;
	height:auto;
	padding:20px 31px 50px 37px;
}
#content_bottom img {
	border:3px solid #E1EDCF;
}

ul.quicklink {
	float:left;
	list-style:none;
	width:205px;
	height:auto;
}
#content ul.quicklink li {
	padding:0 0 10px;
	background:none;
}
.quicklink li a {
	display:block;
	width:60px;
	height:14px;
	text-indent:-9999px;
	background:url(../images/btn_mehr.png) no-repeat 0 0;
}
#content ul.quicklink li.hdl_entspannen {
	background:url(../images/hdl_entspannen.png) no-repeat 0 0;
	text-indent:-9999px;
}
#content ul.quicklink li.hdl_sparen {
	background:url(../images/hdl_sparen.png) no-repeat 0 0;
	text-indent:-9999px;
}

.right {
	float:right;
	margin:0 0 5px 5px;
}
.left {
	float:left;
	margin:0 5px 5px 0;
}
.small {
 font-size:11px;
 line-height:13px;
}
.pics {
	margin-left:-3px;
	clear:both;
}
.pics img {
	margin:10px 2px;
	border:2px solid #9AD80A;
}

table {
	border-collapse:collapse;
	width:100%;
	padding:0;
	margin:5px 0;
}
table td {
	padding:3px 0;
}	
table td.right {
	text-align:right;
}	



/*  ------------------------
	--- 2.8 Column right ---
	------------------------  */

#column_right {
	width:170px;
	height:auto;
	float:left;
	padding:20px 0 0 10px;
	position:relative;
}
#column_right h1 {
	font:700 13px/15px Arial, Helvetica, sans-serif;
	color:#FCD91F;
	padding:0 0 15px 30px;
}
#column_right h1.partner {
	padding:0 0 5px 0;
}
#column_right p {
	padding:0 6px 8px 0;
}
#column_right ul {
	list-style:none;
	margin-bottom:40px;
}
#column_right ul li {
	width:160px;
	height:30px;
	border-bottom:1px solid #84CB0E;
	margin-left:2px;
}
#column_right ul li a {
	display:block;
	width:142px;
	height:24px;
	color:#fff;
	padding:6px 0 0 18px;
	text-decoration:none;
	font-weight:700;
}
#column_right ul li a:hover {
	background:url(../images/bullet.gif) no-repeat 0 8px;
}
#column_right ul li a.activ {
	background:url(../images/bullet.gif) no-repeat 0 8px;
}

.news {
	background:url(../images/ico_news.png) no-repeat 0 2px;
}
.calendar {
	background:url(../images/ico_calendar.png) no-repeat 0 2px;
}
#post_it {
	width:183px;
	height:183px;
 	margin-left:6px;
 	background:url(../images/post_it.png) no-repeat 0 0;
}
body > #post_it {
	width:183px;
	height:183px;
 	margin-left:6px;
 	background:url(../images/post_it.gif) no-repeat 0 0;
}
#post_it_kaminstube {
	width:183px;
	height:183px;
 	margin-left:6px;
 	background:url(../images/post_it_kaminstube.png) no-repeat 0 0;
}
body > #post_it_kaminstube {
	width:183px;
	height:183px;
 	margin-left:6px;
 	background:url(../images/post_it_kaminstube.gif) no-repeat 0 0;
}
#platzreservierung {
	width:168px;
	height:119px;
	background:url(../images/platzreservierung.png) no-repeat 0 0;
	margin:20px 0 30px 0;
}

/*  ------------------
	--- 2.8 Footer ---
	------------------  */

ul#footer {	
	width:auto;
	height:10px;	
	clear:left;
	font-size:10px;
	color:#B1B1B1;
	list-style:none;
	padding:0 60px 0 154px;
}
#footer li {
	float:left;
	padding:0 15px 0 0;
}
#footer a {
	color:#B1B1B1;
}
#footer li.right {
	float:right;
}

/*  ---------------------------------
	--- 3.1 Formatierung Formular ---
	---------------------------------  */

.float {
	float:left;
	width:auto;
	padding:24px 69px 0 0;
}

input, select, textarea {
	font:11px/12px Arial, Helvetica, sans-serif;
}
form br {
	clear: left;
}
form p {
	padding:0;
}

input {
	display: block;
	width:10em;
	float: left;
	background-color: #fff;
	margin: 2px;
	padding: 2px;
	color:#333;
	border:1px solid #6680AA;
}
select {
	float:left;
	width: 7em;
	background-color:#fff;
	margin:2px;
	padding:1px 0;
	color:#333;
}
textarea {
	display: block;
	width:19em;
	float: left;
	background-color: #fff;
	margin: 2px;
	padding: 2px;
	color:#333;
	border:1px solid #6680AA;
}

label {
	width:70px;
	float:left;
	text-align:right;
	padding-top:2px;
	padding-right:4px;
}
#Nummer {
	width: 3em;
}
#PLZ {
	width: 3em;
}
#send input {
	width:92px;
	height:14px;
	padding:0;
	margin:0;
	cursor:pointer;
	border:none;
}
#send {
	padding:5px 0 0 78px;
	margin:0;
	cursor:pointer;
}
.hinweis {
	color:#FF7D26;
}	
.echo {
	clear:left;
	padding-top:40px;
}