body {
text-align: center;
background: url(images/mainbg.jpg) top center no-repeat #120b01;
}

/* ------------------------ Structure ------------------------ */

#container {
text-align: left;
width: 880px;
margin: 0 auto;
}

#header {
width: 			880px;
margin:			-5px 0px 0px 0px;
}

#contactinfo {
float: 			left;
width: 			auto;
text-shadow: 	#000000 1px -1px 1px;
margin: 		0px 0px 0px 240px;
background: 	transparent;
}

#menu {
width: 880px;
margin-top: 0px;
margin-bottom: 5px;
text-align: center;
}

#content {
width: 880px;
height: 550px;
background: url(images/content-bg2.jpg) bottom no-repeat #0b0701;
}
#beliggenhed {
width: 880px;
height: 1000px;
background: url(images/content-bg2.jpg) bottom no-repeat #0b0701;
}
/* Kun ¾ndring at height - content for beliggenhed.html */
#booking {
width: 880px;
height: 1850px;
background: url(images/content-bg2.jpg) bottom no-repeat #0b0701;
}
/* Kun ¾ndring at height - content for booking.html */

#box {
border-bottom: 2px #8b7e12 solid;
background: #745e1e;
width: 350px;
height: 262px;
float: right;
margin-left: 20px;
margin-top: 30px;
}

#iframe-box {
margin-left: 30px;
margin-top: 30px;
}

#knap {
background: url(images/knap-bg.jpg) top left no-repeat;
width: 255px;
height: 36px;
clear: both;
margin-left: 50px;
}

#bottombar {
background: url(images/bottombar-bg.jpg) top left repeat-x;
height: 21px;
width: 880px;
text-align: center;
}

/* ------------------------ Images ------------------------ */

.vaerelse {
	margin-left: 			20px; 
	border: 				#c4c1ad 3px solid
}

.firstVaerelse {
	margin-left: 			40px;
}

#logo {
margin-left: -22px;
margin-top: 0px;
margin-bottom: -5px;
float: left;
}

#branding {
margin-bottom: -5px;
margin-top: 0px;
}

#book {
float: left;
margin-left: 50px;
margin-top: 5px;
margin-bottom: 30px;
}
#resever {
float: left;
margin-top: 5px;
}
#pil {
float: left;
margin-left: 15px;
margin-right: 15px;
margin-top: 40px;
}

#personal {
float: left;
margin-left: 130px;
margin-top: 70px;
}
#telephone {
float: left;
margin-left: 130px;
margin-top: 235px;
clear: left;
}
#reservation {
float: left;
margin-left: 130px;
margin-top: 155px;
clear: left;
}
#transfer {
float: left;
margin-left: 130px;
margin-top: 270px;
clear: left;
}
#payment2 {
float: left;
margin-left: 130px;
margin-top: 175px;
clear: left;
}
#add-info2 {
float: left;
margin-left: 130px;
margin-top: 55px;
clear: left;
}

.flag {
margin-left: 5px;
margin-right: 5px;
margin-top: 3px;
border: 	none;
}

#aktiv {
color: #ffffff;
}

#ikke-aktiv {
color: #6d6356;
}
#flag-links a:hover {
color: #ffffff;
}

/* ------------------------ Type ------------------------ */

a {
text-decoration: none;
color: #88c04e;
}

#contactinfo p {
font-family: Verdana;
font-size: 7pt;
font-weight: lighter;
text-align: right;
color: white;
margin: -17px 0px 0px 0px;
}

#contactinfo h3 {
font-size: 7pt;
font-weight: bolder;
font-family: Verdana;
text-align: right;
color: #88c04e;
margin-bottom: 5px;
margin-top: 100px;
}

#fade-image {
height: 236px;
width: 880px;
margin-bottom: -5px;
margin-top: 0px;
}

#menu ul {
margin: 0 0 0 0px;
padding: 0;
list-style: none;
width: 880px;
background: url(images/menu-bg.jpg) repeat-x top left;
float: left;
text-align: center;
}

#menu ul li {
float: left;
line-height: 80px;
margin: 0;
padding: 0;
margin-top: -13px;
width: 140px;
text-align: center;
}

#menu ul li a {
padding: 0px 37px;
font-family: Georgia;
font-size: 14pt;
text-decoration: none;
color: #d1a312;
text-align: center;
}

#menu ul li a:hover {
color: white;
text-shadow: #000000 1px -1px 1px;
}

#content p {
margin: 0px 20px 20px 35px;
color: white;
font-family: Verdana;
font-size: 9pt;
font-weight: lighter;
line-height: 20px;
}

#content h1 {
color: #88c04e;
font-family: Georgia;
font-size: 15pt;
margin-left: 35px;
margin-top: 0px;
line-height: 60px;
margin-right: 20px;
margin-bottom: 0px;
}

#box h4 {
color: white;
font-family: Verdana;
font-size: 13pt;
font-weight: lighter;
text-align: center;
margin-top: 20px;
}
#knap h2 {
color: white;
font-family: Verdana;
font-size: 10pt;
font-weight: lighter;
text-align: center;
line-height: 33px;
}
/*Lineheight bliver brugt som margin*/

#bottombar p {
font-family: Verdana;
color: #6d6356;
font-size: 7pt;
margin: 0px;
line-height: 20px;
}

#bottombar a {
text-decoration: none;
}

#liste {
color: white;
margin-left: 40px;
line-height: 23px;
font-family: Verdana;
font-size: 9pt;
font-weight: lighter;
}

table {
color: white;
font-family: Verdana;
font-size: 9pt;
font-weight: lighter;
margin-left: 30px;
}
td {
border: #88c06e 0px solid;
padding: 2px;
}

#flag-links {
float: right;
color: white;
margin: 	0px 10px 0px 0px;
font-size: 9pt;
}


/* ------------------------ Site spefific stuff ------------------------ */
/* Beliggenhed.html */
#beliggenhed p {
margin: 0px 20px 20px 35px;
color: white;
font-family: Verdana;
font-size: 9pt;
font-weight: lighter;
line-height: 20px;
}

#beliggenhed h1 {
color: #88c04e;
font-family: Georgia;
font-size: 15pt;
margin-left: 35px;
margin-top: 0px;
line-height: 60px;
margin-right: 20px;
margin-bottom: 0px;
}

/* booking.html  */
#booking h1 {
color: #88c04e;
font-family: Georgia;
font-size: 15pt;
margin-left: 35px;
margin-top: 0px;
line-height: 60px;
margin-right: 20px;
margin-bottom: 0px;
}
#booking p {
margin: 0px 20px 20px 35px;
color: white;
font-family: Verdana;
font-size: 9pt;
font-weight: lighter;
line-height: 20px;
}

#book-top {
background: url(top.gif) no-repeat top left;
margin-left: 30px;
}
#book-fyld {
background: url(fill.gif) repeat-y top left;
margin-top: 0px;
padding-bottom: 10px;
padding-top: 30px;
margin-left: 30px;
}
#book-bund {
background: url(bottom.gif) no-repeat bottom left;
margin-left: 30px;
}

form {
margin-left: 250px;
}

legend {
font-weight: bold;
font-family: Helvetica;
font-size: 15pt;
color: #000000;
}
label {
display: block;
float: left;
width: 250px;
color: #000000
}
	#attention {
color: #000000;
font-size: 6pt;
font-family: Verdana;
text-align: center
}
form h5 {
font-family: Helvetica;
font-size: 9pt;
}

fieldset {
margin-top: 15px;
padding: 5px;
border: 0px solid #ccc;
width: 500px;
background-color: #f6f6f6;
}

input.radio, input.checkbox, input.submit {
width: auto;
}

	input.radio {
float: left;
margin-right: 10px;
}
	input:focus, textarea:focus {
background: #ffc;
}
	
input[type="text"], textarea {
border-top: 2px solid #999;
border-left: 2px solid #999;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
font-size: 12pt;
}

textarea {
width: 500px;
height: 100px;
padding: 5px;
margin-left: 5px;
}

span.moms {
	color: white;
	margin: 0px 0px 0px 35px;
	line-height: 30px;
	font-size: 12px;
	font-style: italic;
}

/* ------------------------- Fade script CSS ---------------------------- */

.example {
width: 880px;
height: 326px;
margin-top: 0px;
margin-bottom: 3px;
clear: both;
}

ul.crossfade {
padding: 0;
margin: 0;
list-style: none;
}

#fade-example-2 li {
position: absolute;
top: 0;
left: 0;
width: 880px;
height: 326px;
background-color: #FFF;
visibility: hidden;
}

li img {
display: block;
border: 0px solid #FFF;
}

.ajax {
margin: 3em;
border: 1em solid #FF8C00;
padding: 1em;
}