/* CSS Document */
/* styles for IE 5 Mac */

BODY {
	background-color:#FFFFFF;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background-image:url(/inc/img/main-bg.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	background-attachment:fixed;
	text-align:center;
}

A, A:LINK, A:VISITED, A:ACTIVE {
	color:#000000;
	text-decoration:underline;
}

A:HOVER {
	color:#333333;
}

P {
	text-align:justify;
}

LABEL {
	cursor: hand; 
	cursor: pointer;
}

#horizon {
	background-color: transparent;
	position: absolute;
	top: 20px;
	left: 20px;
}
 
 /* following rules are invisible to IE 5 \*/
#horizon {
   top: 50%;
   left: 0px;
   width: 100%;
   margin-top: -200px;
   text-align: center;
   min-width: 300px; 
}
 /* end IE 5 hack */ 
	  
#wrapper {
	background-color: #fff;
	position: relative;
	text-align: left;
	width: 300px;
	height: 400px;
	margin: 0px auto;
}

#main_menu {
	width:280px;
	margin:0 auto;
}

#center_content {
	width:430px;
	margin:0 auto;
	text-align:center;
}

#center_photo {
	width:360px;
	margin: 0 auto;
	text-align:center;
}

#center_video {
	width:400px;
	margin:0 auto;
	text-align:center;
	padding:10px;
	background-color:#FFFFFF;
}
/* BUTTONS */
A.btn_ikonsum {
	background-image:url(/inc/bttn/btn_ikonsum.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	display:block;
	width:140px;
	height:22px;
	float:left;
}
A.btn_ikonsum:HOVER {
	background-position:0px -22px;
}

div#btn_ikonsum a span {display: none;}

div#btn_ikonsum a:hover span {
	display: block;
	position: absolute;
	top: 90px;
	left: 220px;
	width: 100px;
	height: 100px;
	z-index: 12;
	text-align: center;
}

A.btn_ikonnekt {
	background-image:url(/inc/bttn/btn_ikonnekt.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	display:block;
	width:140px;
	height:22px;
	float:left;
}
A.btn_ikonnekt:HOVER {
	background-position:0px -22px;
}

div#btn_ikonnekt a span {display: none;}

div#btn_ikonnekt a:hover span {
	display: block;
	position: absolute;
	top: 90px;
	left: 220px;
	width: 100px;
	height: 100px;
	z-index: 12;
	text-align: center;
}

/* MAIN MENU KONSUM */
A.btn_konsum {
	background-image:url(/inc/bttn/btn_konsum.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	display:block;
	width:280px;
	height:80px;
}
A.btn_konsum:HOVER {
	background-position:0px -80px;
}

A.btn_menu_k_1 {
	background-image:url(/inc/bttn/btn_menu_konsum-01.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	display:block;
	width:46px;
	height:23px;
	float:left;
}
A.btn_menu_k_1:HOVER {
	background-position:0px -23px;
}

A.btn_menu_k_2 {
	background-image:url(/inc/bttn/btn_menu_konsum-02.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	display:block;
	width:53px;
	height:23px;
	float:left;
}
A.btn_menu_k_2:HOVER {
	background-position:0px -23px;
}

A.btn_menu_k_3 {
	background-image:url(/inc/bttn/btn_menu_konsum-03.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	display:block;
	width:65px;
	height:23px;
	float:left;
}
A.btn_menu_k_3:HOVER {
	background-position:0px -23px;
}

A.btn_menu_k_4 {
	background-image:url(/inc/bttn/btn_menu_konsum-04.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	display:block;
	width:75px;
	height:23px;
	float:left;
}
A.btn_menu_k_4:HOVER {
	background-position:0px -23px;
}

A.btn_menu_k_5 {
	background-image:url(/inc/bttn/btn_menu_konsum-05.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	display:block;
	width:41px;
	height:23px;
	float:left;
}
A.btn_menu_k_5:HOVER {
	background-position:0px -23px;
}

/* MAIN MENU KONNEKT */
A.btn_konnekt {
	background-image:url(/inc/bttn/btn_konnekt.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	display:block;
	width:280px;
	height:80px;
}
A.btn_konnekt:HOVER {
	background-position:0px -80px;
}

A.btn_menu_n_1 {
	background-image:url(/inc/bttn/btn_menu_konnekt-01.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	display:block;
	width:33px;
	height:23px;
	float:left;
}
A.btn_menu_n_1:HOVER {
	background-position:0px -23px;
}

A.btn_menu_n_2 {
	background-image:url(/inc/bttn/btn_menu_konnekt-02.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	display:block;
	width:48px;
	height:23px;
	float:left;
}
A.btn_menu_n_2:HOVER {
	background-position:0px -23px;
}

A.btn_menu_n_3 {
	background-image:url(/inc/bttn/btn_menu_konnekt-03.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	display:block;
	width:52px;
	height:23px;
	float:left;
}
A.btn_menu_n_3:HOVER {
	background-position:0px -23px;
}

A.btn_menu_n_4 {
	background-image:url(/inc/bttn/btn_menu_konnekt-04.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	display:block;
	width:48px;
	height:23px;
	float:left;
}
A.btn_menu_n_4:HOVER {
	background-position:0px -23px;
}

A.btn_menu_n_5 {
	background-image:url(/inc/bttn/btn_menu_konnekt-05.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	display:block;
	width:41px;
	height:23px;
	float:left;
}
A.btn_menu_n_5:HOVER {
	background-position:0px -23px;
}

A.btn_menu_n_6 {
	background-image:url(/inc/bttn/btn_menu_konnekt-06.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	display:block;
	width:40px;
	height:23px;
	float:left;
}
A.btn_menu_n_6:HOVER {
	background-position:0px -23px;
}

A.btn_menu_n_7 {
	background-image:url(/inc/bttn/btn_menu_konnekt-07.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	display:block;
	width:18px;
	height:23px;
	float:left;
}
A.btn_menu_n_7:HOVER {
	background-position:0px -23px;
}



DIV.player {
	display:block;
	height:4px;
}

SPAN.player-title {
	display:block;
	width:100%;
	height:14px;
	margin-top:5px;
	margin-bottom:5px;
	cursor:hand;
	cursor:pointer;
	text-align:center;
}

DIV#image_container {
	position:relative;
	width:100px;
	min-height:100px;
	float:left;
	margin:10px;
	text-align:center;
}

DIV#video_container {
	position:relative;
	width:93px;
	margin:0px 7px 7px 0px;
	height:80px;
	float:left;
	text-align:center;
	overflow:hidden;
}

.tip {
	width:220px;
	text-align:left;
	padding:3px;
	color:#000000;
	background-color:#FFFFFF;
	filter:alpha(opacity=85);
	opacity:0.85;
	z-index:200;
}

/* begin POP-UPs MASSAGEed styles */ 
#showimage{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color:#FFFFFF;
	position:absolute; 
	visibility:hidden;
	z-index:50;
}

#dragbar {
	color:#FFFFFF;
	position:relative;
	background-color:#FFFFFF;
	height:20px;
	cursor: hand; 
	cursor: pointer;
	z-index:50; 
	visibility: visible;
	width:100%;
}

#showimg_bg {
	color:#000000;
	background-color:#FFFFFF;
	position:relative;
	z-index:50;
	visibility:hidden;
}

#embed_code{
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color:#000000;
	position:absolute; 
	visibility:hidden;
	z-index:100;
}

#flash_embed{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color:#000000;
	position:absolute; 
	visibility:hidden;
	z-index:50;
}

TEXTAREA#showembed{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	height:60px;
	width:280px;
	overflow:hidden;
	white-space:pre;
	border:1px #666666 dashed;
}

DIV#contact_form textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	border:1px #000000 solid;
	width:200px;
	margin:5px;
	padding:2px;
	text-align:center;
	}

INPUT.input_text {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	border:1px #000000 solid;
	width:200px;
	margin:5px;
	padding:2px;
	text-align:center;
	}
	
#footer    
      
	{
	color: #f0c;
	font-size: 9px;
	font-family: Verdana, Geneva, Arial, sans-serif;
	background-color: #c00;
	text-align: center;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 18px
	}

/* SIS BOX */	
div#sis_box {
	font-family:"Courier New", Courier, monospace;
	font-size:9px;
	font-weight:bold;
	color:#000000;
	position:absolute;
	top:50px;
	left:100px;
	height:200px;
	width:200px;
	text-align:left;
}

body > div#sis_box {
	position:fixed;
}

input#sis_box {
	width:130px;
	height:12px;
	font-size:11px;
	border:1px solid #000000;
}

/* SIS BOX NAVIGATION */
#sis_box_nav {
	margin: 0;
	padding: 0;
}

#sis_box_nav li { /*float the main list items*/
	margin: 0;
	display: block;
	height: 15px;
	width: 200px;
}

#sis_box_nav li ul { /*put the subnav below*/
	margin: 0;
	padding: 0;
	display: none;
	position: absolute;
	top: 15px;
}

#sis_box_nav li a {
	cursor:default;
}

#sis_box_nav li ul a {
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	text-decoration:none;
	display: block;
	height: 15px;
	width: 200px;
}

#sis_box_nav li ul a:hover {
	color:#333333;
	padding-left:10px;
}

#sis_box_nav li:hover ul, #sis_box_nav li.over ul {
	display: block;
}

div#sis_register_form input {
	text-align:left;
}

div#intro_news {
	text-align:center;
	width:350px;
	margin:auto;
}

div#blackframe {
	width:350px;
	text-align:left;
	border:2px solid #000000;
	margin:5px auto;
	padding:5px;
}