body { height: 100%; background-image: url(../graphics/basis/bakgrund.jpg); padding: 0px; margin: 0; }
p { margin-left: 0px; margin-bottom: 0px; margin-right: 0px; margin-top: 7px; }
a { color: olive; text-decoration: none; }
img, img a { border-style: none; border-width: 0px; }
select { width: 100%; font-size: 11px; font-family: arial, helvetica; color: #404040; border: solid 1px #c8c8c8; height: 18px; }

.container { height: 100%; width: 816px; }
.topSpace { height: 20px; }

.prestage { height: 100%; background-color: white; width: 810px; }
.shadowLeft { display: block; background-image: url(../graphics/basis/shadowLeft.gif); background-repeat: repeat-y; width: 3px; }
.shadowRight { display: block; background-image: url(../graphics/basis/shadowRight.gif); background-repeat: repeat-y; width: 3px; }
.homeLogo a { float: left; padding-top: 8px; margin-left: 60px; height: 100px; width: 200px; }
.top { display: block; background-image: url(../graphics/basis/top3.jpg); background-repeat: no-repeat; width: 810px; height: 149px; }
.textHeadPuff { line-height: 15px; margin-bottom: 5px; font-family: Arial, Verdana; text-align: center; font-weight: bold; font-size: 14px; color: #e7d600; }
.textHead { margin-bottom: 15px; margin-top: 15px; font-weight: bold; color: #4b4d1a; font-size: 18px; font-family: Arial, Verdana; }
.ingress { line-height: 17px; color: #484848; font-size: 12px; font-family: Arial, Verdana; }
.textGrey { line-height: 15px; color: #696969; font-size: 11px; font-family: Arial, Verdana; }
.textQuestion { font-weight: bold; line-height: 15px; color: #4b4d1a; font-size: 11px; font-family: Arial, Verdana; }
.textWhite { line-height: 13px; color: white; font-size: 11px; font-family: Arial, Verdana; }
.textList { font-weight: bold; color: #696969; font-size: 9px; font-family: Arial, Verdana; }
.textInfo { letter-spacing: 1px; color: #696969; font-size: 12px; font-family: "Courier New", Courier; }
.error { color: #ff0b16; font-weight: bold; font-size: 12px; font-family: "Courier New", Courier, Monaco, monospace; }

.leftCol { float: left; margin-right: 56px; width: 400px; }
.rightCol { float: left; width: 294px; }

.listHead { text-transform: uppercase; color: white; font-weight: bold; text-align: left; font-family: Arial, Verdana; font-size: 12px; height: 31px; width: 394px; }
.listEven { text-align: left; height: 25px; width: 394px; background-color: #ededed; }
.listOdd { text-align: left; height: 25px; width: 394px; background-color: #dbdbd1; }
.listSpace { height: 1px; background-color: white; width: 394px; overflow: hidden; }
.listText { margin-left: 10px; padding-top: 8px; float: left; text-align: left; height: 17px; width: 90px; font-weight: bold; color: #696969; font-size: 9px; font-family: Arial, Verdana; }
.listInput { margin-top: 3px; float: left; height: 20px; width: 291px; }

.listCheck { float: left; padding-top: 3px; width: 20px; margin-left: 5px; height: 22px; }
.foot { padding-left: 30px; font-size: 10px; font-family: Georgia, "Times New Roman", Times, serif; background-color: #e2e2e2; color: #8b8b8b; width: 780px; height: 40px; }

#menu { margin-top: 86px; width: 339px; float: right; height: 13px; overflow: hidden; }
#menu .home a { margin-right: 10px; height: 13px; background-repeat: no-repeat; background-image: url(../graphics/menu/homeNormal.gif); display: block; float: left; width: 25px; }
#menu .homeSelected { margin-right: 10px; height: 13px; background-repeat: no-repeat; background-image: url(../graphics/menu/homeSelected.gif); display: block; float: left; width: 25px; }
#menu .news a { margin-right: 10px; height: 13px; background-repeat: no-repeat; background-image: url(../graphics/menu/newsNormal.gif); display: block; float: left; width: 50px; }
#menu .newsSelected { margin-right: 10px; height: 13px; background-repeat: no-repeat; background-image: url(../graphics/menu/newsSelected.gif); display: block; float: left; width: 50px; }

#menu .buycamp a { margin-right: 10px; height: 13px; background-repeat: no-repeat; background-image: url(../graphics/menu/buycampNormal.gif); display: block; float: left; width: 49px; }
#menu .buycampSelected { margin-right: 10px; height: 13px; background-repeat: no-repeat; background-image: url(../graphics/menu/buycampSelected.gif); display: block; float: left; width: 49px; }

#menu .schema a { margin-right: 10px; height: 13px; background-repeat: no-repeat; background-image: url(../graphics/menu/schemaNormal.gif); display: block; float: left; width: 111px; }

#menu .company a { margin-right: 10px; height: 13px; background-repeat: no-repeat; background-image: url(../graphics/menu/companyNormal.gif); display: block; float: left; width: 52px; }
#menu .companySelected { margin-right: 10px; height: 13px; background-repeat: no-repeat; background-image: url(../graphics/menu/companySelected.gif); display: block; float: left; width: 52px; }
#menu .about a { margin-right: 10px; height: 13px; background-repeat: no-repeat; background-image: url(../graphics/menu/aboutNormal.gif); display: block; float: left; width: 46px; }
#menu .aboutSelected { margin-right: 10px; height: 13px; background-repeat: no-repeat; background-image: url(../graphics/menu/aboutSelected.gif); display: block; float: left; width: 46px; }
#menu .media a { margin-right: 10px; height: 13px; background-repeat: no-repeat; background-image: url(../graphics/menu/mediaNormal.gif); display: block; float: left; width: 36px; }
#menu .mediaSelected { margin-right: 10px; height: 13px; background-repeat: no-repeat; background-image: url(../graphics/menu/mediaSelected.gif); display: block; float: left; width: 36px; }
#menu .work a { margin-right: 10px; height: 13px; background-repeat: no-repeat; background-image: url(../graphics/menu/workNormal.gif); display: block; float: left; width: 31px; }
#menu .workSelected { margin-right: 10px; height: 13px; background-repeat: no-repeat; background-image: url(../graphics/menu/workSelected.gif); display: block; float: left; width: 31px; }
#menu .contact a { margin-right: 10px; height: 13px; background-repeat: no-repeat; background-image: url(../graphics/menu/contactNormal.gif); display: block; float: left; width: 53px; }
#menu .contactSelected { margin-right: 10px; height: 13px; background-repeat: no-repeat; background-image: url(../graphics/menu/contactSelected.gif); display: block; float: left; width: 53px; }
#menu .gallery a { margin-right: 10px; height: 13px; background-repeat: no-repeat; background-image: url(../graphics/menu/galleryNormal.gif); display: block; float: left; width: 72px; }
#menu .gallerySelected { margin-right: 10px; height: 13px; background-repeat: no-repeat; background-image: url(../graphics/menu/gallerySelected.gif); display: block; float: left; width: 72px; }



.subBox { background-color: #acb071; margin-bottom: 30px; height: 18px; width: 400px; }
.sub2Box { background-color: #8a8f5c; margin-bottom: 10px; height: 18px; width: 400px; }
.subText { font-weight: bold; padding-left: 7px; padding-bottom: 3px; padding-right: 7px; padding-top: 4px; float: left; width: auto; color: #f3f3f3; font-size: 9px; font-family: Verdana, Arial; background-color: #8a8f5c; }
.sub a { font-weight: bold; padding-left: 7px; padding-bottom: 3px; padding-right: 7px; padding-top: 4px; float: left; width: auto; color: #f3f3f3; font-size: 9px; font-family: Verdana, Arial; background-color: #acb071; }
.sub a:hover { background-color: #cfd58a; }
.subSelected a { font-weight: bold; padding-left: 7px; padding-bottom: 3px; padding-right: 7px; padding-top: 4px; float: left; width: auto; color: white; font-size: 9px; font-family: Verdana, Arial; background-color: #8a8f5c; }
.subSpace { background-repeat: repeat-y; background-image: url(../graphics/basis/white.gif); float: left; height: 18px; width: 1px; overflow: hidden; }

#rightCol .box { margin-top: 10px; border-right-color: #887f69; border-left-color: #887f69; border-bottom-color: #887f69; border-right-style: solid; border-left-style: solid; border-bottom-style: solid; border-right-width: 1px; border-left-width: 1px; border-bottom-width: 1px; border-top-color: #887f69; border-top-style: solid; border-top-width: 10px; height: auto; width: 292px; }

#rightCol .head { font-weight: bold; font-family: Arial; font-size: 13px; }

#rightCol .text { padding-left: 20px; padding-bottom: 12px; padding-right: 12px; padding-top: 12px; color: #887f69; font-family: Arial; font-size: 10px; }

#rightCol .shadow { overflow: hidden; padding: 0px; margin: 0px; background-repeat: no-repeat; height: 10px; width: 294px; background-image: url(../graphics/rightCol/shadow.gif); }

#start { margin-left: 30px; margin-bottom: 30px; margin-right: 30px; width: 750px; }
#start .infoBox { margin-top: 20px; display: block; background-repeat: no-repeat; background-image: url(../graphics/start/infoBackground3.jpg); height: 119px; width: 750px; }
#start .infoBox2 { margin-bottom: 10px; color: #4b4d1a; line-height: 16px; font-size: 11px; font-family: Arial; margin-top: 20px; display: block; height: auto; width: 600px; }
#start .infoTextLeft { margin-top: 26px; margin-left: 20px; margin-right: 10px; float: left; width: 345px; color: #616436; font-size: 17px; font-family: Arial; }

#start .infoTextRight { line-height: 13px; margin-top: 16px; float: left; width: 345px; color: #3b3b3b; font-size: 11px; font-family: Arial; }

#start .flashen { height: 258px; width: 750px; }
#start .puff a { margin-bottom: 10px; margin-top: 9px; cursor: hand; overflow: hidden; display: block; background-repeat: no-repeat; background-image: url(../graphics/start/puffBackground4.jpg); float: left; height: 260px; width: 240px; }
#start .puffSpecial { margin-bottom: 10px; margin-top: 9px; cursor: hand; overflow: hidden; display: block; background-repeat: no-repeat; background-image: url(../graphics/start/puffBackground4.jpg); float: left; height: 260px; width: 240px; }
#start .puffImage { margin-left: 10px; margin-bottom: 10px; margin-right: 10px; margin-top: 10px; height: 98px; width: 220px; }

#start .puffHead { padding-top: 0px; margin-top: 0px; line-height: 20px; font-weight: bold; color: #4c4a19; text-align: left; font-size: 15px; font-family: Arial; }

#start .puffText { margin-left: 15px; line-height: 15px; text-align: left; color: #616563; font-family: Arial; font-size: 11px; height: 80px; width: 210px; }

#start .newsletter { margin-bottom: 10px; margin-top: 9px; overflow: hidden; display: block; background-repeat: no-repeat; background-image: url(../graphics/start/newsletterBackground.jpg); float: left; height: 260px; width: 240px; }


#start .space { float: left; margin-right: 15px; }
#news { margin-left: 30px; margin-bottom: 30px; margin-right: 30px; width: 750px; }
#news .line { margin-top: 15px; margin-bottom: 15px; background-color: #cccccc; height: 1px; width: 400px; overflow: hidden; }
#private { margin-left: 30px; margin-bottom: 30px; margin-right: 30px; width: 750px; }
#private .formBox { padding-bottom: 3px; margin-top: 30px; background-color: #6c6e46; height: auto; width: 400px; }
#private .map { clear: left; margin-bottom: 20px; float: left; margin-right: 10px; height: 170px; width: 170px; }
#private .mapText { margin-bottom: 20px; float: left; height: 170px; width: 220px; }

#about { margin-left: 30px; margin-bottom: 30px; margin-right: 30px; width: 750px; }
#about .line { margin-top: 15px; margin-bottom: 15px; background-color: #cccccc; height: 1px; width: 400px; overflow: hidden; }
#about .cityline { margin-bottom: 15px; background-color: #cccccc; height: 1px; width: 400px; overflow: hidden; }
#about .instructorPhoto { margin-bottom: 15px; width: 60px; height: 80px; float: left; }
#about .space { margin-right: 22px; }

#popup .photo { clear: left; margin-top: 20px; float: left; margin-right: 20px; height: 230px; width: 200px; }
#popup .textbox { padding-bottom: 20px; margin-bottom: 20px; top: 10px; left: 240px; position: absolute; width: 320px; }
#popup .line { margin-bottom: 15px; margin-top: 15px; height: 1px; background-color: #cccccc; width: 320px; overflow: hidden; }

#media { margin-left: 30px; margin-bottom: 30px; margin-right: 30px; width: 750px; }
#media .photo { margin-right: 5px; margin-bottom: 5px; float: left; }
#media .press { margin-right: 4px; float: left; border-color: #eaeaea; border-style: solid; border-width: 1px; margin-bottom: 5px; height: 90px; width: 60px; }

.pageEnd { clear: left; float: left; width: 20px; display: block; height: 40px; }

#start .payment { background-repeat: no-repeat; background-image: url(../graphics/start/varcamper.jpg); height: 258px; width: 750px; }

#start .link a { display: block; height: 20px; width: 90px; }
#start .freeTraining { background-repeat: no-repeat; background-image: url(../graphics/start/freeTraining.jpg); height: 258px; width: 750px; }

#start .formBox { top: 53px; left: 440px; position: relative; height: 100px; width: 250px; }

.startinput { width: 250px; }
.cityline { margin-bottom: 10px; background-color: #cccccc; height: 1px; width: 400px; overflow: hidden; }


#contact { margin-left: 30px; margin-bottom: 30px; margin-right: 30px; width: 750px; }
#contact .line { margin-top: 15px; margin-bottom: 15px; background-color: #cccccc; height: 1px; width: 400px; overflow: hidden; }

#contact .left { margin-bottom: 10px; margin-right: 20px; margin-top: 0; width: 180px; float: left;  }
#contact .right { margin-bottom: 10px; width: 180px; float: left;  }


/*contact input	{ height: 18px; border-width: 0px; background-color: #c5c982; width: 180px; }*/
#contact input	{ height: 18px; border-width: 0px; background-color: #e3e5c7; width: 180px; }


.kampanjbox	{ width: 100%; display: block; top: 65px; position: absolute; height: 527px; }




.kampanj	{ background-image: url(../graphics/start/kampanjBackground.jpg); z-index: 0; width: 766px; height: 527px; background-color: #fff; }
.close a		{ background-image: url(../graphics/start/close.jpg); width: 22px; height: 22px; position: absolute; }