h1, p, body, html { padding: 0px; margin: 0px; }
body, html { padding: 0px; margin: 0px; }
body { background-color: #FFFFFF; font-family: Verdana; font-size: 11px; color: #000000; }

a { color: #009fd3; text-decoration: none; }
a:visited { color: #009fd3; }
a:hover { color: #d31141; text-decoration: underline; }
a:active { color: #009fd3; }
form { padding: 0px; margin: 0px; }








#container { width: 900px; margin: 0px auto; }
#container #top { width: 900px; } 
#container #top #logo { float: left; width: 203px; height: 100px; background-image:url(images/logo.gif); background-position: center; background-repeat: no-repeat; } 
#container #top #slogan { float: left; width: 687px; height: 100px; line-height: 100px; padding-right: 10px; text-align: right; font-style:italic; color:#CC0000; } 

#container #menu { width: 900px; height: 46px; margin-bottom: 1px; }
#container #menu #left { float: left; width: 5px; height: 46px; background-image: url(images/menu_left.gif); }
#container #menu #middle { float: left; width: 880px; padding: 5px; height: 36px; background-image: url(images/menu_bg.gif); }
#container #menu #right { float: left; width: 5px; height: 46px; background-image: url(images/menu_right.gif); }
#container #menu #links { width: 880px; height: 36px; }

#container #undermenu { width: 900px; height: 46px; }
#container #undermenu #left { float: left; width: 5px; height: 46px; background-image: url(images/undermenu_left.gif); }
#container #undermenu #middle { float: left; width: 890px; height: 46px; background-image: url(images/undermenu_bg.gif); }
#container #undermenu #right { float: left; width: 5px; height: 46px; background-image: url(images/undermenu_right.gif); }

#container #menu #links #startlink { float: left; width: 125px; height: 36px; padding: 0px 10px; }
#container #menu #links #link { float: left; padding: 0px 10px; line-height: 36px; font-weight: bold; color: #FFFFFF; }
#container #menu #links #link a { color: #FFFFFF; text-decoration: none; font-size: 11px; }
#container #menu #links #link a:visited { color: #FFFFFF; }
#container #menu #links #link a:hover { color: #000000; text-decoration: underline; }
#container #menu #links #link a:active { color: #990000; }
#container #menu #links #break { float: left; width: 2px; height: 36px; background-image: url(images/menu_break.gif); background-position: center; background-repeat: no-repeat; }



#content { width: 890px; margin-bottom: 10px; padding: 5px; }
#content #topic { margin-bottom: 20px; font-size: 14px; font-weight: bold; color: #CC0000; }
#content #smalltopic { margin-bottom: 10px; font-size: 11px; font-weight: bold; color: #CC0000; }
#content #pagetext { margin-bottom: 10px; font-size: 11px; font-weight: normal; color: #000000; }
#content #pagetextbottom { margin-bottom: 20px; font-size: 11px; font-weight: normal; color: #000000; }
#content #page_start { float: right; width: 370px; height: 262px; margin: 5px; background-image:url(images/page/start.jpg); }
#content #page_hjalpmedel_01 { float: right; width: 370px; height: 278px; margin: 5px; background-image:url(images/page/hjalpmedel.jpg); }
#content #page_hjalpmedel_02 { float: right; width: 370px; height: 276px; margin: 5px; background-image:url(images/page/hjalpmedel2.jpg); }
#content #page_kontaktaoss{ float: right; width: 393px; height: 318px; margin: 5px; }


#content #page_omoss { float: right; width: 241px; height: 160px; margin: 5px; background-image:url(images/page/group.gif); }

#content #user { width: 880px; padding: 5px; }
#content #user #image_pontus { float: left; width: 160px; height: 241px; background-image: url(images/page/pontus.gif); background-repeat: no-repeat; }
#content #user #image_anita { float: left; width: 160px; height: 241px; background-image: url(images/page/anita.gif); background-repeat: no-repeat; }
#content #user #image_pelle { float: left; width: 160px; height: 241px; background-image: url(images/page/pelle.gif); background-repeat: no-repeat; }
#content #user #image_martin { float: left; width: 160px; height: 241px; background-image: url(images/page/martin.gif); background-repeat: no-repeat; }
#content #user #info { float: right; width: 700px; padding: 10px; }


#container #copyright { width: 900px; height: 46px; margin-bottom: 1px; }
#container #copyright #left { float: left; width: 5px; height: 46px; background-image: url(images/menu_left.gif); }
#container #copyright #middle { float: left; margin: 0px auto; width: 880px; padding: 5px; height: 36px; background-image: url(images/menu_bg.gif); }
#container #copyright #middle #content { width: 700px; height: 26px; margin: 0px auto; }
#container #copyright #middle #content #text { float: left; font-size: 11px; line-height: 26px; color: #FFFFFF; }
#container #copyright #middle #content #break { float: left; height: 26px; padding: 0px 10px; color: #CC0000; text-align: center; background-image: url(images/menu_break.gif); background-position: center; background-repeat: no-repeat; }
#container #copyright #right { float: left; width: 5px; height: 46px; background-image: url(images/menu_right.gif); }






/* clearfix */
#clear { clear: both; }
#clearfix:after{ content:"."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
#clearfix{ display: inline-block; }
html[xmlns] #clearfix{ display:block; }
* html #clearfix{ height:1%; }