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

h1 {font-size: 18px; margin-top: 15px; color:#575757;}
h2 {font-size: 14px; margin-top: 15px; color:#575757;}
p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-top: 15px; color:#fff;}

a:link { color: #FFB400;}
a:visited { color: #FFB400;}
a:active { color: #FFB400;}
a:hover { color: #8FA52D;}

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

/*LAYOUT*/

#mingel {float: left; width: 860px; background: #181c25; padding: 10px; margin: 10px 0 0 0;}
#mingel h1 {font: bold 18px/18px Arial, Helvetica, sans-serif; margin: 0 0 0 15px; padding: 0 0 0 10px; border-left: 4px solid #FFB400; color: #fff;}
#mingel a:link { color: #FFB400;}
#mingel a:hover { color: #FFB400;}

#rea {float: left; width: 880px; height: 622px; margin: 10px 0 0 0; background: url(../reajuni.jpg);}
#kampanj {float: left; width: 830px; height: 242px; margin: 10px 0 0 0; padding: 18px 25px 20px 25px; background: url(../kampanj-maj.jpg);}
#kampanj h1 {margin: 0; line-height: 33px; color: #FFB400;}
#kampanj h2 {margin: 0; font: bold 20px/24px Verdana, Arial, Helvetica, sans-serif; color: #fff;}
#kampanj p {margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #fff; line-height: 15px; margin: 0; font-weight: normal; width: 360px;}

#container {width: 880px; margin: auto; padding: 10px; background: #fff;}
#mainContainer {float: left; width: 788px; margin: 0; padding: 10px;}

#header {width: 880px; height: 75px; margin: auto; padding: 0 10px;}

#logo {float: left; width: 230px; height: 75px; margin-left: 5px;}
#logo h1 {margin: 0; padding: 0;}
#logo h1 a {float: left; width: 230px; height: 75px; background: url(../images/tennisshopen.gif) no-repeat; text-indent:-9999px; display:block;}

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

#menu ul li#hem a {left: 0; width: 65px; background-position: 0 0;}
#menu ul li#butiken a {left: 65px; width: 77px; background-position: -65px 0;}
#menu ul li#strangning_senor a {left: 142px; width: 155px; background-position: -142px 0;}
#menu ul li#skor_racketar a {left: 297px; width: 129px; background-position: -297px 0;}
#menu ul li#mode a {left: 426px; width: 64px; background-position: -426px 0;}
#menu ul li#gusten_tycker_till a {left: 490px; width: 141px; background-position: -490px 0;}
#menu ul li#vara_oppettider a {left: 631px; width: 130px; background-position: -631px 0;}
#menu ul li#kontakta_oss a {left: 761px; width: 119px; background-position: -761px 0;}

#menu ul li#hem a:hover { background-position: 0 -35px;}
#menu ul li#butiken a:hover { background-position: -65px -35px;}
#menu ul li#strangning_senor a:hover { background-position: -142px -35px;}
#menu ul li#skor_racketar a:hover { background-position: -297px -35px;}
#menu ul li#mode a:hover { background-position: -426px -35px;}
#menu ul li#gusten_tycker_till a:hover { background-position: -490px -35px;}
#menu ul li#vara_oppettider a:hover { background-position: -631px -35px;}
#menu ul li#kontakta_oss a:hover { background-position: -761px -35px;}

#menu ul li#hem .current { background-position: 0 -35px;}
#menu ul li#butiken .current { background-position: -65px -35px;}
#menu ul li#strangning_senor .current { background-position: -142px -35px;}
#menu ul li#skor_racketar .current { background-position: -297px -35px;}
#menu ul li#mode .current { background-position: -426px -35px;}
#menu ul li#gusten_tycker_till .current { background-position: -490px -35px;}
#menu ul li#vara_oppettider .current { background-position: -631px -35px;}
#menu ul li#kontakta_oss .current { background-position: -761px -35px;}

#startblock_1 {float: left; width: 880px; height: 296px; margin: 10px 0 0 0; padding: 0; background: url(../images/lt_start_bg.jpg) no-repeat;}
#startblock_1 h1 {margin: 0; padding: 0; line-height: 20px; color: #fff;}
#startblock_1 h2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #fff; line-height: 18px; margin-top: 15px; font-weight: normal;}
.sb1 {float: left; width: 290px; height: 246px; padding: 30px 25px 20px 25px;}
.sb2 {float: left; width: 540px; height: 296px; padding: 0; background: #191F2A;}

#startblock_2 {float: left; width: 830px; height: 100px; margin: 10px 0 0 0; padding: 30px 25px 20px 25px; background: url(../images/m_start_bg.jpg);}
#startblock_2 h1 {margin: 0; padding: 0; line-height: 20px; color: #FFB400;}
#startblock_2 h2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #fff; line-height: 16px; margin-top: 13px; font-weight: normal; width: 470px;}

#startblock_3 {float: left; width: 880px; height: 187px; margin: 10px 0 0 0; padding: 0; background: url(../images/b_start_bg.jpg);}
#startblock_3 h1 {float: right; margin-right: 40px; margin-top: 15px; padding-left: 18px; width: 360px; line-height: 33px; color: #fff; background: url(../images/startblock_3_h1_bg.gif) no-repeat;}
#startblock_3 p {float: right; margin-right: 40px; margin-top: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #fff; line-height: 17px; margin-top: 15px; font-weight: normal; width: 360px; clear: right;}
#startblock_3 a:link {color: #FFB400;}

#startblock_4 {float: left; width: 880px; height: 380px; margin: 10px 0 0 0; padding: 0; background: url(../images/b4_start_bg.jpg);}
#startblock_4 h1 {float: right; margin: 15px 0 0 20px; padding-left: 18px; width: 480px; _width: 500px; line-height: 33px; color: #FFB400;}
#startblock_4 p {float: right; margin-right: 20px; margin-top: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #fff; line-height: 17px; font-weight: normal; width: 460px; clear: right;}
#startblock_4 a:link {color: #FFB400;}
#startblock_4 ul {margin: 10px 20px 0 0; padding-right: 30px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #fff; width: 430px; float: right; line-height: 17px;}
#startblock_4 li {padding-left: 5px; list-style: disc; margin-left: 15px;}

#startblock {float: left; width: 880px; margin: 10px 0 0 0; padding: 0; background: url(../images/bg_inside.jpg) repeat-y;}
#startblock h1 {margin: 0; padding: 0; line-height: 20px; color: #fff;}
#startblock h2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #fff; line-height: 18px; margin-top: 15px; font-weight: normal;}
#startblock h3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #fff; line-height: 18px; margin-top: 15px; font-weight: normal; padding-top: 10px; border-top: 1px dotted #464F62;}
.sb_l {float: left; width: 440px; padding: 30px 25px 20px 25px;}
.sb_r {float: right; width: 340px; padding: 60px 25px 30px 25px;}


#footer {float: left; width: 880px; height: 30px; margin-top: 10px; padding: 0; background: #171B24; font-size: 11px; color: #fff;}
#footer ul {margin: 6px 0 0 25px;}
#footer li {float: left; display: inline; margin: 0 15px 0 0;}
#footer a:link {color: #9FC8EB;} #footer a:visited {color: #9FC8EB;} #footer a:active {color: #9FC8EB;} #footer a:hover {color: #ccc;}

#leverantorer {width: 900px; height: 33px; padding: 10px 0; margin: auto; background: url(../images/leverantorer.gif) #0B152A;}

/* ----------------- */
#contact_form {float: left; width: 314px; margin: 0 0 30px 0;}
#contactForm {padding: 10px 0 10px 0; font-size: 11px; color: #FFFFFF;}
#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 */