body { 
  margin: 0;
  color: #333; /* textfärg */
  font-family: Geneva, Tahoma, Arial, Helvetica, sans-serif; 
  font-size: 9pt; 
  background: url(/images/portfolio_v4/pattern.gif) repeat;
  text-align: center;
  padding-bottom: 50px;
}
img {
  border:0;
}
em {
  font-style: normal;
  color: #000000;
}
#header {
  margin: 0 auto;
  text-align: right;
  width: 800px;
  height: 125px;
  background:url(/images/portfolio_v4/header_first.jpg) no-repeat;
}
body.workfolio #header {
  background:url(/images/portfolio_v4/header_work.jpg) no-repeat;
}
body.funfolio #header {
  background:url(/images/portfolio_v4/header_fun.jpg) no-repeat;
}
body.brainfolio #header {
  background:url(/images/portfolio_v4/header_brain.jpg) no-repeat;
}
#menu {
  margin: 0 auto;
  text-align: center;
  width: 800px;
  margin-top:20px;
  margin-bottom:0px;
  background-color:#000;
  color:#fff;
}
#glow {
  width: 1010px;
  text-align: center;
  margin: 0 auto;
}
#centerColumn {
  position:relative;
  width:840px;
  text-align: center;
  margin: 0 auto;
  background-color: #000000;
  padding-top: 17px;
  padding-bottom: 0px;
}
.case, .aboutme {
  background-color:#FFFFFF;
  width: 800px;
  margin: 0 auto;
  margin-top:20px;
  background-image:url(/images/portfolio_v4/kortbotten_generic.jpg);
  background-position:bottom;
  background-repeat:no-repeat;
  padding-bottom: 40px;
  text-align: left;
}
.aboutme {
  padding-top: 20px;
}

body.workfolio .case, body.workfolio .aboutme {
  background-image:url(/images/portfolio_v4/kortbotten_workfolio.jpg);
}
body.funfolio .case, body.funfolio .aboutme {
  background-image:url(/images/portfolio_v4/kortbotten_funfolio.jpg);
}
body.brainfolio .case, body.brainfolio .aboutme {
  background-image:url(/images/portfolio_v4/kortbotten_brainfolio.jpg);
}

/* USing body class instead.
.smallbottom {
  background-image:url(/images/portfolio_v4/kortbotten2.jpg);
}
*/

/*.case img.visual, .aboutme img.visual */
.case img, .case.smallbottom img, .case.smallbottom img, .aboutme img {
  list-style: none;
  margin: 0 auto;
  margin-top: 25px;
  margin-left: 25px;
}
/* .aboutme img.visual */
.aboutme img {
  margin-bottom: 20px;
}

/* Icon Images firstpage */
img.contacticon {
  margin: 0px;
  margin-top: 3px;
}

.case_info, .aboutme_info {
  margin-left: 75px;
  margin-top: 10px;
  width: 650px;
}
.case_info p, .aboutme_info p {
  background-position:top left;
  background-repeat:no-repeat;
  padding-top: 20px;
}
.agency {
  float: left;
  width: 220px;
  background-image:url(/images/portfolio_v4/texts/agency.gif);
}
.role {
  clear: left;
  width: 220px;
  background-image:url(/images/portfolio_v4/texts/myrole.gif);
}
.description {
  width: 410px;
  background-image:url(/images/portfolio_v4/texts/information.gif);
  float:right;
}
.workfolio .agency {
  background-image:url(/images/portfolio_v4/texts/agency_work.gif);
}
.funfolio .agency {
  background-image:url(/images/portfolio_v4/texts/agency_fun.gif);
}
.brainfolio .agency {
  background-image:url(/images/portfolio_v4/texts/agency_brain.gif);
}
.workfolio .role {
  background-image:url(/images/portfolio_v4/texts/myrole_work.gif);
}
.funfolio .role {
  background-image:url(/images/portfolio_v4/texts/myrole_fun.gif);
}
.brainfolio .role {
  background-image:url(/images/portfolio_v4/texts/myrole_brain.gif);
}
.workfolio .description {
  background-image:url(/images/portfolio_v4/texts/information_work.gif);
}
.funfolio .description {
  background-image:url(/images/portfolio_v4/texts/information_fun.gif);
}
.brainfolio .description {
  background-image:url(/images/portfolio_v4/texts/information_brain.gif);
}

.contact {
  float: left;
  width: 210px;
  background-image:url(/images/portfolio_v4/texts/contact.gif);
}
.news {
  clear: left;
  width: 210px;
  background-image:url(/images/portfolio_v4/texts/news.gif);
}
.hello {
  width: 410px;
  background-image:url(/images/portfolio_v4/texts/hello.gif);
  float:right;
}
.mainimg {
  margin-left: 55px;
}
.line {
  margin-top: 25px;
  margin-left: 50px;  
}
#workfolio, #funfolio, #brainfolio {
  margin-right:50px; top:-10px
}

A:link {text-decoration: none; color: #EA960F}
A:visited {text-decoration: none; color: #EA960F}
A:active {text-decoration: none; color: #EA960F}
A:hover, body.workfolio A:hover, body.funfolio A:hover, body.brainfolio A:hover {text-decoration: underline;}

body.workfolio A:link {color: #6D00D6}
body.workfolio A:visited {color: #6D00D6}
body.workfolio A:active {color: #6D00D6}

body.funfolio A:link {color: #1C8F00}
body.funfolio A:visited {color: #1C8F00}
body.funfolio A:active {color: #1C8F00}

body.brainfolio A:link {color: #D91F2A}
body.brainfolio A:visited {color: #D91F2A}
body.brainfolio A:active {color: #D91F2A}

div#twitfeed {
	width: 215px;
	height: 115px;
	position:absolute;
	top: 350px;
	left: 525px;
	text-align: left;
	background-color:none;
	font-size: 1.1em;
	font-weight: 500;
	line-height: 16px;
/*	font-family:georgia, "Times New Roman", serif; 
	font-style: italic;
*/
}
div#twitheadline {
	margin-bottom: 5px;
	margin-top:-5px;
	font-size:1.3em;
}
div#twitfeed div#fromtwit {
	width: 200px;
	height: 14px;
	position:absolute;
	bottom: 0px;
	right:  0px;
	text-align:right;
	background-color:none;
	font-size: 12px;
	font-weight: bold;
	font-family:georgia, "Times New Roman", serif;
	font-style: italic;
}