body { 
	margin: 0 auto;
	/*padding: 1ex 4ex 1ex 4ex;*/
	/*background-color: #FAFAFA; */
	/*background-color: #CACACA; */
	/*color: #333; */
	text-align: center;
	/*font: 90% verdana, arial, helvetica, sans-serif;*/
	/*font: 90% gulim, verdana, arial, helvetica, sans-serif;*/
	font: 125% Arial, Helvetica, sans-serif;
	/*min-width: 800px;*/
	}

h1 { margin: 1ex 2ex 1ex 2ex;
	/*font: 300% gulim, verdana, arial, helvetica, sans-serif;*/
	/*font: 250% Verdana, Geneva, sans-serif;*/
	font: 250% Arial, Helvetica, sans-serif;
	/*font-weight:lighter;*/
}

a {	outline: 0;	/* no dotted border around klicked link */
	color: #000;
	text-decoration: underline;
}
a:hover{
	color: #ca0086; /* johannas rosa */
	text-decoration: underline;
}


img { border: 0; }

.noshow { display: none; }

div#main { 
	padding: 0ex; 
	/*min-width: 800px;*/
	width: 775px;
	margin: 0 auto;
	text-align: center;
}

div#footer {
	text-align: center;
	/*float: left;*/
	clear: both;
	font: 50% Arial, Helvetica, sans-serif;
	padding-top: 5ex;
}


img#topimg { margin: 2ex 0ex 0ex 0ex; }

ul.thumblist  { 
	/*float: left;*/
	clear: both;
	white-space:nowrap;	/* avoid wrap in top menu */
	padding: 0px;
	margin: 0px;
}

ul.menu{
	white-space:nowrap;	/* avoid wrap in top menu */
}
ul.topmenu{
	/*font-weight:bold;*/
	clear: both;
	padding: 0px;
	margin: 0ex 0ex 0ex 0ex;
}
ul.topmenu li, ul.thumblist li { 
	display: inline; 
	padding: 0px 6px 0px 0px;
	list-style-type: none;
}
ul.menu a {
	text-decoration: none;
	color: #333;
}
ul.menu a:hover {
	text-decoration: underline;
	color: #ca0086; 
}

ul.topmenu li.selected a {
	/*text-decoration: underline;*/
	color: #ca0086;
}

ul.topmenu a:hover {
	/* 
	hur sätta annan ul:s visibilitet här? 
	CSS popup menu
	*/
}
ul.submenu {
	display: none;
	position: absolute;
	font: 60% Arial, Helvetica, sans-serif;
	/*background-color: White;*/
	background-image: url(white_trans.png);
	background-repeat: no-repeat;
	/*
	padding: 0.5ex 2.5ex 1ex 1ex;
	*/
	padding: 0px;
	margin: 0px;
	margin-top: -1px;
	padding-top: 0.75ex;
	/* text-align: left;	*/
	width: 175px;
	height: 70px;
	/*
  	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;	
	*/
}
ul.submenu li{
	/*display: block; */
	text-align: left;
	/*	
	padding: 0px;
	margin: 0px;
	*/
	/*
	margin: 4px;
	padding-left: 4px;
	*/
	/*margin-left: 0px;*/
	margin-left: 3.25ex;  /* makes bullet in right place in FF and CHROME, no good in IE */
	*margin-left: 0ex; /* IE7 and below */
	/* _margin-left: 0ex; */ /* IE6 and below */
	color: #ca0086;
	list-style-type: disc;
	list-style-image:url('lidot.png');	
}
/* IE7 only */
/*
*+html ul.submenu li{
	margin-left: 0ex;  /* makes bullet in right place in FF and CHROME, no good in IE */
}
*/

/*
ul.submenu li a{
	margin: 0px;
	padding: 0px;
}
*/

ul.thumblist li.thumb a { 
	padding: 0px;
	margin: 0px;
	/*background-image: url(cirk1g.png); */
	/*background-color: red;*/
	/*background-position: 0 -37px;*/
}
/*ul.thumblist li.thumb img{*/
li.thumb img{
 	border: 1px solid #FFFFFF;
	/*filter: alpha(opacity:80);*/	/* IE/Win */
	/*-khtml-opacity: 0.80;*/		/* Safari<1.2, Konqueror */
	/*-moz-opacity: 0.80;*/			/* Older Mozilla and Firefox */
	/*opacity: 0.80;*/				/* Safari 1.2, newer Firefox and Mozilla, CSS3 */
}

ul.thumblist li.thumb img:hover { 
 	border: 1px solid #505050; /*#000;*/ /*#b5b5b5;*/ /* 808080 eller ? */

	/*filter: alpha(opacity:100);*/	/* IE/Win */
	/*-khtml-opacity: 1.0;*/		/* Safari<1.2, Konqueror */
	/*-moz-opacity: 1.0;*/			/* Older Mozilla and Firefox */
	/*opacity: 1.0;*/				/* Safari 1.2, newer Firefox and Mozilla, CSS3 */

	/*background-image: url(cirk2s.png); */
	/*background-color: red;*/
	/*background-position: 0 -37px;*/
}

img.imgview {
	border: 0;
 	/*border-right: 1px solid #b5b5b5; */
 	/*border-bottom: 1px solid #b5b5b5; */
	/*max-height: 600px;*/
	/*max-width: 600px;*/
	height: 450px;
	/*border: 1px solid #b5b5b5;*/
	/*background-image:url(img/img_background.png);*/
}
/* try to center, does not work
img#imgview {
	margin:auto;	
	display:block;
}
*/
img.hidden { 
	visibility: hidden; 
	height: 0px;
	width: 0px;
	}
	
div#navleft {
	position: absolute;
	top: 300px;
	left: 100px;
}	
div#navright {
	position: absolute;
	top: 300px;
	right: 100px;
}	
	
div#linklist { 
	clear: both; /* ? */
	border: 1px solid #b5b5b5; 
	white-space:nowrap; 
	height:85px;
	/*max-width: 750px; */
	/*min-width: 450px; */
	width: 86%; /* krävs av IE6 för att resize ska göras */
	/*text-align:justify; */
	/*width:500px; */
	/*overflow:auto;*/  /* scrollbar when needed */
	overflow-x:auto;  /* scrollbar when needed */
	/*overflow-x: scroll;*/
	border: 0px solid; 
	border-color: #ffffff; 
	/*border-top: 0px solid #ffffff; */
	/*border-bottom: 0px solid #ffffff;*/
	/*border-left: 1px solid #b5b5b5; */
	/*border-right: 1px solid #b5b5b5;*/
	padding:0px; 
	/*margin:0px 2em 0px 2em; */
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	/*margin-top: 2ex;*/
	margin-top: 1ex;
	/*font-weight:bold;*/
	/* scrollbar style funkar bara i IE */
	scrollbar-face-color: #FFFFFF;
	scrollbar-arrow-color: #959595;
	scrollbar-track-color: #EEEEEE;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #959595;
	scrollbar-darkshadow-Color:#959595;
}
/*
input#bildtext { 
	border: 0; 
	max-width: 750px; 
	width: 80%;	
	text-align: center;
	color: #666;
}
*/
p#bildtext { 
	border: 0; 
	margin: 0; 
	font: 100% Arial, Helvetica, sans-serif;
	/*margin-bottom: 2.5ex;*/
	margin-bottom: 2ex;
}
span.smalltext { 
	font-size: 75%;
	color: DimGray;
}
/*
p#bildtext a{
	color: #000;
	text-decoration: none;
}
*/
/*
p#bildtext a:hover{
	color: #ca0086; 
	text-decoration: underline;
}
*/

/*
p.stdtext {
	font: 70% Arial, Helvetica, sans-serif;
	text-align: left;
}
*/
	
/*----------------------------------------------------------------
  Start: start/hem page css  
*/
div#contstart {
	margin: 0 auto;
	/*float: center; */
	/*border: 1px solid #666;*/
	/*text-align: center;*/
	/*white-space:nowrap;*/
	width: 780px;
}

div#leftcont, div#middlecont, div#rightcont {
	font-size: 65%;
	font-weight:normal;
	margin: 3ex 1ex 2ex 1ex;
	/*margin: 1%;*/
	padding: 1%;
}

/* startpage columns */
div#leftcont {
	/*margin: 0 auto;*/
	/*max-width: 460px;*/
	/*max-width: 200px;*/
	float: left; 
	/*width: 19%;*/
	width: 160px;
	/*height: 400px;*/ /* if fixed height it will jump a little strange in IE */
	/*height: 360px;*/
	/*border: 1px solid #666;*/
	/*text-align: center;*/
	text-align: left;
 	border-right: 1px dotted #b5b5b5;	
	/*overflow:hidden;*/  /* it will jump a little strange in IE */
	/*padding-bottom: 4px;*/
}
div#leftcont img {
	margin-top: 1.5ex;
}
div#newsdiv {
	width: 150px;
	height: 280px;
	overflow:hidden;  /* it will jump a little strange in IE */
}
div#middlecont {
	/*margin: 0 auto;*/
	/*max-width: 460px;*/
	float: left; 
	/*width: 48%;*/
	width: 305px;
	/*border: 1px solid #666;*/
	text-align: left;
}
div#rightcont {
	/*margin: 0 auto;*/
	/*max-width: 200px;*/
	/*margin: 1%;*/
	/*padding: 1%;*/
	float: right; 
	/*width: 19%;*/
	width: 175px;
	/*border: 1px solid #666;*/
	/*text-align: center;*/
	/*text-align: left;*/
}

/* div#contents h3 */
h3{
	font-size: 120%;
	/*color: #666;*/
	margin: 0px 0px 10px 0px;
	/*border-bottom: 1px solid #999;*/
	text-align: left;
	padding: 0px;
}
h4{
	font-size: 103%;
	/*color: #666;*/
	margin: 0px 0px 0.5ex 0px;
	/*border-bottom: 1px solid #999;*/
	text-align: left;
	padding: 0px;
}

ul.startthumblist  { 
	float: left;
	/*clear: both;*/
	/*white-space:nowrap;*/	/* avoid wrap in top menu */
	padding: 0px;
	margin: 0px;
}
ul.startthumblist  li{ 
	float: left;
	/*display: inline; */
	padding: 0px 6px 0px 0px;
	list-style-type: none;
}
/*ul.thumblist li.thumb img{*/
ul.startthumblist  img{
 	border: 1px solid #FFFFFF;
}
ul.startthumblist  img:hover { 
 	border: 1px solid #000; /*#b5b5b5;*/
}

ul#news{ 
	padding: 0px 6px 0px 0px;
	margin: 0px 6px 0px 0px;
	height: 250px;  /* för att få pil upp o pil ner att stå still inte helt bra */
}
ul#news li{ 
	list-style-type: none;
	padding: 0ex 0ex 1ex 0ex;
	font-weight:normal;
}

li.news:first-line {
	font-weight:bold;
}

/*----------------------------------------------------------------
  Start: fotografier page css  ("menyn" fotografier ej foto1 o foto2)
*/
div#contfoto {
	margin: 0 auto;
	/*width: 410px;*/
	/*width: 580px;*/
	width: 660px;
}
div#fotocol1, div#fotocol2 {
	/*
	font-size: 65%;
	font-weight:normal;
	*/
	/*margin: 4ex 1ex 2ex 1ex;*/
	margin: 4ex 0.5ex 2ex 0.5ex;
	padding: 1%;
}
div#fotocol1 {
	float: left; 
	/*width: 175px;*/
	/*width: 300px;*/
}
div#fotocol2 {
	float: right; 
	/*width: 175px;*/
	/*width: 300px;*/
	/*text-align: left;*/
}
/*
div#exhibcol2 img {
	float: left; 
	margin: 4px 4px 4px 3px;
 	border: 1px solid #FFFFFF;
}
*/
div#contfoto img { 
 	/*border: 1px solid #FFFFFF;*/
	/*width: 150px;*/
	/*width: 290px;*/
}
div#contfoto img:hover { 
 	/*border: 1px solid #000;*/ /*#b5b5b5;*/
}

/*----------------------------------------------------------------
  Start: utstallningar page css  
*/
div#contexhib {
	margin: 0 auto;
	width: 700px;
}
div#exhibcol1, div#exhibcol2 {
	font-size: 65%;
	font-weight:normal;
	margin: 4ex 1ex 2ex 1ex;
	padding: 1%;
}
div#exhibcol1 {
	float: left; 
	width: 420px;
}
div#exhibcol2 {
	float: right; 
	width: 210px;
	/*text-align: left;*/
}
div#exhibcol2 img {
	float: left; 
	margin: 4px 4px 4px 3px;
 	border: 1px solid #FFFFFF;
}
div#exhibcol2 img:hover { 
 	border: 1px solid #000; /*#b5b5b5;*/
}

/*
div#exhibcol3 {
	margin: 1%;
	padding: 1%;
	float: right; 
	width: 19%;
}
*/
div.exhibpart h3 {
	font-size: 110%;
	margin: 12px 0px 6px 0px;
	/*border-bottom: 1px solid #999;*/
	text-align: left;
	padding: 0px;
}

ul.exhibul {
	/*clear: both;*/
	/*white-space:nowrap;*/	/* avoid wrap in top menu */
	padding: 0px;
	margin: 0px 0px 20px 0px;
	/*font: 75% Arial, Helvetica, sans-serif;*/
	text-align: center;
}
ul.exhibul li { 
	/*display: inline; */
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 6px 0px;
	list-style-type: none;
	text-align: left;
}
ul.exhibul li  a{ 
	text-decoration: none;
	color: #333;
}
ul.exhibul li  a:hover {
	text-decoration: underline;
	color: #ca0086; /* johannas rosa */
}

/*----------------------------------------------------------------
  popup div 
*/
div#pop {
	position: absolute;
	visibility: hidden; 
	/* temp position to avoid "jumping" screen */
	left: 35px;
	top:  30px;
	border-top: 1px solid #eee; 
	border-left: 1px solid #eee; 
	border-right: 1px solid #666; 
	border-bottom: 1px solid #666; 
	padding: 0.5em;
	background-color: #FFFFFF;
	/*width: 23em;*/ /* Sätter fast storlek så länge annars får jag inte till högerjustering på close i IE */
	text-align: right;
	font-size: 65%;
}
div#pop p{ 
	text-align: left; 
	/*width: 60ex; 	*/
	/*font-size: 65%;*/
	width: 64ex;
}
div#pop table{ 
	text-align: left; 
	font-weight:bold;	
}
span#popclose{
	color: #ca0086; /* johannas rosa */
}
div#pop img {
	margin-top: 0.5ex;
	text-align: right;
	/*float: right;*/
	/*clear: both;*/
}

span#popclose:hover {
	/*text-decoration: underline;*/
	color: #ec22A8; /* ljusare johannas rosa */
	cursor: pointer;
}
	
/*----------------------------------------------------------------
  Start: css for illustrationer and fotografier pages   
*/
div#contillfot {
	margin: 0 auto;
	/*float: center; */
	/*border: 1px solid #666;*/
	/*text-align: center;*/
	/*white-space:nowrap;*/
	width: 770px; 
	text-align: center;		
}

div#leftillfot, div#middleillfot, div#rightillfot {
	font-size: 65%;
	font-weight:normal;
	/*margin: 1%;*/
	/*padding: 1%;*/
}

/* startpage columns */
div#leftillfot {
	/*margin: 0 auto;*/
	/*max-width: 460px;*/
	/*max-width: 200px;*/
	float: left; 
	/*width: 19%;*/
	width: 30px;
	/*height: 400px;*/ /* if fixed height it will jump a little strange in IE */
	/*height: 450px;*/
	/*border: 1px solid #666;*/
	/*text-align: center;*/
	text-align: left;
 	/*border-right: 1px dotted #b5b5b5;	*/
	/*overflow:hidden;*/  /* it will jump a little strange in IE */
	/*padding-bottom: 4px;*/
	margin-top: 200px;
	display: inline;
}

div#middleillfot {
	/*margin: 0 auto;*/
	/*max-width: 460px;*/
	float: left; 
	/*margin: auto;*/
	display: inline;
	/*width: 48%;*/
	width: 690px;   /* change 090706 from '710px;' for IE6  */
	/*border: 1px solid #666;*/
	text-align: center;
	
}
div#rightillfot {
	/*margin: 0 auto;*/
	/*max-width: 200px;*/
	/*margin: 1%;*/
	/*padding: 1%;*/
	float: left;  /* changed from float: right; 100825 to make img more centered! test it in IE6 */
	/*width: 19%;*/
	width: 30px;
	/*height: 450px;*/
	/*border: 1px solid #666;*/
	/*text-align: center;*/
	/*text-align: left;*/
	margin-top: 200px;
	display: inline;
}

/*div#contillfot a img, div#leftcont a img {*/
	/*background-image:url(left_b.png);*/
	/*filter: alpha(opacity:60);*/	/* IE/Win */
	/*-khtml-opacity: 0.60;*/		/* Safari<1.2, Konqueror */
	/*-moz-opacity: 0.60;*/			/* Older Mozilla and Firefox */
	/*opacity: 0.60;*/				/* Safari 1.2, newer Firefox and Mozilla, CSS3 */
/*}*/
/*div#contillfot a img:hover, div#leftcont a img:hover {*/
	/*background-image:url(left_p.png); */
	/*filter: alpha(opacity:100);*/	/* IE/Win */
	/*-khtml-opacity: 1;*/		/* Safari<1.2, Konqueror */
	/*-moz-opacity: 1;*/			/* Older Mozilla and Firefox */
	/*opacity: 1;*/				/* Safari 1.2, newer Firefox and Mozilla, CSS3 */
/*}*/


/*----------------------------------------------------------------
  Start: kontakt page css  
*/
/*
div#contcont {
	font-size: 80%;
	font-weight:normal;
}
*/
div#contcont {
	margin: 0 auto;
	width: 660px;
}
div#contcol1, div#contcol2 {
	font-size: 65%;
	font-weight:normal;
	margin: 4ex 1ex 2ex 1ex;
	padding: 1%;
 	/*border: 1px solid #b5b5b5;*/
	text-align: left;
}
div#contcol1 {
	float: left; 
	width: 380px;
 	border-right: 1px dotted #b5b5b5;
}
div#contcol1 img {
	/*float: left;*/
	margin: 0ex 4px 4px 8ex;
}
div#contcol2 {
	float: right; 
	width: 210px;
	/*text-align: left;*/
}
div#contcol2 img {
	/*float: left;*/
	margin: 2ex 4px 4px 0px;
}

.bold { font-weight:bold; }
.italic { font-style: italic; }

/*-- Contact form start ----------------------------------*/

/*
form {font: 90% Arial, Helvetica, sans-serif;}
*/

label { margin-top: 2ex; }

br { clear: left; }


input, textarea{
	border: 1px solid #999; 
	font: 100% Arial, Helvetica, sans-serif;
	width: 325px;
}
input[type="submit"],input[type="button"], button{ 
	background-color: ButtonFace; 
	border: 1px solid #999; 
	margin: 15px 1px 15px 1px;
	}

input[type="submit"]:hover ,input[type="button"]:hover,button:hover{
	cursor: pointer;
	background-color: #F7F7F7; 
	color: #ca0086; /* johannas */ /*#006400;*/	/* darkgreen */
	border: 1px solid #ca0086;
	}
	
/*-- generellt form stop ---------------------------------*/