@charset "utf-8";
/* CSS Document */
<style type="text/css">



body {font: 1em verdana, arial, sans-serif; }
* {margin:0; padding:0;}

p {color:#666666; text-align:left; margin-top:5px; padding-top:5px;}
p em {border-top:none}
span {font-style:italic}

h5 {font-variant:uppercase; color:#999999; font-size:.9em; text-align:center;}
h4 {font-size:1.4em; font-variant:small-caps; margin-top:.2em; margin-left:15px; padding:0; font-family:'comic sans MS', verdana, sans-serif; color:#999999; text-align:center;}
h3 {color:#999999;}
h6 {padding-top:5px; color:#FF1493; font-size:1em; text-align:left;}

h1 {color:#666666}
h2 {font-size:30px;font-weight:lighter;}
ul li {color:#666666;}
ul li:first-child {padding-top:3px}
div#nav ul li ul {margin:0; width:100%; display:none; }
div#nav ul li ul li {width:100%; border-bottom:none;}
div#nav ul li:hover ul {display:block;}

img {border:none;}
img#portrait {margin-top:15px; margin-left:80px; width:180px; height:686px;}
img#bildspel {width:774px; margin:20px auto 10px auto; } 
img#arbeten {width:400px; height:370px ;margin:20px auto 0px auto }
img#arbetensmal {width:300px; height:370px ;margin:20px auto auto }
img#arbetenlong {width:300px; height:380px ;margin:20px auto auto }
.detsom {width:300px; height:250px ;margin:40px auto auto }

div#annons {background-color:#FFFAFA;width:290px; height:auto;margin-top:10px;border:1px solid black; padding:5px 10px;font-family:times new roman, serif;color:black;}
div#annons p {padding:0px;color:black;font-size:10px;}
div#annons:first-child {margin-top:20px;}
div#annonstext {margin-top:5px;padding:5px;background-color:#FFFAFA;text-align:center;}
div#mainwrapper {width:776px; margin:auto;} /* add margin auto stuff if you want the layout centered */
div#header {width:776px; height:60px; margin-top:10px; border-bottom:1px solid #999999;}
div#columnswrapper {float:left; width:776px; background-color:#FFFFFF;}
div#nav {float:left; width:150px; margin-left:-476px;} /* nagative margin moves nav column into position */
div#content {float:left; width:326px; margin-left:150px; display:inline;} /* display inline is hack fix for IE */
div#rightcolumn {float:left; width:300px}
div#rightsmal {float:left; width:200px; padding-top:15px; padding-bottom:15px; margin-left:90px; }/*Special för sagt_om_annika*/
div#footer {width:776px;}
div#intervju {float:left; width:476px; display:inline;}
div#intervju p {text-align:justify; color:#666666;}
.clearthis {clear:both;}

/* content column styles */
.scrollboxmiddle {background-color:#FFFFFF;
scrollbar-face-color:#FFFFFF; 
scrollbar-highlight-color:#FFFFFF; 
scrollbar-shadow-color:#FFFFFF;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-arrow-color:#999999; 
scrollbar-track-color:#FFFFFF;
scrollbar-darkshadow-color:#FFFFFF; margin-bottom:10px; padding:10px; height:350px; width:400px; border:none; overflow-Y:auto; overflow-X:hidden; background-color:#FFFFFF;}
.scrollboxmiddle p {/*list-style-type:none; */ font-size:1.6em; font-weight:bold; margin-top:3em; padding:10px; font-family:'comic sans MS', verdana, sans-serif; border-top:1px solid; border-color:#CCCCCC; }
.scrollboxmiddle .notop {border-top:none;}
.scrollboxmiddle .notop em {font-weight:normal; text-align:justify;}
.scrollboxmiddle span {font-style:italic}

div#bildgalleri {width:380px; margin: 20px 10px 20px 50px;}
div#content {padding:0 0}
div#contentinner {margin: 0 10px 20px;}
div#content div#mainimage {width:180px; float:left; margin:45px 15px 0px 0;}

div#content h1{font-weight:bold; font-size:1.4em; font-variant:small-caps; margin-top:2em; font-family:'comic sans MS', verdana, sans-serif;}
div#content h1:first-child {margin-top:10px;}
div#content h1#second {margin-top:20px;}
div#content p {font-size:.8em; margin-top:0; margin-bottom:.5em;}	
div#content li {margin-left:30px; font-size:.75em; text-align:justify; }
div#content ul li{list-style-type:disc; list-style-position:outside;}

div#content a {text-decoration:none; color:#C60;}
div#content a:hover {color: #960; text-decoration:none;}
/* nav styles */
div#nav {padding-top:20px;}
div#nav ul {border:0; margin:12px 1.25em 12px 0; padding:0; list-style-type:none; font-weight:bold; font-size:.75em;}
div#nav li {border-bottom:2px dotted #999999; margin:0; padding:.3em 0; text-indent:.5em}
div#nav li:first-child {border-top:2px dotted #999999;}
div#nav a {text-decoration:none; color:#C60;}
div#nav a:hover {color:#FF99CC; text-transform:uppercase}

.scrollbox {background-color:#FFFFFF;
scrollbar-face-color:#FFFFFF; 
scrollbar-highlight-color:#FFFFFF; 
scrollbar-shadow-color:#FFFFFF;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-arrow-color:#999999; 
scrollbar-track-color:#FFFFFF;
scrollbar-darkshadow-color:#FFFFFF; margin-bottom:10px; padding:10px; height:350px; width:123px; border:none; overflow-Y:auto; overflow-X:hidden; background-color:#FFFFFF;}



/* a hack for IE Win only \*/	
* html div#nav ul {border-top:2px dotted #999999;}
/*end of hack */

/* right column styles */
.scrollboxright {background-color:#FFFFFF;
scrollbar-face-color:#FFFFFF; 
scrollbar-highlight-color:#FFFFFF; 
scrollbar-shadow-color:#FFFFFF;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-arrow-color:#999999; 
scrollbar-track-color:#FFFFFF;
scrollbar-darkshadow-color:#FFFFFF; margin-bottom3px; padding:10px; height:365px; width:277px; border:none; overflow-Y:auto; overflow-X:hidden; background-color:#FFFFFF; text-align:justify;}



.scrollboxsmal {background-color:#FFFFFF;
scrollbar-face-color:#FFFFFF; 
scrollbar-highlight-color:#FFFFFF; 
scrollbar-shadow-color:#FFFFFF;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-arrow-color:#999999; 
scrollbar-track-color:#FFFFFF;
scrollbar-darkshadow-color:#FFFFFF; margin-bottom3px; padding:10px; height:360px; width:200px; border:none; overflow-Y:auto; overflow-X:hidden; background-color:#FFFFFF; text-align:justify;}


div#footer p {display: none;}
div#footer a:hover p {display: block;border:2px solid #C60;
   position: absolute; top: 900px; left:210px; width: 725px;height:60px;
   padding: 5px; margin: 10px; z-index: 100;
   color: #C60; background: white;
   font: 15px Verdana, sans-serif; text-align:left;}

div#normal {margin:20px 35px;}
div#normal img {border:2px dotted gray;margin-bottom:40px;}
div#normal img:first-child {margin-top:20px;}


div#rightcolumn {padding-top:15px; padding-bottom:15px;}
div#rightsmal, div#rightcolumn p {font-size:.75em;}
div#rightcolumn img, div#rightsmal img {width:175px;}
div#newslinks ul {list-style-type:none; font-size:.9em; padding:3px 0 3px 10px; margin:0 6px 0 0;}
div#newslinks li {margin-top:0; margin-bottom:.5em; border-bottom:1px solid #CCCCCC;}
div#newslinks li:first-child {border-top:1px solid #CCCCCC}
div#newslinks a {color:#C71585;}
div#newslinks a:hover {color:olive;}
div#rightsmal, div#rightcolumn h3 {text-align:center; font-size:.8em; margin-top:10px; margin-bottom:0px; padding-top:3px; padding-left:10px; }
div#rightcolumn a, div#rightsmal a {text-decoration:none; color:#C71585; }
div#rightcolumn a:hover, div rightsmal a:hover {color:#FF66FF; text-decoration:none; text-transform:none;}


/*footer styles*/
div#footer {

 					padding:4px 0; /* pushes the links away from top and bottom of the div */
					font-size:.8em;  /* sets the font size of all links */
					text-align:center; /* centers the ul elements in the div */
					background-color:#FFFFFF; /* sets the background color of the div */
					border-top:1px solid #999999; border-bottom:2px solid #999999;}
 div#footer ul {margin:2px 0;} /* vertical spacing between the lists */
 div#footer li {display:inline; /* the key CSS - makes the lists display horizontally */
						color:white; /* sets the color of the vertical lines */
						border-left:1px solid; /* creates the vertical line to the left of each list items */
						color:#C60; /* sets the color of the vertical lines  - links colored below */
						padding:0 5px 0 9px; /* horiz space between links and vert lines - needed diff l & r values to center */
						}
 div#footer li:first-child {border-left:0;} /* removes the left border of the first list item - IDWIMIE */
 div#footer ul li a {text-decoration:none; /* removes the underlining off the links */
 						 color:#C60; /* the color of the links */
							 }
 div#footer ul li a:hover {text-decoration:none; color:#960;}
 div#footer ul.fineprint li {color:#C60;} /* color for copyright and vert dividers on last row */
 div#footer ul.fineprint li a:hover {color:#960;} /*turns bottom row pink when hovered*/

form#myform {margin-top:20px; margin-bottom:40px;margin-left:100px; }
.cssform p{
width: 300px;
clear: left;

border-top: 0px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float:left;
margin-bottom:0px;
width: 200px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"] { /*width of text boxes. IE6 does not understand this attribute*/
width: 200px;
}

.cssform textarea{
width: 200px;
height: 67px;
margin-bottom:5px;
}

.cssform input[type="submit"] {border:1px solid #999999; background-color:#FFFFFF; font-family:'comic sans MS', verdana, sans-serif; font-weight:bold; color:#C60}
.cssform input[type="submit"]:active {background-color:#FF66CC; border:1px solid #999999; color:#CC0000}

.cssform input[type="reset"] {border:1px solid #999999; background-color:#FFFFFF; font-family:'comic sans MS', verdana, sans-serif; color:#C60; font-weight:bold;}
.cssform input[type="reset"]:active {background-color:#FF66CC; border:1px solid #999999; color:#CC0000;}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

</style>