body { margin: 0; }

#outer { width: 760px; background: url('topp.jpg') no-repeat; }

#header { clear: both; height: 104px; } 

#wrapper { }

#menu { width: 152px; height: 550px; float: left; background: url('menu_full.jpg') no-repeat;  }

#content { width: 580px; min-height: 300px; float: left; padding: 0 10px; background: url('bg_stavn.gif') right 60px no-repeat; }

#footer { clear: both; text-align: right; }

#menu ul { margin: 0; padding: 0; }
#menu ul li { margin: 0; padding: 0; clear: both; float:left; }
#menu ul li a { margin: 0; padding: 0; display: block; width: 152px; height: 30px; background-repeat: no-repeat; }

/*     border-top: solid 1px black;      border-bottom: solid 1px black; */

#menu ul li a span { display: none; margin: 0; padding: 0; }

.language span { display: none; }
.language { float: right; display: block; background: url('flag_great_britain.png'); height: 24px; width: 24px; margin-right: 20px; margin-top: 20px;}

.languagewrap { height: 48px; }

.home { background: url('home.jpg'); }
.info { background: url('info.jpg'); }
.experiences {  background: url('experiences.jpg');  }
.overnight { background: url('overnight.jpg'); }
.courses { background: url('courses.jpg'); }
.conference { background: url('conference.jpg'); }
.links { background: url('links.jpg'); }
.contact { background: url('contact.jpg'); }
#menu ul li a.wedding { background: url('wedding.jpg'); height: 102px; }

.home:hover { background: url('home_active.jpg'); }
.info:hover { background: url('info_active.jpg'); }
.experiences:hover {  background: url('experiences_active.jpg');  }
.overnight:hover { background: url('overnight_active.jpg'); }
.courses:hover { background: url('courses_active.jpg'); }
.conference:hover { background: url('conference_active.jpg'); }
.links:hover { background: url('links_active.jpg'); }
.contact:hover { background: url('contact_active.jpg'); }
#menu ul li a.wedding:hover { background: url('wedding_active.jpg'); }

li.active .home { background: url('home_active.jpg'); }
li.active .info { background: url('info_active.jpg'); }
li.active .experiences {  background: url('experiences_active.jpg');  }
li.active .overnight { background: url('overnight_active.jpg'); }
li.active .courses { background: url('courses_active.jpg'); }
li.active .conference { background: url('conference_active.jpg'); }
li.active .links { background: url('links_active.jpg'); }
li.active .contact { background: url('contact_active.jpg'); }
#menu ul li.active a.wedding { background: url('wedding_active.jpg'); }

.left { float: left; padding-right: 10px; }
.right { float: right; padding-left: 10px; }

h1, h2, h3, p, li { font-family: Arial, Helvetica, sans-serif; }

h1, h2, h3 { color: #993333; }

h1 {  font-size: 1.5em; }
h2 {  font-size: 1.2em; }
h3 {  font-size: 1em; }

p, li { font-size: 0.8em; }

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */