/***************************************************************************************************
*	BASFORMATERING
***************************************************************************************************/
html {
	overflow-x: hidden;
}

body {
	font: 11px 'trebuchet ms';
	margin: 0px;
	background: #a1a7b7 url(./../gfx/bg/bg.jpg) repeat-x; 
	color: #344159;
}

div {
	border: 0px solid red;
}

img {
	border: 0px;
}

h1 {
	font: normal 21px 'trebuchet ms';
}

h2 {
	font: normal 16px 'trebuchet ms';
	margin: 5px 0px;
}

h3 {
	font: normal 14px 'trebuchet ms';
	margin-top: 0px;
	margin-bottom: 3px;
	text-align: center;
}

h4 {
	font: normal 12px 'trebuchet ms';
	margin-top: 0px;
	margin-bottom: 5px;
	text-align: center;
}

a {
	color: #a12983;
}

a:hover {
	text-decoration: none;
}

em {
	font-style: normal;
	color: #a12983;
}

span {
	color: #888888;
}

cite {
	font-size: 10px;
	font-style: normal;
}

var {
	font: bold 16px 'trebuchet ms';
	text-align: left;
}

hr {
	color: #a12983; 
	background-color: #a12983;
	height: 1px;
	border: 0px;
}

/**********************************************************************************************
*	formulär
**********************************************************************************************/

input, select, textarea {
	border: 1px solid #cccccc;
	width: 200px;
	font: 11px 'trebuchet ms';
	padding: 2px;
	overflow: auto;
}

select {
	width: 205px;
}

textarea {
	height: 100px;
}

.knapp {
	width: auto;
	background-color: #f7f7f7;
	color: #a12983;
	display: inline;
	border: 1px outset #a12983;
	font: 11px 'trebuchet ms';
	padding: 0px;
	cursor: pointer;
	text-decoration: none;
}

.inputLogin {
	border: 0px;
	padding: 4px;
	font: 13px 'trebuchet ms';
	width: 190px;
}

.inputSearch {
	border: 1px solid #c1cbd7;
	padding: 4px;
	font: 13px 'trebuchet ms';
	width: 170px;
	padding: 3px;
}

.btnLogin {
	border: 0px;
	background: transparent url(./../gfx/button_ok_login.jpg) no-repeat;
	width: 55px;
	height: 36px;
	cursor: pointer;
}

.btnSearch {
	border: 0px;
	background: transparent url(./../gfx/button_ok_sok.jpg) no-repeat;
	width: 58px;
	height: 35px;
	cursor: pointer;
}

.radio  {
	width: auto;
	border: 0px;
}

/**********************************************************************************************
*	classer
**********************************************************************************************/

.img_border {
	border: 5px solid #ffffff;
}

a.white {
	color: #ffffff;
}

a.blue {
	color: #344159;
	font-weight: bold;
	text-decoration: none;
}

a.invisible {
	color: #344159;
	text-decoration: none;
}

.header td {
	background-color: #a12983;
	padding: 2px 5px;
	height: 18px;
	color: #ffffff;
	vertical-align: middle;
	font-weight: bold;
}

.row1 td, .row2 td, .row3 td, .row_hover td{
    vertical-align: middle;
	 background-color: #f4f9ff;
    padding: 5px;  
}

.row2 td{ background-color: transparent; }

.row3 td{ background-color: #ffffff; }

.row_hover td{ background-color: #e4ebfe; }

.top td {
	vertical-align: top;
}

.middle td {
	vertical-align: middle;
}

.right {
	text-align: right;
}

.center td {
	text-align: center;
}

.f_right {
	float: right;
}

.mark_border {
	border: 1px solid #a12983;
}

.display_ad {
	border: 1px solid #b3c2df;
	width: 160px;
	height: 300px;
	padding: 10px 20px;
	position: relative;
	float: left;
	margin-right: 10px;
	background-color: #ffffff;
	cursor: pointer;
	text-align: center;
}

.pad2 {
	padding: 10px 18px 18px 18px;
	position: relative;
	height: auto;
}

.cursor {
	cursor: pointer;
}

/**********************************************************************************************
*	annonserna
**********************************************************************************************/

#ad_list_top {
	position: relative;
	top: 0px;
	height: 322px;
	width: 870px;
}

#ad_list {
	position: relative;
	top: 10px;
	left: 0px;
	width: 850px;
	padding-bottom: 60px;
}

.no_img_mini {
	border: 1px solid #b3c2df;
	height: 40px;
	width: 50px;
	text-align: center;
	font-size: 10px;
	padding-top: 10px;
	background-color: #ffffff;
}

.no_img_small {
	border: 1px solid #b3c2df;
	height: 150px;
	width: 100px;
	text-align: center;
	font-size: 10px;
	padding-top: 10px;
	background-color: #ffffff;
}

.no_img_thumb {
	border: 1px solid #b3c2df;
	height: 160px;
	width: 160px;
	text-align: center;
	font-size: 10px;
	padding-top: 80px;
	background-color: #ffffff;
}

.no_img {
	border: 1px solid #b3c2df;
	height: 516px;
	width: 343px;
	text-align: center;
	font-size: 10px;
	padding-top: 10px;
	background-color: #ffffff;
}
	
#ad_search {
	background-color: #a12983;
	color: #ffffff;
	font-weight: bold;
	height: 36px;
	padding-top: 0px;
	padding-left: 20px;
	margin-bottom: 20px;
}

/**********************************************************************************************
*	id:n
**********************************************************************************************/

#center {
	width: 1024px;
	margin: 0px auto;
	position: relative;
}


#main {
	top: 241px;
	left: 64px;
	width: 918px;
	position: absolute;
	padding: 0px;
	background: #ffffff url(./../gfx/bg_flowers.jpg) no-repeat;
}

#two {
	top: 0px;
	right: 0px;
	position: absolute;
	background: #ffffff url(./../gfx/bg/bakgrund.jpg) no-repeat;
	background-position: top right;
	width: 919px;	
	height: 603px;
}

#pad {
	left: 40px;
	top: 15px;
	position: relative;
	height: auto;
	width: 840px;
}

#ad_shortcut {
	left: 330px;
	top: -10px;
	position: absolute;
	width: 540px;
}

#info_shortcut {
	/*left: -15px;
	top: -15px;*/
	position: relative;
	width: 278px;
}

#top5 {
	width: 278px;
	position: absolute;
	left: 300px;
	top: 0px;
	z-index: 10;
	height: 380px;
}

#search {
	width: 278px;
	position: absolute;
	left: 600px;
	top: 0px;
	z-index: 10;
}

#spalt {
	left: -15px;
	top: 220px;
	position: absolute;
	width: 878px;
	height: 380px;
}

/***************************************************************************************************
*	info-sidor
***************************************************************************************************/

#img_1 {
	background: transparent url(./../gfx/bg_omoss.jpg) no-repeat;
	background-position: top right;
	width: 400px;
	height: 400px;
	right: 0px;
	top: 00px;
	position: absolute;
}

#img_2 {
	background: transparent url(./../gfx/bg_kontakt.jpg) no-repeat;
	background-position: top right;
	width: 400px;
	height: 400px;
	right: 0px;
	top: 0px;
	position: absolute;
}

#img_3 {
	background: transparent url(./../gfx/bg_fragorsvar.jpg) no-repeat;
	background-position: top right;
	width: 400px;
	height: 400px;
	right: 0px;
	top: 0px;
	position: absolute;
}

#img_4 {
	background: transparent url(./../gfx/bg_medlem.jpg) no-repeat;
	background-position: top right;
	width: 400px;
	height: 400px;
	right: 0px;
	top: 0px;
	position: absolute;
}

/**********************************************************************************************
*	page_header
**********************************************************************************************/

#top_bg {
	background: transparent url(./../gfx/bg/top.jpg) no-repeat;
	width: 1024px;
	height: 241px;
	position: absolute;
	left: 0px;
	top: 0px;
}

#home {
	cursor: pointer;
	width: 170px;
	height: 170px;
	top: 23px;
	left: 35px;
	position: absolute;
}

#login {
	top: -3px;
	left: 355px;
	position: absolute;
	color: #ffffff;
	vertical-align: middle;
}

#logged_in {
	top: 12px;
	left: 305px;
	position: absolute;
	color: #ffffff;
	text-align:right;
	width: 300px;
}

#password {
	top: 41px;
	left: 738px;
	position: absolute;
}

#links_1 {
	top: 89px;
	left: 275px;
	position: absolute;
}

#links_2 {
	top: 123px;
	left: 275px;
	position: absolute;
}

#ad {
	left: 730px;
	top: 133px;
	position: absolute;
}

/**********************************************************************************************
* 	banners && page_footer
**********************************************************************************************/

#banners {
	position: absolute;
	width:234px;
	left: 618px;
	top: 130px;
}

#footer {
	border-top: 1px solid #cccccc;
	text-align: center;
	position: relative;
	left: 0px;
	bottom: -30px;
	width: 919px;
	font: 11px 'trebuchet ms';
	height: 70px;
	padding-top: 15px;
	background-color: #ffffff;
	display: none;
}
