/***
/***  BKK - STYLES
/****/


/* Overall Site Styles */
body, th, td, font {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
}
a			{ color: #D00E33; text-decoration: none; }
a:visited 	{ color: #D00E33; text-decoration: none; }
a:hover   	{ color: #D00E33; text-decoration: underline; }
a:active  	{ color: #D00E33; text-decoration: underline; }



/* Logo "Bewegen - Koordinieren - Kraft trainieren" */
#main-logo {
	position:absolute; z-index:0; left:0px; top:0px; width:100%; height:65px;
	background-image:url(http://www.krankenversicherer.ch/tools/aktive_kinder/images/logo/logo_bewegen.gif);
	background-repeat:no-repeat;
	background-position:top right;
	visibility:hidden;	
}


/* Overall backgroud */
#background {
	position:relative; z-index:0; left:0px; top:0px; width:540px; height:290px;
	font-size:10px;
	padding:0px;
}
.background, .background-start {
	position:absolute; z-index:0; left:0px; top:0px; width:540px; height:400px;	
	font-size:10px;
	padding:5px;
}
#background, .background {
	background-image:url(http://www.krankenversicherer.ch/tools/aktive_kinder/images/bkk/content/ak-bg.jpg);
	background-repeat:no-repeat;
	background-position:top left;	
	visibility:visible;
}
.background-start {
	background-image:url(http://www.krankenversicherer.ch/tools/aktive_kinder/images/bkk/content/ak-bg-start.jpg);
	background-repeat:no-repeat;
	background-position:top left;	
	visibility:visible;
}


/* Overall header */
#main-header {
	position:absolute; z-index:0; left:10px; top:7px; width:480px; height:30px; visibility:visible;
}
#main-header, .main-header {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#333333; font-weight:bold; margin-top: 6px; margin-bottom: 0px;
}


/* Overall content area (containing the following rest) */
#content {
	position:absolute; z-index:0; left:10px; top:32px; width:500px; height:210px; font-size:9px; background-color:transparent; visibility:visible;
}


/* Popup window containing the introduction */
#introduction {
	position:absolute; z-index:10; left:0px; top:0px; width:538px; height:289px; background-color:#F4E3E6; font-size:10px; border:1px solid #dddddd; visibility:hidden;
	filter: Alpha(Opacity=93, FinishOpacity=0);	-moz-opacity:0.93; -khtml-opacity:0.93;	
}
#intro-text, #uebung-intro-text {
	position:absolute; z-index:11; left:10px; top:10px; width:518px; height:269px;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#000000; font-weight:normal;	
}
#uebung-intro-text {
	line-height:normal;
}


/* Popup window containing the flash movie, header, and close button */
#flashmovie {
	position:absolute; z-index:1; left:0px; top:0px; width:538px; height:289px; background-color:#F0F8FF; font-size:9px; border:1px solid #dddddd; visibility:hidden;
	filter: Alpha(Opacity=50, FinishOpacity=0);	-moz-opacity:0.50; -khtml-opacity:0.50;	
}


/* Layer containing the flash direct movie (no header and no close button) */
#flashdirectmovie {
	position:absolute; z-index:1; left:0px; top:0px; width:538px; height:289px; background-color:#ffffff; font-size:9px; border:0px; visibility:hidden;	
	filter: Alpha(Opacity=50, FinishOpacity=0);	-moz-opacity:0.50; -khtml-opacity:0.50;	
}


/* Flash movie object/embed itself */
#flashobject {
	position:absolute; z-index:2; left:163px; top:13px; width:300px; height:270px; background-color:transparent; font-size:9px; visibility:hidden;
}


/* Header of the popup window */
#header {
	position:absolute; z-index:4; left:164px; top:5px; width:300px; height:9px; background-color:#D0D8DF; font-size:9px; visibility:hidden;
}


/* Close button of the popup window */
#closer {
	position:absolute; z-index:5; left:289px; top:0px; width:9px; height:9px; background-image:url(http://www.krankenversicherer.ch/tools/flashviewer/images/layout/button_close.gif); font-size:1px; visibility:hidden; cursor:pointer;
}


/* Progress bar displayed while loading the flash movie (only flashviewer) */
#loadcounter {
	/*position:absolute; z-index:3; left:16px; top:218px; width:0px; height:4px; background-image:url(http://www.krankenversicherer.ch/tools/flashviewer/images/layout/loadingbar.gif); font-size:1px; visibility:hidden;*/
}


/* Main Menu-Navigation links for all available examples */
#menu-mainpage {
	position:absolute; z-index:3;
	/* left:210px; top:195px; width:276px;	height:15px; */
	left:-50px; top:175px; width:559px;	height:15px;
	text-align:right; background-color:transparent;
}
a.menu-mainpage:link	{ color:#0066CC; font-weight:normal; text-decoration:none; }
a.menu-mainpage:visited	{ color:#0066CC; font-weight:normal; text-decoration:none; }
a.menu-mainpage:hover	{ color:#00CCFF; font-weight:normal; text-decoration:none; }
a.menu-mainpage:active	{ color:#0066CC; font-weight:normal; text-decoration:none; }

.menu-mainpage img			{ border:1px solid #000000; }
.menu-mainpage:link img		{ border:1px solid #000000; }
.menu-mainpage:visited img	{ border:1px solid #000000; }
.menu-mainpage:hover img	{ border:1px solid #ee5533; }
.menu-mainpage:active img	{ border:1px solid #ee5533; }


/* Main-Image of the page */
#page-pic {
	position:absolute; z-index:2; left:233px; top:0px;
}


/* Page-Text Area */
#page-text {
	position:absolute; z-index:2; left:0px; top:10px; width:220px; height:180px; background-color:transparent;
}


/* Page-Header-Text */
#page-header {
	position:relative; z-index:2; left:0px; top:0px; width:200px; background-color:transparent;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#ff6600; font-weight:bold;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}


/* Page-Content-Text */
#page-content {
	position:relative; z-index:2; left:0px; top:0px; width:220px; background-color:transparent;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#000000; font-weight:normal;
}


/* Video-Text-Link (Link to show Flash Video) */
#video-link {
	position:relative; z-index:2; left:0px; top:13px; width:200px; height:30px; background-color:transparent;
}
/* Video-Image-Link (Button to show Flash Video File) */
#video-link-pic {
	position:absolute; z-index:3; left:486px; top:140px; 
}


/* Control-Area "einfacher" and "schwieriger" */
#control-subpage {	
	position:absolute; z-index:3; left:496px; top:55px; width:26px; height:52px;
	background-image:url(http://www.krankenversicherer.ch/tools/aktive_kinder/images/bkk/layout/control-subpage.gif);
}


/* Text- & Image-Link "einfacher" */
#last-subpage {
	position:absolute; z-index:2; left:410px; top:200px; visibility:hidden;
}
#last-subpage-pic {
	position:absolute; z-index:3; left:496px; top:80px; 
}
/* Text- & Image-Link "schwieriger" */
#next-subpage {
	position:absolute; z-index:2; left:480px; top:200px; visibility:hidden;
}
#next-subpage-pic {
	position:absolute; z-index:3; left:496px; top:55px; 
}


/* Text- & Image-Link "letzte Übung" */
#last-mainpage {
	position:absolute; z-index:2; left:410px; top:220px; visibility:hidden; 
}
#last-mainpage-pic {
	position:absolute; z-index:3; left:471px; top:230px; 
}
/* Text- & Image-Link "nächste Übung" */
#next-mainpage {
	position:absolute; z-index:2; left:480px; top:220px; visibility:hidden; 
}
#next-mainpage-pic {
	position:absolute; z-index:3; left:496px; top:230px; 
}


/* Image-Link "Hilfe" */
#help-pic {
	position:absolute; z-index:12; left:506px; top:0px; 
}


/* Links for "einfacher", "schwieriger", "letzte Übung" , "nächste Übung" */
a.last-subpage	{ color:#3366CC; text-decoration:none; }
a.next-subpage	{ color:#3366CC; text-decoration:none; }
a.last-mainpage	{ color:#3366CC; text-decoration:none; }
a.next-mainpage	{ color:#3366CC; text-decoration:none; }


/* Image-Navigation MouseOver Border-Effect */
.over img			{ border:1px solid #D00E33; }
.over:hover img		{ border:2px solid #FAA62F; -moz-border-radius: 3px; }
.over:active img	{ border:2px solid #FAA62F; -moz-border-radius: 3px; }
a.over:hover		{ color:FAA62F; }


/* Overall-Page-Footer Navigation */
#footer-div {
	position:absolute;
	z-index:21;
	left:10px; top:295px;
	width:100%; height:20px;
	text-align:left; vertical-align:middle;	
}

#footer-nav {
	position:absolute; z-index:20;
	left:0px; top:300px; width:100%; height:20px;
	text-align:right; vertical-align:middle;	
	background-color:#0066CC;
	filter: Alpha(Opacity=10, FinishOpacity=0);	-moz-opacity:0.10; -khtml-opacity:0.10;	
}


/* Table for partner-links etc. */
.partnertable {
	width:450px;
	border:0px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	vertical-align:top;
}
.partnertable td {	
	border-bottom:1px solid #99B7C1;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:left; vertical-align:middle;
	line-height:normal;
}


/* Error box (noscript etc.) */
.error {
	position:absolute; z-index:100;
	left:10px; top:100px;
	border:2px solid #cc0000;
	margin:2px 2px 2px 2px;
	padding:4px 2px 4px 2px;
	background-color:#FF6666;
	color:#000000;font-size:12px; font-weight:bold;
	filter: Alpha(Opacity=80, FinishOpacity=0);	-moz-opacity:0.80; -khtml-opacity:0.80;	
}


/* bkk specific styles */
input {
   background-color: transparent;
   color: rgb(51, 51, 51);   
   font-size: 9px;
   font-family: Verdana, Arial;
   font-weight: normal;
   margin:1px;
   border:1px solid #000000;  
}
textarea { 
	background-color: #6699CC;
	font-family: verdana;
	font-size: 10px;
	color:#e5e5e5;
	border:1px solid #000000;
}