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

h1, h2 {font-family:"Trebuchet MS", Georgia, Verdana, Arial; padding:0; color:#000}

h1 {font-size: 1.3em; margin:10px 0 0 0}
h2 {font-size: 1.1em; margin:0 0 10px 0;}

.white {color:#fff}
.light-red {color:#EECFCF}
.pink {color:#DFB7C2}

body{
margin:0;
padding:0;
color:#000;
text-align: center; /* IE Fix */
background-color: #fff;
font-size: 12px;
font-family:Verdana, Arial, Helvetica, sans-serif
}

a { 
color: #000;
background-color: inherit;
text-decoration: underline;
}

a:hover {
color: #fff;
background-color: inherit;
}

p {
margin: 0;
font-size:11px
}

.leftcolumn p{color:#000}
.rightcolumn p{color:#fff}

img {
border: none
}
#wrapper {
background: url('../bilder/bg_body.gif') no-repeat left top;
width: 955px; /*Width of main container*/
height:561px;
margin: 0 auto; /*Center container on page*/
text-align:left;
padding:0;
position:relative
}

#wrapper div#box1 {
width:710px;
height:310px;
background:#fff;
border:40px solid #765834;
position:absolute;
top:50px;
left:80px;
z-index:99999;
opacity:0.95;
filter:alpha(opacity=95)
}

#wrapper div#box1 h1 {color:#000; margin:0; padding:40px 0 10px 0;text-align:center}
#wrapper div#box1 p {color:#000;font-weight:bold; padding:5px 20px;text-align:center}

#top {
width:940px;
height:30px;
margin:0 auto;
padding:10px 0 0 0;
background-color:#transparent;
position:relative
}

#menu {
position:absolute;
top:-23px;
left:0;
z-index:9999
}

#maincontainer {
background: url('../bilder/bg_main.gif') repeat-y left top;
width: 940px; /*Width of main container*/
height:550px;
margin: 0 auto; /*Center container on page*/
text-align:left;
padding:0;
position:absolute;
top:4px;
left:8px
}

.wrapper {width:955px;height:550px;position:relative}

/* vänsterkolumn */

.leftcolumn{
background:#f0d8dc url('../bilder/bg_linnea.gif') no-repeat right bottom;
float: left;
width: 470px;
height:550px;
margin:0;
padding:0;
position:relative;
}

/* högerkolumn */

.rightcolumn {
background:#765834 url('../bilder/bg_nello.gif') repeat left top;
float:left;
width: 470px;
height:550px;
margin:0;
padding:0;
position:relative;
}

/* Catering */

.blue-left {
background:#A1CBEE url('../bilder/bg_catering.gif') no-repeat left top;
float: left;
width: 470px;
height:550px;
margin:0;
padding:0;
position:relative;
}

.blue-right {
background:#A1CBEE url('../bilder/bg_catering.gif') no-repeat left top;
float:left;
width: 470px;
height:550px;
margin:0;
padding:0;
position:relative;
}

/* Student */

.green-left {
background:#B6D070 url('../bilder/bg_catering1.gif') no-repeat left top;
float: left;
width: 470px;
height:550px;
margin:0;
padding:0;
position:relative;
}

.green-right {
background:#B6D070 url('../bilder/bg_catering1.gif') no-repeat left top;
float:left;
width: 470px;
height:550px;
margin:0;
padding:0;
position:relative;
}

/* Jultallrik */

.red-left {
background:#B6D070 url('../bilder/jultallrik/red-light.gif') repeat left top;
float: left;
width: 470px;
height:550px;
margin:0;
padding:0;
position:relative;
}

.red-right {
background:#B6D070 url('../bilder/jultallrik/julgran.gif') no-repeat right top;
float:left;
width: 470px;
height:550px;
margin:0;
padding:0;
position:relative;
}


.innertube{
margin: 20px 80px; /*Margins for inner DIV inside each column (to provide padding)*/
line-height:22px
}

#subfooter{
clear: both;
width: 955px;
height:15px;
margin:10px auto;
padding:0;
color:#888
}

#subfooter a{color:#000;text-decoration:underline}
#subfooter a:hover{color:#765834}

#footer{
clear: both;
width: 955px;
height:54px;
margin:30px auto;
padding:0;
color:#000
}

#logo_linnea_white {
float:left;
margin-left:150px;
}

#logo_nello_white {
float:right;
margin-right:178px;
}

.clear { clear: both }