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

h1 {font: bold 18px/20px Arial, Helvetica, sans-serif; color: #000; margin-top: 20px;}
h2 {font: normal 15px/20px Arial, Helvetica, sans-serif; color: #000; margin-top: 20px;}
h3 {font: normal 12px/15px Arial, Helvetica, sans-serif; color: #000; margin-top: 0px; padding: 10px; border-bottom: #e8e7e8 1px solid;}
h4 {font: normal 15px/20px Arial, Helvetica, sans-serif; color: #000; margin-top: 20px; font-weight: bold; color: #666666; }
p {font: 12px/18px Arial, Helvetica, sans-serif; color: #000; margin-top: 20px;}
h5 {font: normal 18px/20px Arial, Helvetica, sans-serif; color: #000; margin-top: 0px; font-weight: normal; color: #263C17; }
p {font: 12px/18px Arial, Helvetica, sans-serif; color: #000; margin-top: 20px;}
h6 {font: normal 18px/20px Arial, Helvetica, sans-serif; color: #000; margin-top: 0px; font-weight: normal; color: #000000; }
p {font: 12px/18px Arial, Helvetica, sans-serif; color: #000; margin-top: 20px;}

a:link {color: #41071D;}
a:visited {color: #41071D;}
a:active {color: #41071D;}
a:hover {color: #750D34; text-decoration: underline;}

.picframe {border: solid 1px #666; padding: 3px; margin: 20px 20px 0 0; float: left;}

td p {margin: 3px; color: #fff;}
.vit_text  p {margin: 3px; color: #000;}

/*LAYOUT*/

#container {width: 940px; margin: auto; padding: 0; background: #fff;}
#header {float: left; width: 940px; height: 135px; background: #41071d;}

#logo {float: left; width: 570px; height: 135px;}
#logo h1 {margin: 0 0 0 370px; padding: 0;}
#logo h1 a {float: left; width: 200px; height: 135px; background: url(../images/boras_grand_prix.gif) no-repeat; display:block;}
#logo h1 span {display: none;}

#menu {float: left; width: 765px; height: 34px; margin: 0; padding-left: 175px; background: #2d0514;}
#menu ul li {float: left; display: inline;}
#menu ul li a {top: 0; left: 0; display: block; height: 34px; background: url(../images/meny.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#organisation a {left: 60px; width: 110px; background-position: -60px 0;}
#menu ul li#program a {left: 170px; width: 80px; background-position: -170px 0;}
#menu ul li#biljetter a {left: 250px; width: 80px; background-position: -250px 0;}
#menu ul li#shopping a {left: 330px; width: 80px; background-position: -380px 0;}
#menu ul li#ryttarinfo a {left: 460px; width: 95px; background-position: -460px 0;}
#menu ul li#kontakt a {left: 555px; width: 85px; background-position: -555px 0;}

#menu ul li#hem a:hover { background-position: 0 -34px;}
#menu ul li#organisation a:hover { background-position: -60px -34px;}
#menu ul li#program a:hover { background-position: -170px -34px;}
#menu ul li#biljetter a:hover { background-position: -250px -34px;}
#menu ul li#shopping a:hover { background-position: -380px -34px;}
#menu ul li#ryttarinfo a:hover { background-position: -460px -34px;}
#menu ul li#kontakt a:hover { background-position: -555px -34px;}

#menu ul li#hem .current { background-position: 0 -34px;}
#menu ul li#organisation .current { background-position: -60px -34px;}
#menu ul li#program .current { background-position: -170px -34px;}
#menu ul li#biljetter .current { background-position: -250px -34px;}
#menu ul li#shopping .current { background-position: -380px -34px;}
#menu ul li#ryttarinfo .current { background-position: -460px -34px;}
#menu ul li#kontakt .current { background-position: -555px -34px;}

#content {float: left; width: 580px; margin: 0; padding: 30px 0 0 25px;}
#content ul {list-style: disc; color: #000; margin: 15px 0 0 15px;}

#wide {float: left; width: 890px; margin: 0; padding: 0 25px;}

#rightside {float: right; width: 260px; margin: 30px 0; padding: 0 25px; border-left: 1px solid #e8e7e8;}
#rightside p {margin-top: 20px;} 

#footer {float: left; width: 940px; height: 75px; margin: 0; padding: 0; background: #41071d;}

.news { width: 285px; float: left;  border-top: 10px solid #41071d; padding-bottom: 10px; margin-bottom: 10px; }
.newswide { width: 580px; float: left;  border-top: 10px solid #41071d; padding-bottom: 10px; margin-bottom: 10px; }
.newsleft { width: 285px; float: right;  border-top: 10px solid #41071d; padding-bottom: 10px; margin-bottom: 10px; }

.space50 { clear: both; height: 50px; }


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