

		
		
/* =================================================================================================
		
		main.css
		CUF
		CSS skriven av Jimmy Oh, http://www.jimmyoh.com
				
================================================================================================= */

	body { background: #539a35;
	    font-family: Verdana, Arial, Sans-Serif;
	    font-size: 10px;
	    line-height: 13px;
	    color: #333; 
	     }
		
		* { margin: 0 auto; padding: 0; border: none; font-size: 100%; list-style-type:none; text-decoration: none; list-style: none; }

/* ====== ========================================================================================= */

		#logo {
		width: 250px;
		height: 72px;
		margin: 27px auto 14px 18px;
		display: block; }
		
		
/* ====== TOTALCONTAINER ============================================================================== */
		
		#totalcontainer {
		background: repeat-x #a99da3 top left url('../gfx/totalcontainer_bkg.gif');
		width: 852px;
		display: block;
		position: relative;
		float: left;
		padding: 10px;
		margin: 0 auto 20px 20px; }
		
		
/* ====== NAVIGATION ============================================================================== */
		
		#navigation {
		background: #000000;
		width: 872px;
		height: 40px;
		padding: 2px 0 0 0;
		display: block;
		position: relative;
		margin: 0 auto 0 20px; }
		
		#navigation ul {
		color: #fff;
		float: left;
		display: block;
		padding: 0 0 0 10px;
		list-style-type: none; }
		
		#navigation ul li {
		float: left;
		margin: 0 5px 0 0; }
	
	.belowmenu {
	color: #fff;
	position: absolute;
	top: 20px;
	left: 0;
	margin: 0 0 0 30px;
	list-style-type: none; }
	
	.belowmenu  .li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	float: left;
	border-right: 1px solid #999;
	padding: 0 10px 0 0;
	margin: 0 10px 0 0; }
	
		.belowmenu .li a:link, .belowmenu .li a:visited, .belowmenu .li a:active {
		color: #fff;
		text-decoration: none; }
		
			.belowmenu .li a:hover {
			color: #ccc;
			text-decoration: none; }
			
		.belowmenu  .li_active {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		float: left;
		border-right: 1px solid #999;
		padding: 0 10px 0 0;
		margin: 0 10px 0 0;
		color: #FE6601; }
		
		.flagsandrss {
		display: inline;
		border-left: 1px solid #999;
		padding: 0 0 0 6px;
		margin: 5px 0 0 0;
		float: right; }
		
		.flagsandrss .rss {
		border-left: 1px solid #999;
		padding: 0 6px;
		border-right: 1px solid #999; }
		
			.sok {
			display: block;
			position: relative;
			float: right;
			margin: 5px 0 0 5px;
			padding: 0 5px 0 0; }
			
				.sok .inputform {
				background: #fff;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px;
				line-height: 15px;
				color: #666;
				width: 100px;
				float: left;
				text-align: left;
				padding: 2px;
				display: inline;
				position: relative; }
			
					.sok .submit {
					background: #f1f1f1;
					font-family: Arial, Helvetica, sans-serif;
					font-weight: bold;
					font-size: 12px;
					padding: 0 3px;
					float: left;
					font-weight: bold;
					display: inline;
					color: #666;
					margin: 0 0 0 5px;
					text-align: center;
					position: relative; }

		
		
/* ====== CONTENT COL 1 ============================================================================ */
		
		#content_col_1 {
		width: 550px;
		display: block;
		position: relative;
		float: left;
		margin: 0 auto 0 auto; }
		
		#content_col_1 .bigbox .content_box a:link {
		    color:Black }
		
		#content_col_1 .bigbox .content_box a:visited {
		    color:Black }
		
			#content_col_1 .bigbox {
			display: block;
			margin: 0 0 10px 0;
			background: #767475; }
			
			.content_box {
			padding: 10px;
			}			
			
		#content_col_1 .bigbox .content_box .mail_read 
		{
		    background-color:White;
		}
		
		#content_col_1 .bigbox .content_box .mail_unread
		{
		    background-color:Aqua;
		}
		
		#content_col_1 .bigbox .content_box .mail_saved
		{
		    background-color:Silver;
		}
		
		#content_col_1 .bigbox .content_box .mail_table
		{
		    background-color:White;
		    width:100%;
		    margin-left:2px;
		    border:none;
		    margin-bottom:3px;
		}
		
		
		#content_col_1 .bigbox .content_box .politik_left
		{
		    width:184px;
		    margin: 5px 0 5px 0;
		    float:left;
		    background:#fff;
		    padding: 0 0 0 0;

		}
		
		#content_col_1 .bigbox .content_box .politik_middle
		{
		       float:left;
		       width:173px;
		       margin: 5px 0 5px 0;
		       background:#fff;

		}
		
		#content_col_1 .bigbox .content_box .politik_right
		{
		       float:left;
		       width:173px;
		       margin: 5px 0 5px 0;
               background:#fff;
		}
		
		#content_col_1 .bigbox .content_box h3
		{
		    margin-left:2px;
		       font-size: 14px;  
		       color: Black; 
		}
		
		#content_col_1 .bigbox .content_box .politik_green
		{
		    background:#77BB44;
		    width:180px;
		    height:90px;
		}
		
		#content_col_1 .bigbox .content_box .politik_green p
		{
		    margin-left:12px;
		    color:#fff;
		    font-size:16px;
		}
			
					
				#content_col_1 .hantsedansist {
				background: no-repeat #767475 top left url('../img/hantsedansist.gif');
				display: block;
				width: 365px;
				float: right;
				overflow: visible;
				padding: 70px 0 15px 0;
				margin: 0 0 10px 0; }
				
				#content_col_1 .hantsedansist .line {
				background: no-repeat #767475 top right url('../gfx/line_bkg.gif');
				width: 343px;
				height: 80px;
				display: block;
				clear: both;
				margin: 0 0 15px 0;
				padding: 0 0 0 10px;
				float: left; }
				
				#content_col_1 .hantsedansist .line .profil {
				float: left;
				display: block; }
				
				#content_col_1 .hantsedansist .line p {
				background: #fff;
				display: block;
				font-size: 10px;
				width: 269px;
				margin: 0 0 0 69px;
				padding: 0 0 0 5px;
				font-family:  Arial, Helvetica, sans-serif; 
				color: #333; }
				
					#content_col_1 .hantsedansist .line h6 {
					font-family: verdana, Arial, Helvetica, sans-serif;
					font-size: 10px;
					color: #fe6601;
					display: inline;
					margin: 0 0 0 25px;
					font-weight: bold;
					line-height: 10px; }
				
				#content_col_1 .hantsedansist .line .datum {
				color: #999;
				font-size: 8px;
				font-weight: bold;
				font-family: Verdana, Arial, Helvetica, sans-serif; }
				
							#content_col_1 .hantsedansist .line .lasmer {
							display: inline;
							text-align: right;
							font-weight: bold;
							margin: 0 0 0 10px; }
							
								#content_col_1 .hantsedansist .line .lasmer a:link, #content_col_1 .hantsedansist .line .lasmer  a:visited, #content_col_1 .hantsedansist .line .lasmer  a:active {
								color: #000;
								font-weight: bold; }
								
									#content_col_1 .hantsedansist .line .lasmer  a:hover {
									color: #333; }
				
				
				

				#content_col_1 .hantsedansist .line2 {
				background: no-repeat #767475 top left url('../gfx/line2_bkg.gif');
				width: 343px;
				height: 80px;
				display: block;
				clear: both;
				margin: 0 0 15px 10px;
				float: left; }
						
				#content_col_1 .hantsedansist .line2 .profil2 {
				float: right;
				display: block; }
				
				#content_col_1 .hantsedansist .line2 p {
				background: #fff;
				display: block;
				font-size: 10px;
				width: 269px;
				margin: 0 69px 0 0;
				padding: 0 0 0 5px;
				font-family:  Arial, Helvetica, sans-serif; 
				color: #333; }
				
					#content_col_1 .hantsedansist .line2 h6 {
					font-family: verdana, Arial, Helvetica, sans-serif;
					font-size: 10px;
					color: #fe6601;
					display: inline;
					margin: 0 0 0 5px;
					font-weight: bold;
					line-height: 10px; }
				
				#content_col_1 .hantsedansist .line2 .datum {
				color: #999;
				font-size: 8px;
				font-weight: bold;
				font-family: Verdana, Arial, Helvetica, sans-serif; }
				
							#content_col_1 .hantsedansist .line2 .lasmer {
							display: inline;
							text-align: right;
							font-weight: bold;
							margin: 0 10px 0 0; }
							
								#content_col_1 .hantsedansist .line .lasmer a:link, #content_col_1 .hantsedansist .line .lasmer  a:visited, #content_col_1 .hantsedansist .line .lasmer  a:active {
								color: #000;
								font-weight: bold; }
								
									#content_col_1 .hantsedansist .line .lasmer  a:hover {
									color: #333; }
				
				
/* ====================================================================================== */		
				
				
			
				.content {
				padding: 10px; }
				
					.container {
					width: 100%;
					float: left;
					margin: 0 0 10px 0;
					display: block; }
					
						.container2 {
						width: 180px;
						float: left;
						overflow: visible;
						margin: 0 0 10px 0;
						display: block; }
					
						#content_col_1 .bigbox img {
						/*display: block;
						clear: both; */}
			
							.datum {
							color: #fe6601; }
							
							
			.box1 {
			background: #767475;
			width: 180px;
			display: inline;
			margin: 0 5px 0 0;
			float: left; }
		
				.box2 {
				background: #767475;
				width: 180px;
				display: inline;
				margin: 0 5px 0 0;
				float: left; }
				
					.box3 {
					background: #767475;
					width: 180px;
					display: inline;
					float: left; }
					
			.komnyssin {
			background: no-repeat #767475 top left url('../img/komnyssin.gif');
			width: 180px;
			padding: 50px 0 5px 0;
			display: inline;
			margin: 0 5px 10px 0;
			float: left; }
			
				.komnyssin img {
				margin: 0;
				display: inline;
				float: none;
				text-align: center;
				padding: 0;  }
			
			.minanatverk {
			background: no-repeat #767475 top left url('../img/minanatverk.gif');
			width: 180px;
			display: inline;
			padding: 50px 0 15px 0;
			margin: 0 5px 0 0;
			float: left;
			margin-bottom: 10px;
			 }
					
			.minanatverk  a:link, .minanatverk  a:visited, .minanatverk  a:active {
			color: #fff;
			font-size: 10px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			display: block;
			font-weight: bold; }
			
				.minanatverk  a:hover {
				color: #ccc;
				display: block;
				font-weight: bold; }
				
					.skapanatverk {
					float: left;
					margin: 10px 0 0 0; }
									
		
/* ====== CONTENT COL 2 ============================================================================ */
		
		#content_col_2 {
		width: 289px;
		display: block;
		float: right;
		position: relative;
		margin: 0 auto 0 auto; }
		
			p {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 10px;
			color: #333;
			font-weight: normal;
			line-height: 16px; }
			
			h1 {
			font-family: tahoma, arial, helvetica, sans-serif;
			font-size: 28px;
			font-weight: bold;
			color: #000;
			margin: 0 0 7px 0;
			line-height: 32px; }
			
				h2 {
				font-family: tahoma, arial, helvetica, sans-serif;
				font-size: 18px;
				font-weight: bold;
				display: block;
				float: left;
				clear: both;
				color: #000;
				width: 100%;
				margin: 0 0 7px 0;
				line-height: 22px; }
				
					h3 {
					font-family: tahoma, arial, helvetica, sans-serif;
					font-size: 15px;
					font-weight: bold;
					color: #fff;
					margin: 0 0 5px 0;
					line-height: 16px; }
					
										h3 a
										{
					font-family: tahoma, arial, helvetica, sans-serif;
					font-size: 15px;
					font-weight: bold;
					color: #fff;
					margin: 0 0 5px 0;
					line-height: 16px; }
				
						h5 {
						font-family: Arial, Helvetica, sans-serif;
						font-size: 11px;
						color: #ffffff;
						font-weight: bold;
						line-height: 16px; }

					a:link, a:visited, a:active {
					color: #000; }
					
						a:hover {
						color: #000;}
						
							.lasmer {
							display: block;
							text-align: right;
							margin: 0 5px 0 0; }
							
								.lasmer  a:link, .lasmer  a:visited, .lasmer  a:active {
								color: #000;
								font-weight: bold; }
								
									.lasmer  a:hover {
									color: #333; }
									
									
/* =================================================== */
		
			#content_col_2 .roundedbox_top {
			background: no-repeat top left url('../gfx/roundedbox_top.gif');
			width: 289px;
			height: 7px;
			display: block;
			margin: 0;
			padding: 0; }
			
				#content_col_2 .roundedbox {
				background: #a8a6a6;
				height: 282px;
				margin: 0;
				padding: 7px;
				width: 275px;}
				
				#content_col_2 .roundedbox .left {
				display: inline;
				float: left; }
				
					#content_col_2 .roundedbox .left ul {
					display: block;
					float: left;
					font-size: 11px;
					color: #000;
					line-height: 20px;
					/*font-weight: bold;*/
					font-family: tahoma, arial, helvetica, sans-serif; }
					
						#content_col_2 .roundedbox .right {
						width: 115px;
						display: inline;
						float: right; }
						
							#content_col_2 .roundedbox .right p {
							font-family: tahoma, arial, helvetica, sans-serif; 
							font-size: 11px;
							color: #333;
							font-style: italic;
							font-weight: normal;
							line-height: 16px; }
							
								#content_col_2 .roundedbox .right .profil {
								display: block;
								margin: 0 auto 5px auto; }
					
						#content_col_2 .roundedbox_foot {
						background: no-repeat top left url('../gfx/roundedbox_foot.gif');
						width: 289px;
						height: 7px;
						display: block;
						margin: 0;
						padding: 0;
						margin-bottom: 10px; }
						
/* =================================================== */
						
						.banner
						{
						margin: 0px 0px 10px 0px; 
						}
						
						.guidetillgreenroom {
						margin: 10px 0 0 0; }
						
							.behindthescenes {
							margin: 10px 0 0 0; }
							
								.snyggastjustnu {
								margin: 10px 0 0 0; }
								
								.diskussionerjustnu {
								background: no-repeat #767475 top left url('../img/diskussionerjustnu.gif');
								margin: 10px 0 10px 0;
								padding: 70px 10px 10px 10px; }
								
								.diskussionerjustnu p {
								margin: 0 0 15px 0; }
								
								
								
								

.theme_header
{
    border-bottom: solid 1px #FFFFFF;
    color: #FFFFFF;
    text-transform: uppercase;
    font-weight: bold;
}								



a.network_header_link
{
    color: #FFFFFF;
    font-size: 11px;
    text-transform: uppercase;
}

h3.network_header
{
    color: #FFFFFF;
    font-size: 11px;
    text-transform: uppercase;
    margin-bottom: 0px;
    padding-bottom: 0px;
}


/*========= FORUM ==================*/

.ForumTable
{
    /*margin-top: 40px;*/
    margin-top: 0px;
    padding-top: 0px;
}

.ForumTable td
{
    padding-bottom: 3px;
    color: #000000;
}

.ForumTable td a
{
    color: #000000;
    text-decoration: none;
}

.ForumTable .ForumTableHeader
{
    color: #FFFFFF;
    font-weight: bold;
}


.foruminlagg
{
    float:left; 
    width: 525px;
    padding-top: 0px;
}


				
				#content_col_1 .foruminlagg .line {
				background: no-repeat #767475 top right url('../gfx/line_bkg_big.gif');
				/*767475*/
				width: 525px;
				/*border: solid 1px green;*/
				/*height: 80px;*/
				display: block;
				clear: both;
				margin: 0 0 15px 0;
				padding: 0  0px 10px 10px;
				float: left; }
				
				#content_col_1 .foruminlagg .line .profil {
				float: left;
				display: block; }
				
				#content_col_1 .foruminlagg .line p {
				background: #fff;
				/*border: solid 1px red;*/
				display: block;
				font-size: 10px;
				width: 440px;
				margin: 0 0 0 69px;
				padding: 0 0 0px 5px;
				font-family:  Arial, Helvetica, sans-serif; 
				color: #333; }
				
					#content_col_1 .foruminlagg .line h6 {
					font-family: verdana, Arial, Helvetica, sans-serif;
					font-size: 10px;
					background: #fff;
					color: #fe6601;
					display: inline;
					margin: 0px 0 0px 20px;				
					font-weight: bold;
					padding-left: 5px;
					line-height: 16px; 
					width: 440px;
					}
				
				#content_col_1 .foruminlagg .line .datum {
				color: #999;
				font-size: 8px;
				font-weight: bold;
				font-family: Verdana, Arial, Helvetica, sans-serif; }
				
							#content_col_1 .foruminlagg .line .lasmer {
							display: inline;
							text-align: right;
							margin: 0 0 0 10px; }
							
								#content_col_1 .foruminlagg .line .lasmer a:link, #content_col_1 .foruminlagg .line .lasmer  a:visited, #content_col_1 .foruminlagg .line .lasmer  a:active {
								color: #000;
								font-weight: bold; }
								
									#content_col_1 .foruminlagg .line .lasmer  a:hover {
									color: #333; }
				
				
				
#content_col_1 .foruminlagg td 
{
    margin-bottom: 10px;
    padding-bottom: 10px;
 }
				#content_col_1 .foruminlagg .line2 {
				background: no-repeat #767475 top left url('../gfx/line2_bkg_big.gif');
				width: 525px;
				/*height: 80px;*/
				display: block;
				clear: both;
				margin: 0 0 15px 10px;
				padding: 0 5px 10px 5px;
				float: left; }
						
				#content_col_1 .foruminlagg .line2 .profil2 {
				float: right;
				display: block; 
				margin-right: 4px;
				}
				
				#content_col_1 .foruminlagg .line2 p {
				background: #fff;
				display: block;
				font-size: 10px;
				width: 440px;
				margin: 0 69px 0 0;
				padding: 0 0 0px 5px;
				font-family:  Arial, Helvetica, sans-serif; 
				color: #333; }
				
					#content_col_1 .foruminlagg .line2 h6 {
					font-family: verdana, Arial, Helvetica, sans-serif;
					font-size: 10px;
					background: #fff;
					color: #fe6601;
					display: inline;
					margin: 0px 0 0px 0px;					
					font-weight: bold;
					line-height: 16px; 
					width: 440px;
					padding-left: 5px;
					}
				
				#content_col_1 .foruminlagg .line2 .datum {
				color: #999;
				font-size: 8px;
				font-weight: bold;
				font-family: Verdana, Arial, Helvetica, sans-serif; }
				
							#content_col_1 .foruminlagg .line2 .lasmer {
							display: inline;
							text-align: right;
							margin: 0 10px 0 0; }
							
								#content_col_1 .foruminlagg .line .lasmer a:link, #content_col_1 .foruminlagg .line .lasmer  a:visited, #content_col_1 .foruminlagg .line .lasmer  a:active {
								color: #000;
								font-weight: bold; }
								
									#content_col_1 .foruminlagg .line .lasmer  a:hover {
									color: #333; }
									
									
									
.ForumTextarea
{
    width: 430px;
    height: 150px;
    margin-left: 75px;
    border: solid 1px #000000;
    font-family: Verdana, Sans-Serif;
    font-size: 10px;
    color: #000000;
    padding: 5px;
}		

.ForumText		
{
    width: 430px;
    height: 10px;
    margin-left: 25px;
    border: solid 1px #000000;
    font-family: Verdana, Sans-Serif;
    font-size: 10px;
    color: #000000;
    padding: 5px;
}		

.ForumSend
{
    font-weight: bold;
    color: #000000;
    font-size: 10px;
}		

a.ForumSend
{
    color: #000000;
}					

.ForumPager
{
    margin-bottom: 20px;
    margin-top: 20px;
    font-weight: bold;
    color: #fe6601;
}

.ForumPager a
{
    color: #000000;    
}



.txt {
				width: 314px;
				display: block;
				right: 10px;
				top: 21px;
				z-index: 1000;
				position: absolute;
				background: #fff;
				padding: 10px;
				opacity: 0.75;
				-moz-opacity: 0.75;
				-khtml-opacity: 0.75;
				filter:alpha(opacity=75); }
		
					.txt p {
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 10px;
					color: #000;
					position: relative;
					z-index: 1;
					padding: 0;
					margin: 0; }
					
					
					
/* MIN ARENA */


.MinArena
{
    background-color:#767475; 
    margin-top: 0px;
    padding-top: 0px;
}

.MinArena h1
{
    color: #000000;
    font-size: 18px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    line-height: 18px;
    display: inline;
}

.MinArena h2
{
    color: #fe6601;
    font-size: 12px;
    margin-top: 0px;
    padding-top: 2px;
    display: inline;
    margin-bottom: 10px;
}

.MinArena p
{
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 10px;
}

.MinArena .WhiteLeft .SwedenMap
{
    /*text-align: right;*/
    /*margin-left: 10px;*/
    margin-bottom: 5px;
    float:right;
    
}

.MinArena .WhiteLeft
{
    background-color: #FFFFFF;
    padding: 10px;
    width: 339px;
    float:left;
    min-height: 100px;
    margin-left: 10px;
    margin-bottom: 10px;
}

.MinArena .WhiteRight
{
    background-color: #FFFFFF;
    padding: 10px;
    width: 339px;
    float:right;
    min-height: 100px;
    margin-left: 10px;
    margin-bottom: 10px;
}

.MinArena .MemberPicture
{
    float: left;
    width: 150px;
    margin: 0px 10px 0px 0px;
    padding: 0px 0px 0px 0px;
    margin-bottom: 10px;
}

.MinArenaVisitorsLog
{
    background-color:#767475; 
    margin-top: 10px;
    padding-top: 0px;    
}




.Arrow
{
    float: left;
    width: 20px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-image: url(../gfx/bg_arrow.gif);
    background-repeat: no-repeat;
    background-position: top left;
    background-color: #767475;
    min-height: 100px;
}

.Arrow_left
{
    float: left;
    width: 20px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-image: url(../gfx/bg_arrow_left.gif);
    background-repeat: no-repeat;
    background-position: top left;
    background-color: #767475;
    min-height: 100px;
}

#content_col_1 .MinArena .line {
				background: no-repeat #767475 top left url('../gfx/line2_bkg.gif');
				width: 600px;
				/*height: 80px;*/
				display: block;
				clear: both;
				margin: 0 0 15px 3px;
				padding: 0 5px 10px 5px;
				float: left; }
						
				#content_col_1 .MinArena .line .profil2 {
				float: right;
				display: block; 
				margin-right: 4px;
				}
				
				#content_col_1 .MinArena .line p {
				background: #fff;
				display: block;
				font-size: 10px;
				width: 269px;
				margin: 0 69px 0 0;
				padding: 0 0 0px 5px;
				font-family:  Arial, Helvetica, sans-serif; 
				color: #333; }
				
.textField 
{
    border: solid 1px #000000;
}


/* =================================================== */
/* e-form       FRÅN YTTRE CUF modules/eform.css  */

.eform
{
    /* själva formuläret */
   /* border: solid 1px #7dc104;
    padding: 5px;*/
    margin-bottom: 10px;    
}

.eformPageheader
{
    font-weight: normal;
    margin-bottom: 7px;
    font-size: 18px;
    margin-top: 0px;
    padding-top: 0px;
}

.eformText
{
}

.eformFalt
{
    border: solid 1px #696a6e;
    font-size: 11px;    
    font-family: Arial, Sans-Serif;
}

.eformHeader
{
    font-weight: bold;
}

.eformSendButton
{
    background-color: #000;
    color: #FFF;
    font-weight: bold;
    font-size: 12px;
    padding: 5px 5px 5px 5px;
    cursor: pointer;    
}

