/* CSS Document */


body {
	background-color:#202020;
	margin:0px;
	margin-top:5px;
	padding:0px;
}

.container {
	margin-top: 10px;	
	width:1035px;
	height:780px;
	margin-left:auto;
	margin-right:auto;
}

#logo {
	background-image:url(img/logo.png);
	width: 193px;
	height: 93px;
	margin-left: 115px;
	margin-top: 6px;
	position:absolute;
}

.container #logo {
	margin-left: 15px;
}

/* STYLES */

img { border:none;} 

a {
	color:#7c3d84;
}

a:hover {
	text-decoration: underline;
}

.orange {background:#fde2b6;}

/* INDEX */

#container-index {
	background-image:url(img/bg_start.jpg);
}

.indexLink {
	cursor:pointer;
	position:absolute;
}

#indexLink-shower {
	width:175px;
	height:205px;
	margin-left:175px;
	margin-top:106px;
}

#indexLink-skolan {
	width:281px;
	height:143px;
	margin-left:535px;
	margin-top:32px;
}

#indexLink-larare {
	width:191px;
	height:176px;
	margin-left:450px;
	margin-top:175px;
}

#indexLink-schema {
	width:154px;
	height:140px;
	margin-left:645px;
	margin-top:215px;
}

#indexLink-kurser {
	width:257px;
	height:348px;
	margin-left:394px;
	margin-top:378px;
}

#indexLink-nyheter {
margin-left:840px; 
margin-top:165px; 
max-width: 180px;
}

#Link-citat {
	width: 119px;
	height: 126px;
	margin-top: 535px;
	margin-left: 260px;
}

#indexLink-shower:hover { background-image:url(img/indexLink-shower.png); }
#indexLink-skolan:hover { background-image:url(img/indexLink-skolan.png); }
#indexLink-larare:hover { background-image:url(img/indexLink-larare.png); }
#indexLink-schema:hover { background-image:url(img/indexLink-schema.png); }
#indexLink-kurser:hover { background-image:url(img/indexLink-kurser.png); }


/* OM OSS */
#skolan-text {
	font-family:Verdana, Geneva, sans-serif;
	color:#000;
	width:380px;
	height:295px;
	position:absolute;
	font-size:11px;
	margin-left:560px;
	margin-top:345px;
	padding:5px;
	overflow-y:scroll;
}

#skolan-text ul {
	list-style: none;
}

/* KURSER */

#container-kurser {
	background-image:url(img/bg_kurser.jpg);
}

#kurserLink-barn {
	width:61px;
	height:25px;
	margin-left:173px;
	margin-top:474px;
}

#kurserLink-vuxen {
	width:67px;
	height:25px;
	margin-left:420px;
	margin-top:564px;
}

#kurserLink-ungdomar {
	width:149px;
	height:30px;
	margin-left:611px;
	margin-top:637px;
}

#kurserLink-info {
	width:177px;
	height:45px;
	margin-left:630px;
	margin-top:225px;
}

#Link-kurserSchema {
	width:70px;
	height:15px;
	margin-left:126px;
	margin-top:643px;
}

#Link-kurserTillbaka {
	width:70px;
	height:15px;
	margin-left:346px;
	margin-top:633px;
}

#Link-kurserAnmalan {
	width:70px;
	height:15px;
	margin-left:226px;
	margin-top:643px;
}

#kurserText {
	font-family:Verdana, Geneva, sans-serif;
	color:#c1e996;
	width:375px;
	height:350px;
	position:absolute;
	font-size:11px;
	margin-left:115px;
	margin-top:180px;
	padding:5px;
	/*overflow: hidden;*/
	overflow-y:scroll;
}

#kurserLink-barn:hover { background-image:url(img/kurserLink-barn.png); }
#kurserLink-vuxen:hover { background-image:url(img/kurserLink-vuxen.png); }
#kurserLink-ungdomar:hover { background-image:url(img/kurserLink-ungdomar.png); }
#kurserLink-info:hover { background-image:url(img/kurserLink-info.png); }
#kurserLink-kurser_tillbaka { background-image:url(img/bak.png); height:27px; width:120px; margin-left: 540px; margin-top: 625px; }
#kurserLink-kurser_tillbaka:hover { background-image:url(img/bak-hover.png); }

/* KURSER UNGDOMAR */

#container-kurser_ungdomar {
	background-image:url(img/bg_kurser-ungdomar.jpg);
}

#container-kurser_info {
	background-image:url(img/bg_kurser-info.jpg);
}

/* KURSER BARN */

#container-kurser_barn {
	background-image:url(img/bg_kurser-barn.jpg);
}

#kurser-text {
	font-family:Verdana, Geneva, sans-serif;
	color:#000;
	width:285px;
	height:335px;
	position:absolute;
	font-size:11px;
	margin-left:120px;
	margin-top:275px;
	padding:5px;
	max-height:335px;
	overflow-y:auto;
}

#kurser-text b {
	font-size: 11px;
	line-height:160%;
}

#kurser-text-info {
	font-family:Verdana, Geneva, sans-serif;
	color:#000;
	width:460px;
	height:460px;
	position:absolute;
	font-size:11px;
	margin-left:195px;
	margin-top:275px;
	padding:5px;
}


/* KURSER VUXEN */

#container-kurser_vuxen {
	background-image:url(img/bg_kurser-vuxen.jpg);
}

/* SKOLAN */

#container-skolan {
	background-image:url(img/bg_skolan.jpg);
}

#Link-citat2 {
	width: 220px;
	height: 245px;
	margin-top: 100px;
	margin-left: 180px;
}

#skolanLink-friskvard {
	width:78px;
	height:22px;
	margin-left:930px;
	margin-top:555px;
}

#skolanLink-friskvard:hover { 
	background-image:url(img/skolanLink-friskvard.png);
	width:78px;
	height:22px;
}

/* FRISKVÅRD */

#container-friskvard {
	background-image:url(img/bg_friskvard.jpg);
}

#friskvardLink-tillbaka {
	width:78px;
	height:22px;
	margin-left:850px;
	margin-top:652px;
}

#friskvardLink-tillbaka:hover { 
	background-image:url(img/skolanLink-friskvard.png);
	width:78px;
	height:22px; 
}

/* SCHEMA */

#container-schema {
	background-image:url(img/bg_schema.jpg);
	width: 1030px;
	height: 1509px;
}

#schemat table {border: 1px solid #ccc;}
#schemat td {padding: 10px; width: 100%; border: 1px solid #ccc; background-color: #ffffff; min-width: 90px;}
#schemat td:hover {background-color: #efefef;}
#schemat {margin-top: 170px; margin-left: 70px; position: absolute;}
#schemat h3 {text-align: center;}
#Link-schemadagar {
position: absolute;
margin-top: 120px;
margin-left: 140px;
}

a {
	text-decoration: none;
}

#Link-schemadagar li {
	text-decoration: none;
	display:inline;
	font-family: Didot;
	/*font-family: Courier; */
	font-size: 16px;
	}

#Link-schemadagar li a {
	color:#000;
	text-transform: uppercase;
	margin-right:25px;
	padding-bottom:24px;
	display: inline-block;
	}


#Link-schemadagar li a.selected {
	color:#d9254b;
	}
	

/* SHOWER */

#container-shower {
	background-image:url(img/bg_shower.jpg);
}

#showerLink-kommande {
	width:148px;
	height:28px;
	margin-left:133px;
	margin-top:546px;
	background-image:url(img/button_kommande-shower.jpg);
}

#showerLink-tidigare {
	width:134px;
	height:28px;
	margin-left:340px;
	margin-top:546px;
	background-image:url(img/button_tidigare-shower.jpg);
}

#showerLink-kommande:hover { background-image:url(img/button_kommande-shower-over.jpg); }
#showerLink-tidigare:hover { background-image:url(img/button_tidigare-shower-over.jpg); }

/* TIDIGARE SHOWER */

#container-tidigare_shower {
	background-image:url(img/bg_tidigare-shower.jpg);
}

#tidigare-film {
	margin-left: 472px;
	margin-top: 128px;
	position: absolute;
	background-image:url(img/ram.png);
	width: 533px;
	height: 285px;
	/*-webkit-transform:rotate(2.5deg);
	-moz-transform: rotate(2.5deg);
	-o-transform:rotate(2.5deg);
	transform: rotate(2.5deg);*/
}

#tidigare-film .film {
	margin-top: 16px;
	margin-left: 15px;
}

#showerLink-bestall {
	width:104px;
	height:28px;
	margin-left:120px;
	margin-top:622px;
	position: absolute;
}

#showerLink-bestall:hover { 
	background-image:url(img/button-bestall.png);
	width:104px;
	height:28px;
	}

/* KOMMANDE SHOWER */

#container-kommande_shower {
	background-image:url(img/bg_kommande-shower.jpg);
}

#shower-box {
	background-image: url(img/box1.png);
	width: 713px;
	height: 435px;
	position: absolute;
	margin-top: 65px;
	margin-left: 300px;
}

#showerLink-bestall2 {
	width:104px;
	height:28px;
	margin-left:840px;
	margin-top:430px;
	position: absolute;
}

#showerLink-bestall2:hover { 
	background-image:url(img/button-bestall.png);
	width:104px;
	height:28px;
	}

/* LÄRARE */

#container-larare {
	background-color: #dfcdbf;
	height: 100%;
	width: 1035px;
}

#larare-text {
	width: 590px;
	padding-top: 60px;
	margin: 0 auto; 
	color: #333333;
	font-family: "Verdana";
	font-size: 10pt;
}

#larare-text img {
	margin-left: 180px;
	border-style: none;
}

#larare_content {
	margin-top: 20px;
	margin-left: 50px;
}

#larare_content table {
	height: 100%;
}

#larare_content td {
	max-width: 139px;
	padding-right: 15px;
	vertical-align:top;
	border-style: none;
	padding-bottom: 10px;
	min-height: 180px;
	height: 180px;
}

#larare_content img {
	margin-bottom: 5px;
	border-style: groove;
	border-width: 3px;
	border-color: #333333;
}

#larare_content a {
	text-decoration: none;
	border-style: none;
}

#container-larare #foot {
background-image:url(img/bg_larare.jpg);
height: 708px;
width: 1035px;
margin-top: 10px;
}



/* KURSANMÄLAN */
#rb_formMenuBox {
	width: 180px;
	border: 0px solid #000;
	display: inline;
	float: left;
}

div#rb_formMenuItem, div#rb_formMenuItem_active {
	width: 150px;
	height: 30px;
	background-color: #99ccff;
	border-left: 10px solid #003399;
	padding: 5px 5px 5px 15px;
	margin-bottom: 5px;
}
div#rb_formMenuItem {
	width: 145px;
	background-color: #99cccc;
	border-left: 10px solid #003333;
}
a#rb_formMenuItem {
	color: #000;
	font-size: 14px;
	font-family: "Lucida Grande", Arial, sans-serif;
	font-weight: bold;
}

div#rb_formBox {
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	background-color: #99ccff;
	padding: 5px 5px 5px 15px;
}
#rb_formItemTitle {
	color: #000;
	font-size: 15px;
	clear: left;
	padding-top: 10px;
}

div#rb_formItem {
	color: #000;
	font-size: 13px;
	display: inline;
	float: left;
	padding-left: 5px;
}

#rb_formItemDescr {
	color: #666;
	font-size: 14px;
	display: inline;
	float: left;
	margin: 0px;
	padding: 0px;
	margin-bottom: 4px;
}

#rb_kursanmalan_input, #rb_kursanmalan_dropbox {
	background-color: #fff;
	border: 1px solid #000;
	font-family: verdana, tahoma, arial, sans-serif;
	font-weight: normal;
	font-size: 12pt;
	color: #000;
}

#rb_kursanmalan_btn {
	background-color: #fff;
	border: 1px solid #000;
	font-family: verdana, tahoma, arial, sans-serif;
	font-weight: normal;
	font-size: 11pt;
	color: #000;
}


#rb_kursanmalan_input {
	width: 150px;
}

/* News */
#container-index .news_title, .news_date, .news_contents {
  font-size: 8pt;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  display: inline;
  font-weight: normal;
}
#container-index .news_title {
  font-weight: bold;
  /*color: #555555;*/
  color: #ffffff;
}

#container-index .news_date{
  font-style: italic;
  font-size: 7pt;
}

#news {
width: 450px;
}

#news .news_title, .news_date, .news_contents {
  font-size: 8pt;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
}

#news .datetime {
	padding: 7px 0 5px 25px;
	background: url(img/clock.png) no-repeat;
}

#news .news_contents {
  font-size: 10pt;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  display: inline;
}
#news .news_title{
  font-weight: bold;
  color: #8dc854;
  font-size: 12pt;
  margin-bottom: -10px;
}
#news .news_date{
  font-style: italic;
  font-size: 8pt;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #6e6e6e;
  margin-bottom: -10px;
}

.gray {
	background: #efefef;
}