body,img,div {
behavior: url(inkludera/iepngfix.htc)
}

body {
text-align:center;
margin:0px;
padding:0px;
border:0px;
font-family:arial;
font-size:13px;
color:#000000;
background-color:#000000;
}

a:link {
text-decoration:none;
color:#000000;
}
a:visited {
text-decoration:none;
color:#000000;
}
a:hover {
text-decoration:none;
color:#A0A0A0;
}

#leftlogo {
float:left;
z-index:99999;
position:absolute;
left:30px;
top:25px;
}

#rightlogo {
float:right;
z-index:99999;
position:absolute;
right:30px;
top:25px;
}

#leftcolumn {
float:left;
margin-top:320px;
margin-left:40px;
width:710px;
text-align:left;
z-index:9999;
cursor:default;
}

#rightcolumn {
float:left;
margin-top:320px;
margin-left:40px;
width:200px;
text-align:left;
z-index:9999;
cursor:default;
}


#wrapper {
background-image:url(../grafik/background.jpg);
background-position:center top;
background-repeat:repeat-y;
-webkit-user-select:none;
text-align:center;
font-size:13px;
}

h1 {display:inline;font-size:18px;}

h2 {display:inline;font-size:14px;}

h3 {display:inline;font-size:13px;}

h4 {display:inline;font-size:15px;line-height:22px;color:#32becf;}


input {width:200px;height:28px;padding:2px;font-family:arial;font-size:14px;border-width:1px;border-color:#000000;border-style:solid;background-color:#FFFFFF;margin-bottom:5px;margin-top:2px;}

textarea {width:410px;height:90px;padding:2px;font-family:arial;font-size:14px;border-width:1px;border-color:#000000;border-style:solid;background-color:#FFFFFF;margin-bottom:5px;margin-top:2px;}


/* MENU */

#menubg {
width:1020px;
height:70px;
background-image:url(../grafik/menubg.png);
background-position:top center;
background-repeat:no-repeat;
margin-right:auto;
margin-left:auto;
position:absolute;
top:0px;
left:0px;
text-align:center;
z-index:999999;
}



#menu {
width:1020px;
height:70px;
font-family:arial;
font-size:18px;
font-weight:bold;
cursor:default;
text-shadow: #000000 1px 1px 2px;
background-color:transparent;
text-align:center;
margin-right:auto;
margin-left:auto;
padding-top:5px;
position:absolute;
left:0px;
top:0px;
text-align:center;
z-index:999999;
}

#jsddm {
display:block;
text-align:center;
margin:0px auto;
width:410px;
background-color:transparent;
padding:0px;
}
	
#jsddm li {
float:left;
list-style:none;
font-family:arial;
font-size:18px;
padding:0px 14px 0px 14px;
}

#jsddm li a {
display:block;
text-decoration:none;
color:#FFFFFF;
font-size:18px;
white-space:nowrap;
}

#jsddm li a:hover {
color:#c7dde0;
cursor:hand;
cursor:pointer;
}

#jsddm li ul {
background-color:#FFFFFF;
width:140px;
padding:0px;
margin:5px 0px 0px 0px;
position:absolute;
visibility:hidden;
text-align:left;
}

#jsddm li ul li {
float:none;
text-shadow:none;
display:inline;
margin:0px;
padding:0px;
text-align:left;
}

#jsddm li ul li a {
width:auto;
padding:4px;
font-size:15px;
color:#000000;
background:#FFFFFF;
}

#jsddm li ul li a:hover {
background:#c8c8c8;
color:#000000;
cursor:hand;
cursor:pointer;
}





/* SLIDESHOW */


.buttonArea{
float:left;
left:50%;
position:relative;
top:100%;
margin-top:-32px;
} 
.buttonCon{  
float:left;
left:-50%;
position:relative;
}
.buttonCon .theButton {
display:block;
color:#B22222;
width:20px;
height:22px;
background:url(../grafik/circlebutton.png) no-repeat;
text-indent:-9999px;
border:0;
margin-right:3px;
float:left;
}
.buttonArea a.active {
background-position:0 -22px;
} 

.oneByOne { 
margin:0;
width:982px;
height:320px;   
position:absolute;
top:0px;
left:19px;   
}  

#header {
position:absolute;
}

#header .oneByOne_item{
position:absolute;
width:982px;
height:320px;
}

#header .oneByOne_item span{
font-family:"Lucida Grande", "Lucida Sans Unicode", helvetica, verdana, arial, sans-serif;
cursor:default;
}

#header .oneByOne_item a{
text-decoration:none;
color:#0066FF;
}

#header .oneByOne_item img{
position:absolute;
top:0;
left:0;
}


/* SLIDESHOW 1 */ 

#header .oneByOne_item .lefttext1 {
position:relative;
float:left;
margin:60px 12px 0 90px;
color:#000000;
font-size:20px;  
background:#FFFFFF;
padding:8px;
text-align:left;
}

#header .oneByOne_item .lefttext2 {  
clear:left;
position:relative;
float:left;
margin:4px 12px 0 90px;
color:#000000;
background:#FFFFFF;
padding:8px;
font-size:16px;
text-align:left;
}

#header .oneByOne_item .righttext1 {
position:relative;
float:right;
margin:60px 90px 0 12px;
color:#000000;
font-size:20px;  
background:#FFFFFF;
padding:8px;
text-align:right;
}

#header .oneByOne_item .righttext2 {  
clear:right;
position:relative;
float:right;
margin:4px 90px 0 12px;
color:#000000;
background:#FFFFFF;
padding:8px;
font-size:16px;
text-align:right;
}

#header .oneByOne_item .centertext {
clear:left;
position:relative;
float:left;
margin:60px 90px 60px 90px;
color:#000000;
font-size:18px;  
background:#FFFFFF;
padding:8px;
text-align:left;
}



/* SLIDESHOW ARROWS */

.oneByOne .arrowButton .prevArrow{
background:url(../grafik/prev.png) no-repeat; 
width:40px;
height:80px;      
position:absolute;
top:95px; 
left:12px;
} 
.oneByOne .arrowButton .nextArrow{                 
background:url(../grafik/next.png) no-repeat; 
width:40px;
height:80px;
position:absolute;
top:95px;
right:12px;
}                  



/* ANIMATIONCSS */

@-webkit-keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-20px);
}

100% {
opacity:1;
-webkit-transform:translateX(0);
}
}

@-moz-keyframes fadeInLeft {
0% {
opacity:0;
-moz-transform:translateX(-20px);
}

100% {
opacity:1;
-moz-transform:translateX(0);
}
}

@-ms-keyframes fadeInLeft {
0% {
opacity:0;
-ms-transform:translateX(-20px);
}

100% {
opacity:1;
-ms-transform:translateX(0);
}
}

@keyframes fadeInLeft {
0% {
opacity:0;
transform:translateX(-20px);
}

100% {
opacity:1;
transform:translateX(0);
}
}

.fadeInLeft {
-webkit-animation-name:fadeInLeft;
-moz-animation-name:fadeInLeft;
-ms-animation-name:fadeInLeft;
animation-name:fadeInLeft;
}