@charset "UTF-8";

/*------------------------------------------------ 
*
*  Stylesheet für die Darstellung am Bildschirm
*
*  ALFA Hotel - 2010 (http://www.hotelalfa.de)
*
------------------------------------------------*/

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

body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #333;
	text-decoration: none;
	background-image: url(images/bg2.jpg);
	background-repeat: repeat-x;
	border: 0px;
	text-align: center;    /* Zentrierung (des bodys) im Internet Explorer */
}

div#page
{
	text-align: left;      /* Seiteninhalte wieder links ausrichten */
	margin: 0 auto;        /* standardkonforme horizontale Zentrierung */
	width: 845px; 
	/*border:2px ridge silver;*/
}

div.spacer, div.spacer-top, div.spacer-bottom
{
	font-size: 0px;        /* nur für IE */
	border: 0px;      
	/* background-color:#F9F; */
}

div.spacer					      /* temporärer test-spacer auf deutsch\buchung.htm */
{
	height: 25px;
	background: url(images/bg_center.jpg) repeat;
}

div.spacer-top
{
	height: 15px;
}

div.spacer-bottom
{
	height: 23px;
}

div.meta-nav-top
{
	padding-left: 17px;
	height: 23px;
	border: 0px; 
	/* background-color:#9F9; */
}

div.meta-nav-bottom
{
	text-align: center;
	padding-top: 13px;
	height: 20px;
	border: 0px; 
	/* background-color:#9F9; */
}

div.image-border-top
{
	white-space: nowrap;
	width: 845px;
	height: 119px;
	/* background-color:#9F9; */
}

div.teaser-top
{
	white-space: nowrap;
	width: 845px;
	height: 24px;
	/* background-color:#9F9; */
}

div.teaser-top object
{
	height: 24px;
	width: 702px;
	font-size:0;
	/* background-color:#9F9; */
}

/* region Links intern --------------------------------------- */

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

.meta-nav-top a:hover, .meta-nav-bottom a:hover, .infobox-text a:hover, .adresse a:hover, .text a:hover
{
	text-decoration: underline;
}

/* alle Link-Images ohne Rahmen 
a img
{
  border: 0;
}*/

/* Link-Images ohne Rahmen */
a img.borderless
{
  border: 0;
}

a.to-top:link, a.to-top:visited
{
	color: #FFC;
	background: url(images/top.gif) no-repeat scroll 2px 2px transparent;
	padding: 1px 3px 1px 18px;
}

a.to-top:hover, a.to-top:active, a.to-top:focus
{
	color: #333;
	background: url(images/top.gif) no-repeat scroll 2px 2px #FBEF9A;
	padding: 1px 3px 1px 18px;
}

/* endregion Links intern ------------------------------------ */

/* region Links extern --------------------------------------- */
/* http://www.pro-barrierefreiheit.de/entwickler/textformatierungen/externe-links/ */

a.link-extern:link
{
	background: url(images/external.gif) no-repeat 100% -1px;
	padding: 0px 20px 0px 0px;
}

a.link-extern:visited
{
	background: url(images/external.gif) no-repeat 100% -101px;
	padding: 0px 20px 0px 0px;
}

a.link-extern:hover, a.link-extern:active, a.link-extern:focus
{
	color: #000;
	background: url(images/external.gif) no-repeat 100% -201px;
	padding: 0px 20px 0px 0px;
}

span.link-ext
{
	position: absolute;
	left: -3000px;
	top: -3000px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	display: inline;
}

/* endregion Links extern ------------------------------------ */

/* region Content -------------------------------------------- */

div.content
{
	
}

.content-links
{
	border-bottom: solid 1px #F28929;
	height: 570px;
}

.content-mitte
{
	border-bottom: solid 1px #F28929;
	height: 570px;
}

.content-rechts
{
	background-image: url(images/bg_rechteleiste2.jpg);  /* Hintergrund mit Farbverlauf */
	background-repeat: no-repeat;
	border: solid 1px #F28929;
	height: 569px;
	width: 171px;
}

/* endregion Content ----------------------------------------- */

/* region Infobox -------------------------------------------- */

.infobox-top
{
	/* background-color: #FBEF9A; */			       /* wenn kein Hintergrund mit Farbverlauf */
	/* border-top: solid 1px #F28929; */
	/* border-bottom: solid 1px #F28929; */
	/* width: 169px; */
	/* padding-bottom: 2px; */
}

.infobox-text                   /* benötigt zum Ausrichten des Textes in ".infobox-top" */
{
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	font-size: 11px;			/* wg. IE6 doppelt benötigt */
	line-height: 1.2em;
	width: 153px;
	padding: 8px;
}

.infobox-object					/* benötigt zum Zentrieren des Bildes in ".infobox-text" */
{
	text-align: center;
}

.infobox-division		        /* 7 Pixel oben und unten */
{
	border-bottom: solid 1px #F28929;
	height: 7px;
	line-height: 7px;
	margin-bottom: 7px;
}

.infobox-division-2             /* 12 Pixel oben und unten */
{
	border-bottom: solid 1px #F28929;
	height: 12px;
	line-height: 12px;
	margin-bottom: 12px;
}

#trivago_widget_1361664_146840
{
	background-color:#FBEF9A;
	/* border:1px solid #BDD9EF !important; */   /* original border color */
	border:1px solid #F28929 !important;
	display:block;
	margin:0 auto !important;
	max-width:140px !important;
	padding:4px;
}

#trivago_widget_1361664_146840 a
{
	text-decoration:underline;
}

/* endregion Infobox ----------------------------------------- */

acronym, abbr
{
	border-bottom: 1px dotted #FF7000;
	cursor: help;
}

acronym.standard, abbr.standard		/* für Wiederholungen von acronym, abbr*/
{
	border: none;
}

.adresse
{
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	font-size: 11px;
	color: #333;
}

.input
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	height: 17px;
	padding: 0px 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

textarea.input
{
	height: 50px;
}



.text
{
	font-size: 12px;
}

.text10
{
	font-size: 10px;
}

.text11
{
	font-size: 11px;
}