/* Gotlandss Tonsättarskola, Henrik Strindberg 20060119 */

/* Bakgrundbild ger svag faerg och smal kant */

/* to do: bakgrund till # */
/* uppdaterad 20080303 */

body {
/*	font-family: Verdana, sans-serif;*/
	font-family: "Lucia grande", Arial, Verdana, sans-serif;
	color: #333333;
	text-decoration: none;
	background-color:#edebe6; /*#F5F3ED;*/
	font-size: 83%;
	margin: 0px;
}

/*---------------------- stilar ------------------------*/

h1 {
	font-size: 2em;
	font-weight: 100;
	text-transform: none;
	letter-spacing: 0.1em;
}

h2, h5 {
	font-size: 1.2em;
	font-weight: 100;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	line-height: 150%; /*200%*/
}

h3 {
	font-weight: 100;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

h4, p, li, dd {
	font-size: 1em;
	font-weight: 100;
	line-height: 1.5em;
}


strong {
	font-weight: bold;
	color: #ff8000;
}

.warning {
	font-weight: bold;
	color: #ff8000;
}

/*strong {
	color: #000;
	font-weight: 900;
}

*/	

/*---------------------- links ------------------------*/

a:link {
	color: #333333;
}
a:visited {
	color: #333;
}
a:hover {
/*	color: #000000;*/
/*	background-color: #F5F3ED;*/
	color: #FF6600;
}

a:active {
/*	color: red;*/
}


/* horisontell meny */

#meny li{
	display: inline;
	list-style-type: none;
	padding-right: 0.5em;
	margin: 0px;
	padding-top: 0px;
	text-decoration: none;
}

#meny a {
	text-decoration: none;
}	

#meny a:hover {
/*	text-decoration: none;*/
/*	background-color: #fff;*/
	text-decoration: underline;
	color: #FF6600;
}	

#loggout {
	float:right;
}

/*---------------------- listor ------------------------*/

ul {
	list-style-type: none;	/*20050331*/
	margin-left: 0px;
	padding-left: 0px;
/*	line-height: 2em;*/
}


.vertical-list {
	list-style-type: disc;
	margin-left: 1em;
	padding-left: 1em;
	text-align: left;
}

.horizontal ul {
	list-style-type: none;
	line-height: 1.5em;
}

.horizontal li{
	display: inline;
	list-style-type: none;
	padding-right: 1em;
}

dt {
	font-weight: 100;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	line-height: 200%;
	padding-top: 1em;
}

dd {
	margin-left: 1.5em;
}


/*---------------------- layout ------------------------*/
		
#bakgrund {
	width: 750px;
	background-color: /*#FFFFFB*/#fffffd;
	border-right: 1px solid #888;
	border-left: 1px solid #888;
	border-bottom: 1px solid #888;
	border-top:  1px solid #888;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
}


/*------ meny och logga -----*/

#header {
	width: 100%;				/* 20080303 */
	text-align: left;
	float: left;
	padding-bottom: 20px;
/*	border: 1px dashed black;*/
}

#navigation {
/*	width: 50%;				/* 20080303 */
	text-align: left;
	float: left;
	margin-bottom: 1em;
/*	padding-bottom: 1em;*/
/*	border: 1px dashed blue;*/
}


#login {
/*	width: 40%;				/* 20080303 */
	text-align: right;
	float: right;
	margin-bottom: 1em;
/*	padding-bottom: 1em;*/
/*	border: 1px dashed red;*/
}

#logotype  {
	float: left;
	clear: left;
/*	border: 1px dashed green;*/
	width: 50%;				/* 20080303 */
	margin-bottom: 1em;
}


#logotype a:hover{
	background: #fffffd;
}

#search_library {
/*	border: 1px #ff66ff dashed;*/
	float: right;
	clear: right;
	text-align: right;
	width: 40%;				/* 20080303 */
}

/*-------------------------------*/

#header a {
	text-decoration: none;
}
#header a:hover {
	text-decoration: underline;
}

/* content omsluter vanligen content1, notis och picture-right */
#content {
	clear:both;
	width:100%;
/*	border:1px dashed silver;*/
}
/* vaenster spalt */

#content1 {
	width: 60%;
	padding-right: 20px;
	clear: left;
/*	border:1px dashed blue;*/
}


/* larare */
#content2 {

	width: 445px;
	padding-right: 20px;
}

#content-wide {
	clear: both;
	width: 100%;
}


/* --------- submeny eller notis -----*/

#notis {
	width: 20%;
	padding-left: 20px;
	color: #333333;
	float: right;
	text-align: left;
	margin-left: 30px;
	margin-bottom: 30px;
	border-left: 1px solid #888;
/*	border:1px dashed silver;*/
}


#notis ul {
	list-style-type: none;
/*	list-style-position: outside;*/
	line-height: 1.5em;
/*	padding-left: 15px;*/
}

#notis li {
	padding-bottom: 0.5em;
}



#notis h2 {
	color: #FF6600;
}	


#footer {
	clear: both;
	padding-top: 40px;
	width: 100%;
	text-align: left;
}

/*------------ placering av bilder -----------*/


.picture-right {
	float: right;
	clear: right;
	margin-top: 80px;
	margin-left: 20px;
	margin-bottom: 20px;
	margin-right: 0px;
/*	border: 1px solid #888;*/
}

.picture-left {
	float: left;
/*	clear: left;*/
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 20px;
/*	border: 1px solid #888;*/
}

.picture-portrait {
	float: right;
	margin-top: 0px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	display: inline;
/*	margin: 0px 0px 20px 20px;*/
/*	border: 1px solid #888;*/
}

/* linje */

hr
{
 margin-top: 20px;
 margin-bottom: 20px;
/* color: #ffffff;*/
/* background-color: #ffffff;*/
 border-top-color: #888;
 border-top-style: solid;
 border-top-width: 1px;
 border-left-style: none;
 border-bottom-style: none;
 border-right-style: none;
}


/*---------------------- formulaer ------------------------ */
/* http://www.sitepoint.com/article/fancy-form-design-css/5 */
/*--------------------------------------------------------- */

fieldset {
	border: 1px solid #888;
	background-color: #edebe6; /*#F5F3ED;*/
/*	float: left; */ 
/*	clear: none;  */
	width: 100%;  
	margin: 0 0 1.5em 0;  /* top left.. */
	padding: 0; /* ingen padding eftersom float - annars kan dimensioner bli fel */
}

legend {
	color: #333333;
}

label {
	float: left;  
	font-weight: 100;	
	width: 10em;  
	margin-right: 1em;
	padding: 0;
	/*font-weight: bold;*/
}

.vertical-label
{
	display: block;
	width: 100%;
	text-align: left;
	margin: 0;
	padding: 0;
}

/*---form som ordnad lista -- */

fieldset ol {  
	padding: 0 1em 0 1em; /* top right bottom left */
	list-style: none;
}

fieldset li {  
	float: left;  
	clear: left;  
	width: 100%;  
	padding-bottom: 1em;
/*	padding-left: 0;*/
/*	text-align: left;*/
}

/*fieldset.submit {  
	float: none; 
	width: auto; 	
	border: 0 none #FFF;  
	padding-left: 0;
	margin-left: 0;
	text-align: left;
}
*/

legend {  
	padding: 0;
	margin: 0 0 0 1em;  
	/*color: #545351;  */
	/*font-weight: bold;*/
}

fieldset p {
	padding-left: 1em;
}

/* undergrupp, radioknappar, checkboxar */

fieldset fieldset {  
	margin-bottom: -2.5em;  
	border-style: none;  
	background-color: transparent;  
	background-image: none;
}
fieldset fieldset legend {  
	margin-left: 0;  
	font-weight: normal;
	width: 100%; /* tillagd 20080517 */
}
fieldset fieldset ol {  
	position: relative;  
	top: -1.5em;  
	margin: 0 0 0 11em;  
	padding: 0;
}

fieldset fieldset label {  
	float: none;  
	width: auto;  
	margin-right: auto;
}

.wide_radio_fieldset {
	/*border-top:1px solid #888;*/
	padding-top:2em;
}

/* fast bredd på input text */
.formbox {
  width: 200px;
}

/*---------------------- tabeller ------------------------*/

fieldset table {
	padding-left: 1em;
}

/* table i hitlist ger ram */
.hitlist {
	border: 1px solid #888;
}

td, th {
	line-height: 1.3em;
	padding: 0.25em 1em 0 0;
	vertical-align: top;
	text-align: left;
/*	font-size: 75%;*/
/*	border-bottom: 1px dashed #777;*/
}

.hitlist td, th {
	padding-left: 5px;
}

/* varannan rad grey */
.udda {
	background-color: red; /* #edebe6;*/ /*#F5F3ED;*/ 
}

/* - - - - - - - - - - - - - - - - - - - - */	

.left {
	width:350px;
}


.first {
	width: 50%;
	font-weight: bold;
	
}	

input {
	font-family: "Lucia grande", Arial, Verdana, sans-serif;
}

/* instruktioner registrering i biblioteksregistret */
.tips {
	color: #888;
	font-size: 67%;
	font-style: italic;
}