/* 
#----------------------------------------------------------------------------
# Filename:	bnb_styles.css
# Type:		HTML Style Sheet
# Project:	bnb-project
# Author:	Michael Binder; M.Binder EDV
# Version:	2.1 (15Feb2013)
#----------------------------------------------------------------------------
# Description:
#
# This is the central style sheet for the bnb-project.
#----------------------------------------------------------------------------
# Version History:
#
# 1.0 MB 18Jan2009 Initial version
# 
# 2.0 MB           include whole page styling
# 2.1 MB 15Feb2013 change to brown / red
#
#----------------------------------------------------------------------------
*/

/*   S T A T I C   R E D E F I N E S   */

body {
	background-image:url(../pix/bg/bg_body.jpg); 
	background-repeat:repeat-x;
	background-attachment:fixed;
	background-position:center;
	background-color:black;
}	
/*
video { 
  -webkit-transform: scaleX(1); 
  -moz-transform: scaleX(1);
}
*/

/*   O W N   S T Y L E S   */

.bnb_img {
   border-style:ridge;
   border-width:3px;
   border-color: #f0f0f0;
   box-shadow: 2px 2px 4px #000;
	-webkit-box-shadow: 2px 2px 4px #000;
	-moz-box-shadow: 2px 2px 4px #000;   
}	

.bnb_img_round {
  border-style:ridge;
  border-width:3px;
  border-color: #f0f0f0;
	border-radius: 11px;
	-moz-border-radius:11px; 
	-khtml-border-radius:11px;
	-webkit-border-radius: 11px;
	box-shadow: 2px 2px 4px #000;
	-webkit-box-shadow: 2px 2px 4px #000;
	-moz-box-shadow: 2px 2px 4px #000;
}	

.bnb_main_table {
	background-image:url(../pix/bg/bg_paper.jpg); 
	background-repeat:repeat;
        background-size: 100% 100%;
	border-style:ridge;
	border-width:3px;
	border-color:#f0f0f0; 
/*	border-radius: 20px;
	-moz-border-radius:20px; 
	-khtml-border-radius:20px;
	-webkit-border-radius: 20px; */
	box-shadow: 10px 10px 20px #000;
	-webkit-box-shadow: 10px 10px 20px #000;
	-moz-box-shadow: 10px 10px 20px #000;
}

.bnb_pjust {
	font-family: verdana, arial, sans-serif;
	font-size: 14px;
	color: darkblue;
	text-align: justify;
	margin-right: 10px;
	margin-left: 10px;
}

.bnb_pheader {
	font-family: verdana, arial, sans-serif;
	font-size: 16px;
	color: darkblue;
}

.bnb_version {
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
	color: black;
}


/*   R e d e f i n i t i o n s   */

.bnb_hr {
	color: #336699;
}

.bnb_a {
	text-decoration: none;
	color: black;
	font-family: verdana, arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

.bnb_a:visited {
	color: black;
}

.bnb_a:hover {
	color: red;
  text-decoration: underline;
}

.bnb_a:active {
	color: black;
}

.bnb_p {
	font-family: verdana, arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: darkblue;
}

.bnb_h1 {
	font-family: verdana, arial, sans-serif;
	font-size: 20px;
	color: darkred;
	font-weight: bold;
}

.bnb_h2 {
	font-family: verdana, arial, sans-serif;
	font-size: 14px;
	color: saddlebrown;
	font-weight: normal;
}

.bnb_h3 {
	font-family: verdana, arial, sans-serif;
	font-size: 14px;
	color: #336699;
	font-weight: normal;
}

.bnb_h4 {
	font-family: verdana, arial, sans-serif;
	font-size: 14px;
	color: #336699;
/*	text-decoration: underline; */
	font-weight: normal;
}

.bnb_td {
	font-family: verdana, arial, sans-serif;
	font-size: 14px;
	color: Darkblue;
	vertical-align: top;
}

.bnb_li {
	font-family: verdana, arial, sans-serif;
	font-size: 14px;
	color: darkblue;
}

.bnb_input {
	font-family: verdana, arial, sans-serif;
	color: darkblue;
	font-size:14px;
	font-weight: bold;
	text-transform: none;
}

/*   B U T T O N S 

     Using example of:
     http://www.drweb.de/magazin/das-perfekte-menu-klappmenu-navigieren-in-dimensionen/
*/

#button {
  background: transparent;
  position: relative;
}

#button ul { 
  list-style: none; 
  margin: 0; 
  padding: 0; 
} 

#button a { 
  font: normal 13px/16px verdana, arial, sans-serif;;
  width: 100px;
  display: block;
  margin: 0; 
  padding: 2px 3px;
  color: #ffd; 
  text-decoration: none; 
  border-style: solid; border-width: 2px; border-color: grey black black grey;
	border-radius: 5px;
	-moz-border-radius: 5px; 
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
  background: #300;
} 

#button a:hover { 
  color: #003;
  border-style: solid; border-width: 2px; border-color: black grey grey black;
  background: #ffd;
} 

#button a:active { 
  border-style: solid; border-width: 2px; border-color: black grey grey black;
  background: #f00;
} 


#vmenu li { 
  position: relative; 
}


/*   P U L L - D O W N   M E N U   

     Using example of:
     http://www.drweb.de/magazin/das-perfekte-menu-klappmenu-navigieren-in-dimensionen/
*/

/*   V e r t i k a l   (automatic scrolling)   */

#vmenu {
  width: 120px;
/*  background: transparent; */
  opacity: 0.85;
  margin: auto;
  position: fixed;
  z-index: 100;
}

#vmenu ul { 
  list-style: none; 
  margin: 0; 
  padding: 0; 
} 

* html #vmenu a, 
* html #vmenu span {
  width: 120px;   /* Breite nach altem MS-Boxmodell fuer IE 5.x */
  w\idth: 120px;  /* korrekte Breite fuer den IE 6 im standardkompatiblen Modus */
}

#vmenu a { 
  font: normal 14px/16px verdana, arial, sans-serif;;
  color: white; text-decoration: none; 
  display: block;
  margin: 0; padding: 3px 0.75em;
  border-style: solid; border-width: 2px; border-color: grey black black grey;
  background: #300;
} 

#vmenu a:hover { 
  color: darkred; 	font-weight: normal;
  text-decoration: none;
  border-style: solid; border-width: 2px; border-color: black grey grey black;
  background: #ffd;
} 

#vmenu a:active { 
  color: #ffd;
  background: #f00;
} 


#vmenu li { 
  position: relative; 
}

#vmenu ul ul {
  position: absolute; 
  top: 0; 
  left: 100%; 
/*  width: 100%; */
}

div#vmenu ul ul,
div#vmenu ul li:hover ul ul,
div#vmenu ul ul li:hover ul ul {
  display: none;
} 

div#vmenu ul li:hover ul,
div#vmenu ul ul li:hover ul,
div#vmenu ul ul ul li:hover ul {
  display: block;
  background: #003;
} 

#kentss a { 
  color:#00008b; 
text-decoration:none;
}
#okies a {text-decoration:none;color:#00008b;}