/************** RESET ***************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
	
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}



/******************************************/



body {
		padding: 0;
		height: 100%;
		background-color: #666666;
		}
			
		.mainbox {
	height: 490px;
	width: 900px;
	padding: 0px;

	background-image: url(bilder/bgindex_blank%20(kopia).jpg);
	background-repeat: no-repeat;
	clear: none;
	margin-top: 5em;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	background-image: url(bilder/bgindex_blank.jpg);
		}
	
		.leftbox {
			height: 490px;
			width: 680px;
			float: left;
		}
		.leftbox2 {
			height: 490px;
			width: 680px;
			float: left;
			background-image: url(bilder/greybg.png);
			background-repeat: no-repeat;
		}	
		.rigthbox {
			height: 490px;
			width: 220px;
			float: left;
		} 
			
		.meny {
			height: 175px;
			width: 150px;
			float: left;
			margin-left: 40px;
		}
		.puff {
			height: 100px;
			width: 220px;
			float: left;
		}
		.logga {
			height: 155px;
			width: 190px;
			float: left;
			margin-top: 35px;
			margin-left: 15px;
		}
		.menyknapp {
			height: 25px;
			width: 150px;
			float: left;
		}
		
		/* Göte */
				
		.txtbggote1 {
			height: 405px;
			width: 580px;
			float: left;
			margin-left: 40px;
			margin-top: 15px;
			background-image: url(bilder/om_gote_txtbg.png);
			background-repeat: no-repeat;
		}
		.txtbramgote {
			height: 18.375em;
			width: 15.687em;
			float: left;
			margin-top: 1.5em;
			margin-left: 1.2em;
		}	
				
		
				
		/* textformat */
		
				
		.brodtxt {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		line-height: 13px;
		float: left;
		color: #FFFFFF;
		font-style: normal;
		line-height: auto;
		text-align: left;
		word-spacing: auto;
		letter-spacing: auto;
		top: auto;
		left: auto;
		text-decoration: none;
		}
		.altbrodtxt {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 1em;
		float: left;
		color: #333333;
		font-style: normal;
		line-height: auto;
		text-align: left;
		word-spacing: auto;
		letter-spacing: normal;
		top: auto;
		left: auto;
		margin-top: 0.2em;
		}
		.greentxt {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		float: left;
		font-weight: normal;
		color: #92C331;
		font-style: normal;
		line-height: auto;
		font-variant: normal;
		letter-spacing: 0px;
		text-align: left;
		word-spacing: 1px;
		}
			
		.underrub {
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
			float: left;
			color: #FFFFFF;
			margin-top: 8px;
			margin-left: 20px;
		}
		.underrub2 {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 15px;
		float: left;
		color: #FFFFFF;
		font-weight: normal;
		font-variant: normal;		
		}
		.underrub3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	float: left;
	color: #FFFFFF;
	font-weight: normal;
	font-variant: normal;
	width: 375px;
	margin-bottom: 10px;
		}	
		.kontakttxt {
			height: 130px;
			width: 365px;
			float: left;
			margin-left: 20px;
			margin-top: 15px;
		}
			
		.kontakttxt2 {
	height: 195px;
	width: 365px;
	float: left;
	margin-left: 20px;
	margin-top: 29px;
		}
			
		/* länkar */
		a:link {
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 11px;
				float: left;
				font-style: normal;
				line-height: auto;
				text-align: left;
				word-spacing: auto;
				letter-spacing: 0.01em;
				top: auto;
				left: auto;
				text-decoration: none
				;color: #FFFFFF;
		}
		a:visited {
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 11px;
				float: left;
				font-style: normal;
				line-height: auto;
				text-align: left;
				word-spacing: auto;
				letter-spacing: 0.01em;
				top: auto;
				left: auto;
				text-decoration: none
				;color: #FFFFFF;
		}
			
				
		a:hover {
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 11px;
				float: left;
				font-style: normal;
				line-height: auto;
				text-align: left;
				word-spacing: auto;
				letter-spacing: 0.01em;
				top: auto;
				left: auto;
				text-decoration: none;
				color: #CCCC33;
		}
		
		/* kontakt */
			
			
		.leftbox3 {
			height: 490px;
			width: 680px;
			float: left;
			background-image: url(bilder/kontakt_bg.png);
			background-repeat: no-repeat;
		}
			
		.textbgbox {
	height: 399px;
	width: 390px;
	float: left;
	background-image: url(bilder/text_bg.png);
	margin-top: 30px;
	margin-left: 10px;
	background-repeat: no-repeat;
		}
			
		.nummerbox {
		height: 108px;
		width: 105px;
		float: left;
		margin-left: 10px;
		}
			
		.kontaktrub {
			height: 25px;
			float: left;
			margin-left: 40px;
			margin-right: 300px;
			margin-top: 20px;
			background-repeat: no-repeat;
		}
			
		.pdf {
			height: 177px;
			width: 140px;
			float: left;
			margin-left: 15px;
		}
			
			/* Designtävlingen */
			
		.thumbbox {
	height: 86px;
	width: 61px;
	float: left;
	margin: 6px 15px 6px 12px;
		}
		.leftcont {
			height: 490px;
			width: 430px;
			float: left;
		}
		.thumb {
			height: 60px;
			float: left;
			width: 60px;
			margin-left: 7px;
		}
		.txtcon {
			height: 32px;
			width: 80px;
			float: left;
			padding-top: 3px;
		}
		.stbild {
			height: 328px;
			width: 463px;
			float: left;
			margin-top: 30px;
			margin-left: 87px;
			margin-right: 125px;
			margin-bottom: 3px;
		}
		.stbild-ds-2009 {
			height: auto;
			width: 463px;
			float: left;
			margin:30px 68px 3px 40px;
		}
		
		.infotxt {
	height: 143px;
	width: 400px;
	float: left;
	margin-left: 40px;
	margin-top: 54px;
		}
	
		.bildram1a {
	height: 220px;
	width: 371px;
	margin:0px 0px 0px 40px;
	float: left;
		}
		
		.pilv {
			height: 25px;
			width: 18px;
			float: left;
			margin-left: 100px;
		}
		.pilh {
			height: 25px;
			width: 18px;
			float: left;
		}
		.txtcon2 {
			height: 35px;
			float: left;
			width: 350px;
			margin-left: 40px;
			margin-right: 15px;
		}
		.tblink {
			height:31px;
			width: 187px;
			float: left;
			margin-left: 225px;
		}
			
		/* Stipendier */
		
		
		.plupp {
		height: 15px;
		width: 16px;
		float:left;
		background-image: url(bilder/plupp.png);
		}
		.menycon {
	height:80px;
	width: 230px;
	margin-left: 40px;
	float: left;
	margin-top: 17px;
		}	
		.menycell {
	height: 15px;
	float: left;
	width: 230px;
	margin-right: 0px;
	margin-bottom: 5px;
		}
		.meny {
			height: 175px;
			float: left;
		}
		.mobeltxt {
			height: 23px;
			float: left;
			margin-top:: 25px;
			margin-left: 2px;
			margin-top: 30px;
			margin-right: 400px;
			background-image: url(bilder/mobeldesign_da.png);
			width: 158px;
		}
		.citat {
		height: 75px;
		width: 261px;
		float: left;
		margin-top: 11px;
		background-image: url(bilder/citat.png);
		margin-right: 50px;
		margin-left: 60px;
		}
			
		.bg {
			height: 334px;
			width: 680px;
			float: left;
			margin-top: 14px;
		}
		.stolrolover {
		height: 83px;
		width: 158px;
		position: absolute;
		float: none;
		left: auto;
		top: auto;
		background-image: url(bilder/stolrolover.png);
		padding: 0px;
		margin-top: 50px;
		margin-right: auto;
		margin-bottom: auto;
		margin-left: 95px;
		visibility: hidden;
		}
		.kaskadrolover {
		height: 52px;
		width: 172px;
		position: absolute;
		float: none;
		left: auto;
		top: auto;
		background-image: url(bilder/kaskadrolover.png);
		margin-top: 195px;
		margin-left: 125px;
		visibility: hidden;
		}
		.enokrolover {
		height: 55px;
		width: 212px;
		position: absolute;
		float: none;
		left: auto;
		top: auto;
		background-image: url(bilder/enokrolover.png);
		width: 212px;
		height: 55px;
		background-repeat: no-repeat;
		margin-top: 225px;
		margin-left: 385px;
		visibility: hidden;
		}
		.ziggyrolover {
		height: 35px;
		width: 214px;
		position: absolute;
		float: left;
		left: auto;
		top: auto;
		background-image: url(bilder/ziggyrolover.png);
		margin-top: 110px;
		margin-left: 465px;
		visibility: hidden;
		}
		.goodmrollover {
		height: 36px;
		width: 161px;
		position: absolute;
		float: left;
		left: auto;
		top: auto;
		background-image: url(bilder/goodmrollover.png);
		margin-top: 120px;
		margin-left: 310px;
		visibility: hidden;
		}
		.stbild2 {
			height: 265px;
			width: 403px;
			float: left;
			margin-left: 40px;
		}
		.txtbg1 {
			height: 130px;
			width: 420px;
			float: left;
			margin-top: 10px;
			margin-left: 40px;
			margin-bottom: 5px;
		}
		.tblink2 {
			height: 31px;
			width: 187px;
			float: left;
			margin-left: 170px;
		}
		.txtbg2 {
			height: 342px;
			width: 287px;
			float: left;
			margin-top: 10px;
			margin-left: 40px;
			margin-bottom: 38px;
			padding-top: 10px;
		}
		.txtbg3 {
		height: 300px;
		width: 200px;
		float: left;
		margin-top: 10px;
		margin-bottom: 38px;
		margin-left: 40px;
		}
		.stpenok {
		height: 306px;
		width: 325px;
		float: left;
		margin-left: 15px;
		margin-top: 35px;
		background-repeat: no-repeat;
		background-image: url(bilder/pajjpgrupp.png);
		}
		.affisch {
		height: 377px;
		width: 269px;
		float: left;
		margin-bottom: 15px;
		margin-left: 140px;
		}
			
		/* träcentrum Nässjö */
		
		.bildtra {
			height: 325px;
			width: 497px;
			float: left;
			margin-left: 40px;
			margin-top: 15px;
			margin-bottom: 16px;
			background-repeat: no-repeat;
		}
		.txttrac {
			height: 50px;
			width: 390px;
			float: left;
			margin-left: 40px;
		}
		.thumbcon {
		height: 360px;
		width: 80px;
		float: left;
		}
	
		/* Projekt sidan */
		
		.stbilprojek {
		height: 277px;
		width: 319px;
		float: left;
		margin-left: 40px;
		margin-top: 30px;
		background-repeat: no-repeat;
		} 
		.txtraprojekt {
			height: 74px;
			width: 235px;
			float: left;
			margin-left: 40px;
			margin-top: 35px;
		}
		
		/* Urkund */
		
		.urkundbild {
			height: 445px;
			width: 521px;
			float: left;
			margin-left: 40px;
			margin-top: 24px;
			background-image: url(bilder/urkund_bild.png);
		}
/* Stipendieutdelningar */

.textcontainer {
	width: 377px;
	float: left;
	height: 376px;
	margin-left: 40px;
	margin-top: 15px;
}
.arkivstputd {
	width:150px;
	height: 300px;
	float: left;
	margin-left: 55px;
}

h1 {
	display:block;
	color:#FFF;
	font-size: 19px;
	line-height:25px
}


h2 {
	display:block;
	color:#ffffff;
	font-size: 19px;
	line-height:22px
}


p {
color:#FFFFFF;
display:block;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:normal;
text-align:left;
line-height:16px;
margin: 10px 0px 10px 0px;
}

#news {
color:#FC0;
font-variant:normal;
display:block;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:14px;
font-weight:normal;
text-align:left;
line-height:16px;
margin: 10px 0px 10px 0px;
}

#news_a {
background-color:#633788;
color:#FFFFFF;
font-weight:bold;
margin:0px 5px 0px 0px;
padding:12px 0 12px 6px; }

#news a:visited {
color: #FC0;
font-weight:bold;
}

#news a:hover {
color: #FC0 ;
display:block;
text-decoration: underline;
}

.scroll-box-1 {
float:left;
height:490px;
width:100%;
overflow-y:scroll;
margin:0 0 20px 0;

		}
		
.jubi {
	width:152px;
	height:152px;
	background-image:url(bilder/jubi.png);
	background-repeat:no-repeat;
	float:none;
	position:absolute;
	z-index:100;
	}
	.con-2 {
		float:left;
		width:300px;
		margin:50px 0 0 100px;
		}
	.back{
	height:26px;
	width:69px;
	float:left;
	position:absolute;
	left: 606px;
	top: 407px;
	overflow:hidden;
	text-indent:-1000px;
		}