/* =================================================================================================
		
		CSS STYLE | main.css
		Written by Jimmy Oh | www.jimmyoh.com
				
======= STRUCTURE ========================================================================================== */

		body 
		{
		    
		    background-repeat: repeat;
		    background-position: top left;
		/*background: repeat #e05d25 top left url('../gfx/bkg.png');*/
		margin: 0 auto 0 auto;
		text-align: center; 
		font-family: arial, helvetica, sans-serif;
		font-size: 11px;
		font-style: normal;		
		}
		
		#wrapper_shadow {
		background: repeat-y top left url('../gfx/white_bgr/top_middle.png');
		width: 790px;
		display: block;
		margin: 0 auto 0 auto;
		z-index: 1000; }
		
		#wrapper_shadow_bottom {
		background: no-repeat top left url('../gfx/white_bgr/bottom.png');
		width: 790px;
		height: 9px;
		display: block;
		margin: 0 auto 0 auto;
		margin-top: -4px;
		z-index: 1000; }
		
		#totalcontainer {
		background: #fff;
		width: 776px;
		margin: 0 auto 0 auto;
		z-index: 1;
		padding: 4px 4px 4px 4px; }
		
		#content {
		background-color: #c2a72b;
		margin: 2px 0 8px 0;
		width: 776px;
		z-index: 1;
		float: left; }
				
									
/* ==== HEADER ============================================================================================= */
	
		#header {
		background: #888888;
		width: 776px;
		height: 107px;
		float: left;
		display: block; }
	
		#header .flower {
		background: no-repeat top left url('../gfx/flower.png');
		width: 94px;
		height: 85px;
		display: block;
		position: relative;
		left: 30px;
		top: 12px;
		float: left; }
		
		#header .logotxt {
		background: no-repeat top left url('../gfx/klockaregarden.png');
		width: 480px;
		height: 16px;
		display: block;
		position: relative;
		left: 73px;
		top: 40px;
		float: left; }
		
		
/* ==== NAVIGATION ============================================================================================= */
		
		div#nav {
		width: 620px;
		float: left;
		position: relative;
		top: 66px;
		left: 63px; }
		
		div#nav ul {
		/*width: 554px;*/
		margin: 0 auto 0 auto;
		padding: 0;
		list-style-type: none;
		float: left; }
		
		div#nav li {
		margin: 0;
		float: left;
		height: 17px;
		display: block;
		padding: 0 11px 0 11px;
		border: none; 		
		}
		
		.nav:link, .nav:visited, .nav:active {		
		border: none; }

		.nav:hover {
		border: none; }
					
			
/* ==== BRED SIDA ============================================================================================= */			
			
		#whole_page_content 
		{
		margin-left: 0px;
		padding-right: 0px;
		margin-right: 0px;
		padding-left: 25px;
		*padding-left: 15px;
		margin-top: 10px;
		width: 715px;
		text-align: left;
		color: #FFFFFF;
		font-size: 12px;
		}
		
		#whole_page_content table
		{
		    padding: 0px 0px 0px 0px;		    
		}
		
		#whole_page_content td
		{
		    padding: 2px 0px 2px 0px;
		    text-align: left;	
		    color: #FFFFFF;	    
		}	
		
		#whole_page_content p
		{
		    text-align: left;
		    padding-bottom: 0px;
		    padding-top: 0px;
		    margin-top: 25px;
		    margin-bottom: 5px;
		    color: #FFFFFF;
		}
					
		
		#whole_page_content p b
		{
		    font-size: 14px;	
		    font-weight: bold; 
		}
		
		#whole_page_content textarea
		{
		    font-size: 12px;
		    font-family: Arial, Verdana, Sans-Serif;
		}	
		
		#whole_page_content submit
		{
		    font-size: 12px;
		    font-family: Georgia, Garamond, Times New Roman, serif;
		}			
		
		#whole_page_content .button
		{
		    font-size: 12px;
		    font-family: Georgia, Garamond, Times New Roman, serif;
		}				
										
/* ==== LEFT ============================================================================================= */
		
		.div_text 
		{
		float: left;
		width: 360px;
		display: inline;
		margin: 0px 0px 0px 0px; 
		text-align: left;
		color: #FFFFFF;
		padding-top:0px;
		margin-left: 5px;
		}
		
		.div_text_layer {
		width: 340px;
		display: block;
		padding: 40px; 
		padding-top: 2px;
		padding-bottom: 15px;
		padding-right: 20px;
		margin-top: 0px;
		/*
		background-image: url('../gfx/humla.png');
		background-repeat: no-repeat;
		background-position: bottom right;		*/
		}		
		
		.div_text_right
		{
		float: right;
		width: 330px;
		display: inline;
		margin: 0px 0px 0px 0px; 
		text-align: left;
		color: #FFFFFF;
		padding-top:2px;
		}		
		
		.div_text_right_layer {
		width: 290px;
		display: block;
		padding: 20px; 
		padding-left: 0px;
		padding-right: 5px;
		padding-top: 0px;
		padding-bottom: 15px;
		margin-top: 0px;
		margin-left: 0px;
		margin-right: 0px;
		/*
		background-image: url('../gfx/humla.png');
		background-repeat: no-repeat;
		background-position: bottom right;		*/
		}		
		

		
		/* ======================================================================================== */
		
		.sub_menu
		{
		    margin-bottom: 0px;
		    margin-top: 20px;
		    padding-top: 0px;
		    padding-bottom: 0px;
		    padding-left: 45px;
		}
		
		
		.sub_menu .menu 
		{
		text-align: left;
		font-family: arial, helvetica, sans-serif;
		font-size: 11px;
		font-style: normal;
		line-height: 15px;
		color: #fff;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		text-decoration: none;
		margin: 0 0 3px 0; 
		margin-left: -9px;
		}
		
		.sub_menu .menu ul {
		list-style: none;
		padding: 0;
		margin: 0; }
		
		.sub_menu .menu ul li {
		padding-left: 10px;}
		
		.sub_menu .menu ul li.active {
		background: no-repeat center left url('../gfx/pil.png');
		padding-left: 10px; 
		font-weight: bold;
		}
		
		.sub_menu .menu .menulink:link, #left .menu .menulink:visited, #left .menu .menulink:active {
		color: #f1f1f1;
		text-decoration: none; }

		.sub_menu .menu .menulink:hover {
		color: #fff; }
		
		/* ======================================================================================== */
		
		.sub_menu .navpoint {
	    text-align: left;
	    font-family: arial, helvetica, sans-serif;
	    font-size: 11px;
	    color: #dddddd;
	    margin: 0 0 8px 8px;
	    text-transform: uppercase;
	    margin-left: 1px;
	    }
		
		#space {
		display: block;
		visibility: hidden;
		height: 30px; }
		
		.clear
		{
		display: block;
		height: 1px; 
		float: none;
		clear: both;
		}
		
		.div_text h1 {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 14px;
		letter-spacing: 1px;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: uppercase;
		color: #fff;
		display: block;
		text-decoration: none;
		text-align: left;
		margin: 5px auto 20px 0; }
		
		.div_text h2 {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 14px;
		letter-spacing: 1px;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: uppercase;
		color: #fff;
		display: block;
		text-decoration: none;
		text-align: left;
		margin:  20px auto 8px 0; }		
		
		.div_text p {
		text-align: left;
		font-family: arial, helvetica, sans-serif;
		font-size: 12px;
		font-style: normal;
		line-height: 15px;
		color: #fff;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		text-decoration: none;
		margin: 0 0 9px 0; 
		padding-top: 0px;
		}
		
		
		.div_text .x_text ul
		{
		    font-size: 12px;
		    margin-left: 20px;
		    padding-left: 0px;
		}
		
		.div_text .x_text li
		{
		    font-size: 12px;
		    margin-bottom: 8px;
		    padding-bottom: 0px;
		}

		.div_text .humla {
		background: no-repeat top left url('../gfx/humla.png');
		width: 158px;
		height: 120px;
		display: block;
		float: right;
		margin: 5px 0 0 0; 
		}
		
		
	    .AdminDiv input  {
		text-align: left;
		font-family: arial, helvetica, sans-serif;
		font-size: 12px;
		font-style: normal;
		line-height: 15px;
		color: #fff;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		text-decoration: none;
		margin: 0 0 9px 0; 
		padding-top: 0px;
		}
		
	

	   ul
	   {
	    text-align: left;
		}
			
/* ==== RIGHT / IMAGE DIV ============================================================================================= */	

		.image_div 
		{
		float: right;
		width: 406px;
		display: inline;
		clear: right; 
		margin-top: 10px;	
		margin-bottom: 10px;	
		}
		
		.image_div_left
		{
		float: left;
		width: 370px;
		display: inline;
		clear: right; 
		margin-top: 10px;
		margin-left:45px;
		*margin-left:30px;
		margin-bottom: 10px;
		}		
		
		.image_div_top
		{
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		background-color: #FFFFFF;
		/*background-image: url('../gfx/box1/top.png');*/
		background-repeat: no-repeat;
		background-position: top left;
		height: 3px;
		width: 385px;
		}
		
		.image_div_bottom
		{
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		/*background-image: url('../gfx/box1/bottom.png');
		background-repeat: no-repeat;
		background-position: top left;
*/
		background-color: #FFFFFF;
		height: 3px;
		margin-bottom: 10px;
		width: 385px;
		}		
		
		.image_div_img_layer_bkg 
		{
		    background-color: #FFFFFF;
		/*background-image: url('../gfx/box1/middle.png');*/
		/*background-repeat: repeat-y;*/
		/*width: 395px;*/
		/*height: 545px;*/
		display: block;		
		padding-top: 0px;
		padding-bottom: 13px;
		/*margin-left: 5px;*/
		width: 385px;
		}
		
		.image_div_img_layer 
		{
		display: inline;
		position: relative;
		top: 7px;
		/*left: -7px; */
		}
		
		
/* ==== BOTTOM ============================================================================================= */

		div#bottom {
/*		background: no-repeat top center url('../gfx/bottomtxt.gif');*/
		width: 770px;
		height: 13px;
		text-align: left;
		clear: both;
		display: block;
		padding: 0;
		margin-bottom: 6px; 
		padding-left: 7px;
		font-family: Georgia, Garamond, Serif;
		font-size: 10px;
		}
		
		div#bottom p 
		{
		    font-size: 10px;
		    padding-top: 0px;
		    margin-top: 0px;
		}
		
		div#bottom a 
		{
color: #000000;
		}		
		
		/*p {
		text-align: center;
		font-family: arial, helvetica, sans-serif;
		font-size: 10px;
		font-style: normal;
		color: #666;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		margin: 0;
		text-decoration: none;
		float: none; 
		}
		*/


a:link
{
    color: #FFFFFF;
    text-decoration: none;
}

a:visited
{
    color: #FFFFFF;
    text-decoration: none;
}

a:active
{
    color: #FFFFFF;
    text-decoration: underline;
}

a:hover
{
    color: #FFFFFF;
    text-decoration: underline;
}

p
{
    		margin-bottom: 10px;
		margin-top: 5px;
}

td p
{
    		margin-bottom: 10px;
		/*margin-top: 5px;*/
}


.LitenRubrik
{
    text-transform: uppercase;
    font-size: 10px;
    font-family: Arial, Verdana;
}

		.Rubrik {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 12px;
		letter-spacing: 1px;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: uppercase;
		color: #fff;
		text-decoration: none;
		}		
		
		
		.StorText {
		font-family: Arial, Verdana, Sans-Serif;
		font-size: 13px;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		color: #fff;
		text-decoration: none;
		}	
		
		.StorFetText {
		font-family: Arial, Verdana, Sans-Serif;
		font-size: 13px;
		font-style: normal;
		font-weight: bold;
		font-variant: normal;
		color: #fff;
		text-decoration: none;
		}				
		
		
		/* ==== LOGIN ============================================================================================= */
		
		.div_login_button
		{
		    margin: 0 auto;
		    width: 780px;
		    text-align: right;
		    color: #666666;
		    font-size: 10px;
		    margin-top: 5px;
		}
		
		a.dmediaLink
		{
		    color: #666666;
		    text-decoration: none;
		}
		
			   p
	   {
	    text-align: left;
	    font-size: 12px;
		}	
		
			   ul
	   {
	    text-align: left;
	    font-size: 12px;
		}			
		
		.AdminDiv 
		{
		    color: #000000;
		}
		
		.AdminDiv p
		{
		    color: #000000;
		}		
		
		
		.AdminTextField p
	   {
	    text-align: left;
	    font-size: 12px;
		}	
		
		
		h1 {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 14px;
		letter-spacing: 1px;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: uppercase;
		color: #fff;
		display: block;
		text-decoration: none;
		text-align: left;
		margin: 5px auto 20px 0; }
		
		h2 {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 14px;
		letter-spacing: 1px;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: uppercase;
		color: #fff;
		display: block;
		text-decoration: none;
		text-align: left;
		margin:  20px auto 8px 0; }			
		
		
		.ClickableArea
		{
		    cursor: pointer;
		    background-color:#CCCCCC;		    
		}
		
		.ClickableArea:hover
		{
		    cursor: pointer;
		    background-color: #F9A94A;		    
		}