/**-----------------------------------------------------------

*  Projekt              : hotel-erholung.de
*  Dateiname            : hotel-erholung.css
*  Erzeugerdatum        : 25.04.2008
*  Autor                : Jörg Harling
*  Letzte Akt.          : 29.04.2008
*
*  Beschreibung: css-Datei für die Formatierung der Website

------------------------------------------------------------**/


/*******************************************/
/*        Allgemeine Formatierungen        */
/*******************************************/

.tab180 {
	width:180px;
	float:left;
	display:block;
}

ul {
	line-height:24px;
}

h1 {
	color:#FF0000;
}

h3 {
	color:#0d3e80;
	font-size:15px;
	margin:0px 0px 10px 0px;
}

small {
	font-size:11px;
}

#updateBrowser {
	border:2px solid #FF0000;
	padding:15px;
}

.imgboxkont {
	width:370px;
	margin-bottom:15px;
	margin-left:20px;
	float:right;
}

#sat {
	border:3px solid #C2DFFF;
	width:100%;
	height:350px;
	display:block;
}

.imglink {
	border:3px solid #C2DFFF;
}

#haftung {
	color:#aaaaaa;
	font-size:11px;
}

#haftung h2 {
	font-size:12px;
}

/*********** Haupt-Link-Klasse im content *********/ 
#content_input a:link, #content_input a:visited {
	text-decoration:none;
	font-weight:bold;
	color:#2068C5;
}

#content_input a:hover {
	text-decoration:underline;
}

a img {
	border:none;
}

/*********** Haupt-Link-Klasse im content *********/


.blaumid {
	color:#0d3e80;
	font-size:14px;
}

.blau {
	color:#0d3e80;
}

#tradition {
	position:absolute;
	height:71px;
	width:163px;
	background:url(../bitmaps/tradition.gif) no-repeat;
	left:50%;
	display:block;
	margin-top:138px;
	margin-left:-476px;
}

.navistep {
	height: 12px; 
}

.imgtitle {
	margin-bottom:30px;
	margin-left:-4px;
}

.imgalignleft {
	margin-bottom:15px;
	margin-right:20px;
	float:left;
}

.imgalignright {
	margin-bottom:15px;
	margin-left:20px;
	float:right;
}

.imgaligngr {
	margin-bottom:5px;
	margin-right:5px;
	float:left;
}

.imgborder_1 {
	border:4px solid #C6E1FF;
}


/*******************************************/
/*     OK-Box und Fehlerklassen            */
/*******************************************/
.fehlerbox { /* die Fehlerbox-Tabelle */
	border: 2px solid #dd0000;
}

.fehlerkopf { /* Titel der Fehlerbox */
	color: #dd0000;
	font-weight: bold;
	font-size: 15px;
}

.fehlermeldung { /* Text in der Fehlerbox */
	color: #900000;
}

.fehlerhaft { /* der Titel der fehlerhaften Zeile */
	color: #dd0000;
}

.okbox { /* die OK-Box Tabelle */
	border: 2px solid #00dd00;
}

.okkopf { /* Titel der OK-Box */
	color: #00dd00;
	font-weight: bold;
	font-size: 15px;	
}

/*******************************************/
/*                Form-Elemente            */
/*******************************************/

input, select, textarea {
		background: #e2f2fe;
		border:1px solid #2068C5;
		font-size:12px;
		color:#0d3e80;
}

input.f_element {
		border:none;
		padding:0;
		margin:0;
}

.button {
		background: #e2f2fe;
		border:1px solid #2068C5;
		font-size:12px;
		color:#0d3e80;
		font-weight:bold;
		
}


/*******************************************/
/*              Submenü oben               */
/*******************************************/

#site_top a:link, #site_top a:visited {
	color:#0052bc;
	text-decoration:none;
}

#site_top a:hover {
	text-decoration:underline;
}

/*******************************************/
/*            Hauptmenü-Links              */
/*******************************************/


#mainnav a:link, #mainnav a:visited {
	background:url(../bitmaps/navi_norm.jpg) right no-repeat #FFFFFF;
	color: #0052bc;
	padding-top:4px;
	padding-left:4px;
	width:200px;
	display:block;
	letter-spacing:1px;
	font-size:12px;
	text-decoration:none;
	text-transform:uppercase;
	border-bottom: 1px solid #b8d9ff;
	height:23px;
}

#mainnav a:hover {
	background:url(../bitmaps/navi_hover.jpg) right no-repeat #FFFFFF;
	text-decoration:none;
	font-weight:bold;
}

#mainnav a.active {
	background:url(../bitmaps/navi_active.jpg) right no-repeat #FFFFFF;
	text-decoration:none;
}


/*******************************************/
/*               Seitenlayout              */
/*******************************************/

body {
	background: url(../bitmaps/body_bg.jpg) top center no-repeat #d1ebff;
	margin-top:10px;
	font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	text-align:center;
	font-size:12px;
}

#container {
	width:924px;
	height:auto;
	margin:0 auto;
	display:block;
}

#site_top {
	background:url(../bitmaps/site_top.gif) no-repeat;
	width:924px;
	height:20px;
	text-align:right;
	font-size:11px;
	display:block;
	clear:both;
}

#header {
	width:100%;
	height:201px;
	position:relativ;
	display:block;
	clear:both;
}

#content {
	background:#ffffff;
	padding-top: 15px;
	width:100%;
	height:auto;
	position:relativ;
	display:block;
	min-height:400px;
	overflow:auto;
	clear:both;
}

*html #content {
	margin-top:-5px;
}

#mainnav {
	width:226px;
	height:auto;
	position:relativ;
	display:block;
	float:left;
	padding-left:20px;
	margin-right:30px;
	text-align:left;
	margin-bottom:30px;
}

#content_input {
	width:626px;
	height:auto;
	text-align:left;
	display:block;
	float:left;
	min-height:350px;
	padding-bottom:30px;
	margin-bottom:10px;
	color:#0d3e80;
}

#footer {
	background: url(../bitmaps/site_bot.gif) no-repeat;
	width:100%;
	height:19px;
	position:relativ;
	display:block;
	clear:both;
	text-align:right;
	color:#ffffff;
	font-size:10px;
}

#footer a:link, #footer a:visited {
	color: #ffffff;
	font-size:11px;
	text-decoration:none;
}

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