* {}
body {float:left; font-family: Georgia, serif; font-size:x-small;
	voice-family: "\"}\"";
	voice-family:inherit;
	font-size:small; margin:13px 0 5px 0px;
	background-image:url('../bilder/newHead.jpg');
	background-repeat:no-repeat;
	
	}
	
a{color:#ff9999; text-decoration:none; border:none;}
a:hover {color:red; text-decoration:none;}
a img{border:none 0px white;}
#content { width:980px;}
#head { clear:both; height:70px; width:220px; display:block; margin-top:10px; padding-left:20px;}
#meny { float:left; width:250px; font-family:Arial;}
#menyNav li{ list-style:none; margin:0; margin-bottom:10px;}
#menyNav {float:left; margin:0; padding:15px 15px 10px 20px; margin:0px 10px 0 0;  background-color:White;}
#menyNav a {text-decoration:none; color:black; padding-left:10px; font-size:110%;}
#menyNav a:hover {text-decoration:none; padding-left:10px; color:#cccccc; background:url(../bilder/mouseOver.gif) no-repeat left center;}
#menyNav span{ font-size:120%; }
#menyNav ul{ margin:0; padding:0;}
#menyNav ul li{margin:0; padding:0; margin-bottom:3px; margin-top:3px;}
.menyLang {padding-left:15px; vertical-align:middle;}
#citatStart{ padding-left:10px; padding-top:40px; font-style:italic; width:180px; font-family:Arial;}

.menyNavSmall
{
    font-size:80%;
    color:#666666;
}



#contentDiv { float:left; padding-right:5px; width:705px;}
#contentDiv a{text-decoration:none; border:none;}
#contentDiv img{ border:none;}

h5{background-color:Transparent; letter-spacing:110%; font-family: Helvetica, Arial, Sans-Serif; font-size:110%; font-weight:normal; margin:0 0 15px 0; width:710px; text-align:right;}
h5 span{ color:Red;}
h5.rubrikBeskrivning { font-style:italic; font-size:100%; color:#666666; margin-top:40px; margin-left:3px; text-align:left;}
h3{ font-size:250%; font-family:Helvetica, Arial, Sans-Serif; font-weight:lighter; margin-bottom:10px;}
h4{ font-family: Helvetica, Arial, Sans-Serif; font-size:110%; font-weight:normal;}
h2{ font-family: Helvetica, Arial, Sans-Serif;}
h1{ background-color:Transparent; font-family:Futura Std Light, Helvetica LT Std, Helvetica, Arial, Sans-Serif; font-size:300%; font-weight:lighter; margin:20px 0 30px 0; width:710px; text-align:right;}

.utstallningsRubrik { margin-bottom:0; font-size:150%; padding-top:20px;}
#allUtstallningar div.projektListItem 
{
    background-color:White; 
    color:#cccccc; 
    width:705px; 
    margin:10px 0 25px 10px; 
    float:left; 
    clear:both; 
    text-align:left;
    border-bottom:1px solid rgb(220,220,220);
    padding-bottom:25px;
 }
#allUtstallningar div.noneLink { background-color:White; padding:5px 5px 5px 5px; border:solid 1px #cccccc; color:black; width:700px; margin-bottom:5px; float:left; clear:both; text-align:left;}
#allUtstallningar div.noneLink span{ margin-left:110px; color:Gray; font-size:100%;}
#allUtstallningar a{color:#333333;}
#allUtstallningar a img{ float:left; margin-right:20px;}
#allUtstallningar span{float:left; clear:right; width:580px; margin:0; font-size:130%; font-family:Helvetica, Arial, Sans-Serif;}
#allUtstallningar span b{ font-weight:normal; color:red; text-align:right; }
#allUtstallningar div.projektListItemTextholder
{
    width:585px;
    float:left;
    clear:none;
}
div.projektListItemTextholder p.workInProgress
{
    float:left;
    margin:0;
    font-style:italic;
    color:#666666;
    font-size:90%;
    clear:both;
    width:585px;
    text-align:left;
}
div.projektListItemTextholder h2
{
    line-height:1em;
    
    margin:0;
    margin-bottom:5px;
    font-size:240%;
    color:#000000;
}
div.projektListItemTextholder h3
{
    margin:0;
    font-size:110%;
    color:#333333;
    margin-bottom:2px;
}
div.projektListItemTextholder h4
{
    margin:0;
    font-size:90%;
    color:#666666;
    
}
a.projektTextLink
{
    margin-top:20px;
    display:block;
}
#allUtstallningar a:hover{ color:black;}

#utstallningsHolder{ width:700px; background-color:White; float:left;margin-left:10px;}
#utstallningsHolder p{ font-size:110%; line-height:150%;}
#utstallningsHolder img{border:none; padding:0px;}
#utstallningsHolder a{color:#990000;}
#utstallningsHolder a:hover{color:#ff0000;}
#extraUtLinks { text-align:center; border-bottom:solid 1px #cccccc; border-top:solid 1px #cccccc; width:100%; padding:10px 0; float:left;}
#extraUtLinks h3{ font-size:120%; text-decoration:underline; color:black; border-top:solid 1px #cccccc; padding-top:10px; margin:10px auto;} 
#projektHolder #extraUtLinks a, #utstallningsHolder #extraUtLinks a{ line-height:2; font-family:Helvetica, Arial, Sans-Serif; color:#666666; margin-right:2px; padding:7px 4px 4px 4px;}
#extraUtLinks a.toCome {text-decoration:line-through;}
#projektHolder #extraUtLinks a:hover, #utstallningsHolder #extraUtLinks a:hover{ color:Black; border:none; margin-right:2px; background:url(../bilder/mouseOverVonOver.gif) no-repeat center top;}
#navBetween { padding-bottom:5px; padding-top:5px; width:100%; float:left; clear:both; }
#navBetween a{font-family:Helvetica, Arial, Sans-Serif; color:#666666; padding:4px 0 2px 0;}
#navBetween a:hover{font-family:Helvetica, Arial, Sans-Serif; color:red; padding:4px 0 2px 0;}
#navBetween a.right{float:right;}
#navBetween a.left{float:left;}


#extraPicsHolder { margin:10px 0 10px 0; float:left;}
#extraPicsHolder img {margin: 5px 0 30px 0; border:none; padding:0px;}
.imgBorder {margin: 5px 0 5px 0; border:solid 1px #cccccc; padding:5px;}
#extraPicsHolder p {margin:0 0 20px 0; padding:0 0 0 5px;}

#cv li{ list-style:none; margin:10px 0 70px 0; font-family:Arial;  color:Black; font-size:180%; font-weight:bold;}

#cv li ul.yearList {  color:#666666; padding:0 0 0 10px; margin:0; font-weight:normal; border-top:1px solid rgb(200,200,200); }
#cv li ul.yearList li{ font-weight:normal;  margin:10px 0 0 0; padding-top:10px; font-size:60%; color:rgb(70,70,70);}
#cv li ul.yearList li ul li{font-weight:normal; margin:3px 0; padding:0; color:#666666; font-size:100%;}
#cv li ul.yearList li ul{margin:0;padding:0;}
#utbildning
{
    border-top:1px solid rgb(200,200,200);
    padding:0 0 10px 10px;
}
#utbildning ul
{
    padding:0;
    margin:10px 0 0 5px;
}
#utbildning li
{
    padding:0;
    margin-top:10px;
    font-size:70%;
    
}
#utbildning li ul li
{
    margin:3px 0;
}
/*#cv li ul{ margin:0; margin-top:0px; padding:0; border-top:solid 1px #cccccc; padding-top:10px; }
#cv li ul li{list-style:none; margin:0; font-size:80%; font-family:Arial; font-weight:normal; margin-bottom:10px; margin-left:10px;}
*/
#cv a {text-decoration:none; color:black; padding-left:11px; margin-left:-10px; color:Black; display:inline;}
#cv a span{ font-size:70%; font-style:italic;}
#cv a:hover {text-decoration:none; padding-left:11px; color:Red; background:url(../bilder/mouseOver.gif) no-repeat left center; margin-left:-10px;}
#cv a span.film, #cv span.film{ font-size:80%; margin:2px 0 0 0; display:block;}

#artiklar {margin-top:30px;}
#artiklar li {list-style:none; margin:0; font-size:90%; font-family:Arial; font-weight:normal; margin-bottom:10px; }
#artiklar a {text-decoration:none; color:black; padding-left:11px; margin-left:-10px; color:Gray; display:inline;}
#artiklar a:hover {text-decoration:none; padding-left:11px; color:Black; background:url(../bilder/mouseOver.gif) no-repeat left center; margin-left:-10px;}

#projektHolder p.signatur{ font-style:italic; text-align:right; font-size:80%}
.signatur{ font-style:italic; text-align:right; font-size:80%}

#repeaterH { margin-left:5px; margin-top:10px;}
#repeaterH span{ display:block; margin-top:5px;}
#repeaterH span.head {display:block; float:left; margin-top:7px; margin-left:0px;  font-size:90%; font-family:Helvetica, Arial, Sans-Serif;}
#repeaterH h4 { margin:5px 0 5px 0; font-size:150%; }
#repeaterH span a{ color:Black;}
#repeaterH span a:hover{ color:Black; color:#666666;}
#repeaterH span.signAndDate { text-align:left; font-size:90%; margin:0 0 3px 0; font-family:Helvetica, Arial, Sans-Serif;}
#repeaterH div{ padding:15px 0 5px 0; border-bottom:solid 1px #cccccc;}

#kontaktDiv { font-family: Helvetica, Arial, Sans-Serif; font-size:110%; text-align:right;}
#kontaktDiv p{ margin-right:5px; margin-bottom:0px;}
#kontaktDiv p.space{ }
#kontaktDiv img{border:solid 1px #cccccc; padding:5px; float:right; float:right; margin-bottom:5px;}

#artiklar li{ list-style:none; margin:0; font-family:Helvetica LT Std, Helvetica, Arial, Sans-Serif; font-size:130%; color:Black;}
#artiklar li ul{ margin:0; margin-bottom:25px; padding:0; border-top:solid 1px #cccccc; padding-top:10px;}
#artiklar li ul li{list-style:none; margin:0; font-size:80%; font-family:Arial; font-weight:normal; margin-bottom:10px; margin-left:10px; }
#artiklar ul a {text-decoration:none; color:black; padding-left:11px; margin-left:-10px; color:#666666; display:inline;}
#artiklar ul a span{ font-size:70%; font-style:italic;}
#artiklar ul a:hover {text-decoration:none; padding-left:11px; color:Red; background:url(../bilder/mouseOver.gif) no-repeat left center; margin-left:-10px;}
#artiklar p{ font-size:80%; margin:2px 0 0 0;}

.projektRubrik 
{
    font-size:250%;
    margin:0;
    margin-top:25px;
    margin-bottom:5px;
    font-weight:bold;
    color:rgb(80,80,80);
    
}
.projektRubrik2
{
    font-size:120%;
    margin:0;
    text-align:right;
    font-weight:normal;
    margin-bottom:5px;
    color:#333333;
}
.projektRubrik3
{
    margin:0;
    font-size:90%;
    text-align:right;
    color:#666666;
}
#projektHolder{ width:700px; background-color:White; float:left; margin-top:20px;margin-left:5px;}
#projektHolder p{ font-size:110%; line-height:150%;}
#projektHolder img{border:none; padding:0px;}
#projektHolder a{color:#990000;}
#projektHolder a:hover{color:#ff0000;}


.extraInfo
{
	float:left;
	clear:both;
	width:100%;
}
.workInprogressHeader1{
	margin-top:0px;
}
.workInprogressHeader2{
	margin-top:20px;
}

/* slideshow */
.slideshow-container{
		height:504px;
 	}
	.image-wrapper
	{
		position:absolute;
		left:0;
		top:0;
	}
	#thumbHolder
	{
		list-style:none;
		float:left;
		margin:0;
		padding:0;
	}
	#thumbHolder li
	{
		float:left;
		border:solid 2px #FFF;
		padding:0px;
	}
	#thumbHolder li a
	{
		float:left;
	} 
	
	#thumbHolder li.selected
	{
		border:solid 2px #333;
	}
	#thumbHolder li img
	{
		width:20px;
		height:20px;
	}
	
	div.slideshow-container {
		position: relative;
		clear: both;
		height: 475px; /* This should be set to be at least the height of the largest image in the slideshow */
	}
	
div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('/bilder/loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 700px;
	height: 475px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.slideshow {

}
div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
div.slideshow a.advance-link {
	display: block;
	width: 702px;
	height: 475px; /* This should be set to be at least the height of the largest image in the slideshow */
	/*line-height: 502px;  This should be set to be at least the height of the largest image in the slideshow */
	text-align: center;
}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
	text-decoration: none;
}
div.slideshow img {
	vertical-align: middle;
	border: 0px solid #ccc!important;
	padding:0!important;
	margin:0!important;
	position:relative;
	top:-10px;
}
.caption-container{
	width:100%;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	padding:5px 0;
}
.ss-controls
{
	display:inline;
	padding-left:5px;
}
.photo-index
{
	color:#888;
}
.slideContent425
{
	margin-left:5px;
}
.slideContent425 div.slideshow-container, .slideContent425 div.loader, .slideContent425 div.slideshow a.advance-link
	{
		height: 425px;
	}