@import "box.css";

/* ........ anne p 2010 ....................... */
* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%; overflow:visible; overflow-x:auto; overflow-y:hidden; /* width:auto;*/ /*max-width:100%;*//*padding-bottom:15px;*//* max-width:1000px;*/}

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	/*font-size:1em;
	line-height:1em;*/
	background-color: #ffffff;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector - ta bort om allt blir kajko!*/
	/*overflow:visible;*/
	/*	overflow-y:hidden;*/
	/*overflow-y:scroll;
	overflow-x:auto;
	overflow-y:none;*/}


#main {padding-bottom: 30px;/* must be same height as the footer, minst 20px */
	border: solid 0px #990000;
	color:#000000;
	font-size: 75%;
	min-width:1000px;} 
	
/*#main, #footer a{text-decoration: none;}*/
#main, #footer a:link{color: #ffffff;}
#main, #footer a:visited{color: #ffffff;}
#main, #footer a:hover{color: #999999;}

/*#main p {
	color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	padding-top:8px;
	margin: 0 15px;
	border-top: solid 1px #000000;}*/

#footer {position: relative;
	margin-top: -30px; /* negative value of footer height */
	height: 30px;
	clear:both;
	border: dotted 0px #330000;
	background-color:#000000;
	/*width:100%; *//*puttar p åt vänster*/
	/*text-align: center; funkar inte i FF*/} 

#footer p {
	font-size: 70%;
	color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	padding-top:8px;
	margin: 0 15px;
	border-top: solid 1px #000000;
	/*width: 900px; *//*bredden göra att textraden inte vecklas ihop*/}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*#top, .nolink -  utseendet för sidhuvudet .......................... */

#top {
	background-color: #000000;
	margin-top: 0px;
	padding: 15px 15px 0 15px;
	border: solid 0px #990000;
	text-align:left; /*göra att menytexten inte centreras*/
	}
	
#topimage {
	background-image: url(../images/logo_wh.gif);
	background-repeat: no-repeat;
	/*margin: 15px 15px 0 15px;*/
	height: 60px;
	border-bottom: solid 1px #ffffff;}
	
.logoimg {
	border:0;
	float:left;
	}

#topmenu {
	font-family: Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size: 75%;
	padding: 5px 0;
	border: solid 0px #009900;
	text-align:left;
	width: 900px; /*bredden göra att menyn inte vecklas ihop*/
	}

#topmenu ul{list-style-type: none; margin: 0; border: 0px solid #996666;} /* float:left; har lagt till float left här - om menyn lägger sig konstigt - ta bort*/
#topmenu li{display: inline; margin: 0; padding-right:1.5em; border-right: solid 0px #ffffff;}
#topmenu a{text-decoration: none;}
#topmenu a:link{color: #ffffff;}
#topmenu a:visited{color: #ffffff;}
#topmenu a:hover{color: #999999;}
#topmenu a#current{color: #999999;}

	
#topprint {display: none;}

.nolink{
	color: #999999;}
	
/* End toppen */

/*startsidan*/
/*.itemstart{ 
	padding-top:5em;
	border:5px dotted #009900;}*/
/*konstnärssidan*/	
.artists ul{
color:#666666; list-style-type: none; margin-left:0; margin-top:5px; padding-top:1em; border: solid 0px #333333; }
.artists li{padding-bottom:1em;}
.artists a{text-decoration: none;}
/*#artists a:link{color: #ffffff;}
#artists a:visited{color: #ffffff;}*/
.artists a:hover{color: #2fa8d9; text-decoration: underline;}
<!--#artists a#current{color: #999999;}-->

/*#leftmenu ul{list-style-type: none; padding-top:1em; }
#leftmenu li{padding-bottom:0.5em; text-align:left; color:#2fa8d9;*/

/* ........ anne p 061230 ....................... */
/*body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	/*font-size:1em;
	line-height:1em;*/
/*	background-color: #edeaea;}*/*/

/*h1 {display:inline;
	font-size: 1.3em;
	font-weight: bold; 
	color:#333333;
	/*margin-top: 1.5em;*/
/*	border: solid 1px #666666;
	/*margin-bottom: -0.5em;/**//*}**//**/

h1.text {
	margin-bottom:4px;
	border: solid 1px #666666;}

h1.start {
	font-size: 1.1em;
}

h1.box {
	margin-top: 0px;}

h2 {
	font-size: 100%;
	font-weight: bold;
	color:#434445; 
	padding-top: 1em;
	/*margin-bottom: 0em;
	border: solid 1px #666666;*/}
	
h2.larger{
	font-size: 120%;
	font-weight: bold;
	color:#434445; 
	padding-top: 1em;
	/*margin-bottom: 0em;
	border: solid 1px #666666;*/}

/*h2.large {
	font-size: 110%;
	font-weight: bold;
	color:#434445; 
	margin-top: 1em;
	margin-bottom: -1em;
	border: solid 1px #666666;}*/

h2.box {
	margin-top: 0px;
	margin-bottom: -0.8em;
	border: solid 1px #666666;}

h2.close {
	margin-top: 1em;
	margin-bottom: -1.2em;}
	
h2.wide {
	margin-top: 1.5em;
	margin-bottom: -0.5em;}

h2.text {
	color:#434445; 
	font-size: 100%;
	margin-top: 1.2em;
	margin-bottom: -0.5em;}

img {border: 0px solid;}
	
#print {float:right;}

p { border: solid 0px #666666;}
p.inline {display:inline;}

.em{font-style:italic;}

.strong{
	font-weight:bold;
	color:#333333;}

/*.showsleft p{
	margin-top:1em;
	margin-bottom:0;
	border: solid 1px #666666;}

.showsright p{
	margin-top:0;
	margin-bottom:1em;
	border: solid 1px #666666;}*/

p.tight{
	margin-top: 0;}

#page {
	position:absolute;
	top:20px;
	left:100px;
	width:790px;
	height:auto;
	background-color: #ffffff;
	border: solid 1px #9e9d9d;}

/*#main {*/
	/*position:relative;
	top:0.5em;
	left:0.5em;*/
	/*margin-top:5px;
	margin-right:14px;
	margin-left:14px;
	width: 762px;
	height: auto;
	background-color: #ffffff;}
*/
/*#top, .nolink -  utseendet för sidhuvudet .......................... */

/*#top {
	background-image: url(../images/bgtop.jpg);
	background-repeat: no-repeat;
	/*font-family: verdana, arial, helvetica, sans-serif; */
/*	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	border: solid 1px #797878;
	padding-left: 33px; 
	padding-top: 50px;
	margin-top: 11px;}*/
	
/*#topprint {display: none;}

.nolink{
	color: #ffffff;}

/* utseendet för länkarna i topmenyn  ........................ */
/*#top a:link, #top a:visited{*/
/*	color: #333333;
	text-decoration: none;}*/

/*#top a:hover{
	color: #ffffff;
	text-decoration: none;}*/*/

/*#sideleft, logobox - egenskaper för vänsterspalten  .............. */
#sideleft{
	/*float:left; vad händer med denna?*/
	width:200px;
	/*height:400px;*/
	color: #2fa8d9;
	font-family: Arial, Helvetica, sans-serif;
	height: 100%;
	border: solid 0px #666666;}
	
#sideleft h2{
	margin-top:0;
	padding-bottom:0.5em; 
/*	border: 0px;*/
	font-weight:bold;
	}

/*#sideleftstart{
	float:left;
	width:140px;
	height:300px;
	padding-top:60px; 
	padding-left:32px;
	font-size: 70%;
	border: solid 1px #666666;
	font-family: Arial, Helvetica, sans-serif;}*/
	
/*#sideleftstart a:link, #sideleftstart a:visited{
	color: #333333;
	text-decoration: underline;}
#sideleftstart a:hover{
	color: #2fa8d9;
	text-decoration: underline;}*/
#leftmenu ul{list-style-type: none; padding-top:1em;}
#leftmenu li{padding-bottom:1em; text-align:left; color:#2fa8d9;}
#leftmenu a{text-decoration: none;}
#leftmenu a:link{color: #57595a;}
#leftmenu a:visited{color: #57595a;}
#leftmenu a:hover{color: #2fa8d9; text-decoration: underline;}
#leftmenu a#current{color: #2fa8d9;}


/*#menusecond{
list-style-type: none; margin-left:10px; margin-top:5px; padding:0; border: solid 1px #333333;}

#menusecond li{
padding-bottom:0em;}*/

#leftmenu {
	width:200px;
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	/*font-weight: bold;*/
	color: #2fa8d9;
	margin-top:0px;
	padding-left:15px; /*ändrad från margin-left*/
	padding-bottom:1.5em;
	text-align:left;
	float:left;
	border-top: solid 0px #990000;
	border-bottom: solid 0px #990000;
	border-left: solid 0px #990000;
	border-right: solid 1px #57595a;
	padding-right: 2em;
	/*padding-top: 1.5em;*/
	/*padding-right: 2em;*/}
	
#leftmenu h2{
	padding-top: 0px;}

/*#imgmenu {
    color:#2fa8d9; 
	display:inline;
	font-weight: bold;
	border: solid 1px #2fa8d9;
	width:160px;
	float:right;
	padding-bottom:5px;
	padding-top:5px;
	text-decoration: none;}
#imgmenutxt {
	display:inline;
	width:160px;
	float:right;
	padding-bottom:5px;
	margin-top:2em;
	text-decoration: none;}
#imgmenu a:link, #imgmenu a:visited{
	color: #57595a;
	font-weight: bold;
	text-decoration: underline;}

#imgmenu a:hover{
	color: #2fa8d9;
	font-weight: bold;
	text-decoration: none;}
/**/
.artists{
color:#666666; list-style-type: none; margin-left:0; margin-top:5px; padding:0; border: solid 0px #333333; }*/

.earl{
list-style-type: none; margin-left:0px; margin-top:0px; padding:0; border: solid 0px #666666; float:left;}

.earl h2{
	margin-top: 1.5em;
	margin-bottom: 1em;}



.logobox1{
	position:absolute;
	top:500px;
	left:45px;
	border: solid 1px #666666;}
	
/*I normalfallet kort text vänstermenyn .logobox1{
	position:absolute;
	top:450px;
	left:45px;
	border: solid 1px #666666;}*/
	
.logobox2{
	position:absolute;
	top:350px;
	left:45px;
	border: solid 1px #666666;}


/*innehållsdelen .......................... */
#content, #contentnounderline, #contentimages{
	margin:0px;
	border: dotted 0px #000099;
	padding-top:5em;
	padding-bottom: 5em;
	/*width: 900px; måste vara för att högerdelen inte ska rinna under menyn*/
	}
#content img{;
	border: solid 0px #000099;
	}
#contentright, #contentrightund {
	margin:0px 0px 0px 200px;
	padding-left: 100px;
	border: solid 0px #990000;
	color: #333333;
	text-align:left;
	font-size: 90%;
	 }

	
.text {width: 500px; border: solid 0px #000099;}
.textwide {width: 700px; border: solid 0px #000099;}
	
#contentright h1, #contentrightund h1{display:inline;
	font-size: 1.5em;
	font-weight: bold; 
	color:#666666;
	/*margin-top: 1.5em;*/
	border: solid 0px #666666;
	/*margin-bottom: -0.5em;*/}
	
#contentright h2, #contentrightund h2{
	font-weight: bold; 
	color:#333333;
	/*margin-top: 1.5em;*/
	border: solid 0px #666666;
	padding-bottom: 0.5em;}
#contentright h2.large, #contentrightund h2.large {
	font-size: 120%;}
	
#contentright p, #contentrightund p{ border: solid 0px #990000;}
.space{ border: solid 0px #990000;
margin-left:10px;}

/*#contentwide {
	margin:0px 10px 0px 140px;
	border: solid 1px #666666;}*/
#contentnounderline a:link, #contentnounderline a:visited{
	color: #268AB3;  
	text-decoration: none;
	}

#contentimages a:link, #contentimages a:visited{
	color: #57595a;  
	text-decoration: none;
	}

#content a:link, #content a:visited, #contentwide a:link, #contentwide a:visited, #contentwidetext a:link, #contentwidetext a:visited{
	color: #333333;
	text-decoration: none;}

#content a:hover, #contentwide a:hover, #contentnounderline a:hover, #contentimages a:hover{
	color: #2fa8d9;
	text-decoration: underline;}
.underl {text-decoration: underline;}
#contentrightund a:link, #contentrightund a:visited{
	color: #333333;
	text-decoration: underline;}
#contentrightund a:hover, #contentrightund a:hover{
	color: #2fa8d9;
	text-decoration: underline;}

/*.itemstart{
	margin:15px 25px 0px 30px;  
	font-size:70%;
	padding-left:0px;
	padding-top:0px;
	border:0px solid #666666;}*/
	
/*.itemstart{
	margin:60px 25px 0px 45px;  
	font-size:70%;
	padding-left:0px;
	padding-top:0px;
	border:0px solid #666666;}
	



.itemstart{
	font-size:70%;
	background-color:#ffefef;
	margin:15px 15px 10px 60px;  
	padding:20px 20px 0px 60px;
	height:360px;
	width:260px;
	border:1px solid #cccbcb;}f0f0f0*/
	

/*.itemstart{
	font-size:60%;
	color:#333333;
	background-color:#ffffff;
	margin:0 20px 0px 55px;    
	padding:16px 20px 0px 45px;
	height:385px;
	width:260px;
	border:0px solid #cccccc;} jc*/
	
/*.itemstart{
	font-size:60%;
	margin:0px 20px 0px 65px;   
	padding-top:16px;
	height:385px;
	width:330px;
	border:0px solid #cccccc;}*/
/*	
.itemstart{
	font-size:60%;
	margin:37px 20px 0px 55px;   
	padding:0;
	height:360px;
	width:330px;
	border:0px solid #cccccc;} stående i kant med box1:s bild*/	
	
/*för att vänsterställa i Explorer*/	
/*#itemstartleft{float:left;}*/


.startcenter{padding-left:1em; padding-top:2em;} 

/*..startcenter{padding-left:5em;}stående bild*/

/*
.itemtextcopy{
	margin:50px 100px 0px 55px;  
	font-size:75%;
	float:left;
	display:inline;
	border:1px solid #666666;}*/
	
.bildbyline{
margin:0;
padding-top:0.3em;
font-size:90%;
}

.itemtext{
	margin:50px 100px 0px 45px;  
	font-size:70%;
	border:0px solid #666666;
	}

.larger{font-size:110%;}

.itemWide {
	margin:50px 50px 0px 55px;  
	font-size:75%;
	/*float:left;
	display:inline;*/
	border:0px solid #666666;
	padding:0px;}
	
#itemreadable{
	margin:50px 140px 0px 45px;  
	font-size:70%;
	border:0px solid #666666;
	padding-bottom:20px;}
	
/*#itemreadable{
	margin:50px 150px 0px 45px;  
	font-size:70%;
	border:1px solid #666666;
	padding-bottom:20px;
	height:90%;}*/
	
#contentright table{
	width:430px;
	border:0px solid #666666;}
	
#contentright td{
	font-size:8pt;
	vertical-align:top;}
	
#contentright th {
	color:#434445; 
	font-weight: bold;
	font-size:8pt;
	margin-top: 1.5em;
	text-align:left;
	padding-bottom: 2px;}
	
.floatleft {
	float:left;
	width:435px;
	/*padding-left:5px;*/
	border:0px solid #888888; }
	
.itemWideLeft {
	float:left;
	width:300px;
	padding:0px;
	/*padding-left:5px;*/
	border:0px solid #888888;
	list-style-type: none;  }

.itemWideLeft h1{
	margin-top:-2em;}
	
.itemWideLeft ul{
list-style-type: none;}

.itemWideLeft a{color: #333333; text-decoration: underline;}
/*#itemWideLeft a:link{color: #ffffff;}
#itemWideLeft a:visited{color: #ffffff;}*/
.itemWideLeft a:hover{color: #2fa8d9;}

.itemWideRight {
	margin-left:300px;
	padding:0px 10px 10px 10px; 
	border:0px solid #888888;
	}

.itemWideRow, .itemWideRowLine {
	/*float:left;
	width:530px;
	margin-bottom:30px;*/
	border:0px solid #888888;
	/*padding-left:5px;*/
	padding-bottom:5px;
	padding-right:10px; }

#itemWideRowBorder {
	margin:40px 10px 20px 3px;
	border:0px solid #dfe1e3;
font-size:90%;
padding:0px;
	}

/*#sideright - egenskaper för högerspalten .............................. */
#sideright{
	float:right;
	padding-top:15px;  
	text-align:right;
	width:190px;
	border: solid 1px #cccbcb;
	height:370px;
	font-size: 65%;}


/*#footer - egenskaper för sidfoten ..................*/
/*#footer{
	clear:both;
	font-size: 70%;
	padding-left: 10px;
	width: 760px;}

#footer p {
	font-family: Arial, Helvetica, sans-serif;
	padding-top:5px; 
	padding-left:23px;
	margin-bottom:7px;
	width:730px;
	border-top: solid 1px #e3e2e2;}

#footer a:link, #footer a:visited{
	color: #000000;
	text-decoration: none;}

#footer a:hover{
	color: #2fa8d9;
	text-decoration: none;}*/



.normtext{font-size:100%;
	padding-left:40px;
	padding-top:5px;}

/*shows ....*/


#rightbox{
	margin-top:78px;
	padding:15px 3px 5px 4px;
	width:180px;
	border:solid 1px #2fa8d9;
	/*border:solid 1px #cccbcb;
	background-color:#cccccc;*/}

#rightbox img{float:right;}

#rightbox p{
	color:#333333;
	font-size:90%;
	text-align:left;
	border:solid 1px #cccbcb;}


/*shows earl ....*/

#showsearlr {
	margin-left:10px; 
	border:0px solid #888888;
	text-align:center;}

/*#showsearlr .container{
	text-align:center;
	border:1px solid #888888;}*/

#showsearlr p{
	font-size:90%;
	margin-top:0.3em;
	margin-bottom:1.2em;
	}

/*artists ....width:10%;*/
td.nb {color:#666666;
	height:10px;
	width:8%;}
	
td.nbwide {color:#666666;
	height:10px;
	width:12%;}
	
td.nbwider {color:#666666;
	height:10px;
	width:16%;}

td#imglarge{float:left;}

td#imglarge p{
	color:#333333;
	font-size:70%;
	text-align:left;
	border:solid 1px #cccbcb;
	padding-left:3px;}
	
#itemimagesl img{
	border:0px solid #666666;
	}/*sätt sidhöjden här*/

#itemimages{
width:600px;
	/*margin:50px 0px 0px 55px; */
	height:450px; 
	font-size:75%;
	/*float:left;
	display:inline;*/
	border:0px solid #666666;
	padding:0px;}/*sätt sidhöjden här*/
	
#itemimagesl{
	width:400px;
	float:left;
	margin-bottom:10px;  
	padding-bottom:0px; 
	font-size:75%;
	border:0px solid #666666;
	}
#itemimagesline{
	width:100%;
	height:240px;
	float:left;
	margin-bottom:5px; 
	font-size:75%;
	border:0px solid #666666;
	}
#itemimagesline2{
	width:100%;
	float:left;
	margin-bottom:10px;
	padding-left:2px;
	font-size:110%;
	border:0px solid #666666;
	}
#itemimagesline2 img{margin: 0 7px 5px 0;}
#imgmenu{
	padding-bottom:2em;
	
	}
.center {
	border:0px solid #666666;
	padding-left:9em;}
	
#itemimagesl img{ 
	padding:0px 0px 0px 0px;
	border: solid 0px #cccbcb;}

#itemimagesl p.top{ 
	border: solid 0px #cccbcb;
	font-size:100%;
	margin:0em 0px 0px 0px;
	text-align:center;
	}
#itemimagesl p.left{ 
	border: solid 1px #cccbcb;
	font-size:100%;
	margin:0em 0px 0px 0px;
	text-align:left;}
	
#itemimagesl p.middle{ 
	position:absolute;
	top: 150px;
	border: solid 1px #cccbcb;
	font-size:100%;
	margin:0em 0px 0px 0px;
	}
	
#itemimagesr{
	width:160px;
	float:right;
	margin:0px;  
	font-size:120%;
	border:0px solid #666666;
	padding-bottom:5px;
	}
	
	
#itemimagesr img{
	border: solid 1px #cccbcb;}
	
#itemimagesr p{
	padding-bottom:1em;}
	
/*.row{ float:left;
width:150px;
	margin-bottom:3em;
	border: solid 1px #cccbcb;}*/
	
#itemimagesr p.l{ 
	float:left;
	border: solid 0px #cccbcb;
	padding-right:3px;
	margin-bottom:1em;}
	
#itemimagesr p.r{ 
	float:right;
	border: solid 0px #cccbcb;
	margin-bottom:1em;}

/*contact ....*/

.contactl{
	width: 240px;
	border: solid 1px #ff0000;
	padding-top:10px;
	/*padding-bottom:10px;*/
	float:left;}

.contactr{
	margin-left: 240px;
	padding:0px 0px 0px 10px;
	border: solid 1px #ff0000;
	padding-top:10px;
	font-size:90%;
	/*padding-bottom:10px;*/
	}

.suck	{
width:auto;
	border: solid 0px #dfe1e3;
	margin:0px 0px 0px 5px;
	padding:10px;
	font-size:100%;
	float:right;}

.formleft {
	float:left;
	width:80px;
	border: solid 0px #cccbcb;
	padding-top:3px;
}
.formbutton1 {
	float:left;
	width:130px;
	border: solid 0px #cccbcb;
	padding-top:3px;
}
.formrightlast {
	float:rigth;
	margin-left:130px;
	padding-bottom:3px;
	margin-bottom:-25px;
	padding-top:8px;
	border: solid 0px #cccbcb;
	text-align:right;
}
.formright {
	float:rigth;
	margin-left:80px;
	padding-bottom:3px;
	border: solid 0px #cccbcb;
	text-align:right;
}

.map { 
	float:right;
	padding:0px 0px 0px 5px;
	border: solid 0px #cccbcb;}

.maptext{ border: solid 1px #cccbcb;
	font-size:90%;
	margin:0.3em 0px 0px 0px;}

#kontaktform{
	padding-bottom:0px;}

.kantlinje{border: 1px solid #cccbcb; background-color: #ffffff;}

.skicka_knapp {background-color: #ffffff; font-size:90%; letter-specing:0.1em; text-align:right;}