
@media screen and (max-width: 1120px) {
	
	
	#framework
	{
		
	}
	
	#container
	{
		
	}
	
	/* ####################### */
	/* Navigation
	/* ####################### */

	#framework #header #navigation
	{
		display: inline;
	}
	
	
	/* ####################### */
	/* Slider
	/* ####################### */
	
	#slide_container #slide_content
	{
		
	}
	
	/* ####################### */
	/* Main frontpaige
	/* ####################### */
	
	.frontpage #content_container
	{
		width: auto;
	}
	
	/* ####################### */
	/* Objects - Columns
	/* ####################### */	

	.column_objects
	{
		float: left;
		width: 100%;
		background: none;
	}
		
		#content .column_objects .object_item,
		#content .column_objects .last
		{
			
		}

		#content .column_objects .object_item
		{
			margin-bottom: 20px;
			padding: 0px 0px 0px 0px;
		}
		
		#content .column_objects .more_objects
		{
			display: none;
		}
	
}

@media screen and (max-width: 1059px) {

	/* ####################### */
	/* Objects - Columns
	/* ####################### */	

	#content .column_objects .object_item
	{
		float: left;
	}

	#content .column_objects .object_item_1,
	#content .column_objects .object_item_3,
	#content .column_objects .object_item_5,
	#content .column_objects .object_item_7,
	#content .column_objects .object_item_9,
	#content .column_objects .object_item_11
	{
		float: left;
	}
	
	
	/* ####################### */
	/* Footer
	/* ####################### */

	#footer ul li.divider
	{
		display: none;
	}
	
	/* ####################### */
	/* Eniro Map
	/* ####################### */
	
	#content.frontpage #main .our_workplace #map_container
	{
		float: left;
		height: 550px !important;
		width: 100% !important;
	}

}


@media screen and (max-width: 800px) {
	
	
	/* ####################### */
	/* Font sizes
	/* ####################### */
	
	#content h1
	{
		font-size: 3em;	
	}
	
	#main h2.page_title
	{
		font-size: 3em;	
	}
	
	.supersize
	{
		font-size: 3em;	
	}
	
	.phone_number_swedish
	{
		bottom: 20px;
	}

	/* ####################### */
	/* Objects - Columns
	/* ####################### */	
	
	#content .column_objects .column_container
	{
		float: left;
		width: 100%;
		margin: 0px 0px 0px 0px;
	}
	
	#content .column_objects .object_item
	{
		float: left;
		width: 48%;
		margin: 0px 2% 20px 0px;
	}
	
	#content .column_objects .object_item_2,
	#content .column_objects .object_item_4,
	#content .column_objects .object_item_6,
	#content .column_objects .object_item_8,
	#content .column_objects .object_item_10,
	#content .column_objects .object_item_12
	{
		float: right;
		margin: 0px 0px 20px 0px;
	}
	
	/* ####################### */
	/* Logo
	/* ####################### */

	/*#header #logo
	{
		width: 140px;
		height: 77px;
		margin: 30px 0px 67px 30px;
	}
	
		#header #logo img
		{
			width: 140px;
			height: 77px;
		}*/
	
	/* ####################### */
	/* Navigation
	/* ####################### */
	
	#framework #header
	{
		float: left;
		height: auto;
	}
	
	#header #show_responsive_menu
	{
		display: inline;
	}
	
	#framework #header #navigation
	{
		float: left;
		height: auto;
		position: static;
		z-index: 1000;
		padding: 70px 30px 0px 30px;
		background: none;
		display: none;
	}
	
	#framework #header #navigation.active
	{
		display: inline;
	}

	#framework #header #navigation ul li .sub_navigation
	{
		float: left;
		width: 100%;
		position: static;
		right: 0px;
		z-index: 1000;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		background: none;
	}
	
		#framework #header #navigation ul
		{
			float: left;
			height: inherit;
			width: 100% !important;
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 0px 0px;
			background: none;
		}
		
			#framework #header #navigation ul li
			{
				float: left;
				display: block;
				width: 100% !important;
				line-height: 1.5em;
				padding: 5px 0px 3px 0px;
				margin: 0px 0px 0px 0px;
				background: none;
				border-bottom: 1px solid #4d4d4d;
				background: none !important;
			}
			
				#framework #header #navigation ul li a
				{
					/*font-weight: normal;*/
				}
		
		#framework #header #navigation ul li .sub_navigation ul
		{
			float: left;
			height: inherit;
			font-size: 0.95em;
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 0px 0px;
			background: none;
		}
		
		
			#framework #header #navigation ul li .sub_navigation ul li
			{
				float: left;
				display: block;
				width: auto;
				padding: 0px 0px 0px 0px;
				margin: 0px 5px 0px 0px;
				background: none;
				border: none;
			}
			
			#framework #header #navigation ul li .sub_navigation .show_all
			{
				float: left;
				position: static; 
				padding: 0px 0px 0px 0px;
				margin: 0px 0px 0px 0px;
				display: none;
			}
	
	/* ####################### */
	/* Main
	/* ####################### */
	
	#content.frontpage
	{
		background: none;
	}
	
	#content_container #main
	{
		float: left;
		width: 100% !important;
	}
	
		#content_container #main div
		{
			/*float: left;
			width: 100% !important;
			background: none;
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 0px 0px;*/
		}

		#content_container #main #slide_container
		{
			margin: 0px 0px 25px 0px;
			padding: 0px 0px 29px 0px;
			background: url(../graphics/various/divider_dotted.gif) repeat-x -2px bottom;
		}
		
		/* ####################### */
		/* Single article
		/* ####################### */
		
		#content #main.single_article
		{
			float: left;
			width: 100% !important;
			padding: 0px 0px 0px 0px;
		}
	
	
	/* ####################### */
	/* Fifty fifty
	/* ####################### */
	
	#content #main .fiftyfifty img
	{
		height: auto !important;
		width: 90% !important;
	}
		
	/* ####################### */
	/* Sidebar
	/* ####################### */
	
	#content_container #sidebar
	{
		float: left;
		width: 100% !important;
	}
	
		#sidebar div
		{
			width: 100%;
		}
		
	/* ####################### */
	/* Employees
	/* ####################### */
	
	#employee_content
	{
		float: left;
		width: 100%;
	}
	
		#employee_content img
		{
			float: left;
			height: auto !important;
			width: 100% !important;
		}
	
	/* ####################### */
	/* Eniro Map
	/* ####################### */
	
	#content.frontpage #main .our_workplace #map_container
	{
		float: left;
		height: 450px !important;
		width: 100% !important;
	}
	
	/* ####################### */
	/* Hide map
	/* ####################### */
	
	.our_workplace
	{
		display: none;	
	}
	
}


@media screen and (max-width: 680px) {
	
	
	/* ####################### */
	/* Objects - Columns
	/* ####################### */	

	#content .column_objects .object_item
	{
		
	}
	
	#content #object_list .object_item .description
	{
		width: 100%;
	}
	
	/* ####################### */
	/* Post images
	/* ####################### */
	
	#content #main img
	{
		height: auto !important;
		width: 100% !important;
		margin: 0px 0px 17px 0px;
	}
}

@media screen and (max-width: 610px) {
	
	
	
}

@media screen and (max-width: 500px) {
	
	/* ####################### */
	/* Font sizes
	/* ####################### */
	
	#content h1
	{
		font-size: 2em;	
	}
	
	#main h2.page_title
	{
		font-size: 2em;	
	}
	
	#content #main.single_article h1
	{
		font-size: 2em; 
	}
	
	.supersize
	{
		font-size: 2em;
	}
	
	.bottomleft,
	.bottomright
	{
		bottom: 10px;
	}
	
	
	
	
	/* ####################### */
	/* Objects - Columns
	/* ####################### */	

	#content .column_objects .object_item
	{
		width: 100%;
		margin: 0px 0px 20px 0px;
	}
	
		
}

@media screen and (max-width: 400px) {
	
	#main .become_friend_form
	{
		float: left;
		width: 200px;
		margin: 0px 0px 20px 0px;
	}
	
	#main .become_friend_form.member
	{
		width: 220px;
	}
	
		#main .become_friend_form form div input.textinput
		{
			width: 188px;
		}
		
		#main .become_friend_form form div input.textinput
		{
			width: 188px;
		}
		
		#framework .become_friend_form .tzSelect .selectBox
		{
			width: 207px;
		}
		
		#framework .become_friend_form .tzSelect .dropDown
		{
			width: 204px;
		}
	
}


