/**
 * CSS Stylesheet
 */
/* STANDARD FORMATTING */
body 
{
 margin: 0;
 font-family: arial, helvetica, sans-serif;
 font-size: 1.2em;
 color: #333333;
}

td.upButton{
background-image:url(/graphics/menu-bg.gif);
}

td.dnButton{
background-image:url(/graphics/menu-bg-sel.gif);
}

td.upButton1{
background-image:url(/graphics/menu-mini-bg.gif);
}

td.dnButton1{
background-image:url(/graphics/menu-mini-bg-sel.gif);
}

a img 
{
 border-style: none;
}

a:link 
{
 color: #E78E0E;
 text-decoration: none;
}

a:visited 
{
 color: #E78E0E;
 text-decoration: none;
}

a:hover 
{
 color: #E78E0E;
 text-decoration: none;
}

a:active 
{
 color: #E78E0E;
 text-decoration: none;
}

h1 
{
 font-size: 1.5em;
 color: #333333;
}

h2 
{
 font-size: 1.4em;
 color: #666666;
}

h3 
{
 font-size: 1.3em;
 color: #666666;
}

h4, h5, h6 
{
 font-size: 1.1em;
}

h1, h2, h3, h4, h5, h6 
{
 margin-top: 0.3em;
 margin-right: 0;
 margin-bottom: 0.3em;
 margin-left: 0;
}

code 
{
 font-family: arial, verdana, helvetica, sans-serif;
 font-size: 1em;
}

form, select, input 
{
 display: inline;
}

textarea 
{
 float: left;
 margin: auto;
 display: block;
 width: 95%;
}

input:focus, select:focus, textarea:focus 
{
 background-color: #FFFFFF;
}

p, address 
{
 padding: 0.5em;
}

address 
{
 font-style: normal;
}

hr 
{
 height: 1px;
 margin-top: 0.5em;
 border-style: none;
 border-bottom-color: #DDDDDD;
 border-bottom-width: 1px;
 border-bottom-style: solid;
}

hr.footerlink 
{
 height: 1px;
 margin-top: 0.25em;
 margin-bottom: 0.25em;
 border-style: none;
 border-bottom-color: #000000;
 border-bottom-width: 1px;
 border-bottom-style: solid;
}

/* WRAPPERS */
/* main */
#main 
{
 width: 100%;
 height: 99%;
 position: absolute;
 left: 0px;
 top: 0px;
}

/* header */
#logo 
{
 margin: 0;
 background-image: url(../img/logo-blue.jpg);
 width: 100px;
 height: 100px;
 position: fixed;
 left: 0px;
 top: 0px;
 z-index: 100;
}

#logo_sponsor 
{
 margin: 0;
 background-image: url(../img/kelme-100.jpg);
 width: 100px;
 height: 25px;
 position: fixed;
 left: 0px;
 top: 100px;
 z-index: 100;
}

#header_corner 
{
 background-image: url(../img/header-blue-corner.gif);
 width: 35px;
 height: 101px;
 position: fixed;
 left: 100px;
 top: 0px;
 z-index: 100;
}

#header 
{
 background-image: url(../img/header-blue-fade.jpg);
 background-repeat: repeat-x;
 width: 100%;
 height: 71px;
 position: fixed;
 left: 130px;
 top: 0px;
 z-index: 100;
}

/* debug */
#debug 
{
 border-color: red;
 border-width: 1px;
 border-style: dashed;
 background-color: #FFE1E1;
 width: 75%;
 font-size: 10px;
 margin-bottom: 100px;
}

#debug h3 
{
 font-weight: bold;
 z-index: 200;
}

/* sitename & tagline */
#sitename 
{
 font-family: arial, verdana, helvetica, sans-serif;
 font-size: 12pt;
 color: #333333;
 position: fixed;
 left: 150px;
 top: 10px;
 width: 500px;
 z-index: 100;
}

#byruedi 
{
 font-family: arial, verdana, helvetica, sans-serif;
 font-size: 11pt;
 font-style: NORMAL;
 color: #333333;
 position: fixed;
 left: 455px;
 top: 11px;
 width: 500px;
 z-index: 100;
}

#tagline 
{
 font-family: arial, verdana, helvetica, sans-serif;
 font-size: 10pt;
 font-weight: bold;
 font-style: italic;
 color: #FFFFFF;
 position: fixed;
 left: 610px;
 top: 12px;
 width: 200px;
 z-index: 100;
}

/* navigation */
#breadcrumb 
{
 width: 80%;
 min-width: 800px;
 height: 15px;
 position: fixed;
 color: #666666;
 left: 135px;
 top: 55px;
 font-family: verdana, arial, helvetica, sans-serif;
 font-size: 10pt;
 font-weight: normal;
 z-index: 100;
}

/* search*/
#search 
{
 width: 150px;
 height: 33px;
 position: fixed;
 left: 845px;
 top: 6px;
 font-family: verdana, arial, helvetica, sans-serif;
 font-size: 8pt;
 font-weight: bold;
 text-align: right;
 z-index: 100;
}

/* service links */
#logout {
 width: 300px;
 min-width: 200px;
 height: 14px;
 position: fixed;
 left: 700px;
 top: 40px;
 font-family: verdana, arial, helvetica, sans-serif;
 font-size: 8pt;
 color: #999999;
 z-index: 101;
 text-align: right;
}

/* jooles */
#jooles 
{
 background-image: url(../img/player.gif);
 background-repeat: no-repeat;
 width: 75px;
 height: 117px;
 margin: 12px;
 position: fixed;
 left: 0px;
 bottom: 50px;
 z-index: 99;
}

/* gallery */
#gallery 
{
 width: 400px;
 height: 345px;
 margin: 5px;
 float: right;
}

#object 
{
 margin: auto;
 display block: ;
}

/* columns */
#col_l 
{
 background-image: url(../img/menu-blue-fade.jpg);
 background-repeat: repeat-y;
 width: 100px;
 height: 95%;
 position: fixed;
 left: 0px;
 top: 125px;
 font-size: 11px;
 z-index: 1;
}

#col_c 
{
 min-width: 870px;
 position: absolute;
 left: 115px;
 top: 85px;
 padding: 5px;
}

#col_r 
{
 padding: 5px;
 width: 200px;
 float: right;
}

/* menu buttons */
.menu 
{
 font-family: arial, sans-serif;
 width: 100px;
 height: 150px;
 position: fixed;
 margin: 0;
 margin-top: 0px;
 margin-right: 0;
 margin-bottom: 0px;
 margin-left: 0;
 z-index: 100;
}

.menu ul li a, .menu ul li a:visited 
{
 display: block;
 text-decoration: none;
 color: #FFFFFF;
 width: 100px;
 height: 25px;
 text-align: center;
 border-style: none;
 border-top-width: 1px;
 border-right-width: 1px;
 border-bottom-width: 0;
 border-left-width: 0;
 background-image: url(../img/menu-bg.gif);
 background-repeat: no-repeat;
 font-size: 11px;
 font-weight: bold;
}

.menu ul 
{
 padding: 0;
 margin: 0;
 list-style: none;
}

.menu ul li 
{
 float: left;
 margin-right: 1px;
 position: relative;
}

.menu ul li ul 
{
 display: none;
 : ;
}

/* specific to non IE browsers */
.menu ul li:hover a 
{
 color: #fff;
 background-image: url(../img/menu-bg-sel.gif);
 background-repeat: no-repeat;
}

.menu ul li:hover ul 
{
 display: block;
 position: absolute;
 top: 0;
 left: 100px;
 width: 100px;
}

.menu ul li:hover ul li a.hide 
{
 color: #000;
}

.menu ul li:hover ul li:hover a.hide 
{
 width: 100px;
}

.menu ul li:hover ul li ul 
{
 display: none;
}

.menu ul li:hover ul li a 
{
 display: block;
 background-image: url(../img/menu-bg-lt.jpg);
 background-repeat: repeat-x;
 color: #FFFFFF;
 width: 100px;
 height: 17px;
}

.menu ul li:hover ul li a:hover 
{
 background-image: url(../img/menu-bg-lt-sel.jpg);
 background-repeat: no-repeat;
 color: #FFFFFF;
}

.menu ul li:hover ul li:hover ul 
{
 display: block;
 position: absolute;
 left: 200px;
 top: 0;
 color: #000;
}

.menu ul li:hover ul li:hover a 
{
 background-image: url(../img/menu-bg-lt-sel.jpg);
 background-repeat: no-repeat;
}

.menu ul li:hover ul li:hover ul li a 
{
 display: block;
 width: 100px;
 height: 14px;
 background-image: url(../img/menu-bg-lt-sel.jpg);
 background-repeat: no-repeat;/*	background: #FEF4E0;
	color:#666666;
	border: dashed 1px #BBBBBB; */
}

.menu ul li:hover ul li:hover ul li a:hover 
{
 background-color: #FDE7B9;
 color: #666666;
 height: 14px;
}

/* sidebar */
#col_r ul 
{
 padding: 0;
 margin: 0px;
 text-align: center;
}

#col_r li 
{
 background-image: url(../img/sidebar-bg-lt.jpg);
 background-repeat: repeat-x;
 list-style: none;
 text-align: center;
 vertical-align: center;
 color: #FFFFFF;
 font-family: verdana, arial, helvetica, sans-serif;
 font-weight: bold;
 font-size: 12px;
 margin: 0px;
 margin-top: 20px;
 height: 20px;
}

#col_r p 
{
 background-color: #FEF4E0;
 border-color: rgb(220,220,220);
 border-width: 1px;
 border-style: dotted;
 border-top-style: none;
 font-family: verdana, arial, helvetica, sans-serif;
 font-size: 10px;
 text-align: left;
 margin: 0px;
 color: #666666;
}

#col_r a 
{
 font-size: 10px;
 text-align: center;
 color: #E78E0E;
}

/* footer */
#footer 
{
 background-image: url(../img/footer-bg.jpg);
 background-repeat: repeat-x;
 width: 100%;
 min-width: 1024px;
 height: 25px;
 margin: 0px;
 position: fixed;
 bottom: 0;
 left: 0;
 z-index: 100;
}

#footer ul 
{
 position: fixed;
 left: 85px;
 bottom: 8px;
 margin: 0;
}

#footer li 
{
 display: inline;
 font-family: arial, verdana, helvetica, sans-serif;
 font-size: 10pt;
 color: #FFFFFF;
 text-align: left;
}

#footer a 
{
 color: #FFFFFF;
}

#footer li:after 
{
 content: " | ";
}

#footerlink 
{
 font-family: arial, verdana, helvetica, sans-serif;
 font-size: 10pt;
 color: #999999;
 text-align: left;
 position: fixed;
 left: 115px;
 bottom: 8px;
}

#footerlink a 
{
 color: #FFFFFF;
}

#footerlink a:hover 
{
 color: #CCCCCC;
}

#copyright 
{
 font-family: arial, verdana, helvetica, sans-serif;
 font-size: 	;
 color: #CCCCCC;
 text-align: right;
 position: fixed;
 right: 15px;
 bottom: 8px;
}

#mapright 
{
 font-family: arial, verdana, helvetica, sans-serif;
 font-size: 8pt;
 background-color: #FFFFFF;
 color: #CCCCCC;
 text-align: right;
 position: fixed;
 right: 15px;
 bottom: 25px;
}

#mapright a 
{
 color: #CCCCCC;
 text-decoration: none;
}

#mapright a:hover 
{
 color: #999999;
}

/** ADMIN **/
#admin_table table {
}

#admin_table th {
 background-color: #CCCCCC;
 font-weight: bold;
 font-size: 0.75em;
}

#admin_table td {
 font-size: 0.9em;
 border: solid 1px #DDDDDD;
 vertical-align: center;
 text-align: center;
}

#consent {
 font-size: 0.75em;
 border: solid 1px #DDDDDD;
 padding: 10px;
 text-align: justify;
}

#consent label{
 font-size: 0.9em;
 font-weight: bold;
}
	
#consent input{
 margin-top: 10px;
}
	
#checkout {
 font-size: 0.75em;
 border: solid 1px #DDDDDD;
 padding: 10px;
 text-align: justify;
}

#product {
 font-size: 0.75em;
 border: solid 1px #DDDDDD;
 padding: 10px;
 text-align: justify;
}

/** DOJO **/
.testClass {
	background-color:red;
} 

#contentNode {
 border-color: red;
 border-width: 1px;
 border-style: dashed;
 background-color: #E1E1FF;
 width: 75%;
 font-size: 10px;
 margin-bottom: 10px;
}

#contentNode p{
	margin: 0px;
}