* {
	padding: 0;
	margin: 0;
}

body {
	background-image: url(../gfx/mainGFX/bg_wood.jpg);
	background-color: #e2e2e2;
	padding: 20px;
}

#container {
	margin: auto;
	width: 960px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

/*
###############
##### TOP #####
###############
*/
#top {
	margin: 0 0 20px 0;	
}
#top #logo {
	background-image: url(../gfx/mainGFX/logo.gif);
	float: left;
	height: 70px;
	width: 237px;
}
#top #right {
	float: right;
	width: 500px;
	text-align: right;
}

/*
################
##### MENY #####
################
*/
#menu {
	margin: 0 0 10px 0;	
}

.mainMenu {
	background-image: url(../gfx/mainGFX/menuBg.jpg);
	height: 37px;
	padding: 15px 15px 0 10px;
	font-size: 13px;
	font-weight: bold;
}
.mainMenu li {
	padding: 10px;
	float: left;
	margin-right: 5px;
	list-style-type: none;
	background: #e1d5ee;
	border-bottom: 1px solid #5b268d;
}
.mainMenu li a {
	color: #000;
	text-decoration: none;
	border: 0;
}
.mainMenu li.choosen {
	padding: 10px;
	float: left;
	margin-right: 5px;
	list-style-type: none;
	background: #fff;
	border-bottom: 1px solid #fff;
}
.mainMenu li:hover {
	padding: 10px;
	float: left;
	margin-right: 5px;
	list-style-type: none;
	background: #fff;
	border-bottom: 1px solid #fff;		
}
#menu .subMenu {
	background-color: #FFF;
	padding: 10px;
	height: 18px;
	font-size: 13px;
}

#menu .subMenu li {
	float: left;
	margin-right: 10px;
	list-style-type: none;
}

/*
####################
##### KOLUMNER #####
####################
*/
#mainContent {
	margin: 0 0 10px 0;
	padding: 0 0 0px 0;
}

#left {
	float: left;
	width: 70%;
}
#right {
	float: left;
	width: 30%;
}
#rightContent {
	margin: 0 0 0 10px;	
}

/*
###################
##### HEADERS #####
###################
*/
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #3c1264;
	background: url(../gfx/mainGFX/headerBg.gif) #fff no-repeat;
	padding: 10px;
	height: 33px;
	font-style: normal;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #5b268d;
	margin: 0 0 10px 0;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #5b268d;
	margin: 0 0 10px 0;
}
h6 {
	font-size: 11px;
	color: #FFF;
	background-image: url(../gfx/mainGFX/subHeaderBg.gif);
	padding: 18px;
	height: 14px;
}

/*
#################
##### BOXAR #####
#################
*/
.box0 {
	padding: 0px;
	background: #fff;
}
.box10 {
	padding: 10px;
	background: #fff;
}
.box15 {
	padding: 15px;
	background: #fff;
}
.box20 {
	padding: 20px;
	background: #fff;

}
.objectBox {
	padding: 20px;
	background: #fff;
	margin: 0 0 1px 0;
	font-size: 15px;
	color: #4e4e4e;
}
.objectBoxOdd {
	padding: 20px;
	background: #f3f0f7;
	margin: 0 0 1px 0;
	font-size: 15px;
	color: #4e4e4e;
}
/*
#################
##### TABLE #####
#################
*/
.objectTable {
	width: 100%;
	font-size: 11px;
	margin: 0;
}
.objectTable th {
	text-align: left;
	font-weight: bold;
	font-size: 12px;
	color: #5b268d;
	border-bottom: 1px solid #ccc;
	padding: 5px;
}
.objectTable td {
	border-bottom: 1px solid #ccc;
	padding: 5px;
}

.rightTable{
	width: 100%;
	border-bottom: 4px solid #ccc;
}
.rightTable td {
	padding: 5px;
	border-bottom: 1px solid #ccc;
}

/*
######################
##### AVGRÄNSARE #####
######################
*/
.avg1 {
	height: 1px;
}
.avg10 {
	height: 10px;	
}
.avg1 img {
	padding: 0;
	margin: 0;
}
.avg10 img {
	padding: 0;
	margin: 0;
}

/*
################
##### TEXT #####
################
*/
p {
	line-height: 22px;
	margin: 0 0 10px 0;	
}

/*
################
##### FORM #####
################
*/
label {
	display: block;
	font-weight: bold;
	margin: 0 0 5px 0;
}
input, select {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

.form12 {
	float: left;
	width: 50%;
	padding: 10px 0 10px 0;
	border-bottom: 1px solid #ccc;
}
.form12 input {
	width: 90%;
	padding: 10px;
	border: 1px solid #ccc;
}
.form11 {
	float: left;
	width: 100%;
	padding: 10px 0 10px 0;
	border-bottom: 1px solid #ccc;
}
.form11 textarea{
	width: 98%;	
	height: 400px;
}
.form11 input {
	width: 95%;
	padding: 10px;
	border: 1px solid #ccc;
}
.form11 select {
	width: 95%;
	padding: 10px;
	border: 1px solid #ccc;
}
.formSubmit {
	float: left;
	width: 100%;
	padding: 10px 0 10px 0;
	border-bottom: 1px solid #ccc;
}
.formSubmit input {
	width: 200px;
	padding: 10px;
	border: 1px solid #ccc;
}

#rightContent input {
	width: 50%;
	padding: 10px;
	border: 1px solid #ccc;
	margin: 1px;
}
#rightContent .form12 {
	background: #ded4e8;
	width: 40%;
	padding: 10px;
	border: 0px solid #ded4e8;
	margin: 1px;
	float: left;
}

/*
###################
##### LÄNKAR ######
###################
*/
a {
	color: #5b268d;
	border-bottom: 1px dotted #5b268d;
	text-decoration: none;
}

/*
##################
##### LISTS ######
##################
*/
.rightList li {
	list-style: none;
}
.box20 ul {
	padding: 5px;
}
.box20 li {
	margin: 5px;
	list-style-position: inside;
	list-style-type: disc;
	line-height: 20px;
}

/*
################
##### MISC #####
################
*/
.clear {
	clear: both;	
}
#mainContent .box20 img {
	float: left;
	margin: 5px 15px 15px 0;
}

.objectImg {
	float: left;
	padding: 10px;
	background: #e8e8e8;
	margin: 5px 15px 15px 0;
	line-height: 25px;
}
.objectImg img {
	padding: 0;
	margin: 0;
	border: 0;
}
.noBorder {
	border: 0;
	margin: 0;
	padding: 0;
	float: none;
}
.placeholder {
	border: 1px solid #5b268e;
	background: #9567c2;
}

.slideshow {
	overflow: hidden;
	height: 360px;
	margin: 0 0 10px 0;
}
	.slideshow img { max-width: 100%; }

.highslide-gallery a ,#highslide-wrapper-0 a {
	border: none;	
}

/*
##################
##### SLIDER #####
##################
*/
#s3slider {
   width: 960px; /* important to be same as image width */
   height: 300px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   background: #fff;
   margin: 0 0 10px 0;
}

#s3sliderContent {
   width: 960px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: -1000;
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}