/* background setup */
.background {
    background-repeat:no-repeat;
    /* custom background-position */
    background-position:50% 50%;
    /* ie8- graceful degradation */
    background-position:50% 50%9 !important;
}

/* fullscreen setup */
html, body {
    /* give this to all tags from html to .fullscreen */
    height:100%;

}
.fullscreen,
.content-a {
    width:100%;
    min-height:100%;
}
.not-fullscreen,
.not-fullscreen .content-a,
.fullscreen.not-overflow,
.fullscreen.not-overflow .content-a {
    height:100%;
    overflow:hidden;
}

/* content centering styles */
.content-a {
	display:table;
}
.content-b {
	display:table-cell;
    position:relative;
	vertical-align:middle;
	text-align:center;
}

/* visual styles */
body{
    margin:0;
    font-family:sans-serif;
    font-size:14px;
    /*line-height:100px;*/
	color:#ffffff;
    text-align:center;
    background: #000;
}
.not-fullscreen {
    height:auto;
}


#home-bg            {   width: 100%; height: 100%;}
*					{	margin: 0px;padding: 0px;}
body 				{	font-family: sans-serif; font-size: 12px;}

h1,h1 a				{	font-size: 18px;color: #fff; padding-bottom: 10px;}
h2,h2 a				{	font-size: 16px; padding-bottom: 10px; height: 25px;}
img					{	margin: 0px; border: 0px; padding: 0px;}
table               {   margin: 10px;}

.c                  { text-align: center;}

#menu 				{	width: 220px;height:  100%;position: absolute; top: 0px; left: 70px; background: url('../images/black-70.png') repeat transparent;color: #fff;}
#menu ul 			{	list-style: none; line-height: 1.5em; z-index: 500;}
#menu li 			{	position: relative; display: block;  border-bottom: 1px solid #333; background: url('../images/white-10.png') repeat;}
#menu li a			{	text-decoration: none; position: relative; display: block; text-transform: uppercase; font-size: 13px; padding: 10px 10px 10px 18px; line-height: 15px; color: #fff; text-align: left;}
#menu li a:hover,#menu li a.s	{	background: #000; }

* html #left-menu a:hover {color:#8DA3AD;position:relative;}
#menu li:hover {position:relative;}
#menu li ul {visibility:hidden;position:absolute;top:-30px;left:200px;padding:10px;background: url('../images/black-70.png') repeat transparent; width: 200px;}
#menu li ul li ul { position: absolute; left: 200px;}
#menu li:hover > ul {visibility:visible; white-space: nowrap;}
#menu ul a:hover ul ul{visibility:hidden;}
#menu ul a:hover ul a:hover ul ul{visibility:hidden;}
#menu ul a:hover ul a:hover ul a:hover ul ul{visibility:hidden;}
#menu ul a:hover ul {visibility:visible;}
#menu ul a:hover ul a:hover ul{ visibility:visible;}
#menu ul a:hover ul a:hover ul a:hover ul { visibility:visible;}
#menu ul a:hover ul a:hover ul a:hover ul a:hover ul { visibility:visible;}
            
.cycle-slideshow img { width: 100%; height: auto }            
            



#content            {   position: relative; float: left; top: 155px; left: 320px; width: 600px; min-height: 500px;background: url('../images/black-70.png') repeat transparent; border-radius: 10px;}
#content-text		{	float: left; position: relative;padding: 30px 20px 20px 20px; text-align: left; color: #fff;}
#content-text ul	{	padding-left: 40px;list-style: normal;}
        #content-text a             {   color: #FFFF89;}
		#content-text table			{	border-collapse: collapse;}
		#content-text td			{	padding: 4px;}
		#content-text th			{	background: repeat-x #1A1A1A;border: 2px solid #474747; color: #ffffff; padding: 4px;}
       
       .foto        {   margin: 10px; text-align: center; float: left;}
        
        .clear              {   clear: both;}
        
#tisk				{	float: left; position: relative;background-color: #ffffff;padding: 0px 20px 0px 20px; width: 546px; text-align: right;}

#footer				{	position: relative; float: left; height: 20px; text-align: right; padding: 4px; width: 838px; background-color: #ffffff; color: #333333;}
	#footer	a		{	color: #333333; text-decoration: none;}
    
.error 					{ color:#FF0000; margin:0 0 10px 0; font-weight:bold; }
.message				{ color:#009900; margin:0 0 10px 0; font-weight:bold; }