@charset "UTF-8";
/* CSS Document */


body {
background-image:url(img/bg_gradient_personal.gif); background-repeat:repeat-x;
}


#bg_shadowTop {
background-image:url(img/shadow_top_personal.gif);
}


#mainMenu a:hover {background: #822433;}

#logo {
background-image:url(img/ostragymnasiet_personal.gif);


}

#meny a:hover{background: #822433; color: #FFFFFF;}
#meny a#current{background: #822433; color: #FFFFFF;}


h1 { color: #822433;}
h2 {color: #000000;}



.pers a:link { color:black;text-decoration: none; font-weight:normal;}
.pers a:visited { color:black;text-decoration: none; font-weight:normal;}
.pers a:active { color:black;text-decoration: none; font-weight:normal;}
.pers a:hover {
	float: left;
	width: 425px;
	height : 85px;
	background:#822433;
	
	font-family:"Lucida Sans Unicode", Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color: #FFFFFF;
	margin:0;
	padding:0;
}

.pers {
	float: left;
	width: 425px;
	height : 85px;
	background:#f1f1f1;
	margin-left : 0px;
	margin-right : 15px!Important;
	margin-right : 0px;
	margin-top: 0px;
	margin-bottom : 15px!Important;
	margin-bottom: 10px;
	padding:0 0 0 0;
	border:0px solid red;
}

/* f1f1f1*/

.pers a {
	float: left;
	width: 425px;
	height : 85px;
	font-family:"Lucida Sans Unicode", Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	margin:0;
	padding:0;
}
.pers img {
	float:left;
	margin:0 5px 0 0;
	border:none;
	width:70px;
	height:85px;
	padding:0 0 0 0;
}
.pers h2 {font-family:"Lucida Sans Unicode", Arial, Verdana, Helvetica, sans-serif;font-size:14px;margin-bottom:0px;margin-top:5px;}
.pers a:hover h2 {font-family:"Lucida Sans Unicode", Arial, Verdana, Helvetica, sans-serif;font-size:14px;margin-bottom:0px;margin-top:5px;color:#FFFFFF;}


/*
.pers a:link { color:black;text-decoration: none; font-weight:normal;}
.pers a:visited { color:black;text-decoration: none; font-weight:normal;}
.pers a:active { color:black;text-decoration: none; font-weight:normal;}
.pers a:hover {float: left;width: 337px;height : 63px;background:#822433;margin-left : 0px;margin-right : 15px;margin-top: 5px;margin-bottom: 5px;font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", "Lucida", Verdana, Arial, sans-serif;font-size: 11px;font-weight:normal;color: #FFFFFF;}
.pers a {float: left;width: 337px;height : 63px;background:#f1f1f1;margin-left : 0px;margin-right : 15px;margin-top: 5px;margin-bottom: 5px;font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", "Lucida", Verdana, Arial, sans-serif;font-size: 11px;color: #000000;}
.pers img {float:left;margin-right:5px;border:none;}
.pers h2 {font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", "Lucida", Verdana, Arial, sans-serif;font-size:14px;margin-bottom:0px;margin-top:5px;}
.pers a:hover h2 {font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", "Lucida", Verdana, Arial, sans-serif;font-size:14px;margin-bottom:0px;margin-top:5px;color:#FFFFFF;}
*/



#presentationImg {
	float:left;
	width: 125px;
	height: 150px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 15px;
	overflow: hidden;
	} 
	
#presentationName {
	float:left;
	width: 280px;
	height: 125px;
	padding-left: 15px;
	margin-top: 0px;
	margin-bottom: 15px;
           
            }
	
.tipsaom {
	padding:0;
	margin:10px 0 0 0;
	clear:left;
	}
	
#pers_pres {
	clear:left;
	margin:5px 0 0 0;
	padding:0;
	}