body {font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; margin: 0; background: url(../images/bg.gif) #EAEEF0 repeat-x top center;}

h1 {font-size: 18px; margin: 0; color:#575757;}
h2 {font-size: 14px; margin-top: 15px; color:#575757; line-height: 20px;}
p {margin-top: 15px; color:#575757;}

a:link { color: #405993;}
a:visited { color: #405993;}
a:active { color: #405993;}
a:hover { color: #192F62;}

.picframe {border: solid 1px #CCCCCC; padding: 3px; margin: 5px; float: left;}

/*LAYOUT*/

#container {width: 764px; margin: auto; padding: 0;}
#mainContainer {float: left; width: 764px; height: 264px; background: url(../images/main_bg.gif) no-repeat; margin: 0; padding: 0;}

#topdiv {float: left; width: 764px; height: 111px; margin: 0; padding: 0; background: url(../images/header_bg.gif);}

#logo {float: left; width: 186px; height: 111px;}
#logo h1 {margin: 0; padding: 0;}
#logo h1 a {float: left; width: 180px; height: 108px; background: transparent url(../images/mjallby_event_ab.gif) no-repeat; text-indent:-9999px; display:block;}

#menu {float: left; width: 328px; height: 54px; margin: 57px 0 0 0; padding: 0;}
#menu ul li {float: left; display: inline;}
#menu ul li a {top: 0; left: 0; display:block; height:54px; background: url(../images/menu.gif) no-repeat top left; text-indent:-9999px; overflow:hidden;}

#menu ul li#hem a {left: 0; width: 60px; background-position: 0 0;}
#menu ul li#om_johan a {left: 60px; width: 104px; background-position: -60px 0;}
#menu ul li#event a {left: 164px; width: 74px; background-position: -164px 0;}
#menu ul li#kontakt a {left: 238px; width: 90px; background-position: -238px 0;}

#menu ul li#hem a:hover { background-position: 0 -54px;}
#menu ul li#om_johan a:hover { background-position: -60px -54px;}
#menu ul li#event a:hover { background-position: -164px -54px;}
#menu ul li#kontakt a:hover { background-position: -238px -54px;}

#menu ul li#hem .current { background-position: 0 -54px;}
#menu ul li#om_johan .current { background-position: -60px -54px;}
#menu ul li#event .current { background-position: -164px -54px;}
#menu ul li#kontakt .current { background-position: -238px -54px;}

#mainContainer h1.rub1 { width: 263px; height: 16px; background: transparent url(../images/r1.gif) no-repeat top left; text-indent:-9999px;}
#mainContainer h1.rub2 { width: 263px; height: 16px; background: transparent url(../images/r2.gif) no-repeat top left; text-indent:-9999px;}
#mainContainer h1.rub3 { width: 263px; height: 16px; background: transparent url(../images/r3.gif) no-repeat top left; text-indent:-9999px;}
#mainContainer h1.rub4 { width: 263px; height: 16px; background: transparent url(../images/r4.gif) no-repeat top left; text-indent:-9999px;}

#col_l {float: left; width: 162px; margin: 7px 0 0 23px;}
#col_r {float: left; margin: 35px 50px 0 40px; width: 480px; height: 220px; overflow: auto;}
#col_r p {padding: 0 15px 0 0;}
#col_right2 {float: right; margin-top: 20px; width: 350px;}
#wide {float: left; width: 788px;}

#footer {float: left; width: 764px; height: 30px; margin: 0; padding: 0; background: url(../images/footer_bg.gif);}

/* ----------------- */
#contact_form {float: left; width: 314px; margin: 0 0 30px 0;}
#contactForm {padding: 10px 0 10px 0; font-size: 11px;}
#contactForm input {font-size: 11px; color: #666666; margin: 3px 0 3px 0;}
#contact_form #submit {width: 80px;	font-size: 12px; float: right; margin: 0 5px 0 0;}
#emailaddress, #comments, #firstname {width: 304px; font-size: 11px; color: #666666; font-family: Arial, Helvetica, sans-serif;}
/* ----------------- */


/* FIX */
.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 */