@import "texter.css";

body {
background-color: #F5E6B9;
font-size: 13px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
padding:0px;
margin:0px;
}
a:link {color: #990033; text-decoration:underline;}
a:visited {color: #990033; text-decoration:underline;}
a:hover {color: black; text-decoration:underline;}
a:active { color:#990033; text-decoration:none;}
a:focus { color:#990033; text-decoration:none;}

a.linkicon:link { background:url(images/layout/link-icon1.gif) no-repeat center right; color:#000; text-decoration:underline; padding-right: 19px; line-height: 20px; }
a.linkicon:visited { background:url(images/layout/link-icon1.gif) no-repeat center right; color:#000; text-decoration:underline; padding-right: 19px; line-height: 20px; }
a.linkicon:hover { background:url(images/layout/link-icon1.gif) no-repeat center right; color:#ff0000; text-decoration:underline; padding-right: 19px; line-height: 20px; }
a.linkicon:active { background:url(images/layout/link-icon1.gif) no-repeat center right; color:#000; text-decoration:underline; padding-right: 19px; line-height: 20px; }



a.klein:link { color:#CD9967; font-size: x-small; text-decoration:none; }
a.klein:visited { color:#CD9967; font-size: x-small; text-decoration:none; }
a.klein:hover { color: #CD9967; font-size: x-small; text-decoration:underline; }
a.klein:active { color:#CD9967; font-size: x-small; text-decoration:none; } 
a.klein:focus { color:#CD9967; font-size: x-small; text-decoration:none; } 

a.menu:link { color:#FFFFCD; text-decoration:none; font-weight: normal; display: block; }
a.menu:visited { color:#FFFFCD; text-decoration:none; font-weight: normal; display: block; }
a.menu:hover { color:#990033; text-decoration:none; font-weight: normal; display: block; }
a.menu:active { color:#990033; text-decoration:none; font-weight: normal; display: block; }
a.menu:focus { color:#990033; text-decoration:none; font-weight: normal; display: block; }

a.menusub:link { color:#FFF; text-decoration:none; font-weight: bold; display: block; }
a.menusub:visited { color:#FFF; text-decoration:none; font-weight: bold; display: block; }
a.menusub:hover { color:#FFF; text-decoration:underline; font-weight: bold; display: block; }
a.menusub:active { color:#FFF; text-decoration:none; font-weight: bold; display: block; }
a.menusub:focus { color:#FFF; text-decoration:none; font-weight: bold; display: block; }

a.menusub2:link { color:#FFF; text-decoration:none; }
a.menusub2:visited { color:#FFF; text-decoration:none; }
a.menusub2:hover { color:#FFF; text-decoration:underline; }
a.menusub2:active { color:#FFF; text-decoration:none; }
a.menusub2:focus { color:#FFF; text-decoration:none; }

a.menusub2-1:link { padding-left:8px; color:#FFF; text-decoration:none; }
a.menusub2-1:visited { padding-left:8px; color:#FFF; text-decoration:none; }
a.menusub2-1:hover { padding-left:8px; color:#FFF; text-decoration:underline; }
a.menusub2-1:active { padding-left:8px; color:#FFF; text-decoration:none; }
a.menusub2-1:focus { padding-left:8px; color:#FFF; text-decoration:none; }

a.menuoben:link { color:#FFFFCD; text-decoration:none; font-weight: bold; }
a.menuoben:visited { color:#FFFFCD; text-decoration:none; font-weight: bold; }
a.menuoben:hover { color:#990033; text-decoration:none; font-weight: bold; }
a.menuoben:active { color:#990033; text-decoration:none; font-weight: bold; }
a.menuoben:focus { color:#990033; text-decoration:none; font-weight: bold; }


li {
	line-height: 20px;
}




div.routenplaner {
	font-size:12px;
}

div.menu {
	font-family:"Times New Roman", Times, serif;
	margin: 0px 0px 0px 0px;
	width: 200px;
	border: 0px #FFCC00 double;
	vertical-align: middle;
}
div.adresse {
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	color:#CC9966;
	padding-left:25px;
}
ul.menu {
	color:#FFFFFF;
	list-style-type: disc;
	list-style-position: outside;
	margin: 0px 0px 0px 17px;
	border: 0px;
	padding: 0px;
}
ul.alt {
	list-style:disc;
	padding-left: 0px;
	margin-left: 25px;
}

h1 {
font-size: 11px;
padding:0px 0px;
margin:0px;
line-height: 9px;
font-weight:normal;
 }
h2 {
font-size:18px;
font-weight: normal;
padding: 0px 0px;
margin:0px;
color: #990033;
}
h3 {
font-size:18px;
font-weight: normal;
padding: 3px 0px 0px 27px;
margin: 0px 0px 0px 0px;
height: 31px;
background-image:url(images/layout/hg-navi-button.jpg);
background-repeat:no-repeat;
}

img.download {vertical-align:middle;}

/* ----------container zentriert das layout-------------- */
#container {
width: 916px;
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
background-image:url(images/layout/hg-full.jpg);
} 

/* ----------banner for logo-------------- */
#banner {
text-align: left;
background-color: #ffffff;
padding: 0px;
margin: 0px; }

#bannerfotoleiste {
	height: 40px;
	width: 890px;
	background-image:url(images/layout/hotel-pension-gaestehaus-bodensee-salem-head-2.jpg);
	padding-top:22px;
	padding-right: 26px;
	text-align:right;
	font-size: 16px;
	font-family:"Times New Roman", Times, serif;
	font-weight: bold;
}

#banner img {padding:0px 0px;} 

/* ----------outer und inner----------------- */
#outer{ 
border-left: solid 150px #FFFFCC;  /* linke Menue Spalten Farbe  */ 
margin-left: 10px;
 } 

#inner{ margin:0px; width:100%; } /* die IE PC schlaufe */ 

/* --------------left navigavtion------------- */
#left {
 float:left; 
 width:206px;
 position:relative; 
 margin-left:-140px; 
 margin-right:1px;
 padding-left: 15px;
 border: 0px solid blue;
 height: 100%;
 }

/* -----------------Inhalt--------------------- */
#content{
 float:right;
 font-size: 15px;
 font-weight:normal;
 position: relative; 
 margin: 0px;
 width:81%;
 padding-right:40px;
 padding-top:8px;
 border: 0px solid red;
 line-height: 19px;
}

p{
 padding: 0px 0px;
 margin: 0px;
}

/*  ----------------footer---------------------- */ 
#footer {
font-size:10px;
clear:both;
padding:0px;
margin:0px;
text-align: center; } 

/*  -----------------form----------------------- */ 
/* Eingabefelder */
input.formular {
background-color: #FFFCF0;
color: black;
border: 1px solid silver;
}
select.formular {
background-color: #FFFCF0;
color: black;
border: 1px solid silver;
}

/* Textfeld */
textarea.formular {
	background-color: #FFFCF0;
	color: black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	border: 1px solid silver;
	width:250px;
}