/***** Global Settings *****/

html, body {
border:0;
margin:0;
padding:0;
}

body {
font-size:80%; 
*font-size:75%;
font-family: verdana, arial, helvetica, sans-serif;
text-align: center;
color: #00224c;
}

/***** Common Formatting *****/

h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
}

h1 {
color: #d2232a;
padding:0 0 15px 0;
font-family: "times new roman", arial, helvetica, sans-serif;
font-style: italic;
font-size: 12pt;
}

h2 {
padding:10px 0;
font:1em verdana, arial, helvetica, sans-serif;
font-weight:bold;
}

h3 {
font:1em arial, helvetica, sans-serif;
font-weight:bold;
}

p, ul, ol {
margin:0;
padding:0 0 2px 0;
font-size: 0.9em;
}

ul, ol {
list-style:none;
padding:0 0 5px 20px;
}

li {
list-style-type:disc;
}

td {
font-size:0.9em;
}

td p {
font-size:1em;
}

blockquote {
margin:22px 40px;
padding:0;
}

small {
font-size:0.85em;
}

img {
border:0;
}

sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}

sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}

acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}

/***** Links *****/

a {
color: #113b90;
}

# a:hover {
color: #d2232a;
}

a, a:visited {
text-decoration:none;
}

/***** Forms *****/

form {
margin:0;
padding:0;
display:inline;
}

input, select, textarea {
font:1em arial, helvetica, sans-serif;
}

textarea {
line-height:1.25;
}

label {
cursor:pointer;
}

/***** Tables *****/

table {
border:0;
padding:0;
}

table tr td {
padding:2px;
	}

/***** Wrapper *****/

#outerwrapper {
margin:30px auto 10px;
height: 555px;
padding:50px;
text-align: left;
}

#outerwrapper { 
width: 942px; 
voice-family: "\"}\""; 
voice-family:inherit;
width:842px;
}

#innerwrapper {
width:842px;
height: 555px;
background-image: url(../media/bg_transparency.png);
}


#header {
width: 842px;
height:  140px;
background: url(../media/logo_arfsten.gif) no-repeat top right;
position:relative;
}

#kontakt {
	padding: 50px 0 0 40px;
	font-size: 0.8em;
	line-height: 1.2em;
	color: #00468b;
	width:150px;
	float:left;
}

#news {
	padding: 50px 0 0 40px;
	font-size: 0.8em;
	color: #d2232a;
	width:225px;
	float:left;
}

#news a:link {
	color: #d2232a;
}

#news a:visited {
	color: #d2232a;
}

#news a:hover {
	text-decoration: underline;
	color: #d2232a;
}

#navigation {
	padding-left:20px;
	position: relative;
	width: 822px;
	height:  37px;
	font-size:11px;
	background: url(../media/grad.gif) repeat-x bottom left;
	/*border-top: 1px solid #00224c;
	border-bottom: 1px solid #00224c;*/
}
/*
#navigation ul {
padding-top: 7px;
}

#navigation ul li {
float: left;
display: block;
padding-right: 10px;
}

#navigation ul li a {
color: #113b90;
}

#navigation ul li a:hover {
color: #d2232a;
text-decoration: none;
}
*/
/*
#point {display:table; padding:0 0 0 20px; margin:0; list-style:none; white-space:nowrap; border-right:1px solid #00224c;}
#point li {display:table-cell; margin:0; padding:0;}*/



#point { 
	padding:0 0 0 20px; 
	margin:0; 
	list-style:none; 
	white-space:nowrap; 
	}
	
#point li {
	float:left; 
	margin:0; 
	padding:0; 
	list-style:none; 
	text-align:center;
	}

#point li a {
	float:left; 
	font-size:1em; 
	line-height:17px; 
	letter-spacing:1px; 
	padding:10px 1em; 
	text-decoration:none; 
	background:url(../media/grad.gif) repeat-x bottom left; 
	width:7.6em;  
	border-left:1px solid #ccc;	
}


#point li a:hover, #point li a.current {
	background: url(../media/grad2.gif) repeat-x bottom left;
}

#point li a:hover b, #point li a.current b {
	display:block; 
	float:left; 
	background:transparent url(up_arrow.gif) no-repeat center bottom; cursor:pointer
} 



/*width:7.4em;*/

#subnavigation {
position: relative;
height:10px;
padding-top:7px;
padding-left:45px;
}

#subnavigation a {
color: #113b90;
}

#subnavigation a:hover {
color: #d2232a;
}

a.button {
    background: transparent url('../media/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 11px;
    height: 25px;
    margin-right: 4px;
    padding-right: 9px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('../media/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 15px;
    padding: 5px 0 5px 9px;
}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 9px; /* push text down 1px */
}

#content {
padding: 10px 40px 0;
position:relative;
}

#contentleft {
position: relative;
float: left;
width: 371px;
height: 355px;
overflow:hidden;
}

#contentright {
position: relative;
float: right;
width: 371px;
text-align: right;
}

.footer {
	height: 30px;
	font-size: 0.8em;
	color: #ccc;
}

.footer a {
	color: #ccc;
	text-decoration: none;
}

.footer a:visited {
	color: #ccc;
	text-decoration: none;
}

.footer a:hover {
	color: #ccc;
	text-decoration: underline;
}

#preistabelle td {
	padding:0 10px 10px 0;
}

.transparentgelb {
	background:url(../media/td_bg_transparent_beige.png);
}

.transparenthellgruen {
	background:url(../media/td_bg_transparent_hellgruen.png);
}

#hotelzimmerbilder td {
	padding-right: 15px;
	padding-bottom:15px;
}

#hotelzimmerbilder {
	width:645px;
	margin-left:60px;
}

/***** Global Classes *****/

.clear 			{ clear:both; }

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

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

.bold 			{ font-weight:bold; }
.italic 		{ font-style:italic; }
.underline 		{ border-bottom:1px solid; }
.highlight 		{ background:#ffc; }

.wrap 			{ width:960px;margin:0 auto; }

.img-left 		{ float:left;margin:4px 10px 4px 0; }
.img-right 		{ float:right;margin:4px 0 4px 10px; }

.nopadding 		{ padding:0; }
.noindent 		{ margin-left:0;padding-left:0; }
.nobullet 		{ list-style:none;list-style-image:none; }