@charset "UTF-8";
body {
	font-family: Georgia, "Times New Roman", Times, serif;
	background-image: url(bakg.png);
	background-repeat:repeat-x;
	background-color: #e7e4e4;
	margin: 0px;
	padding: 0px;
}
#banner {
	width: 250px;
	height: 250px;
	background-image:url(http://dettmar.se/portfolio/wp-content/themes/portfolio/internshipdown.png);
	background-repeat: no-repeat;
	position: fixed; 
	z-index: 1;
	bottom: 0px;
	left: 0px;
}
#leftarrowsup {
	width: 43px;
	margin: 0px;
	height: 141px;
	float: left;
	text-align: right;
}
#leftarrows {
	width: 33px;
	margin: 0px;
	height: 500px;
	padding: 33px 10px 0px 0px;
	background-image: url(http://dettmar.se/portfolio/wp-content/themes/portfolio/arrows.png);
	background-position: 3px 35px;
	background-repeat: no-repeat;
	text-align: center;
	font-size: 36px;
	float: left;
	text-align: right;
}
#leftarrows a {
	color: #00b4da;
	text-decoration: none;
}

#leftarrowsfake {
	width: 33px;
	margin: 0px;
	height: 500px;
	padding: 33px 10px 0px 0px;
	float: left;
}

#middle {
	width: 983px;
	position: absolute;
	margin-left: -495px;
	left: 50%;
}
#top {
	border-bottom: solid #000 10px;
	text-align: center;
	vertical-align: middle;
	height: 130px;
	width: 940px;
	float: left;
}
#toplogo {
	height: 130px;
	width: 270px;
	float: left;
}
/*   ALLT FOR TOPLINKS    */

#toplinks {
	height: 130px;
	width: 670px;
	float: left;
	font-size: 26px;
	padding-top: 0px;
}
#toplinks ul{ margin-left: 0px;  width: 670px; padding: 60px 0px 0px 0px;}
#toplinks li{display: inline;  }
#toplinks ul a{text-decoration: none;  padding: 5px 12px 5px 12px;} 

#toplinks a:link{color: #000;}
#toplinks a:visited{color: #000;}
#toplinks a:hover{background: #d2d2d2; color: #00b4da;}
#toplinks a#current{background: #d2d2d2; color: #00b4da;} 
#topline {
	border-bottom: solid #000 2px;
	margin-bottom: 25px;
	height: 10px;
	width: 940px;
	float: left;
}

/* STARTEN STARTEN */
#start {
	width: 550px;
	background-image: url(http://dettmar.se/portfolio/wp-content/themes/portfolio/infobg.png);
	background-repeat: repeat;
	float: left;
	padding: 25px;
}
#start .first {
	padding-left: 125px;
}
#start .white {
	color: #FFFFFF;
	font-size: 24px;
}
#start .atthe {
	padding-left: 15px;
}
#start .smallgrey1 {
	color: #000;
	font-size: 20px;
}
#start .smallgrey2 {
	color: #999999;
	font-size: 20px;
}


/* ALLT OM INOM INFORUTAN */

#info {
	width: 215px;
	padding: 15px;
	margin: 0px 25px 0px 0px;
	background-image: url(http://dettmar.se/portfolio/wp-content/themes/portfolio/infobg.png);
	background-repeat: repeat;
	float: left;
}
#date {
	color: #00b4da;
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 5px;
	text-align: right;
}
#title {
	font-size: 30px;
	border-bottom: solid #747474 5px;
	padding-bottom: 5px;
	line-height: 26px;
}
#description {
	border-top: solid #747474 1px;
	margin-top: 5px;
	padding-top: 0px;
	padding-bottom: 5px;
	font-size: 12px;
}
#techniques {
	border-top: solid #747474 1px;
	margin-top: 5px;
	padding-top: 10px;
	font-size: 12px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#techniques li{list-style-image: url(http://dettmar.se/portfolio/wp-content/themes/portfolio/listarrow.gif); padding: 0px 0px 0px 0px;}
#techniques ul{padding: 0px 0px 0px 15px;}
#techniques a { color: #000; text-decoration: none; }
#techniques a:hover { color: #000; text-decoration: underline; }
#link {
	font-size: 24px;
	text-align: right;
	border-bottom: solid #00b4da 2px;
}
#link a {
	text-decoration: none;
	color: #00b4da;
}

/* SLUT PA INFORUTAN */

/* ARKIVET ARKIVET ARKIVET  */

#archive {
	padding: 0px;
	width: 300px;
	margin-bottom: 20px;
	background-image: url(http://dettmar.se/portfolio/wp-content/themes/portfolio/infobg.png);
	background-repeat: repeat;
	float: left
}
#archiveimg {
	padding: 0px;
	width: 300px;
	height: 180px;
	overflow:hidden;
	float: left;
}
#archivetext {
	padding: 5px 5px 5px 10px;
	width: 285px;
	float: left;
}
#archivetext a {
	color: #000;
	text-decoration: none;
}
#archivetext a:hover {
	text-decoration: underline;
}
.date {
	color: #00b4da;
	font-weight: bold;
	font-size: 12px;
}

#content {
/* background-image: url(infobg.png);
	background-repeat: repeat;*/
	padding: 0px;
	margin: 0px 0px 0px 0px;
	float: left;
	width: 670px;
}
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	z-index: 1;
}
#slider, #slider li{ 
	/* 
		define width and height of container element and list item (slide)
		list items must be the same size as the slider area
	*/ 
	width:670px;

	overflow:hidden;
}

	span#prevBtn{ background-image: url(http://dettmar.se/portfolio/wp-content/themes/portfolio/infobg.png);
	background-repeat: repeat; padding: 8px; margin: 0px; margin-top: 8px;}
	span#nextBtn{ background-image: url(http://dettmar.se/portfolio/wp-content/themes/portfolio/infobg.png);
	background-repeat: repeat; padding: 8px; margin: 0px; margin-top: 8px;}
	
	span#prevBtn a, span#nextBtn a{
		color: #aaa;
	text-decoration: none;
		}
span#prevBtn a:hover, span#nextBtn a:hover{
		color: #00b4da;
	text-decoration: none;
		}