/* CSS Document by Andreas Hagerman of genau.dk. no copyright, no license */

/* general tags:*/
body {
	margin: 0 auto;
	background-color:#FFFFFF;
	font-size: 92.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color:#8dff5a;
}

img{
	border:none;
}

h1{
	font-size: 1.5em;
}
h2{
font-size:1.1em;
}

ul{
	list-style-image: none;
	list-style-type: none;
}

a{
	color:#FFFFFF;	
	text-decoration:none;
}

a:hover{
	background-color:#FFFFFF;
	color:#808080;
}


/* specific divs:*/
#container{
	width: 900px;
	height:730px;
	background-color:aaaaaa;
	background-image:url(graphics/finalback1.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0 auto;
	position:relative;
	top:0px;
}

#menu{
	width:900px;
	height:30px;
	margin: 0 auto;
}

#menu a {
	color:#808080;
}
#menu a:hover{
	background-color:#808080;
	color:#FFFFFF;
}

#menu ul, #menu li{
	display:inline;
}

#tekst{
	width:600px;
	height:333px;
	color:#FFFFFF;
	position:relative;
	left:150px;
	top:229px;
	overflow: auto;
	font-size:1.2em;
	background: url("graphics/transparent50.png");
}
/*
#tekst p{
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;

}*/
#tekst h1, h2{
	padding-top: 7px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#tekst img{
	padding-right: 20px;
	padding-left: 20px;
}
#tekst a{
	font-weight: bold;
	text-decoration: none;
}


.active {
	/* "your are here function" */
	/*font-weight: bold;*/
	text-decoration: underline;
}

/* links on the flowers inside the big background image: */
#imagelinks{
	font-family: "Trebuchet MS", Verdana;
	/*font-style: italic;*/
	font-weight: bold;
	text-align:center;
}

#lefttop{
	width:137px;
	height:119px;
	position:absolute;
	top:160px;
	left:80px;
}
#lefttop:hover{
	background: url("graphics/upperleft.jpg");
}
#lefttop a {
width:137px;
height:119px;
display:block;
background-color: #fff;
filter:alpha(opacity=0);
-moz-opacity:0.0;
opacity: 0.0;
}

#left{
	width:198px;
	height:192px;
	position:absolute;
	top:280px;
	left:32px;
	font-size:1.4em;
}
#left:hover{
	background: url("graphics/left.jpg");
}
#left a {
display: block;
height: 192px;
width: 198px;
background-color: #fff;
filter:alpha(opacity=0);
-moz-opacity:0.0;
opacity: 0.0;
}

#leftbottom{
	width:181px;
	height:175px;
	position:absolute;
	top:464px;
	left:216px;
	font-size:1.2em;
}
#leftbottom:hover{
	background: url("graphics/lowleft.jpg");
}
#leftbottom a {
	width:181px;
	height:175px;
	display: block;
height: 192px;
width: 198px;
background-color: #fff;
filter:alpha(opacity=0);
-moz-opacity:0.0;
opacity: 0.0;

}
#rightbottom{
	width:165px;
	height:162px;
	position:absolute;
	top:479px;
	left:514px;
	font-size:1.2em;
}
#rightbottom:hover{
	background: url("graphics/lowright.jpg");
}
#rightbottom a {
	width:165;
	height:162px;
	display: block;
height: 192px;
width: 198px;
background-color: #fff;
filter:alpha(opacity=0);
-moz-opacity:0.0;
opacity: 0.0;

}
#right{
	width:192px;
	height:201px;
	position:absolute;
	top:287px;
	left:684px;
	font-size:1.3em;
}
#right:hover{
	background: url("graphics/right.jpg");
}
#right a {
	width:192px;
	height:201px;
	display: block;
height: 192px;
width: 198px;
background-color: #fff;
filter:alpha(opacity=0);
-moz-opacity:0.0;
opacity: 0.0;

}
#topright{
	width:149px;
	height:125px;
	position:absolute;
	top:160px;
	left:677px;
}
#topright:hover{
	background: url("graphics/upperright.jpg");
}
#topright a {
	width:149px;
	height:125px;
	display: block;
height: 192px;
width: 198px;
background-color: #fff;
filter:alpha(opacity=0);
-moz-opacity:0.0;
opacity: 0.0;
}


/* artists */
.artist{
	width: 550px;
	height:220px;
}

.img{
width:210px;
height:200px;
float:left;
/*margin-left:15px;*/
}

.artisttext{
	width:300px;
	height:200px;
	float:right;
	/*line-height: 18px;*/
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	}

#footer{
	width:900px;
	height:40px;
	margin: 0 auto;
	text-align: center;
	color:#aaaaaa;
}