body {

	text-align: center;
	font-family: Verdana, Helvetica;

	color: #333;

}

body * {

	text-align: left;

}

div, li, p, a {

	font-size: 8pt;

}





h4 {

    color: #666;

	font-size: 8pt;

    font-weight: bold;

    margin: 20px 0 5px 0;

}

 

#ytre {

	width: 970px;

	margin: 0 auto;

	background: #F0EDE0 url(design/bg.gif);

}

#topp {

	height: 144px;

	background: url(design/bg-topp.gif);

}

#kropp {

	padding: 0 20px;



}

#column-left {

	width: 200px;

	height: 200px;

	float: left;

}

#column-left-content {

	/*position: fixed;*/

}

#column-center {
	width:500px;
	float: left;
	height:auto;
	margin-top: 0px;
	/*background-color:#E6EDF1;*/
	padding: 0 0 0 20px;
	margin-left: 20px;
}
#samples-wrapper {
	width:500px;
		background-color:#E6EDF1;
			padding: 0 0 0 50px;
	}

#column-right {

	padding-top: 33px;

	width: 160px;

	float: left;

}

#bottom {

	clear: both;

	height: 19px;

	background: url(design/bg-botn.gif);

}

#menu {

	margin: 20px 0 0 27px;

	padding: 0;

}

#menu li {

	list-style: none;

	margin: 0;

	padding: 0;

    border-bottom: 1px solid #F0EDE0;

}

#menu li a {

	display: block;

	text-decoration: none;

	font-weight: bold;

	font-size: 10pt;

	padding: 3px;

	color: #8E550A;

    border-left: 3px solid #F0EDE0;

    border-right: 3px solid #F0EDE0;

	margin: 0;

}

#menu li a:hover {

	background-color: #DED8BA;

	font-style: italic;

    border-color: white;

}

.section {

	//background: white url(design/section-bg.gif);

	padding: 10px 20px;

}

.section-bottom {

	background: url(design/section-bottom.gif);

	height: 17px;

}

pre, code {

    font-family: Courier; 

    font-size: 8pt;

}

.section pre {

    border: 1px solid #f0eee0;

    color: green;

    width: 100%;

    overflow: auto;

}

.section code {

    color: green;

}

#samples-wrapper div.thumbwrapper, #samples-wrapper div.textwrapper {

	float: left;

	height: 140px;

	width: 130px;

	padding: 5px;

	background: #F0EEE0;

	margin: 10px;

	border: 1px solid #AFAB8E;

	text-align: center;

}

#samples-wrapper div.textwrapper {

	height: 55px;

	width: 91px;

}

table#compat {

    border-collapse: collapse;

}

table#compat td {

    margin: 0;

    border: 1px solid #CFCCB5;

    padding: 0 20px 0 10px;

}

iframe {

    z-index: 1;

}

#ul-changelog li {

    list-style: none;

}

#ul-changelog li ul {

    margin-bottom: 10px;

}

#ul-changelog li ul li {

    list-style: circle;

}



.thumbwrapper .highslide {

	outline: none;

}

.textwrapper .highslide {

	font-size: 11pt; 

	text-decoration: none;

	display: block; 

	text-align: center;

}

.highslide img {

	border: 2px solid gray;

	cursor: url(highslide/graphics/zoomin.cur), pointer;

    outline: none;

}

.highslide:hover img {

	border: 2px solid silver;

}



.highslide-image {

	border: 10px solid white;

}

.highslide-image-blur {

}

.highslide-caption {

    display: none;

    border: 2px solid white;

    border-top: none;

    padding: 5px;

    background-color: #F0EDE0;

    text-align: justify;

}

.highslide-loading {

    display: block;

	color: black;

	font-size: 8pt;

	font-family: sans-serif;

	font-weight: bold;

    text-decoration: none;

	padding: 2px;

	border: 1px solid black;

    background-color: white;

    

    /*padding-left: 22px;

    background-image: url(highslide/graphics/loader.white.gif);

    background-repeat: no-repeat;

    background-position: 3px 1px;*/   

}

.control {

	float: right;

    display: block;

    /*position: relative;*/

	margin: 0 5px;

	font-size: 9pt;

    font-weight: bold;

	text-decoration: none;

	text-transform: uppercase;

}

.control:hover {

	color: black !important;

}

.highslide-move {

    cursor: move;

}

.highslide-overlay {

	display: none;

}

a.highslide-credits,

a.highslide-credits i {

    padding: 2px;

    color: silver;

    text-decoration: none;

	font-size: 10px;

}

a.highslide-credits:hover,

a.highslide-credits:hover i {

    color: white;

    background-color: gray;

}

.highslide-previous-next {

    text-align: center;

    padding-bottom: 5px;

}

.highslide-previous-next a {

	font-size: 7pt;

    font-weight: bold;

	text-decoration: none;

	text-transform: uppercase;

    color: white;

    padding: 0 20px;

}

.highslide-html {

    border: 2px solid silver;

    background-color: white;

}

.highslide-html-blur {

    border: 2px solid gray;

}

.highslide-html-content {

	position: absolute;

    display: none;

}

/* Individual CSS-classes: no border */

.highslide-no-border .highslide-image {

	border: none;

	border-bottom: 1px solid white;

	

}

.highslide-no-border .highslide-html {

	border: none;

	

}

.highslide-no-border .highslide-caption {

	border: none;

    border-bottom: 1px solid white;

    background-color: gray;

	color: white;

}

.highslide-no-border .highslide-caption code {

    color: white;

}



/* Individual CSS-classes: gradient */

.highslide-white .highslide-image {

	border: 5px solid white;
	margin-left: 0px;

	

}

.highslide-white .highslide-caption {

	background-color: white;

}

.highslide-white .control, .highslide-white .control * {

	color: #666;

}

.highslide-white .highslide-html {

    border: 2px solid white;

}



/* Individual CSS-classes: narrow border */

.highslide-narrow-border .highslide-image {

	border: 2px solid white;

}

.highslide-narrow-border .highslide-caption {

	background-color: white;

}



/* Individual CSS-classes: black border */

.highslide-black-border .highslide-image {

	border: 2px solid #655F2F;

}

.highslide-black-border .highslide-caption {

	border: 2px solid #655F2F;

	border-top: none;

	background-color: white;

	color: #333;

}



/* Individual CSS-classes: specified blur style */

.highslide-blur-example .highslide-image-blur {

    border-color: silver;

}



.highslide-blur-example .highslide-caption-blur {

    border-color: silver;

}



.html-header {

	background-image: url(highslide/graphics/header-background.gif);

	cursor: default;

	height: 18px;

	padding: 2px;

}

.highslide-html-blur #highslide-html-7-header {

	background-image: url(highslide/graphics/header-background-blur.gif); 

	height: 18px;

	padding: 2px;

}





/* Controlbar example */

.controlbar {	

	background: url(highslide/graphics/controlbar4.gif);

	width: 167px;

	height: 34px;

}

.controlbar a {	

	display: block;

	float: left;

	margin: 0px 0 0 4px;

	height: 29px;

	width: 34px;

}



/* Controlbar example */

.controlbar2 {	

	margin-left: 60px;

	background: url(highslide/graphics/controlbar2.gif);

	width: 210px;

	height: 32px;

}

.controlbar2 a {	

	display: block;

	float: left;

	margin: 0 0 0 5px;

	height: 30px;

	width: 42px;

}



/* Put these last in your highlide-related CSS */

.highslide-display-block {

    display: block;

}

.highslide-display-none {

    display: none;

}