/***************************************************/

/*  Först lite allmänt för att centrera innehållet mm*/

/***************************************************/



*{

	margin: 0;

	padding: 0;

}



body {

	padding-top: 30px;

	text-align: center;

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 11px;

	line-height: 14px;

	background-color: #b5e5e0;

	background-image: url(img/pattern_line.gif);

	color: #E1E1E1;

} 



#wrap {

position: relative;

	width: 780px;

	height: 100%;

	margin-right: auto; 

	margin-left: auto; 

	text-align: left;

	vertical-align: middle;

}



#content{

	position: relative;

	left: 0px;

	width: 780px;

	height: 450px;

	text-align: left;

	background-color: #26272a;

}



#lang_button{

	position: absolute;

	top: -25px;

	right: 12px;

	width: 66px;

	height: 24px;

}



#leftcol{

	position: absolute;

	top: 0px;

	left: 0px;

	width: 390px;

	height: 450px;

	z-index: 40;

	}

	

#textarea_wide{

	position: absolute;

	top: 0px;

	left: 0px;

	width: 614px;

	height: 340px;

	overflow: auto; 

	background-color: transparent;

	z-index: 50;

	}



.image{

	background-image: url(img/bild.jpg);

}



.darkimg{

	background-image: url(img/bild_dark.jpg);

	background-repeat: no-repeat;

}





#rightcol{

	position: absolute;

	top: 0px;

	left: 390px;

	width: 390px;

	height: 450px;

}



#extrainfo{

	position: absolute;

	top: 95px;

	left: 23px;

	width: 198px;

	height: 198px;

	background-image: url(img/bg_info.gif);

	text-align: center;

}



#extrainfo p{

	color: Black;

	margin: 4px;

}



#extrainfo a{

	color: #B7B70D;

}



#extrainfo a:hover{

	text-decoration: underline;

}

#nav_button {

	height: 363px;

	width: 149px;

	position: absolute;

	top: 4px;

	right: 3px;

}





#cv_button{

	position: absolute;

	top: 15px;

	left: 289px;

	width: 88px;

	height: 87px;

}	







#gallery_button{

	position: absolute;

	top: 104px;

	left: 239px;

	width: 105px;

	height: 104px;

}	





#contact_button{

	position: absolute;

	top: 219px;

	left: 251px;

	width: 116px;

	height: 116px;

}	



	

#logga{

	position: absolute;

	top: 366px;

	left: 518px;

	width: 249px;

	height: 79px;

	text-align: right;

}





a{

	color: #d9392d;

	text-decoration: none;

}



a:hover{

	text-decoration: underline;

}



#content h1{

	color: #65e5e0;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 24px;

		line-height: 32px;

	font-weight: lighter;

		font-stretch: ultra-condensed;

	font-stretch: narrower;

	margin-top: 12px;

	margin-bottom: 8px;

	margin-left: 18px;

	margin-right: 4px;

}



#content h2{

	color: #65e5e0;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 18px;

	line-height: 24px;

	font-weight: lighter;

	font-stretch: narrower;

	font-stretch: ultra-condensed;

	margin-top: 12px;

	margin-bottom: 8px;

	margin-left: 18px;

	margin-right: 4px;

}



#content h2.title{

	margin-top: 4px;

	margin-bottom: 0px;

}



table{

	margin-top: 2px;

	margin-bottom: 4px;

	margin-left: 18px;

	margin-right: 4px;

}



p{

	margin-top: 12px;

	margin-bottom: 4px;

	margin-left: 12px;

	margin-right: 4px;

}



td{

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 11px;

	line-height: 14px;

}



h2.tbl{

	margin-left: 0px;

	margin-right: 0px;

	padding-left: 0px;

	padding-right: 0px;

}





#galleryinfo{

	position: relative;

	left: 0px;

	width: 250px;

}



#galleryinfo p{

	margin-top: 2px;

	margin-bottom: 0px;

}



.green{

		color: #b7b70d;

}



#galleryinfo h3{

	display: inline;

	float: left;

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #b7b70d;

	font-weight: normal;

	margin-right: 2px;

		margin-bottom: 0px;

}



/***************************************************/

/*  galleriplupparna */

/***************************************************/



.plupp{

	width: 26px;

	height: 26px;

	margin-right: 2px; 

	float: left;

}



.plupprad{

	position: absolute;

	width: 225px;

	height: 28px;

	left: 8px;

}



#rad1{

	top: 120px;

}

#rad2{

	top: 148px;

}

#rad3{

	top: 176px;

}

#rad4{

	top: 204px;

}



#rad5{

	top: 232px;

}

#rad6{

	top: 260px;

}

#rad7{

	top: 288px;

}

#rad8{

	top: 316px;

}

#rad9{

	top: 344px;

}