﻿body{
	background-color: #fef4c7;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	min-width: 1100px;
}

a{
	outline: none;
}

img{
	border: 0px;
}

#header{
	width: 100%;
	height: 182px;
	background-image:url('gfx/header_bg.jpg');
	background-repeat: repeat-x;
	margin: 0px 0px 20px 0px;
	position: relative;
}

#headerText{
	width: 560px;
	position: absolute;
	top: 55px;
	left: 260px;
}

#headerLogin{
	position: absolute;
	top: 40px;
	left: 850px;
	width: 300px;
	background-color: red;
	padding: 10px;
}

#headerText .frow{
	font-size: 28px;
}

#headerText .srow{
	font-size: 20px;
	font-style: italic;
	color: #333333;
}

#loggedin{
	position: absolute;
	top: 194px;
	left: 15px;
	font-size: 16px;
	font-weight: bold;
	color: #595959;
}
/**** Menu  *******************************************/

#menu{
	clear: left;
	float: left;
	margin-left: 15px;
	margin-top: 51px;
}

#menu ul{
	list-style: none;
	padding: 0px;
	color: #c0b57d;
	font-weight: bold;
	font-size: 18px;
	margin: 0px;
}

#menu li{
	margin-bottom: 1px;
	padding-top: 1px;
}

.inactive,
.active{
	text-decoration: none;
	display: block;
	height: 23px;
	width: 130px;
	padding-left: 35px;
	padding-top: 3px;
	border: solid 1px gray;
}

.active{
	color: #595959;
	background-image:url('gfx/menu_link_bg_active.jpg');
	background-repeat: no-repeat;
}

.inactive{
	color: #595959;
	background-image: url('gfx/menu_link_bg.jpg');
	background-repeat: no-repeat;
}

.inactive:hover{
	background-image: url('gfx/menu_link_bg_active.jpg');
}

.inactiveSubCat,
.activeSubCat{
	font-size: 16px;
	text-decoration: none;
	outline: none;
	display: block;
	height: 22px;
	width: 120px;
	padding-left: 45px;
	padding-top: 3px;
	color: white;
	margin-top: -2px;
	border-left: 1px solid #595959;
	border-right: 1px solid #595959;
	border-bottom: dashed 1px #999999;
	font-weight: normal;
}

.activeSubCat,
.inactiveSubCat:hover{
	color: white;
	background-color: #595959;
}

.inactiveSubCat{
	color: #595959;
	background-color: #F9F9F9;
}

/**** infobox **************************************/

#infoBox{
	white-space: wrap;
	width: 165px;
	border: solid 1px #595959;
	background-color: white;
	margin-bottom: 10px;
	margin-top: 6px;
}

#infoText{
	font-size: 12px; 
	font-weight: bold;
	margin: 5px 2px 5px 2px;
}

#infoText ul{
	font-size: 14px;
}

#infoText li{
	margin-left: 20px;
	margin-bottom: 5px;
	color: #595959;
	list-style: square url('gfx/li_arrow.jpg') outside;
}



/**** Content ******************************/

#middleWrapper{
	width: 1200px;
	border: solid 2px blue;
	float: left;
}

#content{
	margin-top: 30px;
	float: left;
	margin-left: 40px;
	margin-bottom: 30px;
	width: 765px;
	min-height: 446px;
	font-size: 16px;
	line-height: 22px;
	background-color: #fffae1;
	border: solid 1px #595959;
	padding: 20px 40px 40px 40px;
}

#content p{
	margin-left: 10px;
}

h1{
	color: #595959;
	border-bottom: 1px solid #595959;
	font-size: 28px;
}

h2{
	color: #595959;
	font-size: 22px;
	margin-top: 30px;
}

h3{
	color: #595959;
	font-size: 18px;
	margin-top: 30px;
}

h4{
	color: #595959;
	font-size: 14px;
	margin-top: 8px;
	margin-left: 5px;
}

/****  Footer *********************/

#footer{
	clear: left;
	width: 100%;
	height: 20px;
	text-align: left;
	background-color: #e3e3e3;
	padding-top: 5px;
	font-size: 12px;
}

.footerText{
	margin-left: 400px;
}

/****  Medlemsansökan / annons / ny användare / användare översikt *********************/
#adForm label,
#membership_question label,
#memberapplication label{
	text-align: left;
	width: 124px;
	display: block;
	float: left;
	color: #595959;
	clear: both;
}

#adForm .input_text ,
#membership_question .input_text,
#memberapplication .input_text{
	width: 250px;
	height: 18px;
	border: solid 1px #595959;
}

#memberapplication select,
#adForm select{
	width: 250px;
	height: 22px;
	border: solid 1px #595959;
}

#adForm .submit_button,
#memberapplication .submit_button{
	display: inline;
	font-size: 16px;
}


#adForm textarea{
	width: 454px;
	min-height: 300px;
	border: solid 1px #595959;
	float: left;
}

.remove_button{
	display: inline;
}

.mandatoryField{
	color: red;
}



/****  Opelprylar  *******************************/

#basket{
	float: left;
	width: 220px;
	margin-left: 30px;
	margin-top: 51px;
}

.basket_middle{
	background-image: url('gfx/basket_middle.jpg');
	background-repeat: repeat-y;
	padding: 8px;
	color: #595959;
	line-height: 20px; 
}

#basket_top{
	width: 220px;
	height: 36px;
	background-image: url('gfx/basket_top.jpg');
}


#basket_bottom{
	width: 220px;
	height: 14px;
	background-image: url('gfx/basket_bottom.jpg');
}

#basket_product{
	border-bottom: solid 1px #595959;
	margin-top: 5px;
	margin-bottom: 10px; 
}

/****  Kassa  *******************************/

.title{
	font-weight: bold;
	font-size: 16px;
	color: white;
	background-color: gray;
	text-align: right;
	padding-right: 10px;
}

.basket_item_td{
	text-align: right;
	vertical-align: top;
	padding-right: 10px;
}
/****  bildgalleri  *******************************/

#galleriesTable td{
	width: 220px;
	vertical-align: top;
	padding-right: 20px;
	padding-bottom: 20px;
	text-align: center;
}

/****  mina-bilder  *******************************/

#bigimageContainer{
	margin-bottom: 30px;
	text-align: center;
}

#bigimageContainer img{
	height: 350px;
	border: solid 1px #595959;
}

#picText{
	text-align: center;
	margin-bottom: 30px;
}

.thumbnail{
	height: 60px;
	border: 3px solid #9e9e9e;
}

#arrows{
	clear: both;
	text-align: center;
	margin-bottom: 20px;
}

#arrows img{
	border: 0px;
	height: 30px;
}

#gallery_pics{
	margin-left: 50px;
}

.hidden_bu{
	visibility: hidden;
}

/****  Kontakt  *******************************/

.contactDivPeopleTable,
#contactDivTable{
	font-size: 14px;
	padding-left: 5px;
}

.contactDivPeople{
	border: solid 1px gray;
	background-color: white;
}

#contactDiv{
	padding-left: 10px;
	border: solid 1px gray;
	background-color: white;
}

#contactDivTable td,
.contactDivPeopleTable td{
		padding-left: 10px;
		padding-top: 10px;
		padding-bottom: 30px;
		padding-right: 20px;
		vertical-align: top;
}

.contactDivPeopleTable td{
	border-top: solid 1px gray;
}

.td1{
	width: 180px;
}

.td2{
	width: 200px;
}

/**** Bilar och Delar *******************************/

#ads_table img{
	width: 80px;
}

#ads_table a{
	text-decoration: none;
}

#ads_table .firstTD{
	width: 100px;
	vertical-align: top;
}

#ads_table .middleTD{
	width: 400px;
	vertical-align: top;
}

#ads_table .lastTD{
	vertical-align: top;
	width: 100px;
}

.adTitle{
	color: #961313;
	font-weight: bold;
}

.lineSep{
	height: 10px; 
	border-bottom: 1px solid #AAAAAA;
	width: 100%;
}

#adPictures{
	margin-top: 20px;
}

#adPictures img{
	width: 100px;
	margin-bottom: 10px;
	margin-left: 20px;
}

.mailtolink{
	background-image: url('gfx/mail.jpg');
	display: block;
	width: 60px;
	height: 40px;
}

.mailtolink:hover{
	background-image: url('gfx/mail_hover.jpg');
}

#bigImgDiv{
	margin-top: 20px;
	float: left;
}

#bigImgDiv img{
	width: 480px;
	float: left;
	clear: both;
}

/**** Köp och sälj ******************************/

#categoryImageParts{
	background-image: url('gfx/bildelar_active.jpg');
}

#categoryImageCars{
	background-image: url('gfx/bilar_active.jpg');
}

.categoryImage{
	width: 260px;
	height: 100px;
	float: left;
	margin-right: 30px;
}

#editDiv{
	margin-bottom: 20px;
}

/**** Opelbladet *****************/

#opelpages td{
	padding: 15px;
	vertical-align: top;
}

/**** Kalender / add event***********************/


.calendar_button a{
	border: solid 1px #595959;
	background-color: white; 
	margin: 10px 10px 20px 0px;
	text-align: center;
	color: #595959;
	font-weight: bold;
	font-size: 16px;
	min-width: 140px;
	float: left;
	text-decoration: none;
	font-size: 14px;
	padding: 0px 5px 0px 5px;
}

.calendar_button a:hover{
	color: #FFFFFF;
	background-color: #3a4047;
	font-size: 14px;
	text-decoration: none;
}


#calendar{
	margin-bottom: 20px;
}

#calendar td{
	width: 104px;
	vertical-align: top;
}

.calendar_event_filler{
	clear: both;
	height: 40px;
	width: 100%;
	background-color: red;
	border: solid 2px green;
}



#calendar .date_add a,
#calendar .date_view  a{
	color: black;
	font-size: 16px;
}


.date{
	background-color: white;
	border: solid 1px black;
	line-height: 15px;
	height: 50px;
}

.nodate{
	background-color: #595959;
	border: solid 1px gray;
	background-repeat: no-repeat;
	height: 50px;
}

.day{
	background-image: url('gfx/calendar_day_bg.gif');
	color: white;
	height: 28px;
	padding: 0px;
	text-align: center;
}

.header{
	text-align: center;
	font-weight: bold;
	color: black;
	background-image: url('gfx/menu_link_bg.jpg');
	border: solid 1px gray;
}

#event_text{
	width: 100%;
	height: 100px;
}

#events_table{
	width: 765px;
}

#event_table td{
	margin: 0px; 
	padding: 0px;
}

.event_title{
	background-image: url('gfx/calendar_day_bg.gif');
	background-repeat: repeat-x;
	color: white;
	font-weight: bold;
}

.event_text{
	padding: 5px;
}

.event_found{
	background-color: #355c92;
	color: white;
	padding-left: 2px;
}

/**** forum ****************************/

.mainCat{
	border: solid 1px #595959;
	line-height: 18px;
	width: 764px;
	float: left;
}

.maincat a:visited,
.mainCat a{
	text-decoration: none;
	color: #0066cc;
}


.subCatTitle{
	font-size: 14px;
	font-weight: bold;
}

.subCatText{
	font-size: 12px;
	font-weight: normal;
	color: #393e45;
}

.mainCatHeader{
	padding-left: 20px;
	height: 24px;
}

.thread{
	padding-left: 40px;
	background-image: url('gfx/thread_bg.gif');
	margin-bottom: 1px;
	height: 30px;
	padding-top: 10px;
}

.subCat{
	padding-left: 40px;
	padding-bottom: 10px;
	border-top: #a9a9a9 1px solid;
	border-bottom: #FFFFFF solid 1px;
	background-color: #f4f4f4;
}


.subcat_header{
	padding-left: 40px;
	background-image: url('gfx/active_subcat_header.gif');
	margin-bottom: 1px;
	height: 60px;
	color: white;
}

.opHeader{
	background-image: url('gfx/active_subcat_header.gif');
	height: 24px;
	padding-top: 4px;
	color: white;
	font-weight: bold;
	padding-left: 20px;
}

.post{
	clear: both; 
	float: left;
	width: 764px;
	background-color: #f4f4f4;
}

.postHeader{
	background-image: url('gfx/active_subcat_header.gif');
	clear: both; 
	width: 764px;
	border-top: #a9a9a9 1px solid;
	border-bottom: #FFFFFF solid 1px;
	
}

.mainCatHeader{
	color: white;
	font-size: 14px;
	font-weight: bold;
	background-image: url('gfx/calendar_day_bg.gif');
	padding-top: 4px;
}

.postIcon{
	margin: 0px 1px 0px 0px;
	padding: 0px;
	display: inline;
}

.posterInfo{
	width: 140px; 
	float: left;
	height: 50px;
	padding-top: 24px;
	padding-left: 10px;
}

.posttext{
	float: left; 
	padding: 24px 20px 30px 20px;
	width: 574px;
	background-color: #f4f4f4;
	min-height: 70px;
}


#previewDiv{
	width: 750px;
	white-space: pre-wrap;
	margin-bottom: 20px;
}


/**** addPost ******************/

#files_list{
	width: 300px; 
}

#files_list input{
	float: right;
	clear: both;
}

/*** news ********************/

.newsLink{
	color: #0066cc;
}