/*
	HOTEL ALTE KELTER

	css/styles.css		2011-08-13	(c) e.sens.e GmbH
*/
html {
overflow-y:scroll;
}

body
{
	margin:			0px;
	color:			#000000;
	background-color:	#ffffff;
	background-image:	url("../img/body_bg.jpg");
	background-position:	center top;
	background-repeat:	no-repeat;
	font-family:		sans-serif;
	font-size:		15px;
	text-align:		left;
	line-height:		125%;
    background-attachment:fixed;
}

form
{
	display:		inline;		/* IE */
}

img
{
	border-style:		none;
}

ul
{
	list-style-type:	none;
}

ul li
{
}

a:link,
a:visited
{
	color:			#FFF;
}

a:hover,
a:active
{
	color:			#EEFC21;
}

.float_left
{
	clear:			left;
	float:			left;
}

.float_right
{
	clear:			right;
	float:			right;
}

.align_left
{
	text-align:		left;
}

.align_right
{
	text-align:		right;
}

.align_center
{
	text-align:		center;
}

.align_justify
{
	text-align:		justify;
}

.allcaps
{
	text-transform:		uppercase;
}

.button {
	display: block;
	width: 241px;
	height: 47px;
	background: transparent url("../img/button.jpg") no-repeat scroll left top;
	text-align: center;
	padding: 4px;
	line-height: 32px;
	text-decoration: none;
	float: left;
	margin-right: 12px;
}

.button:hover,
.button:active {
	color: 				#eefc21;
}

div#centered
{
	width:			970px;
	margin-left:		auto;
	margin-right:		auto;
	padding-top:		20px;
	background-image:	url("../img/telefon.png");
	background-position: 730px 8px;
	background-repeat:	no-repeat;
}

div#header
{
	float: left;
	width: 100%;
	height:			150px;
    positon: relative;
}

div#logo
{
	float:			left;
	margin-top: 24px;
	margin-left: 26px;
}

div#logo img
{
	float:			left;
}

div#promo {
    position: absolute;
    margin-left: 420px;
}

ul#nav
{
	float:			right;
	margin-right:			20px;
	margin-top: 24px;
	padding:		0px;
	list-style-type:	none;
	width: 162px;
}

ul#nav li
{
	height:				24px;
	width:				146px;
}

ul#nav li a {
	xtext-decoration:	none;
	xoverflow: hidden;
}

ul#nav li a:link,
ul#nav li a:visited
{
	display:			block;
	float:				left;
	text-align: 		right;
	height:				22px;
	width:				146px;
	padding-left:		0px;
	padding-right:		12px;
	padding-top:		0px;
	color:				#6e6e6d;
	text-decoration:	none;
	font: 				normal 17px/21px Times New Roman, serif;
	background-color: 	#dcdcdb;
	-moz-border-radius: 1em 1em 1em 1em;
	border-radius: 		1em 1em 1em 1em;
}

ul#nav li a:hover,
ul#nav li a:active
{
	text-decoration:	none;
	color: #ffffff;
	background-image:	none;
	background-color: #78ae43;
}

ul#nav li.current a:link,
ul#nav li.current a:visited
{
	color:				#ffffff;
	background-color: #78ae43;
}
ul#nav li.current a:hover,
ul#nav li.current a:active
{
	background-color: #78ae43;
}

div#main
{
	margin-left:		40px;
	margin-right:		10px;
	color:			#ffffff;
	background-color:	transparent;
	background-image:	url("../img/bg.png");
	background-position:	left top;
	background-repeat:	repeat-x;
	float: left;
}

div#rightpane
{
	float:			right;
	width:			305px;
	margin-top:		40px;
}

div#content
{
	float:			left;
	width:			841px;
	height:			auto;
	margin: 		0 0	0 18px;
	background-color: 	#79ae44;
	padding:		20px 10px 20px 30px;
	-moz-border-radius: 1em 1em 0.3em 0.3em;
	border-radius: 		1em 1em 0.3em 0.3em;
}

div#content img.anfahrt {
	-moz-border-radius: 0.5em 0.5em 0.5em 0.5em;
	border-radius: 		0.5em 0.5em 0.5em 0.5em;
}

div#content.deco
{
	padding:		0px;
	position: 		relative;
	background:		white;
	margin: 		0 0	0 18px;
	cursor: 		pointer;
	width:			881px;
	-moz-border-radius: 0;
	border-radius: 		0;
}

ul#slideshow {
    list-style-type:	none;
    margin: 0;
    padding: 0;
}

div#content ul#slideshow li
 {
	width:			881px;
	height:			475px;
    margin:         0;
    padding:        0;
    background:     none;
}

div#content h2
{
	display: none;
	margin:			0px;
	margin-bottom:		25px;
	padding:		0px;
	font-size:		20px;
	font-weight:		bold;
}
div#content ul#slideshow h3 {
    line-height: 24px;
}

div#content ul#slideshow h3.last {
    display: block;
}

div#content h3.feature {
	position: absolute;
	right: 0;
	bottom: 30px;
	font: 				normal 17px/21px Times New Roman, serif;
	background-color: 	#79ae44;
    line-height: 24px;
	padding:		10px 10px 10px 30px;
	width: 560px;
	-moz-border-radius: 0.3em 0em 0em 0.3em;
	border-radius: 		0.3em 0em 0em 0.3em;
    display: none;
}

div#content ul li {
	background: transparent url("../img/bullet.png") no-repeat scroll left 9px;
	padding-left: 14px;
}

div#imgborder {
	background-color: white;
	display: block;
	width: 744px;
	height: 820px;
	padding: 40px;
	-moz-border-radius: 0.3em 0.3em 0.3em 0.3em;
	border-radius: 		0.3em 0.3em 0.3em 0.3em;
	clear:both;
}

fieldset {
	border: 2px solid white;
	-moz-border-radius: 0.3em 0.3em 0.3em 0.3em;
	border-radius: 		0.3em 0.3em 0.3em 0.3em;
}

label.error {
width:                          450px;
margin-top:                     4px;
font-style:                     bolder;
display:                        block;
color:                          #7f2521;
}

input.error {
}

/******************************************************************************
* Textblock
******************************************************************************/


div.textblock
{
    width: 						400px;
	padding-right: 				20px;
    margin-top:					0px;
	margin-bottom:				20px;
    float:                      left;
}

div.textblock img,
div.textblock object
{
    margin-left:                0;
    margin-right:				4px;
    margin-top:                 5px;
    margin-bottom:              15px;
}

div.textblock img.float_left,
div.textblock object.float_left
{
    margin-left:                -12px;
    margin-right:               12px;
    margin-top:                 -6px;
    margin-bottom:              0px;
}

div.textblock img.float_right,
div.textblock object.float_right
{
	margin-left:                -12px;
    margin-right:               12px;
    margin-top:                 -6px;
    margin-bottom:              0px;

}

div.textblock strong
{
	margin:                     0 0 -10px 0;
	padding:                    0;
}

div.textblock strong.textblock_subline
{
	display:                    block;
    font-style:                 italic;
    margin-bottom:              10px;
}
div.textblock.textblock_default
{
	/*
    padding:                    10px 0 5px 0px;
padding:0;
*/
border: 0px solid yellow;
}
div.textblock.textblock_textcol2 {
	width: 280px;
}

div.textblock.textblock_html
{
margin:0;
padding:0;
width: 500px;
}
div.textblock h3
{
	font: 				normal 24px/26px Times New Roman, serif;
	color: 				#eefc21;
	font-style:			italic;
	margin: 0 0 12px 0;
}


div.intro div.textblock 
{
	background: #79AE44;
	width: 100%;
	border-radius: 10px;
	padding: 1em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.textblock ul
{
	margin:						10px 0 10px 0;
	padding:					0;
	line-height: 				22px;
}

div.textblock img,
div.textblock_textcol_odd img
{
	margin:                     0 8px 8px -10px;
	padding:					4px !important;
    xborder:                     1px solid #aeaeae;
}


div.textblock_textcol
{
    float:                      left;
    width:                      382px;
	padding-right: 				40px;
    xborder: 					1px solid blue;
}

div.textblock_textcol_odd
{
    float:                      right;
    margin:                     0;
    width:                      416px;
    xborder: 					1px solid red;
}

div.textblock_textcol_even
{
 	/*clear:                          none;*/
}

div.textblock_textcol h3
{
    width:                      100%;
    xborder:                     1px solid red;
    height:                     auto;
}

div.textblock_textcol strong.textblock_subline
{
}

div.textblock_fullsize
{
	width: 						80%;
}

div.textblock_fullsize2
{
	width: 						100%;
}

div.textblock_textcol ul
{
float:left;
}


div#feature
{
	clear:			both;
	height:			40px;
	padding:		20px;
}

div#footer
{
	padding-right:		20px;
	padding-top:		20px;
	padding-bottom:		5px;
	color:			#333;
	text-align:		center;
	font-size:		10px;
	background-color:	transparent;
	background-image:	url("../img/bg_bottom.png");
	background-position:	40px -4px;
	background-repeat:	no-repeat;
	clear: both;
}

div#footer hr
{
	display:		none;
}

div#footer a:link,
div#footer a:visited
{
	color:			#333;
	text-decoration:	none;
	text-transform:		uppercase;
}

div#footer a:hover,
div#footer a:active
{
	text-decoration:	underline;
}