/* 2010-05-06 */
@charset "utf-8";
/* RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font-style: normal;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* GLOBAL */

body
{
	margin-bottom: 16px;
	
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	background-image: url('../gfx/main_bac.gif');
	background-repeat: repeat-x;
}

a, #a:link, a:visited, .link
{
	color: #000;
	text-decoration: none;
}

a:hover, .link:hover
{
	text-decoration: underline;
	cursor: pointer;
}

.links_in_text a
{
	text-decoration: underline;
}

h2
{
	font-size: 24px;
}

p
{
	margin: 10px 0;
}

#main_box
{
	width: 1000px;
	
	margin: 16px auto 0 auto;
}

#content
{
	width: 960px;
	
	padding: 20px 20px 0 20px;
	
	background-image: url('../gfx/content_bac.png');
	background-repeat: no-repeat;
	background-position: top;
}

#logo
{
	width: 414px;
	height: 57px;
	
	float: left;
	
	background-image: url('../gfx/logo.gif');
}

	#logo a
	{
		display: none;
	}

#contact
{
	width: 360px;
	height: 57px;
	
	float: left;
	text-align: right;
	
	color: #747373;
	border-right: 1px solid #bfbfbf;
}

	#contact em
	{
		color: #000000;
		font-weight: bold;
	}
	
	#contact p
	{
		margin: 0 10px 3px 0;
	}

#cityjuristerna_link
{
	width: 185px;
	height: 57px;
	
	float: right;
}

	#cityjuristerna_link p
	{
		text-align: center;
		margin: 20px 0 0 10px;
	}

#main_menu
{
	height: 25px;
	
	margin: 15px 0;
	
	font-size: 18px;
}
	
	#main_menu li a, #main_menu li a:link, #main_menu li a:visited
	{
		color: #747373;
	}
	
	#main_menu li
	{
		display: inline;
		margin: 0 10px;
	}
	
	#main_menu li#active a
	{
		color: #000;
	}

#footer
{
	margin-top: 20px;
	
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #f2f2f2;
}

	#footer p
	{
		padding: 10px;
	}

/* LAYOUT */

.spacer
{
	clear: both;
}

.space
{
	height: 10px;
}

.float_left
{
	float: left;
}

.float_right
{
	float: right;
}

/* START */

#showcase
{
	width: 690px;
	
	float: left;
}

#showcase.start
{
	float: right;
	
	margin-top: 35px;
}


#object_categories
{
	width: 254px;
	
	float: right;
	
	border-left: 1px solid #bfbfbf;
}

	#object_categories li, #object_categories ul
	{
		margin: 0 15px;
		padding: 0;
	}

	#object_categories p
	{
		width: 180px;
		
		padding: 8px;
		float: left;
		margin: 8px auto;
		
		background-color: #f5c70f;
		font-size: 22px;
	}
	
	#object_categories p:hover, #object_categories p:hover a
	{
		cursor: pointer;
		color: #f5c70f;
		background-color: #000;
		text-decoration: none;
	}

#welcome_box
{
	width: 478px;
	
	float: left;
	padding: 10px;
	
	background-color: #fefcf3;
	border: 1px solid #e5e2da;
	font-size: 12px;
	line-height: 14px;
}

#newsletter_box
{
	width: 415px;
	
	float: right;
	padding-left: 25px;
	
	border-left: 1px solid #bfbfbf;
}

	#newsletter_box p
	{
		font-size: 12px;
		margin: 10px 0;
	}
	
	#newsletter_box input
	{
		margin: 5px 0;
		padding: 5px;
		
		border: 1px solid #666;
	}
	
	#newsletter_box input.text_field
	{
		width: 300px;
	}
	
	input.text_field:focus
	{
		border: 1px solid #000;
		background-color: #FFC;
	}
	
#latest_objects
{
	width: 960px;
	
	float: left;
}

	#latest_objects h3
	{
		float: left;
		margin-bottom: 3px;
	}
	
	#latest_objects div.object
	{
		width: 440px;
		min-height: 100px;
		height:auto !important;
  		height:100px;

		
		float: left;
		padding: 10px;
		margin-top: 20px;
		margin-right: 5px;
		
		background-color: #fcf1c3;
	}
	
	#latest_objects div.object:hover
	{
		padding: 9px;
		
		cursor: pointer;
		border: 1px solid #999;
		background-color: #f5c70f;
	}
	
	#latest_objects div.object p
	{
		margin: 0;
		padding: 0;
			
		font-size: 12px;
		line-height: 12px;
	}
	
	#latest_objects div.object p.head
	{
		font-weight: bold;
		padding: 0;
	}
	
	#latest_objects img
	{
		float: left;
		margin-right: 5px;
	}

#contact_box
{
	width: 250px;
	
	float: right;
	padding-left: 25px;
	
	border-left: 1px solid #bfbfbf;
}

	#contact_box p
	{
		font-size: 12px;
	}
	
	#contact_box input
	{
		margin: 5px 0;
		
		padding: 5px;
		
		border: 1px solid #666;
		font-size: 14px;
	}
	
	#contact_box input.text_field
	{
		width: 238px;
	}
	
	#contact_box input.submit
	{
		float: right;
	}

/* OBJECTS */
.navigator
{
	width: 239px;
	
	padding: 10px;
	margin-right: 25px;
}

.navigator#left
{
	float: left;
	border-right: 1px solid #bfbfbf;
}

.navigator#right
{
	float: right;
	border-left: 1px solid #bfbfbf;
}

	.navigator p
	{
		width: 180px;
		
		padding: 10px;
		margin: 17px auto;
		
		background-color: #f5c70f;
		font-size: 24px;
	}
	
	.navigator p:hover, .navigator p:hover a
	{
		cursor: pointer;
		color: #f5c70f;
		background-color: #000;
		text-decoration: none;
	}
	
	.navigator p#active, .navigator p#active a
	{
		color: #f5c70f;
		background-color: #000;
		text-decoration: none;
	}
	
	
#content_right
{
	width: 650px;
	
	float: right;
	margin-right: 25px;
}

	#content_right .object
	{
		width: 650px;
		
		float: left;
		padding: 10px;
		margin-bottom: 10px;
		margin-right: 5px;
		
		background-color: #fcf1c3;
	}
	
	#content_right .object p
	{
		font-size: 12px;
	}
	
	#content_right .object img
	{
		float: left;
		margin-right: 10px;
	}
	
	#content_right div.object:hover
	{
		padding: 9px;
		
		cursor: pointer;
		border: 1px solid #999;
		background-color: #f5c70f;
	}
	
	#content_right div.nohover:hover
	{
		cursor: default;
		padding: 10px;
		border: none;
		background-color: #fcf1c3;
	}

/* OBJECT VIEW */
#object_shortinfo
{
	width: 239px;
	height: 380px;
	
	float: right;
	padding: 10px;
	
	border-left: 1px solid #bfbfbf;
}

#object_shortinfo h1
{
	font-size: 26px;
}

#object_shortinfo h3
{
	font-size: 18px;
	color: #666;
	
	margin: 10px 0;
}
