/* Henrik Strindberg 2007 */

* { padding: 0; margin: 0; }

body {
	background-image: url(../Media/bakgrund.jpg);
	background-color: #39120d;
	font-family: Verdana, Ariel, sans-serif;
	font-size: 75%;
/*	text-align: center;*/
	line-height: 1.5em;
}



/*------------------ font styles --------------------*/	
	
p, h4  {
	margin-bottom: 0.5em; 
	font-weight: 100;
	font-size: 1em;
	}
	
h4 {
	padding-top: 1em;
	font-weight: 900;
	font-size: 1em;
}

h2, h3 {
	margin-top: 2em;
	margin-bottom: 0.5em;
	font-weight: bold;
	letter-spacing: 0.2em;
	font-size: 1em;
}

h2 {
/* sidans namn */
	text-transform: uppercase;
	font-size: 1em;
	font-weight: bold;
}


h1 {
/* sajtens namn */
	font-weight: 500;
	font-size: 2em;
	letter-spacing: 0.5em;
	text-transform: uppercase;
	color: #000;
}

strong {color: #ff8000;}

.warning { color: green;}

/*------------------- lankar --------------------*/
	
a {
	font-weight: normal;
	color: black;
}

	
a:visited {
/*	color: #000;*/
	}
a:active {
/*	color: #000;*/
	}
a:hover {
	text-decoration: underline;
	}
	
.ahem {
	display: none;
	}
	

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


ul  {
	list-style-type: none;
	font-size: inherit;
}


li {
	list-style-type: none;
	padding-bottom: 0.75em;
}




/*----------------- bildram --------------------*/

img{
	border: 1px solid #333;
}

.slide {padding:1em 0 0 0;}

/*------------------ tabell --------------------*/

td {
	padding-left: 0px;
	padding-right: 5px;
	margin-left: 0px;
	margin-right: 0px;
/*	border: 1px solid red;*/
}

table, tr {
	padding-top: 10px;
	padding-left: 20px;
	padding-bottom: 10px;
	margin: 0px;
/*	border: 1px solid green;	*/
}

/*------------------- layout ---------------------*/
	
#kolumncontainer {
/*	yttre container  */
/*	float: left;*/
  	                   
  	              
  	                   
  	              
	width: 750px;
 	margin: 0 auto;
}


#sidhuvud {
	color: white;
	float: left;
	clear: both;
	width: 180px;
/*	border: 1px dashed red;*/
 	padding-top: 20px;
 	padding-bottom: 4px;
 	margin: 0;
 	text-align: left;
 	
}

	
	#sidhuvud img {
		border: 0px;
	}
	

#logga {
	border: 0px;
	background-color: red;
}


#navigation {
	float: right;
 	padding: 30px  0;
 	width: 550px;
	text-align: right;
}	

	#navigation ul {
	/* horisontell lista */
		list-style-type: none;
		margin-left: 0px;
		padding: 0;
		line-height: 1em;
		text-align: right;
	}
	
	#navigation li {
		display: inline;
		list-style-type: none;
		padding-left: 2em;
		line-height: 1em;
	}

	#navigation a {
		color: white;
		text-decoration: none;
	}

#content {
	background-color: #eee;
	float: left;
 	padding: 1em 0;
 	width: 730px;
	border: 1px solid #444;
	margin-left: 20px;
}

#rubrik {
	float: left;
 	margin: 20px 0px 40px 40px;
 	width: 650px;
}
	#rubrik img {
		float: left;
		margin: 0 11px 30px 0;
	}

#text {
	float: left;
 	width: 300px;
 	margin: 20px 0px 20px 40px;
}

	#text ul { margin: 0 0 2em 0;}

#bild {
	display: inline;
 	float: right;
	margin: 0 40px 20px 10px;
 	padding: 20px 0 0 0;
	width: 250px;
	text-align: left;
}

#sidfot {
	width: 730px;
	clear: both;
	padding: 10px 0;
	margin-left: 20px;
	color: white;
}

	#sidfot a {
		color: white;
	}


/* ----------------------------------
	6. Formulär
/* ----------------------------------*/

/*---------------------- formulaer ------------------------ 
http://www.sitepoint.com/article/fancy-form-design-css/5 
	
<form id="feedback" method="post" action="">
<fieldset style="width:520px;">
<!-- ordnad lista -->
<!-- layout styrs ac css -->
<ol>
<li>
	<fieldset>
	<span><legend>Utbildning: * </legend></span> 
	<ol>
	<!-- checkboxar -->
	<li>
		<input type="checkbox" name="interests[]" value="Kompositionslinje 2 år" id="komposition"/>
		<label for="komposition">Kompositionslinje 2 år</label>
	</li>
	</ol>
	</fieldset>
</li>
<li>
<label for="firstname">Förnamn:</label>
<input name="firstname" id="firstname" type="text" class="formbox"/>
</li>
</ol>
</fieldset>
</form>
--------------------------------------------------------- */

/* KOLLA ONÖDIGA DIBBLA DEKLARATIONER */


fieldset {
	border: 0;
	width: 280px;  
	margin: 1.5em 0 1.5em 0;  /* top left.. */
	padding: 0 0 0 0; /* top right bottom left */
}

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: #7f7f7f;  
	/*font-weight: bold;*/
}

fieldset p {
	padding-left: 1em;
}

/* undergrupp, radioknappar, checkboxar */

fieldset fieldset {  
	padding: 0;
	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: 150px;
}


/* - - - - - Citat - - - - - - */

blockquote {
	background-color: #ccc8b1;
	width: 200px;
	font-family: Georgia;
}	

	blockquote .start, blockquote .end {
		font-family: Times;
		font-size: 3em;
		padding: 0.5em 0.5em 0 0.5em;
	}
	
	blockquote .text {
		padding: 0 1em 1em 2em;
		margin-top: -1.5em;
		font-size: 1.5em;
	}
	
	blockquote .source {
		font-style: italic;
		padding: 0 1em 1em 2em;
	}
	blockquote a {
		text-decoration: none;
	}