/* CSS Document */

body{
	margin:0px;
	padding:0px;
	background-color:#F1F1F1; /*#F1F1F1;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:60%;
	color: #000000;
	
}
.mceContentBody{
	background-color:#fff!important;
}

h1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	line-height:18px;
	margin:0px;
	padding:0px 0px 20px 0px;
}
#skicka_epost{
	clear:both;
}
h2{	
	height:18px;
	font-size: 12px;
	line-height:18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000000;
	margin:0px;
}
h3{	
	height:18px;
	font-size: 11px;
	line-height:18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000000;
	margin:0px;
	margin-top:18px;
}
/*h1{margin:0px; padding:0px; margin-bottom:5px; font-size:14px; font-weight:bold;}
h2{margin:0px; padding:0px; margin-bottom:5px; font-size:13px; font-weight:bold;}*/
h4, h5, h6{margin:0px; padding:0px; margin-bottom:5px; font-size:11px; font-weight:normal;}
p{margin-top:0px; padding:0px;}

div#outer_container{
	width:900px;
	margin:0 auto;
	padding:0px;
	background-color:#FFFFFF;
	border:#CCCCCC solid 1px;
}

div#container{position:relative; width:870px; margin:0px; margin:0 auto; padding:0px; background:#FFFFFF; /*border:#CCCCCC solid 1px;*/}

div#top{position:relative; width:870px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; margin-bottom:0px; border-bottom:#CC0033 solid 2px; height:95px;}
	div#top #logo{position:relative; width:165px; height:82px; /*background:url(../../img/aptor1.jpg) top left no-repeat;*/ margin-top:10px; margin-left:0px;}
	div#top div#flags{	position:absolute; right:25px; bottom: 25px;}	
	div#top div#flags img{border:0px solid #999999;; margin:0px; margin-left:4px;}
	div#top div#flags img.active{border:0px solid #ffffff;}
	
div#content_top{position:relative; width:870px; margin:0px; padding:0px; height:279px;}
  
div#content_upper{position:relative; width:870px; margin:0px; padding:0px; height:210px;}
	div#content_upper #pic{position:relative; top:10px;	 width:870px;height:200px; background:url(../../img/start.jpg); margin:0 auto; padding:0px 0px 0px 0px; background-repeat:no-repeat;}
	
div#content{position:relative; width:870px; margin:0px; padding:30px 0px 0px 0px;}
	div#content #left{position:relative; width:230px; margin:0px; padding:0px; padding-left:0px; float:left;}
	
	div#content #right{position:relative; width:600px; margin:0px; padding:0px 0px 10px 0px; float:left;overflow:hidden;font-size:11px;}
		div#content #right h1.error_404{margin:0px; padding:0px; margin-top:25px; font-size:14px; font-weight:normal;}
		div#content #right p.error_404_text{margin:0px; padding:0px; margin-top:25px; font-size:11px; font-weight:normal;}
		div#content #right p.error_404_text a{color:#CC0033; text-decoration:none;}
		div#content #right p.error_404_text a:hover{color:#999999; text-decoration:none;}
		div#content #right h2.okey{color: #009900; margin-top:50px;}
		
		div#content #right p.top{margin-top:20px;}
		div#content #right p a.all_news, div#content #right p a.archive{color:#CC0033;}
		div#content #right p a:hover.all_news, div#content #right p a:hover.archive{color:#999999; text-decoration:none;}
		 
		div#content #right p.news_header {font-weight:bold; font-size:11px; color:#000000; }
		div#content #right p.news_date { font-weight:bold; font-size:11px; color:#000000; padding:0px; margin:0px; }
		div#content #right p.news_teaser {padding:0px 0px 10px 0px; font-size:11px;color:#CC0033;} 
		
		div#content #right p.news_date a{ color:000000; text-decoration:none; }
		div#content #right p.news_date a:hover{ color:#999999; }
		div#content #right p.news_date a:visited{color:#000000; }
		
		div#content #right p a.read_more{color:#CC0033; text-decoration:none;}
		div#content #right p a:hover.read_more{color:#999999; text-decoration:none;}
		
		/*div#content #right p.news_date{}
		div#content #right p.news_teaser{}*/
		
		div#content #right #paging_container{margin:0px; padding:0px; border-top:#000000 1px solid; width:350px; margin-top:20px;}
			div#content #right p.paging{margin:0px; padding:0px; font-weight:normal; color:#000000; margin-top:10px;}
			div#content #right p.paging a{color:#000000; text-decoration:underline;}
			div#content #right p.paging a:hover{color:#999999; text-decoration:underline;}
		
		#content #right table td {padding:2px 0px 2px 0px; margin:0px 0px 0px 0px;font-size:11px;}
		
		#content #right table a{color:#CC0033; text-decoration:none;}
		#content #right table a:hover{color:#999999; text-decoration:none;}
		
		#content #right p a{color:#CC0033; text-decoration:none;}
		#content #right p a:hover{color:#999999; text-decoration:none;}
		#content #right  a{color:#CC0033; text-decoration:none;}
		

	div#content #bottom{position:relative; width:870px; margin:0px; padding:0px;}
	
div#footer{ clear:both; position:relative; width:870px;  border-top:#CC0033 solid 2px; margin:0 auto; padding:0px 0px 0px 0px; background-color:#FFFFFF; }
	div#footertext{position:relative; width:870px; margin:0 auto; padding:0px; padding-top:10px; text-align:center; color:#000000; padding-bottom:10px; font-size:10px; background-color:#FFFFFF;}
	div#footertext .footer_img{margin-left:5px;}
	div#footertext a{color:#cc0033; text-decoration:none;}
	div#footertext a:hover{color:#999999; text-decoration:underline;}

#breadcrumb{margin:0px; padding:0px; margin-bottom:15px; margin-top:0px; width:100%; font-size:11px;}
	#breadcrumb .breadcrumb{float:left; /*font-weight:bold;*/ margin-right:5px; color:#000000;}
	#breadcrumb a{color:#000000; text-decoration:none;}
	#breadcrumb a:hover{color:#999999; text-decoration:none;}

#menu{margin:0px; padding:0px; margin-top:30px;}
	#menu h2{margin:0px; padding:0px; margin-top:0px; margin-left:32px; font-size:16px; margin-bottom:4px;}
	
#newsletterform{
	position: relative;
	margin:0px;
	padding:0px 0px 20px 0px;
	/*padding-top: 0px;*/
	margin-top: 25px;
	padding-top:7px;
	/*background:url(../../img/bg_top_menu.jpg) top left no-repeat;*/
}

#newsletterform h2{
	margin:0px;
	padding:0px;
	font-size:12px;
	padding-left:0px;
	width:205px;
	/*background:url(../../img/bg_content_menu.jpg) top left repeat-y;*/
}

#newsletterform p{
	margin:0px;
	padding:0px;
	padding-top:4px;
	font-size:11px;
	padding-left:0px;
	width:205px;
	/*background:url(../../img/bg_content_menu.jpg) top left repeat-y;*/
}

#newsletterform form{
	margin:0px;
	padding:0px;
	padding-left:0px;
	width:205px;
	/*background:url(../../img/bg_content_menu.jpg) top left repeat-y;*/
}

#newsletterform .field{
	margin:0px;
	padding:0px;
	width: 120px;
}
img{
border:none;
color:#fff;
}
  
#newsletterform .btn_newsletter{
	margin:0px;
	padding:0px;
	color: #000000;
	background: #FFFFFF;
	margin-right: 5px;
	height:16px;
	font-size:10px;
}

.btn_newsletter_unregister{
	margin:0px;
	padding:0px;
	color: #000000;
	background: #FFFFFF;
	margin-right: 5px;
	height:17px;
	font-size:10px;
}

#newsletterform_bottom{margin:0px; padding:0px; background:url(../../img/bg_bottom_menu.jpg) top left no-repeat; height:7px;}

.box{margin:0px; padding:0px 0px 30px 0px; margin-top:25px; padding-top:7px; width:180px;text-transform:uppercase;}
	.box h2{margin:0px 0px 5px 0px; padding:0px 0px 4px 0px; margin-top:0px; font-size:12px; width:180px; font-weight:bold; }
.box_bottom{margin:0px; padding:0px;  height:7px;}

.box_news {margin:0px; padding:0px 0px 30px 0px; margin-top:25px; padding-top:7px;  clear:both;font-size:11px;}
	.box_news h2{margin:0px 0px 5px 0px; padding:0px 0px 4px 0px; margin-top:0px; font-size:11px; width:640px; font-weight:bold; border-bottom: #CCCCCC solid 1px;}
.box_bottom_news {margin:0px; padding:0px;  height:7px;}
	
/*#newscontainer{margin:0px; padding:0px; margin-top:25px; margin-left:30px;}
	#newscontainer h2.news{margin:0px; padding:0px; margin-top:0px; font-size:16px; margin-bottom:4px;}*/

textarea, input, select{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 1px;
	border: 1px solid #000000;
	color: #000000;
}

#frame{
	margin-top:40px;
}

/ 


.btn{
	color: #000000;
	background: #FFFFFF;
	margin-right: 5px;
}
.red{
	color:#FF0000;}

.break{clear: both; float: none;}

/* Put this inside a @media qualifier so Netscape 4 ignores it */
@media screen, print { 
	ul.mktree  li 					{ list-style: none; padding:0px; text-transform:uppercase;}
	ul.mktree  li a					{ text-decoration:none; color:#000000; }
	ul.mktree  li a.active     		{ font-weight:normal; color:#999999; text-decoration:none;}	 
	ul.mktree  li ul li a.active     		{ font-weight:normal; color:#999999; text-decoration:none;}	 
	ul.mktree  li a:hover			{ text-decoration:none; color:#999999; } 
/*	ul.mktree  li ul li a.active     		{ font-weight:normal; color:#999999; text-decoration:none;}	 
	ul.mktree  li ul li ul li a:hover			{ text-decoration:none; color:#999999; } 
	ul.mktree  li ul li ul li a.active     		{ font-weight:normal; color:#999999; text-decoration:none;}	 
	ul.mktree  li ul li ul li a:hover			{ text-decoration:none; color:#999999; } */
	
	/* Control how "spaced out" the tree is */
	ul.mktree				   		{ margin:0px; padding:0px; padding-left:0px; margin-top:0px; width:230px;}
	ul.mktree ul			   		{ margin:0px; margin-left:15px; padding:0px; list-style:none; text-transform:uppercase; }
	/* Provide space for our own "bullet" inside the LI */
	ul.mktree  li           .bullet {display:none;}
	ul.mktree  li.liBullet  .bullet {display:none;}
	ul.mktree  li.liBullet  .bullet {display:none;}
	 
	/* Show "bullets" in the links, depending on the class of the LI that the link's in */
	ul.mktree  li.liOpen    .bullet {display:none;}
	ul.mktree  li.liClosed  .bullet {display:none;}
	ul.mktree  li.liBullet  .bullet {display:none;}
	/* Sublists are visible or not based on class of parent LI */
	ul.mktree  li.liOpen    ul { display: block; }
	ul.mktree  li.liClosed  ul { display: none; }
	/* Format menu items differently depending on what level of the tree they are in */
	ul.mktree  li {   line-height:1.8em; list-style:none; font-size:11px; }
	ul.mktree  li ul li { line-height:1.8em; font-size:10px;}
	ul.mktree  li ul li ul li { font-size:10px;}
	ul.mktree  li ul li ul li ul li {font-size:10px;}
}

/* Put this inside a @media qualifier so Netscape 4 ignores it */
@media screen, print { 
	/* Turn off list bullets */
	ul.mknews  li { list-style: none; }
	ul.mknews  li.date {font-weight:bold; font-size:11px;  }
	ul.mknews  li.header {padding-bottom:10px;font-size:11px;  }
	ul.mknews  li.teaser {padding:5px 0px 10px 0px; font-size:11px;color:#CC0033; margin:0px;} 
	ul.mknews  li a{ text-decoration:none; color:#CC0033;}
	ul.mknews  li a.active     { font-weight:normal; color:#999999;}	
	ul.mknews  li a:hover{ text-decoration:none; color:#999999; } 
	/* Control how "spaced out" the tree is */
	ul.mknews				   { margin:0px; padding:0px; padding-left:0px; margin-top:0px; width:640px;}
	ul.mknews ul			   { margin:0px; margin-left:10px; padding:0px; }
	
	ul.mknews  li { font-size: 11px; line-height:1.0em;}
}