/* =================================================================================================
		
		main.css
		The Brig
		CSS skriven av Jimmy Oh - http://www.jimmyoh.com
				
================================================================================================= */

	body {  }
	* { margin: 0 auto; padding: 0; font-size: 100%; 
	    font-family: georgia, "times new roman", serif; list-style-type: none; list-style: none; text-decoration: none; }
	:focus { outline: none; }
	img { border: none;  }
		a:link, a:visited, a:active { text-decoration: none; color: #666; }
		a:hover { text-decoration: none; color: #00632d; }
		table td { margin: 0px; text-align: left; }
						
					
					
#content table td
{
    margin-left: 0px; 
    left: 0px;
    text-align: left;
}
						
/* ====== TOTALCONTAINER ========================================================================== */
		
		#totalcontainer {
		width: 993px;
		display: block;
		position: relative;
		z-index: 1;
		margin: 0 auto; }

			.briggen_logo {
			top: 10px;
			left: 47px;
			float: left;
			z-index: 999;
			display: block;
			position: absolute; }
			
			
/* ====== TOPMENY ========================================================================== */

		ul#topmenu {
		width: 700px;
		height: 36px;
		display: block;
		position: absolute;
		z-index: 100;
		top: 10px;
		float: right;
		right: 10px;
		margin: 0 auto;
		text-align: center;
		padding: 0;
		list-style-type: none; }
		
			ul#topmenu li {
			background: no-repeat top left url('../gfx/bkg_topmenu_li.gif');
			display: block;
			float: left;
			width: 107px;
			height: 23px;
			margin: 0;
			font-size: 12px;
			padding: 13px 0 0 0;
			font-weight: normal;
			line-height: 16px;
			text-transform: none; }
			
				ul#topmenu li a:link, ul#topmenu li a:visited, ul#topmenu li a:active {
				text-decoration: none; color: #999; }
				ul#topmenu li a:hover { text-decoration: none; color: #666; }
				
					#menu a.active a:link, #menu a.active:visited, #menu a.active:active {
					text-decoration: none; color: #00632d; }
					
					#menu a:hover { text-decoration: none; color: #00632d; }
					
										ul#topmenu li.active a:link, ul#topmenu li.active a:visited, ul#topmenu li.active a:active {
					text-decoration: none; color: #00632d; }
					ul#topmenu li.active a:hover { text-decoration: none; color: #00632d; }
	
		
/* ===== HEADLINES ============================================================================ */

		h1 {
		font-size: 30px;
		line-height: 36px;
		letter-spacing: -2px;
		font-weight: normal;
		height: 36px;
		display: block;
		margin: 0 0 10px 0;
		color: #00632d; }

			h2 {
			font-size: 20px;
			line-height: 25px;
			font-weight: normal;
			letter-spacing: -1px;
			display: block;
			margin: 0 0 10px 0;
			color: #666; }
			
				h3 {
				font-size: 16px;
				line-height: 22px;
				font-weight: normal;
				display: block;
				padding: 0 0 3px 0;
				margin: 0 0 10px 0;
				color: #00632d; }
		
				h3 a:link, h3 a:visited, h3 a:hover, h3 a:active {
				color: #00632d;
				font-weight: normal;
				 }
		
/* ===== HEADER =============================================================================== */
	
		#header {
		background: no-repeat #fff top left url('../gfx/bkg_header.gif');
		width: 951px;
		height: 209px;
		position: relative;
		z-index: 1;
		margin: 9px auto 15px auto;
		display: block; }
		
			#header .header_image {
			display: block;
			margin: 0 auto;
			z-index: 1;
			padding: 9px 0 0 9px; }
			
				#header h2 {
				color: #fff;
				overflow: true;
				text-align: center;
				float: left;
				font-size: 14px;
				width: 193px;
				line-height: 20px;
				font-style: italic;
				font-weight: normal;
				position: absolute;
				top: 130px;
				left: 43px;
				margin: 0;
				padding: 0;
				display: inline; }
				
						#header h2 .h16px {
						font-size: 16px; }
						
							#header h2 .h18px {
							font-size: 18px; }

				
/* ===== CONTAINER ================================================================================== */
		
		#container {
		background: repeat-y #f5f5e6 top left url('../gfx/bkg_container.gif');
		width: 951px;
		display: block;
		position: relative;
		float: left;
		*float: none;
		margin: 0 auto;
		z-index: 10;
		padding: 0 21px; }
		
			.container_top {
			background: no-repeat #f5f5e6 bottom  left url('../gfx/container_top.gif');
			width: 993px;
			height: 11px;
			margin: 43px auto 0 auto;
			display: block;
			z-index: 10;
			float: left; }
		
				.container_foot {
				background: no-repeat #f5f5e6 top left url('../gfx/container_foot.gif');
				width: 993px;
				height: 10px;
				margin: 0 auto 5px auto;
				display: block;
				z-index: 10;
				float: left; }
			
			
/* ===== LEFT COLUMN ============================================================================ */
		
		#leftcol {
		float: left;
		width: 216px;
		display: block;
		overflow: visible;
		position: relative; }
		
		#leftcol img
		{
		    max-width: 200px;
		}
		
		
			#leftcol .datum {
			font-size: 11px;
			display: block;
			line-height: 16px;
			color: #999;
			font-style: italic; }
			
				#leftcol p {
				font-size: 11px;
				color: #666;
				margin: 0 0 10px 0;
				line-height: 18px;
				display: block; }
				
					#leftcol p b {
					display: block;
					font-size: 14px;
					font-style: italic;
					font-weight: normal;
					line-height: 22px;
					color: #00632d; }
		
		
/* ===== CONTENT (MIDDLE COLUMN)  =============================================================== */
		
		#content {
		float: left;
		width: 445px;
		margin: 0 0 0 32px;
		padding: 0;
		display: block;
		overflow: visible;
		position: relative; }
		
		#content a
		{
		    font-weight: bold; 
		}
		
				#leftcol a
		{
		    font-weight: bold; 
		}
		
						#rightcol a
		{
		    font-weight: bold; 
		}
					
			#content p {
			font-size: 14px;
			color: #666;
			margin: 0 0 13px 0;
			line-height: 22px;
			display: block; }
			
			#content .rubrik_valkommen {
			background: no-repeat #fff top left url('../gfx/rubrik_valkommen.gif');
			width: 415px;
			height: 41px;
			margin: 0 0 5px 0;
			padding: 0;
			display: block;
			text-indent: -999px;}
			
				.h2content {
				margin: 0 0 5px 0;
				font-style: italic; }
				
		#content .img_placeholder {
		background: no-repeat #fff top left url('../gfx/bkg_content_img.gif');
		width: 213px;
		height: 94px;
		float: left;
		margin: 0;
		padding: 7px 0 0 7px;
		display: block; }
		
		
		
#content .puff
{
    background-image: url(/gfx/puff_content_box.gif);
    background-repeat: no-repeat;
    padding-left: 12px;
    padding-top: 8px;
    padding-right: 16px;
    padding-bottom: 5px;
    margin-left: -2px;
    margin-bottom: 0px;    
}

#content .puff_bottom
{
    margin-top: -10px;    
    background-image: url(/gfx/puff_content_box_bottom.gif);
    height: 10px;
    background-repeat: no-repeat;
    margin-left: -2px;
    margin-bottom: 12px;
    padding-top: -2px;
}
		
		
/* ===== RIGHT COLUMN =========================================================================== */	

		#rightcol {
		float: right;
		width: 230px;
		margin: 0;
		display: block;
		text-align: left;
		overflow: visible;
		position: relative; 
		font-size: 11px;
		}
		
			#rightcol p {
			font-size: 11px;
			color: #666;
			margin: 0 0 10px 0;
			line-height: 18px;
			display: block; }
			
			#rightcol p b {
			font-size: 10px;
			font-style: italic; }
			
				#rightcol .oppet {
				background: no-repeat #fff top left url('../gfx/bkg_oppet.gif');
				width: 190px;
				height: 214px;
				margin: 0 0 10px 0;
				padding: 15px 20px 0 20px }
				
						#rightcol .oppet h2.rightcol {
						background: no-repeat 50% 10px url('../gfx/bkg_h2rightcol.gif');
						font-size: 20px;
						line-height: 20px;
						font-weight: normal;
						letter-spacing: -1px;
						display: block;
						text-align: center;
						margin: 0 0 10px 0;
						color: #666; }
						
							#rightcol .oppet .bigger {
							color: #00632d;
							font-style: italic;
							font-size: 14px; }
							
	#rightcol .img_placeholder {
	background: no-repeat #fff top left url('../gfx/bkg_rightcol_img.gif');
	width: 221px;
	height: 121px;
	margin: 0;
	padding: 9px 0 0 9px;
	display: block; }
	
										
/* ===== FOOTER ================================================================================ */

		#footer {
		display: block;
		width: 993px;
		margin: 0 auto 10px auto;
		text-align: center;
		clear: both;
		position: relative;
		overflow: visible; }
						
			#footer ul {
			width: 100%;
			display: block;
			margin: 0 auto;
			text-align: center;
			padding: 0;
			position: relative;
			list-style-type: none; }
		
				#footer li {
				display: inline;
				position: relative;
				margin: 0 3px 0 3px;
				color: #a5a5a3;
				font-size: 14px;
				font-weight: normal;
				line-height: 16px;
				text-transform: none; }
				
				#footer li.lidot {
				position: relative;
				height: 5px;
				margin: 0; }
				
					#footer li.lidot img{
					position: relative;
					padding-bottom: 3px;
					margin: 0; }
		
						.footnav:link, .footnav:visited, .footnav:active {		
						text-decoration: none;
						color: #999;
						margin: 0; }

							.footnav:hover {
							text-decoration: none;
							color: #ccc;
							margin: 0; }
							
							
							
/*UNDERMENY
=================================================================== */

		/*
width: 700px;
		height: 36px;
		display: block;
		position: absolute;
		top: 10px;
		float: right;
		right: 10px;
		margin: 0 auto;
		text-align: center;
		padding: 0;
		list-style-type: none;




			ul#topmenu li {
			background: no-repeat top left url('../gfx/bkg_topmenu_li.gif');
			display: block;
			float: left;
			width: 107px;
			height: 23px;
			margin: 0;
			font-size: 12px;
			padding: 13px 0 0 0;
			font-weight: normal;
			line-height: 16px;
			text-transform: none; }
			
				ul#topmenu li a:link, ul#topmenu li a:visited, ul#topmenu li a:active {
				text-decoration: none; color: #999; }
				ul#topmenu li a:hover { text-decoration: none; color: #666; }
				
					ul#topmenu li.active a:link, ul#topmenu li.active a:visited, ul#topmenu li.active a:active {
					text-decoration: none; color: #00632d; }
					ul#topmenu li.active a:hover { text-decoration: none; color: #00632d; }
		*/
		
#menu {width: 700px; list-style-type:none; margin: 0 auto; padding:0; z-index: 100; text-align: center;}
#menu li {position:relative; width:117px; text-align: center; z-index:100;}
#menu li dl {position:absolute; top: 0; padding-top: 7px; margin-bottom: 10px; left:0;}
#menu li a, #menu li a:visited {text-decoration:none;}
#menu li dd {display:none;}
#menu li:hover, #menu li a:hover {border:0;}
#menu li:hover dd, #menu li a:hover dd {display:block; z-index: 200; }
#menu li:hover dl, #menu li a:hover dl {}

#menu table {border-collapse:collapse; padding:0; margin:-1px;}
#menu dl {width:117px; background: none; text-align:center; cursor:pointer;}
#menu dt {margin:0; padding: 5px; padding-bottom: 10px;}
#menu .one {background: none;}
.gallery dt a, .gallery dt a:visited {display:block;}


/*child*/
#menu dd 
{
    margin:0; 
    padding:0; 
     width:117px; 
    color: #999; 
    background: #f5f5e6; 
    text-align:left; 
    margin-left: 5px;
     border-bottom:1px solid #fff;
    }
    
#menu dd.last 
{
    border-bottom:1px solid #fff;
}
    

.gallery dd a, .gallery dd a:visited 
{
    color:#999; 
    text-decoration:none; 
    display:block; 
    padding:4px 5px 4px 18px;
    background: #f5f5e6; 
   
  /*  border-bottom: solid 1px #ffffff; */
    margin-top: 0px;
}

dd a:hover 
{
    background: #f5f5e6; 
    color:#98232b; 
   /* border-bottom: solid 1px #ffffff; */
    padding:4px 5px 4px 18px; 
    margin-top: 0px;
}

/*child*/








/*==============================================*/							


							
/* ===== FADE ================================================================================ */				
							
		#ref_roterare {
		display: block;
		position: relative;
		top: 0px;
		left: 0;
		overflow: hidden;
		z-index: 999999;
		float: left;
		width: 933px;
		height: 191px;
		margin: 0; }

			ul#ref li img {
			position: relative;
			float: left;
			margin: 0;
			width: 933px;
			height: 191px; }
			
			
.div_login_button
{
    text-align: right;
    margin-top: 40px;
    width: 993px;
	margin: 0 auto;
	padding: 0px;
	margin: 0 auto;
}




#photogallery .left
{
    float: left;
    width: 500px;
}

#photogallery .right
{
    float: left;
    width: 380px;
}


#photogallery .right p.list_galleries
{
    font-size: 11px;
}

#photogallery img
{
    border: solid 1px #cccccc;
    padding: 5px;
    margin-left: 4px;
}

#photogallery td
{
    padding-right: 15px;
}

#photogallery td p
{
   margin-bottom: 15px;
   color: #666666;
}

#photogallery .GalleryNavigation
{
    font-size: 10px;
}

#photogallery .GalleryNumberPages
{
    font-size: 11px;
}

#photogallery .BigImage
{
    font-size: 11px;
    color: #666666;    
}

#photogallery .BigImage p
{
    padding-left: 5px;
}

.imagetext
{
    font-size: 10px;
}

.imagetext p
{
    font-size: 10px;
}


/*========== GÄSTBOK =============*/
#Guestbook #List
{
    background-color: #eeeeee;
    /*D0E0ED*/
      padding: 10px 10px 10px 10px;
      margin-top: 20px;
      margin-bottom: 20px;
}


#Guestbook #List .gastbokFot
{
    border-left:solid 1px #cccccc;
    border-right:solid 1px #cccccc;
    border-bottom:solid 1px #cccccc;
    padding: 5px 5px 5px 5px;
    margin-top: 0px;
    margin-bottom: 30px;
    background-color:#FFFFFF;
}

#Guestbook #List .gastbokPost
{
    border:solid 1px #cccccc;
    background-color:#FFFFFF;
    font-size:12px;
    margin-top: 5px;
    margin-bottom: 0px;
    padding: 0px 0px 0px 0px;
    font-size: 11px;
    line-height: 15px;
}

#Guestbook #List .gastbokPost h3
{
    font-size: 11px;
    margin-top: 0px;
    padding-top: 0px;
}

#Guestbook #List .gastbokPost .gastbokCitat
{   
    font-size:10px;
    margin-left:20px;
    margin-right:20px;
    margin-top: 10px;
    font-size: 10px;
    line-height: 14px;    
}


#Guestbook #List .gastbokPost .gastbokCitatTop
{
    color: #666666;
}

#Guestbook #List .gastbokPost .gastbokCitatContent
{
    border:dashed 1px #cccccc;
    background-color:#eeeeee;     /*D0E0ED*/   
    padding: 7px 7px 7px 7px;
    font-size: 10px;
    line-height: 14px;        
}



#Guestbook #List .gastbokPost .gastbokCitat h3
{
    font-size: 10px;
}

#Guestbook #List .gastbokPost .gastbokPostTop
{
    padding: 5px 5px 5px 5px;
    border-bottom:solid 1px #cccccc;    
}
#Guestbook #List .gastbokPost .gastbokPostTop p
{
    margin-top: 0px;
    padding-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;    
}

#Guestbook #List .gastbokPost .gastbokPostTop .username
{
    font-weight: bold;
}

#Guestbook #List .gastbokPost .gastbokPostContent
{
       padding: 10px 10px 10px 10px;
}


#Guestbook .gastbok_villkor
{
    border:solid 1px #cccccc;
    background-color:#D0E0ED;
    font-size:11px;
    padding: 5px 10px 5px 10px;
    margin-top: 20px;
    margin-bottom: 20px;
}



#Guestbook .loggPanel
{
    float: right;
    width: 400px;
    text-align: right;
    border: solid 1px #076ba7;
    margin-top: -20px;
    padding: 5px 5px 5px 5px;
    background-color: #D0E0ED;
}








#leftcol .puff
{
    background-image: url(/gfx/puff_box.gif);
    background-repeat: no-repeat;
    padding-left: 12px;
    padding-top: 8px;
    padding-right: 16px;
    padding-bottom: 0px;
    margin-left: -2px;
    margin-bottom: 0px;    
}

#leftcol .puff img
{
    max-width: 197px;
}


#leftcol .puff_bottom
{
    margin-top: 0px;    
    background-image: url(/gfx/puff_box_bottom.gif);
    height: 10px;
    background-repeat: no-repeat;
    margin-left: -2px;
    margin-bottom: 12px;
}



#rightcol .puff
{
    background-image: url(/gfx/puff_box_bigger.gif);
    background-repeat: no-repeat;
    padding-left: 12px;
    padding-top: 8px;
    padding-right: 16px;
    padding-bottom: 10px;
    *padding-bottom: 2px;
    margin-left: -2px;
    margin-bottom: 0px;    
}

#rightcol .puff img
{
    max-width: 207px;
}

#rightcol .puff_bottom
{
    margin-top: -10px;    
    background-image: url(/gfx/puff_box_bottom_bigger.gif);
    height: 10px;
    background-repeat: no-repeat;
    margin-left: -2px;
    margin-bottom: 12px;
}

.nyhetsbrev_signup
{
    font-size: 11px;
}


.nyhetsbrev_signup .formFieldHeader
{
    font-size: 10px;
}

.nyhetsbrev_signup .formField
{
    font-size: 10px;
}

.contact_form
{
    font-size: 11px;
}

.contact_form table td
{
    padding: 2px;
}

.contact_form .formFieldHeader
{
    font-weight: bold;
    font-size: 11px;
}


.formFieldHeader
{
    font-weight: bold;
}






.bigger {
							color: #00632d;
							font-style: italic;
							font-size: 14px; }
							
							
							.text
							{
							    font-size: 11px;
							font-family: georgia, "times new roman", serif;
											color: #666;
				line-height: 18px;
											}
							
							
							
		.rubrik1 {
		font-size: 30px;
		line-height: 36px;
		letter-spacing: -2px;
		font-weight: normal;
		height: 36px;
		display: block;
		margin: 0 0 10px 0;
		color: #00632d; }

		.rubrik2 {
			font-size: 20px;
			line-height: 25px;
			font-weight: normal;
			letter-spacing: -1px;
			display: block;
			margin: 0 0 10px 0;
			color: #666; }
			
				.rubrik3 {
				font-size: 16px;
				line-height: 22px;
				font-weight: normal;
				display: block;
				padding: 0 0 3px 0;
				margin: 0 0 10px 0;
				color: #00632d; }							
				
				
				.liten_kursiv
				{
				    font-weight: bold;
				    font-style: italic;
				    font-size: 10px;
				}
				
				
#content #nyhetsarkiv .datum {
			font-size: 11px;
			display: block;
			line-height: 16px;
			color: #999;
			font-style: italic; }
			
				#content #nyhetsarkiv  p {
				font-size: 11px;
				color: #666;
				margin: 0 0 10px 0;
				line-height: 18px;
				display: block; }
				
					#content #nyhetsarkiv p b {
					display: block;
					font-size: 14px;
					font-style: italic;
					font-weight: normal;
					line-height: 22px;
					color: #00632d; }				
					
					
					
					.las_mer
					{
					    font-size: 10px;
					}
					
					
								#rightcol	h3 a:link, h3 a:visited, h3 a:hover, h3 a:active {
				color: #00632d;
				font-weight: normal;
				 }
		
		
		/* Anslagstavla */
		
		#messageboard
		{
		    
		}
		
		#messageboard a
		{
		    color: #00632d;
		    font-weight: normal;
		    font-size:12px;	    
		}
				
		
		#messageboard a:link
		{
		    color: #00632d;
		    text-decoration: underline;		    
		}	
		
		#messageboard a:visited
		{
		    color: #00632d;
		    text-decoration: underline;		    
		}	
		
		#messageboard a:active
		{
		    color: #00632d;
		    text-decoration: none;		    
		}	
		
		#messageboard a:hover
		{
		    color: #00632d;
		    text-decoration: none;		    
		}									
		
		#messageboard ul
		{
		text-align: left;
		font-family: "lucida grande", tahoma, sans-serif;
		font-size: 12px;
		font-style: normal;
		line-height: 23px;
		color: #00632d;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		text-decoration: none;
		margin-left: 10px;
		padding-left: 0px;
				    
		    list-style-type: none;	  
		    margin-left: 0px;		    
		}	
		
		#messageboard li
		{
		text-align: left;
		font-family: "lucida grande", tahoma, sans-serif;
		font-size: 12px;
		font-style: normal;
		line-height: 23px;
		color: #00632d;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		text-decoration: none;
		margin-left: 10px;
		padding-left: 0px;
				    
		    list-style-type: none;	  
		    margin-left: 0px;		    
		}				
		
		#messageboard li .datum_namn
		{
		    font-size: 11px;
		    color: #666666;
		}
		
		
		#messageboard .message
		{
		    border-bottom: solid 1px #00632d;;
		    margin-bottom: 10px;
		    padding: 7px;
		    padding-bottom: 15px;
		}
		
		#messageboard .message .text
		{
		    margin-left: 10px;		    
		}
		
		
		#messageboard .reply
		{
		    background-color: #EEEEEE;
		    margin-left: 10px;
		    margin-bottom: 8px;
		    margin-top: 8px;
		    border: solid 1px #cccccc;
		    padding: 5px;
		}	
		
		
		#messageboard .reply .text
		{
		    margin-left: 10px;		    
		}	
		
		
		#messageboard .TextFieldHeader
        {
            font-weight: bold;
            font-size: 11px;
            color: #666666;
        }
        
        #messageboard .TextField
        {
            border: solid 1px #666666;
            padding: 2px;
            font-size: 11px;    
            font-family: "lucida grande", tahoma, sans-serif;      
        }		

        
        #messageboard td
        {
            text-align: left;
        }
		
		#messageboard table
		{
		    margin-left: 0px;
		}
		
		#messageboard .right
		{
		    text-align: right;
		}
		
		#messageboard .right a
		{
		    color: #00632d;
		}
		
		    
        /*===========================================================*/	
        
        
        .FormButton
        {
            font-size: 11px;
        }
        
        
        #leftcol .intern_links
        {
            font-size: 11px;
        }
        
        .LoginTextFieldHeader
        {
            font-size: 12px;
        }