/*
	Copyright © 2007 Rickard Wikström and Mathias Lundqvist
	Main CSS
	@author Rickard Wikström <r@t-fusion.net>
	@date   2007-01-09
*/



body{
	background:#eee url(../img/bg.gif) repeat-y 50% 50%;
	padding:0;
	margin:0;
	background-attachment: fixed
	}

#container{
	width:739px;
	background:none;
	position:relative;
	margin:0 auto;
	padding:0;
	margin-top:0px;
	line-height:130%;
	font-family:georgia, Verdana, sans-serif;
	font-size:.8em;
	text-align:left;
	}

/* Top */

#top{
	width:738px;
	height:278px;
	padding:0;
	margin:0;
	background:url(../img/header.jpg) no-repeat 0 0;
	}

#top h1{
	display:none;
	padding:0;
	margin:0;
	}

/* Login */

#login{
	width:726px;
	height:auto;
	margin:0 auto;
	font:normal 10px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
	line-height:130%;
	position:relative;
	margin-top:5px;
	padding:4px;
	padding-left:10px;
	text-align:left;
	border:0px solid #6d7134;
	background:none;
	}

#login h1{
	display:none;
	padding:0;
	margin:0;
	}

#login form{
	padding:0;
	margin:0;
	}

/* Menu */

#navcontainer{
	width:737px;
	height:19px;
	margin:0;
	padding:0;
	background:none;
	}

#navcontainer h1{
	display:none;
	}	

#navcontainer ul{
	border:0;
	margin:0;
	height:19px;
	padding:0;
	list-style-type:none;
	text-align:center;
	}

#navcontainer ul li{
	display:block;
	float:left;
	text-align:center;
	padding:0;
	margin:0;
	height:19px;
	}

#navcontainer ul li a{
background:#120c08;
	width:99px;
	height:19px;
	display:block;
	border-top:1px solid #120c08;
	border-bottom:1px solid #120c08;
	padding:0;
	padding-top:1px;
	margin:0px 0px 10px 0px;
	color:#F6F4EC;
	text-decoration:none;
	text-align:center;
	text-transform:uppercase;
	font:normal 10px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
	}

#navcontainer ul li a:hover{
	color:#120c08;
	background:#F6F4EC;
	}

#navcontainer a:active{
	background:#000;
	color:#fff;
	}

#navcontainer li#active a{
	background:#000;
	border:1px solid #c60;
	color:#fff;
	}
	
/* Submenu */

#submenu{
height:auto;
	width:210px;
	float:right;
	background:none;
	margin-top:70px;
	padding-left:0px;
	padding-right:40px;
	border:0px solid #FF0000;;
	}

#submenu .meny{
	width:160px;
	background:none;
	margin:0;
	}

#submenu h1{
	display:none;
	}

#submenu h2{
	text-align:center;
	margin:0px;
	background:none;
	color:#aaa;
	text-transform:uppercase;
	font:normal bold 16px "Trebuchet MS", Verdana, Arial, sans-serif;
	
	}

#submenu ul{
	border:0;
	margin:0;
	padding:0;
	list-style-type:none;
	text-align:center;
	margin-left:5px;
	}

#submenu ul li{
	text-align:left;
	padding:0;
	margin:0;
	padding-left:9px;
	}

#submenu ul li a{
	width:210px;
	height:18px;
	margin:0px 0px 0px 0px;
	vertical-align:middle;
	color:#666;
	text-decoration:none;
	text-transform:uppercase;
	text-align:left;
	background:#f6f4ec;
	font:normal 10px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
	}

#submenu ul li:hover{
	background:url(../img/arrow_grey.gif) no-repeat 0px 7px;
		}

#submenu .selected{
	color:#790000;
	}
	
.square{
	height:auto;
	float:right;
	width:190px;
	padding:3px;
	border:1px solid #aaa;
	background:#fff;
	margin-bottom:15px;
	text-transform:uppercase;
	font:normal 10px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
	}	
	
#submenu a{
  
  text-transform:uppercase;
	font:normal 10px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
	}	

/* Tips */

div.note div.tips{
	padding:10px;
	padding-left:15px;
	font-size:12px;
	}


/* Main Content Container */

#content{
	width:450px;	
	font:normal 12px "Trebuchet MS", Verdana, Arial, sans-serif;
	color:#000;
	float:left;
	padding-top:15px;
	padding-bottom:10px;
	padding-left:20px;
	border:0px solid #bbb;
	}

#content h1{
	margin-top:0px;
	margin-bottom:15px;
	padding:0px;
	color:rgb(156,0,0);
	text-transform:uppercase;
	font:normal bold 25px "Trebuchet MS", Verdana, Arial, sans-serif;
	}

#content h2{
	color:#aaa;
	text-transform:uppercase;
	font:normal bold 14px "Trebuchet MS", Verdana, Arial, sans-serif;
	padding-bottom:5px;
	border-bottom:1px solid;
	}

#content img{
	border:0px solid #000;
	margin-left:0px;
	padding:0;
	}

#content div.message{
	color:#000;
	padding:10px;
	width:auto;
	background:#fff;
	border:#000 1px solid;
	}

#content div.intromessage{
	color:#000;
	width:350px;
	margin-bottom:25px;
	margin-left:15px;
	margin-top:25px;
	padding:4px;
	padding-top:45px;
	padding-left:5px;
	background:url(../img/welcome.gif) no-repeat 0 0;
	}

#content div.intromessage h1{
	display:none;
	}

#content div.top h1{
	display:none;
	}

#content div.kategori{
	font:normal bold 16px "Trebuchet MS", Verdana, Arial, sans-serif;
	text-transform:uppercase;
	display:block;
	}
	
/* Sidor */

#sidor{
	background:none;
	padding:15px;
	padding-right:100px;
	width:430px;
	}

#sidor h1{
	display:none;
	margin:0;
	padding:0;
	}
	
	#sidor h2{
	
		color:#790000;
	text-transform:uppercase;
	font:normal bold 16px "Trebuchet MS", Verdana, Arial, sans-serif;
	}

div.fetrubrik{
	margin-top:5px;
	margin-bottom:5px;
	color:#000;
	text-transform:uppercase;
	font:normal bold 16px/125% "Trebuchet MS", Verdana, Arial, sans-serif;
	}

/*News*/

#news{
	padding-top:15px;
	width:150px;
	}

#news h2{
text-align:left;
margin:0;
	padding:0;
	color:#aaa;
	text-transform:uppercase;
	font:normal bold 16px "Trebuchet MS", Verdana, Arial, sans-serif;
	}

#news div.date{
	margin-bottom:25px;
	margin-top:5px;
	color:#aaa;
	font:normal 10px/125% Verdana, Arial, sans-serif;
	text-transform:uppercase;
	}

#news div.rubrik{
	margin-top:5px;
	margin-bottom:5px;
	color:#790000;
	font:normal bold 12px/125% "Trebuchet MS", Verdana, Arial, sans-serif;
	text-transform:uppercase;
	}

#news div.innehall{
	color:#000;
	font:normal 12px/125% "Trebuchet MS", Verdana, Arial, sans-serif;
	}

/*About*/

.headline{
	background:none ;
	margin-left:-5px;	
	height:45px;
	width:350px;
	margin-bottom:0px;
	}

/*Studenter*/

#studenter{
	background:url(../img/studenter.gif) no-repeat 0 0;
	margin-left:15px;
	padding-left:5px;
	padding-top:45px;
	width:350px;
	}

#studenter h2{
	display:none;
	}

#studenter h3{
	margin-top:5px;
	font:bold 14px/125% "Trebuchet MS", Verdana, Arial, sans-serif;
	}
#studenter h4{
	color:#aaa;
	text-transform:uppercase;
	font:normal bold 14px "Trebuchet MS", Verdana, Arial, sans-serif;
	}	

/* Schedule */

div.day{
	float:left;
	width:360px;
	height:auto;
	margin-right:30px;
	margin-bottom:15px;
	border:1px solid #aaa;
	background:#fff;
	display:block;
	padding:4px;
	}

div.position{
	width:355px;
	display:block;
	background:#fff  url(../img/ledig.gif) no-repeat 70px 2px;
	border-top:1px dotted #aaa;
	padding-top:2px;
	padding-bottom:2px;
	vertical-align:middle;
	}

div.bookedposition{
	width:355px;
	display:block;
	background:#fff  url(../img/upptagen.gif) no-repeat 70px 2px;
	border-top:1px dotted #aaa;
	padding-top:2px;
	padding-bottom:2px;
	vertical-align:middle;
	}

div.nolesson{
	vertical-align:middle;
	width:345px;
	height:25px;
	background:#fff  url(../img/ingalektioner.gif) no-repeat 2px 2px;
	padding-top:2px;
	padding-bottom:2px;
	}

.time{
	color:#aaa;
	background:#fff;
	padding:1px;
	margin-right:90px;
	}

.datemonth{
	text-transform:uppercase;
	font:bold 18px "Trebuchet MS", Verdana, Arial, sans-serif;
	}

.dateday{
	color:#aaa;
	text-transform:uppercase;
	font:normal bold 18px "Trebuchet MS", Verdana, Arial, sans-serif;
	}

.location{
	margin-left:15px;
	color:#ccc;
	text-transform:uppercase;
	font:normal bold 12px "Trebuchet MS", Verdana, Arial, sans-serif;
	}

div.day a{
	color:green;
	}

div.day h2{
	display:none;
	}

/* Footer */

#footer{
	text-align:right;
	clear:both;
	margin:0;
	padding:.5em;
	color:#333;
	border-top:0px solid gray;
	padding-right:10px;
	}

span.footer{
	font-size:.7em;
	font-family:verdana, sans, serif;
	color:#666;
	}

/* Misc */

a{
  
	text-align:left;
	background:none;
	color:rgb(156,0,0);
	border:0px;
	text-decoration:none;
	}

a:hover{
	color:#666;
 }

img{
	border:none;
	}

.tips{
width:200px;
height:150px;
	border:0px solid #bbb;
	background:none;
	margin-bottom:5px;
	
	padding:1px;
	color:#aaa;
	text-transform:uppercase;
	font:normal 10px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
	}
.extern {
   background: url(../img/arrow_grey.gif) no-repeat 100% 4px;
	 padding-right:10px;
}	

.loginbox{
	vertical-align:middle;
	border:1px solid #bbb;
	background:none;
	margin-bottom:5px;
	padding:1px;
	color:#aaa;
	font:normal 10px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
	}
		
.inputbox{
	vertical-align:middle;
	border:1px solid #bbb;
	background:#fff;
	margin-bottom:5px;
	font:normal 12px Verdana, Arial, sans-serif;
	padding:2px;
	}

form{
	color:#aaa;
	}

.button{
	vertical-align:middle;
	border:1px solid #bbb;
	background:#fff;
	
	padding:2px;
	padding-top:0px;
	padding-bottom:0px;
	color:#aaa;
	text-transform:uppercase;
	font:normal 10px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
	}

.loginbutton{
	vertical-align:middle;
	border:1px solid #bbb;
	background:none;
	margin-bottom:5px;
	padding:2px;
	padding-top:0px;
	padding-bottom:0px;
	color:#aaa;
	text-transform:uppercase;
	font:normal 10px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
	}