HTML {height: 100%; }
BODY {height: 100%; margin: 0px; padding: 0px; background: #fff; font-size: 11px; font-family: verdana, sans-serif; color:#333333; }
#main {width: 840px; padding: 0px; margin: auto;}
#header {height: 230px; width: 840px; background: url(_images/Header.jpg) no-repeat left; .background: none; position: relative;}
#header-bg {position: absolute; height: 230px; width: 840px; background: url(_images/Header.jpg) no-repeat left; z-index: -2: top: 0px; left: 0px; display: none; .display: block}
#content {width: 840px; float: left; .float: none; margin-top: 20px}
.col {float: left; overflow: hidden;}
.left {width: 410px; margin-right: 10px; padding-top: 0px; }
.right {width: 410px; margin-left: 10px;}
#uk {position: absolute; bottom: 15px; _top: 192px; right: 15px; height: 21px; border-right: 1px solid #999; border-bottom: 1px solid #666; }
.videos .right {overflow: visible}
.forum .left. FORM {overflow: hidden}
/* colum alts */
.profile .left, .members .left, .register .left {width: 560px;}
.profile .right, .members .right, .register .right {width: 258px;}
.forum .left, .videos .left, .articles .left, .events .left {width: 534px;}
.forum .right, .videos .right, .articles .right, .events .right {width: 286px;}
.images .left {width: 552px;}
.images .right {width: 268px;}
.events-start .left {width: 410px;}
.events-start .right {width: 410px;}
.about .left {width: 634px;}
.about .right {width: 186px;}
/* HEADER imgs */
.profile #header {background: url(_images/Header.jpg) no-repeat left; .background: none;}
.profile #header-bg {background: url(_images/Header.jpg) no-repeat left;}
.forum #header {background: url(_images/Header.jpg) no-repeat left; .background: none;}
.forum #header-bg {background: url(_images/Header.jpg) no-repeat left;}
.forum2 #header {background: url(_images/Header.jpg) no-repeat left; .background: none;}
.forum2 #header-bg {background: url(_images/Header.jpg) no-repeat left;}
/* TOPIC */
.left, .events-start .right {background: url(_images/topic-bg.gif) repeat-x top; }
.start .left, .profile .left {background: none}
.topic {height: 34px; margin-bottom: 10px}
/* topics */
.forum .topic {background: url(_images/topic-forum1.gif) no-repeat left;}
.forum-2 .topic {background: url(_images/topic-forum2.gif) no-repeat left;}
.articles .topic {background: url(_images/topic-articles.gif) no-repeat left;}
.images .topic {background: url(_images/topic-images.gif) no-repeat left;}
.videos .topic {background: url(_images/topic-videos.gif) no-repeat left;}
.members .topic {background: url(_images/topic-members.gif) no-repeat left;}
.events .topic {background: url(_images/topic-events-1.gif) no-repeat left;}
.ferrari .topic {background: url(_images/topic-ferrari.gif) no-repeat left;}
.club .topic {background: url(_images/topic-club.gif) no-repeat left;}
/* LOGIN */
#session {float: left; height: 230px; overflow: hidden; width: 170px; margin-left: 480px; _margin-left: 290px; background: url(_images/login-menu-bg.png); .background: none;}
#session .profile-item {clear: both; margin: 4px 0px 4px 0px;}
#session .profile-item .line {margin: 10px 0px 10px 0px; text-align: center; font-size: 10px; }
#session .profile-item .line B { color: #cc0000;}
#login #input {float: right; width: 268px; margin-right: 15px; margin-top: 20px}
#login #input FORM {padding-bottom: 40px}
#login INPUT {float: left; height: 14px; padding-top: 4px; width: 80px; margin-right: 10px; font-size: 10px}
#login .button-login {width: 74px; float: left; margin: 0px}
#login .button-login .title {width: 72px}
#login .red {margin: 0px 0px 6px 122px; padding: 0px}
/* MENU */
#menu-bg {background: #cc0000; -moz-opacity: .6; filter: alpha(opacity=60); position: absolute; z-index: -1; height: 230px; width: 100px; margin-top: -10px; display: none; .display: block;}
#menu {padding-top: 10px; width: 100px; float: left; background: url(_images/menu-bg.png); .background: none; height: 220px;}
#menu .item {height: 21px; cursor: hand; display: block;}
#menu .title {display: block; padding: 2px 0px 2px 22px; color: #fff; font-weight: bold; font-size: 10px; }
#menu A:hover {text-decoration: none; background: url(_images/icon-arrow-white.png) no-repeat 8px 5px; _background: url(_images/icon-arrow-white.gif) no-repeat 8px 5px;}
/* session menu */
#session #menu-bg {background: #fff; width: 170px; height: 230px; margin: 0px}
#session #menu {width: 170px; height: 230px; background: none; padding: 0px}
#session #menu .title {color: #000; padding-left: 32px}
#session #menu A:hover {background: url(_images/icon-arrow-black.png) no-repeat 15px 5px; _background: url(_images/icon-arrow-black.gif) no-repeat 15px 5px;}
#session #logout {position: absolute; top: 10px; right: 10px; width: 16px; height: 16px; }
#session #logout:hover {top: 11px; right: 9px;}
/* active */
.start #menu .item-1, .forum-1 #menu .item-2, .forum-2 #menu .item-3, .articles #menu .item-4, .images #menu .item-5, .videos #menu .item-6, .members #menu .item-7, .events #menu .item-8, .ferrari #menu .item-9, .club #menu .item-10 {background: url(_images/icon-arrow-white.png) no-repeat 8px 5px; _background: url(_images/icon-arrow-white.gif) no-repeat 8px 5px;}
.start #session #menu .item-1, .forum-1 #session #menu .item-2, .forum-2 #session #menu .item-3, .articles #session #menu .item-4, .images #session #menu .item-5, .videos #session #menu .item-6, .members #session #menu .item-7, .events #session #menu .item-8, .ferrari #session #menu .item-9, .club #session #menu .item-10 {background: none}
#session .profile-start .item-1, #session .profile-garage .item-2, #session .profile-contacts .item-3, #session .profile-pm .item-4, #session .profile-edit .item-5 {background: url(_images/icon-arrow-black.png) no-repeat 15px 5px; _background: url(_images/icon-arrow-black.gif) no-repeat 15px 5px;}
/* BASICS */
H1 {font-size: 16px; font-family: arial; margin-bottom: 10px;}
A {color: #000; text-decoration: none;}
A:hover {text-decoration: underline}
A:hover H2 {text-decoration: underline}
A:visited {color: #000}
A DIV {cursor: hand}
IMG {border: none;}
P {margin: 10px 0px 10px 0px; padding: 0px}
/* A red */
.red {color: #cc0000; text-decoration: underline; display: block; margin-top: 2px; font-size: 10px}
.right .red {margin-bottom: 10px}
A.red:visited {color: #cc0000;}
/* A panel */
A.panel {display: block; height: 18px; background: #eaeaea; text-align: center; padding-top: 4px}
A.panel:hover {background: #f0f0f0;}
/* A arrow */
A.arrow {padding-left: 22px; margin-top: 10px; background: url(_images/icon-arrow-red.gif) no-repeat 0px 4px; display: block; clear: both}
/* H2 */
H2 {font-family: arial; font-size: 13px; padding: 0px 0px 7px 0px; clear: both; color: #cc0000; background: url(_images/h2-bg.gif) repeat-x bottom;}
/* COMMON ELEMENTS */
/* FORM */
FORM {padding: 0px; margin: 0px;}
FORM INPUT {float: right; height: 15px; padding-top: 2px}
FORM SELECT {float: right; padding-top: 2px;}
FORM TEXTAREA {font-family: verdana, sans-serif; font-size: 12px; width: 556px; .width: 554px; height: 200px; overflow: auto}
FORM P {clear: both; padding: 5px 0px 5px 0px; margin: 0px}
FORM INPUT {width: 364px;}
.right FORM INPUT {width: 130px;}
.right FORM TEXTAREA {width: 260px; .width: 262px; height: 100px; padding: 2px; margin-top: 2px;}
.profile .right FORM TEXTAREA {width: 250px; }
.images .right FORM INPUT, .videos .right FORM INPUT {width: 221px;}
.videos .right FORM .input-file, .images .right FORM .input-file, .profile .right FORM .input-file {float: right; width: 225px; .width: 226px; height: auto;}
.images .right FORM SELECT {height: auto; width: 225px;}
.images .right FORM SELECT OPTION { color: #cc0000;}
/* FORM profile edit / register */
.form-profile INPUT, .form-profile SELECT, .form-profile TEXTAREA {padding: 2px; margin: 2px 0px 6px 0px; width: 300px}
.form-profile SELECT {width: 308px}
.form-profile TEXTAREA {width: 552px;}
.left .form-profile .line {border: 1px solid #fff; clear: both}
.left .form-profile .line .label {padding-top: 6px}
.left .form-profile .input-file {float: left; width: 560px; height: auto;}
.left .form-profile .input-checkbox {float: left; margin-right: 10px; width: auto; margin-top: 2px}
.left .form-profile .checkbox-label {display: block; float: left; margin-top: 3px}
/* FORM create */
.create FORM INPUT {width: 450px;}
.create FORM TEXTAREA {width: 450px; float: right; height: 100px}
/* img classes */
img.profile-s {width: 40px; height: 40px;}
img.profile-l {width: 80px; height: 80px;}
/* thumbs */
.img-thumb {float: left; border-right: 1px solid #999; border-bottom: 1px solid #999; height: 87px; margin: 0px 14px 14px 0px; _overflow: hidden;}
.img-thumb IMG {border: 1px solid #cc0000; height: 85px; width: 124px;}
.last-on-row {margin: 0px;}
/* element */
.element {clear: both; padding-bottom: 20px;}
/* lines */
.element-lines .line {margin-bottom: 10px}
/* button */
.button {background: url(_images/button-bg.gif) repeat-x; width: 100px; height: 21px; cursor: hand; border: 1px solid #bfbfbf; margin-top: 8px}
.button .title {float: left; color: #8a8a89; text-decoration: none; font-size: 10px; text-align: center; width: 94px; font-weight: bold; padding-top: 4px;}
A:hover .button .title {text-decoration: underline;}
/* button-s */
.button-s {width: 54px; _width: 53px; _overflow: hidden;}
.button-s .title {width: 52px; _overflow: hidden;}
/* actionbar */
.actionbar {height: 25px; clear: both; border-top: 1px solid #ebebe7;}
.actionbar .item {float: left; height: 25px; width: 230px; cursor: hand;}
.actionbar .title {display: block; float: left; padding: 0px 20px 0px 20px; margin-top: 6px; color: #666666;}
.actionbar A:hover .title {text-decoration: underline; }
.actionbar A:hover .item {}
/* news */
.news {margin-bottom: 18px}
.news .date {color: #717171; font-family: arial; display: block; margin-bottom: 6px}
.news b {font-size: 14px; display: block;}
.news A.red {margin-top: 10px}
/* profile-item */
.profile-item {clear: both; height: 50px}
.profile-item A {font-weight: bold}
.profile-item .profile-s {float: left; margin: 0px 10px 0px 0px; border: 1px solid #000}
.profile-item .city {color: #717171; padding-top: 2px; display: block}
/* mess-item BACKUP
.mess-item {margin-bottom: 5px; border: 1px solid #dfdede; height: 34px; color: #999999; background: #fafafa; overflow: hidden; }
.mess-item .col {width: 300px; margin: 0px; padding: 10px 0px 0px 10px; height: 14px; overflow: hidden; float: left;}
.mess-item .col A {color: #000}
.mess-item .col-1 {width: 135px;}
.mess-item .col-2 {width: 60px;}
.mess-item .title {font-weight: bold; padding-left: 10px; border-left: 12px solid #dfdede; overflow: hidden; float: left;}
.mess-item A.title:hover {border-left: 12px solid #b6b6b6;} */
/* mess-item */
.mess-item-container {border-bottom: 1px solid #dfdede}
.mess-item {border: 1px solid #dfdede; border-bottom: 0px; height: 34px; color: #999999; background: #fafafa; overflow: hidden; }
.mess-item .col {width: 230px; margin: 0px; padding: 10px 0px 0px 10px; height: 14px; overflow: hidden; float: left;}
.mess-item .col A {color: #000}
.mess-item .col-1 {width: 84px;}
.mess-item .col-2 {width: 60px;}
.mess-item .col-3 {width: 110px;}
.mess-item .title {font-weight: bold; padding-left: 10px; border-left: 12px solid #dfdede; overflow: hidden; float: left;}
.mess-item A.title:hover {border-left: 12px solid #b6b6b6;}
/* posts */
.element-posts .replies {color: #717171; font-weight: 16px; font-family: arial; display: block; padding-left: 22px;}
.element-posts A.arrow {font-weight: bold;}
.element-posts A.arrow:hover {background: url(_images/icon-arrow-red-act.gif) no-repeat 0px 4px;}
/* folders */
.element-folders A.arrow {background: url(_images/icon-folder-x.gif) no-repeat 0px 4px; padding-left: 30px; padding-bottom: 10px}
.element-folders A.arrow:hover {background: url(_images/icon-folder.gif) no-repeat 0px 4px;}
.element-folders .replies {padding-left: 30px; margin-top: -8px}
/* gallery (Bilder / Profil - garage) */
.element-image {position: relative; padding-bottom: 10px}
.gallery-image {}
.element-image .summary {position: absolute; bottom: 0px; left: 10px; width: 502px; padding: 10px; color: #000; -moz-opacity: .7; filter: alpha(opacity=70); z-index: 2; border: 1px solid #cc0000; background: #fff;}
.left .element-image .red { padding: 5px 0px 2px 0px; margin-top: 5px;}
.left .element-image .date {float: left; font-size: 10px}
/* START */
/* News */
.news A {color: #cc0000; text-decoration: underline; }
/* PROFILE */
#profile-header {background: #db4c4c; height: 108px}
#profile-header #menu {background: #d01717; float: right; width: 124px; height: 98px}
#profile-header .name {font-size: 14px; font-weight: bold; }
#profile-header .white { color: #fff; margin-right: 10px;}
.profile-start .line {color: #000; margin-bottom: 9px}
.profile .line .label, .adv-search .line .label, .articles .line .label {font-weight: bold; float: left; clear: both; margin-right: 10px}
/* profile-contacts */
.profile-contacts .element-contacts {}
/* sorteringspanel (actionbar) */
.element-contacts .actionbar {height: 20px; border-left: 1px solid #dfdede; border-top: none}
.element-contacts .actionbar .item {height: 20px; width: 132px; border-right: 1px solid #dfdede; border-top: 1px solid #dfdede; border-bottom: 1px solid #dfdede; background: #f1f1f1 }
.element-contacts .actionbar .title {margin: 3px 0px 0px 0px; padding-left: 10px; width: 100px; }
.element-contacts .actionbar A:hover .title {text-decoration: none; }
.element-contacts .actionbar A:hover .item {background: #f5f5f5; border-bottom: 1px solid #cc0000}
/* profile-item */
.element-contacts .profile-item {margin: 0px; border-bottom: 1px solid #dfdede; height: 32px; }
.element-contacts .profile-item .col {width: 115px; margin: 0px; padding: 10px 10px 0px 10px; height: 12px; overflow: hidden; float: left;}
.element-contacts .profile-item .col-1 {width: 215px;}
.element-contacts .profile-item .action { color: #666666; font-size: 10px; font-weight: bold; height: 22px; float: right; padding: 10px 8px 0px 0px;}
/* requests */
.element-request {position: relative; border-bottom: 1px solid #f0f0f0; margin-bottom: 10px }
/* profile-pm */
.col .element-menu .actionbar .item {width: 279px }
.col .element-menu .actionbar .title {padding-left: 100px}
/* FORUM */
.forum FORM .form-textarea {width: 100px}
/* mess / PM */
.mess {position: relative; border: 1px solid #cbcbcb; margin-bottom: 10px; width: 532px; overflow: hidden;}
.mess-header {background: #eeeeee; padding: 10px; border-bottom: 1px solid #cbcbcb; height: 42px;}
.mess .profile-item .mess-title {font-weight: bold; display: block; width: 458px; overflow: hidden;}
.mess .profile-item .name {font-weight: normal; float: left; padding: 0px 10px 0px 0px; margin: 4px 10px 0px 0px; border-right: 1px solid #cbcbcb}
.mess .profile-item .name A {font-weight: normal;}
.mess .profile-item .city {float: left;margin-top: 4px; padding-top: 0px}
.mess .button {background: url(_images/mess-button.gif) no-repeat; border: none; width: 60px; padding-left: 4px; margin-top: 0px; }
.mess .button .title {padding-top: 3px;}
/* mess reply */
.mess-reply .mess-header .profile-item .name {border: none; padding: 0px; float: none}
#quote {font-family: Verdana; font-size: 11px; font-style: normal; padding: 10px 0px 10px 0px; margin: 10px; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; color:#7d7d79;}
/* ARTIKLAR */
.img-s {float: right; margin: 0px 0px 10px 10px; width: 134px; clear: both}
/* VIDEOKLIPP */
.video {margin-bottom: 5px; border: 1px solid #dfdede; color: #999999; background: #fafafa; height: 70px;}
.video .col {margin: 0px; padding: 10px 0px 0px 10px; float: none;}
.video .col A {color: #000; display: block;}
.video .col-1 { float: left; padding: 10px 10px 0px 30px}
.video .col-2 { float: left; padding: 10px 10px 10px 0px}
.video A.title {font-weight: bold; padding-left: 10px; border-left: 12px solid #dfdede; display: inline;}
.video A.title:hover {border-left: 12px solid #b6b6b6;}
/* MEDLEMMAR */
.members .left .profile-item, .members-sr .left .profile-item, .profile-sr .left .profile-item {width: 280px; float: left; clear: none; }
/* AKTIVITETER */
.events .news .date {font-size: 12px}
.events .img-l {display: block; margin: 10px 0px 10px 0px; width: 534px}
.events-start .img-l {width: 410px}
.events-other .topic {background: url(_images/topic-events-2.gif) no-repeat left;}
/* comments */
.images-image .mess {width: 550px;}
.profile-garage .mess {width: 558px;}
/* About club */
.club TABLE TD {vertical-align: top; padding-bottom: 10px;}
.club TABLE IMG {margin-bottom: 2px;}