html, body {
   margin: 0;
   padding: 0;
   height: 100%;
}

body {
	background-position: 0 95px;
	background-repeat: no-repeat;
	background-image: url(pic/bg.gif);
	background-color: #D84F17;
}

p, ul, .txt {
	color: white;
	line-height: 20px;
	font-size: 14px;
	font-family: "Verdana", sans-serif;
}

ul {
	margin-left:-15px;
}

p a, li a {
	text-decoration: none;
	color: #333333;
	padding:1px 3px 1px 3px;
	/*background-color: #666666;*/
	text-decoration: none;
}

p a:hover, li a:hover {
	color: #333333;
	background-color: white;
}


body#links #content a { font-size:10px;}

.comment {
	font-size: 10px;
	font-family: "Verdana", sans-serif;
}

img a {
	padding: 0px 0px 0px 0px;
	background-color: #D84F17;
	border: none;
}

a.gal img {
	padding: 2px 2px 2px 2px;
	margin: 0px 5px 5px 0px;
	border: solid 1px;
	border-color: #EBA7EB;
	-moz-border-radius:3px;
	-khtml-border-radius:3px;
}

a.gal:hover img {
	border-color: #FFFFFF;
	background-color: #D84F17;
}

#nav li a, #nav li a:hover {
	padding: 0px 0px 0px 0px;
	background-color: #D84F17;
	border: none;
}

a.button:hover {
	height: 11px;
	padding:3px 5px 3px 5px;
	line-height: 10px;
	font-size: 11px;
	font-family: "Verdana", sans-serif;
	font-weight: bold;
	background-color: white;
	color: #666666;
	text-decoration: none;
	border: solid 1px;
	border-color: white;
	-moz-border-radius:3px;
	-khtml-border-radius:3px;
}

a.button {
	white-space:nowrap;
	height: 15px;
	padding:3px 5px 3px 5px;
	line-height: 22px;
	font-size: 11px;
	font-family: "Verdana", sans-serif;
	font-weight: bold;
	background-color: #666666;
	color: white;
	text-decoration: none;
	border: solid 1px;
	border-color: white;
	-moz-border-radius:3px;
	-khtml-border-radius:3px;
}

a.button:hover {
	height: 15px;
	padding:3px 5px 3px 5px;
	line-height: 22px;
	font-size: 11px;
	font-family: "Verdana", sans-serif;
	font-weight: bold;
	background-color: white;
	color: #666666;
	text-decoration: none;
	border: solid 1px;
	border-color: white;
	-moz-border-radius:3px;
	-khtml-border-radius:3px;
}

h1, .headline {
	text-transform: uppercase;
	font-weight: normal;
	color: white;
	line-height: 20px;
	font-size: 15px;
	font-family: "Verdana Bold","Arial Black","Helvetica Bold", sans-serif;
	letter-spacing: 0px;
}

.preis {
	margin-left:10px;
	font-size: 15px;
	font-family: "Verdana","Helvetica", sans-serif;
}

#logo span{
	margin-right: 20px;
	height: 64px;
	width: 64px;
	background-repeat: no-repeat;
	background-image: url(pic/logo.gif);
	float: left;
}

#main {
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	left:0;
    top:0;
}

#main { height:100% }           /* for IE */

html>body #main { height:auto } /* undo IE-specific format for other browsers */

#content {
	width: 710px;
	margin-left: 120px;
	border: 0px solid;
	height:auto;
}

#mapfond {
	height:300px;
	width:700px;
	padding:5px;
	background-color: white;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
}

#gap {
	width: 710px;
	height: 10px;
	position: relative;
	margin-left: 120px;
	display: block;
	border: solid 0px;
	border-color: white;
}

#footer {
	/* only when it's all fixed there's no worry about overlapped content */ 
	height: 70px;
	bottom: 0 !important;
	bottom: -1px;
	left:0;
	width: 100%; 
	position: absolute;
	background-image: url(pic/footerbg.gif);
}


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

#footer a:hover {
	color: #FFFFFF;
	background-color: #D84F17;	
}

#address {
	height: 11px;
	bottom: 0 !important;
	bottom: -1px;
	width: 100%; 
	text-indent: 115px;
	padding:5px;
	line-height: 10px;
	font-size: 10px;
	font-family: "Verdana", sans-serif;
	background-color: white; 
	color: #D84F17;
} 

#header {
	width: 800px;
	margin-top: 38px;
	margin-left: 38px;
}

#nav span {
  display: block;
  height: 13px;
  position: relative;
}

#nav a {
  display: block;
  text-indent: -5000%;
  position: relative;
  outline: none;
}

#nav li { 
	display: inline;
	float: left;
	list-style-type: none;
	padding-right: 10px;
}

hr {
    visibility:hidden;
    height:120px; /* height of footer + padding-top of <p> + some extra margin */
    border:0;
    padding:0;
    margin:0;
}

/* deutsche Navigation*/

#nav .nav00 span { width: 32px; background-image: url(pic/mn00.gif); background-repeat: none; }
#nav .nav01 span { width: 49px; background-image: url(pic/mn01.gif); background-repeat: none; }
#nav .nav02 span { width: 41px; background-image: url(pic/mn02.gif); background-repeat: none; }
#nav .nav03 span { width: 29px; background-image: url(pic/mn03.gif); background-repeat: none; }
#nav .nav04 span { width: 48px; background-image: url(pic/mn04.gif); background-repeat: none; }
#nav .nav05 span { width: 87px; background-image: url(pic/mn05.gif); background-repeat: none; }
#nav .nav06 span { width: 53px; background-image: url(pic/mn06.gif); background-repeat: none; }
#nav .nav07 span { width: 65px; background-image: url(pic/mn07.gif); background-repeat: none; }
#nav .nav08 span { width: 59px; background-image: url(pic/mn08.gif); background-repeat: none; }
#nav .nav09 span { width: 33px; background-image: url(pic/mn09.gif); background-repeat: none; }
#nav .nav10 span { width: 53px; background-image: url(pic/mn10.gif); background-repeat: none; }
#nav .nav11 span { width: 21px; background-image: url(pic/flag_eng.gif); background-repeat: none; }

#nav .nav10 span { margin-right: 15px; }

/* englische Navigation */

#nav .nav02e span { width: 41px; background-image: url(pic/mn02e.gif); background-repeat: none; }
#nav .nav03e span { width: 55px; background-image: url(pic/mn03e.gif); background-repeat: none; }
#nav .nav04e span { width: 52px; background-image: url(pic/mn04e.gif); background-repeat: none; }
#nav .nav05e span { width: 78px; background-image: url(pic/mn05e.gif); background-repeat: none; }
#nav .nav06e span { width: 48px; background-image: url(pic/mn06e.gif); background-repeat: none; }
#nav .nav08e span { width: 44px; background-image: url(pic/mn08e.gif); background-repeat: none; }
#nav .nav09e span { width: 44px; background-image: url(pic/mn09e.gif); background-repeat: none; }
#nav .nav10e span { width: 52px; background-image: url(pic/mn10e.gif); background-repeat: none; }
#nav .nav11e span { width: 21px; background-image: url(pic/flag-de.gif); background-repeat: none; }

#nav .nav10e span { margin-right: 15px; }

#headline span { float: left; display:block; position:relative; height: 51px; width: 600px; background-image: url(pic/headline_f01.gif); background-repeat: none; }

#headline_over { top: 51px; left: 120px; position:absolute; z-index:99; border: solid 0px; border-color: white; }

body#home #headline span { background: url(pic/headline_f01.gif) no-repeat;}
body#service #headline span { background: url(pic/headline_f02.gif) no-repeat;}
body#preise #headline span { background: url(pic/headline_f03.gif) no-repeat;}
body#lage #headline span { background: url(pic/headline_f04.gif) no-repeat;}
body#galerie #headline span { background: url(pic/headline_f05.gif) no-repeat;}
body#reservierung #headline span { background: url(pic/headline_f06.gif) no-repeat;}
body#historie #headline span { background: url(pic/headline_f07.gif) no-repeat;}
body#stralsund #headline span { background: url(pic/headline_f08.gif) no-repeat;}
body#angebote #headline span { background: url(pic/headline_f09.gif) no-repeat;}
body#links #headline span { background: url(pic/headline_f10.gif) no-repeat;}
body#kontakt #headline span { background: url(pic/headline_f11.gif) no-repeat;}

body#preise_e #headline span { background: url(pic/headline_e_f03.gif) no-repeat;}
body#lage_e #headline span { background: url(pic/headline_e_f04.gif) no-repeat;}
body#galerie_e #headline span { background: url(pic/headline_e_f05.gif) no-repeat;}
body#reservierung_e #headline span { background: url(pic/headline_e_f06.gif) no-repeat;}
body#historie_e #headline span { background: url(pic/headline_e_f07.gif) no-repeat;}
body#angebote_e #headline span { background: url(pic/headline_e_f09.gif) no-repeat;}
body#kontakt_e #headline span { background: url(pic/headline_e_f11.gif) no-repeat;}

#col685 {
	width: 685px;
	height:auto;
	display: block;
}

#col220 {
	margin-right: 15px;
	width: 220px;
	float: left;
	border: solid 0px white;
	height:auto;
}

#col435 {
	margin-right: 25px;
	width: 435px;
	float: left;
	height:auto;
}

#col455 {
	width: 455px;
	margin-right: 10px;
	float: left;
	height:auto;
}

#col250 {
	margin-right: 15px;
	width: 250px;
	float: left;
	border: solid 0px;
	border-color: white;
	height:auto;
}

#col160 {
	width: 160px;
	float: left;
	border: solid 0px;
	border-color: white;
	height:auto;
}


#tab {
	width: 150px;
	float:left;
	display:block;
}

.formrow {
	display:block;
	clear: both;
	min-height:22px;
	border: 0px;
	border-color: white;
	border-style: solid;
	line-height: 12px;
	font-size: 11px;
	font-family: "Verdana", sans-serif;
	margin-bottom: 5px;
}

.formelement {
	float:left;
	color: #333333;
	line-height: 12px;
	font-size: 11px;
	font-family: "Verdana", sans-serif;
	background-color: #E0E0E0;
	margin-right: 5px;	
}

.formelement:focus {
	background-color: white;
	color: #333333;
}

.formtxt {
	width: 200px;
	float:left;
	color: white;
	line-height: 20px;
	font-size: 12px;
	font-family: "Verdana", sans-serif;
	margin-top: 0px;
}

#clear {
	clear: left;
}

.floatimg {
	margin-right: 10px;
	float: left;
}