html {overflow-y:scroll;}
body {
	font: 11px/15px Tahoma, Arial, Helvetica, sans-serif;
	color:#000;
	margin:0 auto;
	padding:0;
	border:0;
	text-align:center;
	}
#kreativastudier {z-index:9999999; position:fixed !important; position:absolute; cursor:hand; cursor:pointer; bottom:0; right:0;}
#studiebanner {z-index:9999999; position:fixed !important; position:absolute; cursor:hand; cursor:pointer; bottom:50%; right:0;}
#studiebanner p{margin:0;}
/*  */
#tooltip{
	position:absolute;
	border:1px solid #ccc;
	background-color:#d93e22;
	padding:5px;
	color:#fff;
	display:none;
	font:11px Georgia, "Times New Roman", Times, serif;
	}	
/*  */
a.tooltip{ background-color:#d93e22; font:12px Georgia, "Times New Roman", Times, serif; }
/*overall styles*/
 a:link, a:visited { 
 	text-decoration: none;
	background: url(../images/link-bg.gif) repeat-x;
	border-bottom: 1px solid #ccc;
	color: #000;
	} 
  a:hover { 
	text-decoration: none;
	border-bottom: 1px solid #000;
	}
a:link.plainlink, #gallery a, .ovning a, #studiebanner a, a.tooltip, a:visited.plainlink {text-decoration: none; background: none; border-bottom:none;}
a.color:link{font-weight:bold; color:#660000;}
a.color:visited{font-weight:bold; color:#660000;}
a.color2:link{font-weight:bold; color:#000000}
a.color2:visited{font-weight:bold; color:#000000;}
a.color3:link{font-weight:bold; color:#663300;}
a.color3:visited{font-weight:bold; color:#663300;}
a.color4:link{font-weight:bold; color:#CC3300}
a.color4:visited{font-weight:bold; color:#CC3300;}

.indent { 
	margin:0 20px 20px 0px;
	}
h1{font:bold 14px Arial, Helvetica, sans-serif; color:#666; padding:0 0 10px 0; margin:0;}
h2{font:bold 12px Arial, Helvetica, sans-serif; color:#333; font-style:italic;}
table, td, tr{font: 11px/15px Tahoma, Arial, Helvetica, sans-serif;}

/* Used to setup the main page structure with borders on the left and right */
#wrapper {
   	width: 900px;
	min-height:500px;
	margin:0 auto;
	padding:0;
	text-align:left;
	border-right:1px solid #ccc;
	}
#wrapper.start {background:url(../images/fotoutbildning.gif) top right no-repeat;}
#content{text-align:left; width:100%; min-height:460px; float:left; margin:5px 0 0 0;}
#banner {
	height:80px;
	margin:20px 0 0 0;
	padding:0 0 0 5px;
	position:relative;
	}
#nav {
	background: url(../images/fotografnav.gif) top no-repeat;
	position: absolute;
	top: 0;
	right:0;
	padding: 0;
	margin: 0;
	height:30px;
	width:551px;
	z-index:100;
}
#fotoheader{ font:normal 18px Georgia, 'Times New Roman', Times, serif; color:#000; line-height:0.8; letter-spacing:0.1em; margin:0 0 0 172px; padding:0; width:200px;}
#roll1{ position:absolute; top:-35px; left:344px; z-index:1;}
#language{text-align:right; padding:20px 13px 12px 0;}

/* Styles assosicated with index pages */	
.fototabell{
	text-align:left;
	margin-bottom:10px;
	border:none;
	}
.border {border:1px solid #ccc;}
div.ovning img {border:4px solid #000; margin-right:12px; margin-bottom:12px;}
 .float {/* Used to allow captions under the thumbnails, while at the same time preserving the "free flow" nature of thumbs when the browser is resized */
	float: left;
	} 
 .float p {
	text-align: center;
	margin: 0px 10px 2px 10px;
	}
 .float p.thumbComment  {
	font-size: x-small;
	}
.header{
	padding-left:312px; color:#666666; font: bold 14px Helvetica, Arial, sans-serif; letter-spacing: -1px; margin: 7px 0 7px 0; }
#footer {width:100%; text-align:center; font-size:10px; color:#666666; clear:both; border-top:1px solid #ccc; padding-top:5px; margin-top:20px; }
.intro{ margin-bottom:30px;}
#gallery {margin-left:20px; margin-top:20px;}
#bildspel{margin-left:10px;}

body#personal #roll1	{
					left:795px;
					}
body#gastlarare #roll1	{
					left:710px;
					}
body#utrymmen #roll1	{
					left:630px;
					}
body#studerande #roll1	{
					left:550px;
					}
body#utbildning #roll1	{
					left:480px;
					}
body#aktuellt #roll1	{
					left:400px;
					}
.fotokonst{ font:normal 18px Georgia, 'Times New Roman', Times, serif; color:#000; letter-spacing:0.1em; padding:0; line-height:0.8em;}
.grey{color:#666;}
.textruta{padding:5px 15px 20px 0px;}
.textruta p{margin:15px 0 15px 0px;}
.bildruta{padding-bottom:10px; width:530px; margin-right:10px;}
.bildruta img, .textruta img{padding-top:5px;}
.projektbild{border-top:1px solid #efefef; padding-top:15px;}