body {
	background:url(../Gfx/body_bg.png) top left repeat-x;
	font-family: Trebuchet MS, Sans-Serif;
    color:#1b1b1b;
	font-size:12px;
	line-height: 1;
}

h1{ line-height:15px;
    margin: 0 0 5px 0;
    display:block;
    font-size: 17px;
    color:#D80735;}

h2{ line-height:20px;
    margin: 0 0 0 0;
    display:block;
    font-size: 12px;
	}
	
h3{ line-height:20px;
    margin: 0 0 0 0;
    display:block;
    font-size: 13px;
	}


p{  line-height:15px;
    margin: 0 0 5px 0;}
p2{  line-height:15px;
    margin: 0 0 20px 0;}
	
a	     {color:#878787; text-decoration:none;}
a:hover{color:#D80735;}

span.dot
{
font-size:5px;
color:#b1b1b1;
	}
	/*color:#5b5b5b;*/

/*--------------------------------------------------------------------*/
	/* Layout */


	
#SiteWrapper 
{
    width:805px; 
    height:458px;
    margin: 40px auto 0 auto;
	/*background: #c299c3;*/
}

#Logo
{
    width:200px;
    margin: 0 0 0 14px;
    float:left;
	/*background: #000000;*/
}

#MainContentWrapper
{
    clear:both;
    background:url(../Gfx/MainWrapper/main_wrapper_bg.png) top left no-repeat;
    width:100%; 
    height:420px;
    padding: 16px 15px 15px 21px;
	/*background: #ac090c;*/
	
}
#NyheterLeft {

    width:483px;
    height:416px;
    float:left;
   
    overflow-y:scroll;
	overflow-x:hidden;
}
#NyheterLeftInner{

width:438px;
	margin-right: 0px;
	margin-left: 2px;
	margin-top: 3px;
}
#NyheterRight {
	width:271px;
    float:left;
	height:410px;
    padding: 2px;
	margin-left: 3px;
	border: 1px solid silver !important;
}
	ul.tabs {

		float: left;
		

	}
	ul.tabs li {
		float: left;
		/*margin: 0;
		cursor: pointer;
		padding: 0px 10px ;
		height: 31px;
		line-height: 10px;
		border: 1px solid #999999;
		border-left: none;
		font-weight: bold;
		background: #EEEEEE;
		overflow: hidden;
		position: relative;*/
	}
	ul.tabs li:hover {
		
		background: #AAAFFF;
	}						
		
	ul.tabs li.active{
		background: #FFFFFF;
		border-bottom: 1px solid #FFFFFF;
	}
	.tab_container {
		clear: both;
		float: left; 
		width: 100%;
		background: #FFFFFF;
		
	}
	.tab_content {
		padding: -5px;
		/*
		
		font-size: 1.2em;
		display: none;
		*/
	}



#BasicPageWrapper{
height:416px;

/*background: #c7777c;*/

}

#BasicPageWrapperInner{

background: #c7777c;

	margin-right: 0px;
	margin-left: 2px;
	margin-top: 3px;
}

#LeftContent{
/*background: #000000;*/

    width:277px;
    height:416px;
    float:left;
    margin: 0 5px 0 0;
	
	overflow-y:auto;
	overflow-x:hidden;
   /* overflow-y:overflow;
	overflow-x:hidden;*/
}

#LeftContentInner{
/*background: #65ABFF;*/
	
 
	margin-right: 0px;
	margin-left: 2px;
	margin-top: 3px;
	width:268px;
   
    
}
/*bakgrundsbild till kontakt.php*/
.border_kontakt{
 background-image:url('../gfx/border_kontakt.jpg');
 background-repeat:no-repeat;
background-position: 200px 15px;

 }

#LeftContentInner2{
/*background: #65ABFF;*/
	
	margin-right: 0px;
	margin-left: 2px;
	margin-top: 3px;
	width:250px;
   
    
}
#RightContent{
/*background: #cb9000;*/

	width:475px;
    float:left;
	height:410px;
    padding: 2px;
	border: 1px solid silver !important;

	}
	
#SortUpperContent{
/*background: #cb9000;*/

	width:760px;
    float:left;
	height:50px;
    padding: 2px;
	

	}
#SortContent{


	width:760px;
    float:left;
	height:350px;
    padding: 2px;
	overflow-y:scroll;
	overflow-x:hidden;
	

	}
	
#KontaktLeft{

    width:220px;
    height:416px;
    float:left;
    margin: 0 5px 0 0;
	/*margin-right: 0px;
	margin-left: 2px;
	margin-top: 3px;
	background: #cb9000;*/
}
	
#KontaktMiddle{

width:230px;
height:416px;
float:left;
	/*margin-right: 0px;
	margin-left: 2px;
	margin-top: 3px;
	background: #c7777c;*/
	
}
	
#KontaktRight{



float:left;
	/*
	width:300px;
	height:416px;
	margin-right: 0px;
	margin-left: 2px;
	margin-top: 3px;
	background: #ab0800;*/
	
}

#KontaktRightTop{


height:18px;
float:left;
margin-top:3px;
	/*margin-right: 0px;
	margin-left: 2px;
	margin-top: 3px;*/
	background: #FFFFFF;
}

/*--------------------------------------------------------------------*/
/*Menu*/

ul{	margin: 0;}

#TopMenu
{
    display:block;
    text-align:center;
    background:url(../Gfx/Menu/topmenu_bg.png) top left no-repeat;
    height: 30px;
    padding: 8px 0 0 0;
    position:relative;
    top: -13px;
}
#TopMenu li
{
    display:inline;
	
}

#TopMenu li a{   
	color:#878787;
    text-decoration:none;
    text-transform:uppercase;
    font-size:11px;
	padding: 2px 18px 2px 18px;
    
	
	}
	
#TopMenu li a:hover,
#SubMenu li a:hover,
#TopMenu li.Selected a,
#SubMenu li.Selected a
{
  color:#d80735;
}

#navigation li.Selected a{color:#d80735;}

#SubMenu
{
    display:block;
    text-align:center;
    background:url(../Gfx/Menu/submenu_bg.png) top left no-repeat;
    height: 30px;
    padding: 8px 0 0 0;
    position:relative;
    top: -23px;
	}
	
#SubMenu li
{
    display:inline;
}
#SubMenu li a
{
    color:#878787;
    text-decoration:none;
    text-transform:uppercase;
    font-size:10px;
    padding: 2px 10px 2px 10px;

	
	
}
/*--------------------------------------------------------------------*/
/*Press Page*/

#PressRightContent{

	
	/*background:#cb9080;*/
	width:100px;
	float:left;


    

}
#PressRightContentInner{

	
	/*background:#000FFF;*/
	width:300px;
	float:left;
	margin-left:126px;
	margin-top:19px;


    

}
#PressRightContentInner1{
	/*background:#111FFF;*/
	width:300px;
	height:80px;
	float:left;
}
#PressRightContentInner2{
	/*background:#02FFFF;*/
	width:300px;
	height:80px;
	float:left;
}
#PressRightContentInner3{
	/*background:#0CCCCF;*/
	width:300px;
	height:80px;
	float:left;
}
#PressRightContentInner4{
	/*background:#0CCAAF;*/
	width:300px;
	height:80px;
	float:left;
}
#PressRightContentInner1Text{
	/*background:#0CCAAF;*/
	margin-top:28px;
	margin-left:15px;
	float:left;
}
#PressRightContentInner2Text{
	/*background:#111FFF;*/
	margin-top:28px;
	margin-left:15px;
	float:left;
}
#PressRightContentInner3Text{
	/*background:#02FFFF;*/
	margin-top:28px;
	margin-left:15px;
	float:left;
}
#PressRightContentInner4Text{
	/*background:#0CCCCF;*/
	margin-top:28px;
	margin-left:15px;
	float:left;
}
#PressRightContentInner1Bild{
	/*background:#0CCCCF;*/

	float:left;
}
#PressRightContentInner2Bild{
	/*background:#0CCCCF;*/

	float:left;
}
#PressRightContentInner3Bild{
	/*background:#0CCCCF;*/

	float:left;
}
#PressRightContentInner4Bild{
	/*background:#0CCCCF;*/

	float:left;
}

div#PressImageList a img
{

    border:1px solid silver;
    padding: 2px;
	
}

div#PressImageList a img:hover
{
 border:1px solid gray;
background:#f1f1f1;
}


 #under {margin-left:10px;}

span.ShowBigImgDesc
{
    font-size: 10px;
    margin: 0 0 5px 0;
    display:block;
	}
	
	
/*--------------------------------------------------------------------*/	
/*Project Sub*/
	
	
#ProjectContentLeft {
	width: 177px;
	float: left;
	margin: 0 0px 0 0;
	/*background: #000FFF;*/

}

#ProjectContentRightThumb {
/*background: #f24e4e;*/
float:left;
width: 580px;
height: 402px;
padding-left: 10px;
}
#ProjectContentRightThumbs {
/*background: #f24e4e;*/
float:left;
padding-left: 10px;
width: 580px;

}
#ProjectContentRightThumb  img{

padding: 0px;
height: 85px;
width: 85px;
border: 1px solid silver !important;
padding: 2px;
}

#ProjectContentCenter
{

float: left;
padding-left: 10px;
width: 325px;
 
 
/*background: #13b40b;*/

	}
	
#ProjectContentCenterImg
{

float: left;
width: 325px;
overflow: auto;
height: 402px;
/*background: #15555b;*/

	}
	
span.ShowBigImgDesc
{
    font-size: 10px;
    margin: 0 0 5px 0;
    display:block;
}
	
#ProjectContentCenter img {
 margin: 0 0 3px 0;
 padding: 2px;
 border: 1px solid silver !important;

	}

#ProjectContentRight

{
/*background: #f24e4e;*/
float:left;
width: 233px;
padding: 10px;
}
#ProjectContentRight h1 {
    font-size: 15px;
    color: #D80735;
}

#LeftMenu li a:hover {color:#D80735;}
#LeftMenu li.Selected a {color:#D80735;}

#LeftMenu{/*background: #cc4411;*/ padding: 0px;}
#LeftMenu li
{
    display:block;
    border: 1px solid #eee;
    margin: 0 0 2px 0;
}
#LeftMenu li a
{
    color:#878787;
    font-size: 12px;
    display:block;
    padding: 2px;
    text-decoration: none;
	
}





.accToggler{
 margin: 3px auto;
 padding: 1px;
 width: 400px;
 background: #acc95f;
 color: #f4f4f4;
 border: 1px solid #fff;
 cursor: pointer;
 }

 .accContent{
 margin: 0px auto;
 width: 400px;
 
 }
 
 
 
#test-accordion{  
   
    border: 1px solid #d0d0d0;}
  }
#test-accordion2{  
    
    border: 1px solid #d0d0d0;}

#accordion {  
	position: relative; /* required for bounding--works around a "peculiarity" in Prototype */  
}  

#accordion-toggle{  
   position: relative; /* required for effect */  
  z-index: 10;        /* required for effect */  
   background: #eee;   /* required for effect--can be anything except "transparent" */  
   cursor: pointer;  
}  
  
#accordion-toggle-active{  
    background: #fff;  
}    
#accordion-content{  
    overflow: hidden;   /* required for effect */  
    background: #aaa;  
}  


.accordion {
	position: relative; /* required for bounding */
	width:280px;
	box-shadow: 0 0 10px rgba(68,68,68,0.2);
	border:1px solid #d2d2d2;
	
	
}

div.accordion-toggle{
    position: relative; /* required for effect */
    z-index: 10;		/* required for effect */
	background: #eee; 



	
	background-image:url(../Gfx/accordion/off6.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	padding:4px 10px 4px 10px;
    cursor: pointer;
	/*border: 1px #aaa;
	padding-left:5px;
	padding-top:1px;
	padding-bottom:1px;
*/
	padding-left:5px;
	border-top:1px solid #d2d2d2;	
	

}

div.accordion-toggle-active{
	background: #AAAAAA;	
	/*padding-left:5px;
	padding-top:1px;
	padding-bottom:1px;
	*/
	padding-left:5px;

	
	
}

div.accordion-content{
    overflow: hidden;	/* required for effect */
    background: #f9f9f9;
	/*padding-left:5px;
	padding-top:5px;
	
		*/padding-left:15px;
		
		
		
		
			
		
}
div.accordion-toggle:hover, div.accordion-toggle-active{

	/*background-color:#e5e5e5;*/
	background-image:url(../Gfx/accordion/over.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	/*font-weight:bold*/
}

div.accordion-content p{
	margin: 5px 5px 6px;
}

p.sample{  line-height:15px;
 
	margin-top: 10px;}
	


	

img.double-border{
padding:5px;   
border:1px solid #cccccc;   
background-color:#f4f4f5;
}

#ProjectWrapper
{
    clear:both;
    background:url(../Gfx/MainWrapper/main_wrapper_bg.png) top left no-repeat;
    width:100%; 
    height:426px;
    padding: 10px 14px 15px 13px;	
}
#BasicProjectWrapper{
height:377px;
padding: 4px 14px 0px 5px;
}

#BasicProjectWrapper a img:hover{
background:#ececec;
 border:1px solid gray;

/*background:#ededed;*/
}

#BasicProjectWrapperBottom{
height:42px;
padding-top: 5px;
}

#BasicProjectThumbs{
width:329px;
height:300px;
float:left;
}

#BasicProjectThumbsLeft{
width:329px;
height:300px;
float:left;
padding-left:4px;
}

#BasicProjectNav{
height:361px;
padding: 4px 14px 15px 5px;
}

#BasicProjectContent{

float:left;
float:top;
border: 1px solid silver !important;
padding: 2px;
position:relative;
}

.upp{ margin-top:-20px;}
.upp2{ margin-top:-240px;}
.upp3{ margin-top:-50px;}

#BasicProjectText{
position:absolute;
float:right;
top:270px;
left:10px;
z-index: 1;
}

.left {float:left; padding:1px;}
.right { margin-top:-10px;}
.test2{ border:1px; }

/* Projekt 2005-2008*/
#Projekt2005-2008ContentCon {float:left;}
#Projekt2005-2008ContentCon2 {float:left;}
#Projekt2005-2008ContentOne {  height:242px; }
#Projekt2005-2008ContentTwo {  }
#Projekt2005-2008ContentThree { height:292px; padding-left:4px;}
#Projekt2005-2008ContentFour { padding-left:4px;  }
#Projekt2005-2008ContentFive {  float: left; padding-left:4px;}

/* Projekt 2009*/
#Projekt2009ContentCon{float:left;}
#Projekt2009ContentCon2{float:left;}
#Projekt2009ContentOne { height:265px; float: left;}
#Projekt2009ContentTwo { height:200px;  padding-left:4px;}
#Projekt2009ContentThree { height:262px; float: left; padding-left:4px;}
#Projekt2009ContentFour { padding-left:4px;  float:left}
#Projekt2009ContentFive {height:262px;  float: left; padding-left:4px;}
#Projekt2009ContentSix {   float: left;}
#Projekt2009ContentSeven {padding-left:4px;}

/* Projekt 2010*/
#Projekt2010ContentCon { float: left; }
#Projekt2010ContentCon2{ float:left; padding-left:4px; }
#Projekt2010ContentOne { float: left;}
#Projekt2010ContentTwo {height: 280px;}
#Projekt2010ContentThree { float: left; width:174px; }
#Projekt2010ContentFour {   }
#Projekt2010ContentFive { height: 191px; padding-left:4px; }
#Projekt2010ContentSix { padding-left:4px;  }


/* Projekt 2011*/
#ProjektContentCon {float: left;}
#ProjektContentOne {width:285px; float: left;}
#ProjektContentTwo {width:147px; height:206px;}
#ProjektContentThree {width:147px;}
#ProjektContentFour {width:335px; float:left; padding-bottom:3px;}
#ProjektContentfive {width:335px;}


/* Projekt 2012*/
#Projekt2012ContentOne {width:305px; height:191px; float: left;margin-top:-1px;}
#Projekt2012ContentTwo {width:230px; float: left; padding-left:0px;}
#Projekt2012ContentThree {width:305px; }
#Projekt2012ContentFour {margin-top:-1px; }