body	{ background: url('../images/bg.png') repeat-x; font-family:  Helvetica, Helvetica Neue, sans-serif; }
h1 {font-size:25px; color: #EEE;}
h2 {font-size:20px;}
h3 {font-size:17px;}
h4 {font-size:19px;}
p {font-size:16px; color: #EEE;}
h1, h2, h3, h4, h5, h6 {margin-bottom: 15px;}
p, dl, hr, ol, ul, pre, table, address, fieldset {margin-bottom:20px;}
li	{margin-bottom: 5px; color: #EEE;}
a	{color: white; text-decoration: none;}

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


#center	{ background: #FFF; width: 1020px; margin: 32px auto;}
#topgfx	{ height: 30px; background: url('../images/topgfx.png');}
#bottomgfx	{ height: 30px; background: url('../images/bottomgfx.png');}
#topcontainer	{ width: 960px; padding: 0 30px; background: url('../images/topcontainerbg.png');}
#bottomcontainer	{ width: 960px; padding: 0 30px; background: url('../images/bottomcontainerbg.png');}
#header	{ background: url('../images/headerbg.png') repeat-x bottom #FFF; height: 125px; padding: 30px 0 30px;}

#menu	{ height: 46px; background: url('../images/menubg.png') repeat-x bottom #FFF; }
ul#nav	{ list-style-type: none; padding: 0 2px; margin: 0;}
li.nav	{ float: left; background: url('../images/menusep.png') no-repeat left; height: 46px;}
li.alfa	{ background: none; }
li.nav a	{ display: block; text-decoration: none; font-size: 20px; color: #000; line-height:46px; padding: 0 35px;}
li.nav a.selected	{ background: url('../images/selected.png') no-repeat bottom; }
li.start	{ width: 113px;}
li.vardfilosofi	{ width: 169px;}
li.historia	{ width: 138px;}
li.besok	{ width: 243px;}
li.spa	{ width: 145px;}
li.lankar	{ width: 128px;}

#content	{ background: url('../images/contentbg.png') repeat-x #0057ae; padding: 40px 71.5px 20px; margin-bottom: -40px;}

div.infobox	{ float: left;  margin: 0 2px;}
div.infoboxcontent	{ width: 179px; background: url('../images/infoboxbg.png') white; padding: 0 28px 0; height: 270px; /* FIXME Ta bort när texterna är lika långa */}
div.infobox div.topgfx	{ background: url('../images/infoboxtop.png'); width: 235px; height: 28px;}
div.infobox div.bottomgfx	{ background: url('../images/infoboxbottom.png'); width: 235px; height: 28px; margin-bottom: 20px;}
div.infobox h2	{ text-align: center; }
div.infobox img	{ margin-bottom: 20px;}
div.infobox p	{ font-size: 13px; margin-bottom: 0; color: #000;}
div.alfa		{ margin-left: 52px; display: inline;}
div.omega		{ margin-right: 52px; display: inline;}

div.videobox {width: 800px; margin: 0 auto; padding: 20px 0 40px;}

#content ul	{ list-style-type: circle; margin-left: 20px;}
#content a.right > img, #content a.left > img	{ float: right; margin: 0 0 15px 15px; border: 5px solid white; }
#content a.left > img { float: left; margin: 0 15px 15px 0;}
#content h2	{ display: block; }

#footer	{ background: url('../images/footerbg.png') repeat-x white; padding: 53px 0 0;}
#footer div.adress, #footer div.phone	{ float: left; display: inline; }
#footer div.adress	{ background: url('../images/mail.png') no-repeat; padding: 0 0 0 70px; margin-left: 164px; }
#footer div.phone		{ margin-bottom: 0; background: url('../images/phone.png') no-repeat; padding: 16px 0 16px 70px; margin-left: 110px; height: 32px;}
#footer div.adress p, #footer div.phone p	{ margin-bottom: 0;  color: #000;}
#footer a	{ color: #000; }