html,body {
    text-align: center; /* to correct the centering IE bug*/
    padding: 0 ;
  	margin: 0 ;
  	overflow: auto ;
	color: #000000 ;
	height: 100%;
	background-color: #000000 ;
	/*background: url(images/bg.jpg) ;*/
}

#global {
	margin-left: auto ;
	margin-right: auto ;
	position: relative ;
	height: 100%;
	width: 800px ; /* mandatory to be centered */
	text-align: left;
}

/* top */
.tophead {
	float: right ;
	right: 25px ;
	top: 85px ;
	position: absolute ;
	width: 250px ;
}
#top {
	position:absolute;
	width: 771px;
	height: 166px;
	top: 22px;
	padding: 0px;
	margin: 0px ;
	background: #000000;
	border-left: 1px solid #000000 ;
	border-right: 1px solid #000000 ;
	z-index: 1;
	left: 2px;
}
.left {
	float: left ;
}
.leftTop {
	float: left ;
	position: aboslute ;
	left: 0px ;
}



/*meny*/
#meny {
	position:absolute;
	width: 771px;
	height: 40px;
	top: 187px;
	background: url(images/menyBg.jpg);
	left: 2px;
	padding: 0px ;
	margin: 0px ;
	text-align: right ;
	border-left: 1px solid #000000 ;
	border-right: 1px solid #000000 ;
	overflow: hidden ;
}
.menyOption {
	color: #fff ;
	text-decoration: none ;
	font: 16px "Verdana" ;
	font-weight: bolder ;
	margin: 10px 20px 0px 0px ;
	display: block ;
	float: right ;
}
.menyOption:hover {
	color: 000 ;
	text-decoration: underline ;
}
.menyOption:active {
	color: #880000 ;
}
#menyRight {
	float: right ;
	position: relative ;
	padding: 0px ;
	margin: 0px ;
	background: url(images/menyRight.jpg) ;
	background-repeat: no-repeat;
	overflow: hidden ;
}
#forum {
	float: right ;
	position: relative ;
	padding: 0px ;
	margin: 0px ;
	background: url(images/menyForum.jpg) ;
	background-repeat: no-repeat;
	overflow: hidden ;
}
#information {
	float: right ;
	position: relative ;
	padding: 0px ;
	margin: 0px ;
	background: url(images/menyInformation.jpg) ;
	background-repeat: no-repeat;
	overflow: hidden ;
}
#forestallningar {
	float: right ;
	position: relative ;
	padding: 0px ;
	margin: 0px ;
	background: url(images/menyForestallningar.jpg) ;
	background-repeat: no-repeat;
	overflow: hidden ;
}
#startsida {
	float: right ;
	position: relative ;
	padding: 0px ;
	margin: 0px ;
	background: url(images/menyStartsida.jpg) ;
	background-repeat: no-repeat;
	overflow: hidden ;
}
#menyLeft {
	float: right ;
	position: relative ;
	padding: 0px ;
	margin: 0px ;
	background: url(images/menyLeft.jpg) ;
	background-repeat: no-repeat;
	overflow: hidden ;
}

/*body*/
#body {
	position:absolute;
	width: 771px;
	top: 227px;
	background: #fffbe7;
	left: 2px;
	padding: 0px ;
	margin: 0px ;
	margin-bottom: 50px ;
	border-left: 1px solid #000000 ;
	border-right: 1px solid #000000 ;
}
#bodyBrod {
	display: inline;
	position: relative ;
	float: left ;
	margin: 20px 0px 0px 20px ;
	width: 450px ;
	height: 100% ;
	font: 12px "Verdana" ;
	color: #000000 ;
        font-stretch:  expanded ;
	}
#rightBox {
	display: inline;
	margin: 20px 20px 0px 20px ;
	float: right  ;
	position: relative ;
	width: 250px ;
	}
#brodBox{
	display: inline;
	margin: 0px 0px 0px 0px ;
	float: left  ;
	position: relative ;
	width: 450px ;
	}

/*bottom*/
#bottom {
	clear:both ;
	position:relative;
	width: 771px;
	height: 18px;
	background: url(images/bottomBg.jpg);
	padding: 0px ;
	margin: 0px ;
	text-align: center ;
	border-bottom: 1px solid #000000 ;
	overflow: hidden ;
	font: 14px "verdana" ;
	font-weight: bold ;
	color: #ffffff ;
	}

/*bildattribut*/
.arrow2 {
	margin-right: 5px ;
	margin-top: 1px ;
	margin-left: 1px ;
	float: left ;
	bottom: 0px ;
	}
.arrowLeft {
	margin-right: 5px ;
	margin-top: 1px ;
	margin-left: 1px ;
	bottom: 0px ;
	}
.arrowRight {
	margin-right: 1px ;
	margin-top: 1px ;
	margin-left: 5px ;
	bottom: 0px ;
	}
.brodForestallningImage {
	margin-bottom: 10px ;
	padding: 3px ;
	border: 1px solid #666666 ;
	float: right ;
	margin: 2px 6px 8px 8px ;
	}
.spelasIdag {
	position: absolute ;
	top: -13px ;
	left: 160px ;
	z-index: 1 ;
	opacity: .85 ;
	filter: alpha(opacity=85) ;
	}
.personalImg {
	padding: 3px ;
	border: 1px solid #666666 ;
	float: left ;
	width: 90px ;
	margin-right: 5px ;
}
.praktikantImg {
	padding: 3px ;
	border: 1px solid #666666 ;
	width: 90px ;
	margin-right: 5px ;
}
.imgleft {
	float: left ;
	width: 150px ;
	padding: 3px ;
	border: 1px solid #666666 ;
	margin-right: 5px ;
}
.imgright {
	float: right ;
	width: 150px ;
	padding: 3px ;
	border: 1px solid #666666 ;
	margin-left: 5px ;
}

/*knapp*/
.knappRight {
	background: url(images/knapp.jpg);
	width: 113px ;
	height: 17px ;
	float: right;
	position: relative ;
	right: 6px ;
	margin-top: 5px ;
	}


	

/*textattribut*/
.nyhetDatum {
	font: 10px "verdana" ;
	}
.countdown {
	font: 20px "verdana" ;
	font-weight: bold ;
	color: #ffffff ;
	border: 1px solid #000000 ;
	background: #ad0000 ;
	padding: 2px 10px 6px 10px ;
	}
.countdownText {
	font: 12px "verdana" ;
	font-weight: bold ;
	color: #000000 ;
	border: 1px solid #000000 ;
	background: #ffffff ;
	padding: 1px 3px 1px 1px ;
	position: relative ;
	float: left ;
	left: 35px ;
	top: 0px ;
	}
p {
	clear: both ;
}
.leftText{
	float: left ;
	position: relative ;
	display: inline ;
}
.boxLink {
	text-decoration:none;
	color: #000000 ;
	font-weight: bold ;
	
}
.boxLink:hover {
	text-decoration: underline ;
}
.flikLink {
	text-decoration:none;
	color: #666666 ;
	font-weight: bold ;
	
}
.flikLink:hover {
	color: #ffffff ;
}
.boxLinkActive {
	text-decoration:none;
	color: #ad0000 ;
	font-weight: bold ;
	
}
.passeradeDatum {
	color: #666666 ;
	}
.forestallningInfo {
	font: 10px "verdana" ;
	font-weight: bold ;

	}
.forestallningInfo2 {
	font: 10px "verdana" ;
	}
#picInfo {
	position: relative ;
	background: #ffffff ;
	border: 1px solid #000000 ;
	padding: 1px ;
	font-size: 9px ;
	}
#bokaDatum {
	font: 12px "courier new" ;
	position: relative ;
	display: table ;
	width: 220px ;
}
h2 {

	font: 14px "Verdana" ;
	font-weight: bold ;
	margin-bottom: 0px ;
	}


label { 
	position: relative ;
	font-weight: bold ;
	text-align: right ;
	width: 120px ;
	float: left ;
	vertical-align: bottom ;
	top: 4px ;
}
.form {
	margin-bottom: 2px ;
	font: 12px "Courier New" ;
	}

#boxText {
	position: relative ;
	width: 400px ;
	padding: 10px ;
}
#forestallningTextRight {
	display: inline ;
	position: relative ;
	float: left ;
	width: 200px ;
}
#adminDate {
	display: table ;
	margin-bottom: 4px ;
	width: 100%;
	background: #eeeeee ;
	font-size: 10px
}
.adminLinks {
	float: right ;
	}


/*boxar*/
#boxTop {
	background: url(images/boxTopBg.jpg) ;
	height: 26px ;
	overflow: hidden ;
	width: 100% ;
	}
#boxTopLeft {
	position: relative ;
	display: inline;
	background: url(images/boxTopLeft.jpg) ;
	height: 26px ;
	width: 7px ;
	background-repeat: no-repeat;
	float: left ;
	}
#boxTopText {
	position: relative ;
	display: inline;
	background: url(images/boxTopText.jpg) ;
	height: 26px ;
	float: left ;
	font: 16px Tahoma ;
	font-weight: bold ;
	color: #fffbe7 ;
	}
#boxTopMiddle {
	position: relative ;
	display: inline;
	background: url(images/boxTopMiddle.jpg) ;
	height: 26px ;
	width: 16px ;
	float: left ;
	
	}
#boxTopLeft2 {
	position: relative ;
	display: inline;
	background: url(images/boxTopLeft2.jpg) ;
	height: 26px ;
	width: 7px ;
	background-repeat: no-repeat;
	float: left ;
	}
#boxTopText2 {
	position: relative ;
	display: inline;
	background: url(images/boxTopText2.jpg) ;
	height: 26px ;
	float: left ;
	font: 16px Tahoma ;
	font-weight: bold ;
	color: #fffbe7 ;
	}
#boxTopMiddle2 {
	position: relative ;
	display: inline;
	background: url(images/boxTopMiddle2.jpg) ;
	height: 26px ;
	width: 16px ;
	float: left ;
	}
#boxTopRight {
	position: relative ;
	display: inline;
	background: url(images/boxTopRight.jpg) ;
	height: 26px ;
	width: 16px ;
	float: right ;
	right: 0px ;
	}
#boxMiddle {
	position: relative ;
	width: 100% ;
	background: url(images/boxMiddleBg.jpg) ;
	}
#boxBottom {
	clear: both ;
	height: 15px ;
	overflow: hidden ;
	width: 100% ;
	background: url(images/boxBottomBg.jpg) ;
	background-repeat: no-repeat;
	}
#boxMiddleText {
	width: 220px ;
	padding: 10px ;
	font: 12px "Verdana" ;
	}
#boxBrodMiddle {
	position: relative ;
	width: 100% ;
	background: url(images/boxBrodMiddleBg.jpg) ;
	}
#boxBrodBottom {
	clear: both ;
	height: 15px ;
	overflow: hidden ;
	width: 100% ;
	background: url(images/boxBrodBottomBg.jpg) ;
	background-repeat: no-repeat;
	}
#boxBrodMiddleText {
	width: 4ne20px ;
	padding: 10px ;
	font: 12px "Verdana" ;
	}
#boxBrodMiddleImage {
	position: relative;
	float: right ;
	display: inline;
	width: 200px ;
	padding: 10px ;
	font: 12px "Verdana" ;
	}
#clear {
	clear: both ;
	_position: absolute ;
	width: 100% ;
	height: 0px ;
	margin: 0px ;
	padding: 0px ;
	}
.right {
	float: right ;
	margin: 0px ;
	margin-right: 8px ;
	padding: 0px ;
	right: 15px ;
	bottom: 0px ;
	}
.left {
	float: left ;
	margin: 0px ;
	margin-left: 8px ;
	padding: 0px ;
	bottom: 0px ;
	}
#boxRightNext {
	position: absolute;
	display: inline;
	width: 240px ;
	float: left ;
	left: 1px ;
	padding: 0px ;
	bottom: 0px ;
	}
#boxButton {
	position: absolute;
	display: inline;
	width: 240px ;
	float: left ;
	left: 1px ;
	padding: 0px ;
	bottom: 0px ;
	}
	
.forestallningPic {
	display: table;
	float: left ;
	height: 125px ;
	width: 125px ;
	_position: relative ;
	overflow: visible;
	border: 1px solid #000000 ;
	margin: 5px ;
	}
#forestallningPic2 {
	_position: absolute ;
	_top: 50% ;
	display: table-cell;
	vertical-align: middle ;
	width: 125px ;
	text-align: center ;
	}
.forestallningPic3 {
	_position: relative ;
	_top: -50% ;
	border: 1px solid #666666 ;
	padding: 2px ;
	background: #ffffff ;
}
.forestallningPicOver {
	display: table;
	float: left ;
	height: 125px ;
	width: 125px ;
	_position: relative ;
	overflow: hidden ;
	border: 1px solid #000000 ;
	margin: 5px ;
	background: #ad0000 ;
	}

.forestallningPic2 {
	display: table;
	float: left ;
	height: 30px ;
	width: 31px ;
	_position: relative ;
	overflow: hidden ;
	border: 1px solid #000000 ;
	margin: 5px ;
	}
#forestallningPic22 {
	_position: absolute ;
	_top: 50% ;
	display: table-cell;
	vertical-align: middle ;
	width: 31px ;
	text-align: center ;
	}
.forestallningPic23 {
	_position: relative ;
	_top: -50% ;
	border: 1px solid #666666 ;
	padding: 2px ;
	background: #ffffff ;
}
.forestallningPic2Over {
	display: table;
	float: left ;
	height: 30px ;
	width: 31px ;
	_position: relative ;
	overflow: hidden ;
	border: 1px solid #000000 ;
	margin: 5px ;
	background: #ad0000 ;
	}
.forestallningPicture {
	clear: both ;
	border: 1px solid #000000 ;
	margin: 5px ;
	padding: 3px ;
	}
#praktikantBox {
	float: left ;
	padding: 0px ;
	margin-bottom: 10px ;
	text-align: center;
}