body
{
    background: url(../images/bg.png) repeat-x white;
	font-family: Arial, Helvetica, Verdana, Tahoma, 'Trebuchet Ms';
    margin: 0;
    padding: 0;
}

html
{
    overflow-y: scroll;
}

input, textarea
{
    color: #7d7d7d;
	font-family: Arial, Helvetica, Verdana, Tahoma, 'Trebuchet Ms';
}

img
{
	border: 0;
}

/*headers*/
h1 {
    font-size: 22px;
}

h2 {
    font-size: 20px;
}

h3 {
    font-size: 18px;
}

h4 {
    font-size: 16px;
}

h5 {
    font-size: 14px;
}

h6 {
    font-size: 12px;
}

/*link*/
a
{
	color: #7d7d7d;
	text-decoration: none;
    outline: none;
}

a:hover, a.active
{
    
	color: #2e4b97;
}
/*end link*/

/*container*/
#mainContainer
{
	width: 1000px;
    margin: auto;
	padding: 0;
}

#container
{
	float: left;
	width: 1000px;
	padding: 0;
	margin: 0;
}
/*end container*/

/*header*/
#header {
	float: left;
	width: 1000px;
	height: 170px;
	padding: 0;
	margin: 0;
}

#headerTop {
    background: url(../images/headerTekst.png) no-repeat;
	float: left;
	width: 1000px;
	height: 95px;
	padding: 0;
	margin: 38px 0 0 0;
}

#headerBottom {
	float: left;
	height: 37px;
	width: 1000px;
	padding: 0;
	margin: 0;
}

#headerBottom ul {
    list-style-type: none;
    width: 1000px;
    margin: 0;
    padding: 0;
}

#headerBottom ul .first {
    padding: 0;
    margin: 0;
}

#headerBottom ul .first:hover {
    padding: 0;
    margin: 0;
}

#headerBottom ul li {
    background: url(../images/MenuItem.png) no-repeat;
    float: left;
    width: 196px;
    height: 37px;
    margin: 0 0 0 5px;
    padding: 0;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
}

#headerBottom ul li:hover {
    background: url(../images/MenuItemHover.png) no-repeat;
    float: left;
    width: 196px;
    height: 37px;
    margin: 0 0 0 5px;
    padding: 0;
    text-align: center;
}

#headerBottom ul .active {
    background: url(../images/MenuItemHover.png) no-repeat;
}

#headerBottom ul li a {
    width: 196px;
    color: #848383;
    font-size: 14px;
    width: 196px;
    height: 27px;
    display: block;
    padding: 10px 0 0 0;
    margin: 0;
}

/*content*/
#content {
	float: left;
	width: 1000px;
	padding: 0;
	margin: 0;
}

#contentLeft {
	float: left;
	width: 160px;
	min-height: 350px;
	padding: 0;
	margin: 10px 0 0 0;
}

#contentLeftTop {
    background: url(../images/contentLeftTopBackground.png) no-repeat;
    width: 160px;
    height: 434px;
} 

#contentLeftTop ul {
    list-style-type: none;
    margin: 0;
    padding: 5px 0 0 1px;
}

#contentLeftTop ul li {
    padding: 0;
    margin: 0 0 5px 0;
    height: 60px;
    width: 160px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}

#contentLeftTop ul li:hover {
    padding: 0;
    margin: 0 0 5px 0;
    height: 60px;
    width: 160px;
    cursor: pointer;
}

#contentLeftTop ul li a {
    padding: 23px 0 0 60px;
    margin: 0;
    height: 37px;
    width: 100px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    display: block;
}

.menuButton1 {
    background: url(../images/menuLeftOutdoor.png) no-repeat;
}

.menuButton1:hover, .active1 {
    background: url(../images/menuLeftOutdoorHover.png) no-repeat;
}

.menuButton2 {
    background: url(../images/menuLeftCamping.png) no-repeat;
}

.menuButton2:hover, .active2 {
    background: url(../images/menuLeftCampingHover.png) no-repeat;
}

.menuButton3 {
    background: url(../images/menuLeftSport.png) no-repeat;
}

.menuButton3:hover, .active3 {
    background: url(../images/menuLeftSportHover.png) no-repeat;
}

#contentLeftTop ul li img {
    float: left;
    margin: 0 0 0 11px;
}

#contentLeftText {
    font-size: 11px;
    color: #000;
    margin: 0 10px 0 10px;
}

#contentLeftText h2 {
    color: #000;
    margin: 0 0 5px 0;
    padding: 0;
}

#contentLeftBottom {
    background: url(../images/contentLeftBottomBackground.png) no-repeat;
    width: 148px;
    height: 145px;
    padding: 0;
    margin: 8px 0 0 6px;
}

#contentLeftBottom h2 {
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding: 10px 0 0 0;
    margin: 0 0 10px 0;
    text-transform: uppercase;
}

#contentLeftBottom input {
    width: 120px;
    height: 26px;
    color: #848383;
    margin: 0 0 5px 13px;
    padding: 0;
    border-color: #636b77 white white #636b77;
    border-style: solid;
    border-width: 2px;
}

#contentLeftBottom #newsletterSubscribe {
    background: url(../images/newsletterSubscribe.png) no-repeat;
    border-width: 0;
    border-style: none;
    border-color:  white;
    margin: 0 0 0 16px;
    padding: 0;
    height: 46px;
    width: 116px;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
}

#contentMiddle {
    background: white;
	float: left;
	width: 640px;
	height: 590px;
	padding: 5px 5px 5px 5px;
	margin: 12px 15px 0 15px;
}

#contentMiddleTop {
    float: left;
    margin: 0;
    padding: 0;
}

#contentMiddleTop img {
    max-width: 640px;
}

#ContentImageTekst {
    color: white;
    font-size: 40px;
    font-weight: bold;
    text-transform: uppercase;
    margin: -45px 20px 0 350px;
    padding: 0;
    text-align: right;
}

#contentMiddleMiddle {
    float: left;
    padding: 0;
    margin: 0;
    font-size: 12px;
    color: #060606;
}

#contentMiddleMiddle h2{
    color: #060606;
    padding: 5px 0 0 0;
    margin: 0;
}

#contentMiddleMiddleText {
    font-size: 11px;
    font-weight: normal;
    color: #060606;
    padding: 3px 0 0 0;
    margin: 0;
}

#contentMiddleBottom {
    float: left;
    width: 640px;
    height: 222px;
    margin: 16px 0 0 0;
    padding: 0;
}

#contentMiddleBottom ul {
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#contentMiddleBottom ul li {
    float: left;
    border: 2px solid #f2a02d;
    width: 192px;

    margin: 0 5px 0 11px;
    padding: 0;
}

.contentMiddleItemTop {
    float: left;
    margin: 3px 3px 3px 3px;
    padding: 0;
}

.itemImage {
    width: 186px;
    height: 103px;
    float: left;
    margin: 0;
    padding: 0;
    text-align: center;
}

.contentMiddleItemTop h2 {
    float: left;
    font-size: 14px;
    font-weight: bold;
    height: 25px;
    margin: 5px 0 0 0;
    padding: 0;
}

.contentMiddleItemTop .tekst {
    float: left;
    height: 120px;
    width: 160px;
    font-size: 11px;
    font-weight: normal;
}

#contentRight {
	float: left;
	width: 160px;
	min-height: 350px;
	padding: 0;
	margin: 10px 0 0 0;
}

#contentRightTop {
    background: url(../images/contentLeftTopBackground.png) no-repeat;
    width: 160px;
    height: 434px;
    text-align: center;
    padding: 15px 0 0 0;
    margin: 0;
}

#contentRightTop ul {
    list-style-type: none;
    width: 160px;
    margin: 0;
    padding: 0;
}

#contentRightTop ul li {
    width: 160px;
    margin: 1px 0 2px 0;
    padding: 0;
}

#contentRightTop ul li img {
    padding: 0;
    margin: 0;
}

#contentRightBottom {
    width: 160px;
    height: 91px;
    margin: 68px 0 0 0;
    padding: 0;
    
}