body {
	background-color: #4E4645;
	margin: 0px; 
	padding: 0px; 
	border: 0px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 130%;
	color: #000;
	scrollbar-arrow-color: #DCDCDC;
	scrollbar-base-color: #E8E1D8;
	scrollbar-track-color: #E8E1D8;
	scrollbar-face-color: #FFFFFF;
	scrollbar-shadow-color: #DCDCDC;
	scrollbar-highlight-color: #DCDCDC;
	scrollbar-3d-light-color: #000;
	scrollbar-darkshadow-color: #E8E1D8;}
		
h4 {display:inline;
	font-size: 13px;
	color: #0CC;}

hr {
	position:relative;
	margin-top: -3px;
	width:80%;
	text-align:left;
	align:left;
	border: 1px groove #968F81;
	}

a	{color:#968F81;
	text-decoration:none;}

a:hover {color:#09f;}
#utskrift {display:none;}
	
#centrera {position: relative;
	width: 730px;
	height: 457px;
 	z-index: 1;
 	
	margin-left: auto;
	margin-right: auto;
	margin-top:  5%;
	}
#guestbook {
	position:absolute;
	top:260px;
	left:30px;
	width:300px;
	margin-right: 2px;
	margin-bottom: 2px;
	font-size: 9px;	
	line-height: 100%; 
	color: #000009;
	text-decoration: none;
	z-index:4;}
	
#login {
	position:absolute;
	top:400px;
	left:30px;
	width:300px;
	margin-right: 2px;
	margin-bottom: 2px;
	font-size: 9px;	
	line-height: 100%; 
	color: #000009;
	text-decoration: none;
	z-index:-1;}

#logout {
	position:absolute;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	top:-25px;
	left:5px;
	width:100px;
	margin-right: 2px;
	margin-bottom: 2px;
	height: 30px;
	color: #968F81;
	font-style: normal;
	text-decoration: none;
	z-index:3;}

#texten {
	position:absolute; 
	top: 100px;
	left: 335px;
	width:400px; 
	height:350px; 
	margin-right: 2px;
	margin-bottom: 2px;
	font-size: 11px;
	font-style: normal;
	text-decoration: none;
	z-index:2; 
 	overflow: auto;
	clip: rect(0px, 400px, 350px, 0px); 
	border: 1px none #000000; 
	}



#bildkarta {
	position:absolute; 
	top: 100px;
	left: 450px;
	width:265px; 
	height:350px; 
	margin-right: 2px;
	margin-bottom: 2px;
	padding-right: 20px;
	color: #000000;
	font-style: normal;
	text-decoration: none;
	z-index:2; 
	overflow: auto;
	clip: rect(0px, 400px, 350px, 0px); 
	border: 1px none #000000; 
	}

	

#bildyta {

	position:absolute;

	top:100px;

	left:15px;

	width:400px;

	height: 330px;

	border: 0px solid black;

	padding:5px;

	margin-right: 2px;

	margin-bottom: 2px;

	color: #000000;

	font-style: normal;

	text-decoration: none;

	z-index: -1;

	}

	

#bild {

	position:relative;

	margin-right: 4px;

	float: left;

	}

	

#bildtext {

	position:relative;

	float: left;

	}



#t1	{font-weight: bold;}



#databas {

	position:absolute; 

	top:265px;

	left:5px;

	width:700px; 

	height:120px; 

	margin-right: 2px;

	margin-bottom: 2px;

	color: #000000;

	font-style: normal;

	text-decoration: none;

	z-index:3; 

 	overflow: auto;

	clip: rect(0px, 700px, 120px, 0px); 

	border: 1px none #000000; 

	}



#kontakt {
	position:absolute;
	text-align:right;
	top:480px;
	left:480px;
	width:250px;
	margin-right: 2px;
	margin-bottom: 2px;
	height: 30px;
	color: #968F81;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 9px;	
	line-height: 150%; 
	color: #000009;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	z-index:4;}	

#sign {
	position:absolute;
	top:405px; 
	left:605px; 
	z-index:1
	}


#meny {

	position:absolute;
	text-align:right;
	top:50px;
	left:230px;
	width:500px;
	margin-right: 2px;
	margin-bottom: 2px;
	height: 30px;
	color: #968F81;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	z-index:2;}

#undermeny {
	position:absolute;
	text-align:right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	line-height: 110%;
	top:375px;
	left:210px;
	width:100px;
	margin-right: 2px;
	margin-bottom: 2px;
	height: 30px;
	color: #968F81;
	font-style: normal;
	text-decoration: none;
	z-index:3;}

.hand {cursor:move; cursor:pointer; }
.tema { cursor:move; cursor:pointer; position:relative; margin-left: -20px; top: -10px;}
.knappar {cursor:move; cursor:pointer; position:relative; left:-3px; top:-40px; z-index:5; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px;}
.mini- {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 9px;	line-height: 100%; color: #000009;}
.mini {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 9px;	line-height: 150%; color: #000009;}
.mini2 {font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #ffc; font-size: 9px; line-height: 100%; color: #000009;}
.mini-utbildning {font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #0cf; font-size: 9px; line-height: 100%;}
.mini-slutproduktion {font-family: Verdana, Arial, Helvetica, sans-serif;background-color: #09F;font-size: 9px;line-height: 100%;}
.mini-pjäs {font-family: Verdana, Arial, Helvetica, sans-serif;	background-color: #6cf;	font-size: 9px;	line-height: 100%; color: #000009;}	
.mini-musikal { font-family: Verdana, Arial, Helvetica, sans-serif;	background-color: #9f9;	font-size: 9px;	line-height: 100%;}
.mini-TV { font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #fc9; font-size: 9px; line-height: 100%;}
.mini-radio { font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #ffc; font-size: 9px; line-height: 100%;}
.mini-Konsert {font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #c3f; font-size: 9px; line-height: 100%;}
.vit {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 9px;	line-height: 10%; color: #000;}

.ruta {
	font-size: 10px;
	line-height: 110%;
	display:block;
	width:80%;
	padding:3px;
	margin-bottom:5px;}
	
.form {font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 160%;}

.idnummer {
	font-size: 10px;
	font-weight: bold;
	line-height: 110%;
	color: #fc9;}

#delete {
	position:absolute; 
	border: 1px solid red;
	top: 250px;
	left: 220px;
	width:110px; 
	height:20px; 
	text-align:center;
	margin-right: 2px;
	margin-bottom: 2px;
	color: #000000;
	background-color: transparent;
	font-style: normal;
	text-decoration: none;
	z-index:2; }

#divContainer {
	position:absolute;
	top:100px;
	left:335px;
	width:390px;
	margin-right: 2px;
	margin-bottom: 2px;
	height: 350px;
	color: #000000;
	font-style: normal;
	text-decoration: none;
	z-index:1;
	overflow:hidden; 
	clip:rect(0px, 375px, 365px, 0px); 
	visibility:hidden;}

#eContainer {
	position:absolute;
	top:265px;
	left:5px;
	width:700px;
	margin-right: 0px;
	margin-bottom: 5px;
	height: 120px;
	line-height: 80%;
	color: #000000;
	font-style: normal;
	text-decoration: none;
	z-index:1;
	overflow: auto;
	clip: rect(0px, 700px, 120px, 0px); 
	visibility:hidden;}
	
#bildContainer {
	position:absolute;
	top:170px;
	left:335px;
	width:340px;
	margin-right: 2px;
	margin-bottom: 2px;
	height: 235px;
	color: #000000;
	font-style: normal;
	text-decoration: none;
	z-index:3;
	overflow:auto; 
	clip:rect(0px, 340px, 235px, 0px); 
}

#ny {position:absolute;
	top:400px;
	left:5px;
	width:730px;
	margin-right: 0px;
	margin-bottom: 5px;
	height: 50px;
	z-index:1;	}

#skicka {
	position:absolute;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	line-height: 110%;
	top:425px;
	left:405px;
	width:270px;
	border:0px;
	margin-right: 2px;
	margin-bottom: 2px;
	height: 30px;
	color: #968F81;
	font-style: normal;
	text-decoration: none;
	z-index:3;}
	
#divContent {
	position:absolute; 
	top:0px; 
	left:0px; 
	z-index: 2;}

#divUp {
	position:absolute; 
	top:180px; 
	left: 700px; 
	width: 11px; 
	height: 10px; 
	z-index: 3}

#divDown {
	position:absolute;
	top:300px;
	left: 700px;
	width: 11px;
	height: 10px; 
	z-index: 3}



#editUp {
	position:absolute;
	top:5px; 
	left: 700px; 
	width: 11px; 
	height: 10px; 
	z-index: 3}
	
#editDown {
	position:absolute; 
	top:80px; 
	left: 700px; 
	width: 11px; 
	height: 10px; 
	z-index: 3}
	
#bildUp {

	position:absolute; 

	top:30px; 

	left: 320px; 

	width: 11px; 

	height: 10px; 

	z-index: 3}

	

#bildDown {

	position:absolute; 

	top:150px; 

	left: 320px; 

	width: 11px; 

	height: 10px; 

	z-index: 3}

