/**
* CSS
* 
* @version 1.0
* @author Johan
*/
* {
	margin: 0;
	padding: 0;
}
	
html, body {
	font-size: 11px;
	font-family: Georgia;
	color: #1c1c1c;
	background: #FFF;
	height: 100%;
	columns: 2 180px; 
	column-gap: 5px;
	column-span: all;
}

body.section-1 { }
body.section-2 { }
body.section-3 { }

a:link { text-decoration: none; color: #000; }
a:active { text-decoration: none; color: #000; }
a:visited { text-decoration: none; color: #000;}
a:hover { text-decoration: none; color: #000; background: #FFB784; }

a img {  border: none; }

img { border: none; margin-right: 20px; }

#distance { 
	width:1px;
	height:50%;
	margin-bottom:-300px; /* half of container's height */
	float:left;
}

#whole {
	margin:0 auto;
	position: relative; /* puts container in front of distance */
	text-align:left;
	height: auto;
	width:auto;
	clear: left;
	padding: 20px 0 0 0;
	z-index: 999;
}

#menu {
	position: absolute;
	width: 200px;
	height: 503px;
	left: 50px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 10px;
	background-image: url(http://www.karinahlin.se/indexhibit/files/line2.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
}

#menu ul {
	list-style: none;
	margin: 0 10px 0px 0;
	padding: 0 0 5px 0;
}

#menu ul li.section-title {
	color: #000;
	background-color: #7AB5BB;
	display: inline-block;
	padding: 1px 2px 0px 1px;
}

#menu ul li {
}

#content {
	width: auto;
    height: 500px;
	margin: 0 0 0 280px;
	padding-top: 0;
	display: inline-block;
	z-index: 500;
}

h1 { 
	color: #000;
	font-size: 11px;
	background-color: #f1e25f;
	display: table;
	padding: 1px 2px 0px 1px;
	font-weight: normal;
	margin: 0 10px 10px 0;
}

h2 { 
	color: #000;
	font-size: 11px;
	background-color: #FF99CC;
	display: inline-block;
	padding: 1px 2px 0px 1px;
	font-weight: normal;
	margin: 0 0 10px 0;
}

.container {
    padding: 0 0 0 0;
	float: right;
}

#content p { width: 250px; margin-bottom: 8px; }

p {
    margin: 0 0 0 0;
}

#img-container { margin: 0; padding: 0; width: auto;}
#img-container p { margin: 0; }

object { float: left; display: block; margin-right: 20px;}

#text { margin: 0 10px 0 0; float: left; display: block; width: 250px; }

#video { min-width: 1030px;  }
#videotext { width: 250px; float: left; display: block; margin-right: 10px; }

.once { clear: left; }

#indexhibit {
	padding-top: 11px;
	color:#4b7000;
	position:fixed;
	right:0px;
	bottom:0px;
	margin: 10px 10px 10px 10px;
	width:auto;
	height:auto;
	z-index: 2;
}

#indexhibit a { color:#6d8f26; padding-top: 11px; }

#goback {
	position: absolute;
	width: 180px;
	color: #666;
	
}

#logo {
	margin: -5px 0 15px -5px;
}

#logo a:hover {
	background: none;
}

.dhtmlgoodies_question {	/* Styling question */
	/* Start layout CSS */
	color:#666;
	display: run-in;
	/* End layout CSS */
	overflow:hidden;
	cursor:pointer;
}
.dhtmlgoodies_answer {	/* Parent box of slide down content */
	/* Start layout CSS */
	width:200px;
	/* End layout CSS */
	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;
	display: run-in;
}
.dhtmlgoodies_answer_content {	/* Content that is slided down */
	color: #1c1c1c;
	position:relative;
	margin-top: -11px;
	width: 180px;
}

#all {
	position: absolute;
	width: auto;
	height: 197px;
	left: 0;
	top: 1%;
	margin-top: -71px; 
	bottom: 0px;
	right: 0px;
	overflow: hidden;
	z-index: 0;  
}
#move {
	position: absolute;
	background-image: url(http://www.karinahlin.se/cloud.gif);
	background-position: right;
	background-repeat: no-repeat;
	left: 0;
	width: 231px;
	height: 197px;
}
#cv { width: 400px; }
.active { background: #FFB784; display: table; }