/* CSS Document */
/* Author: Sean Gilbert */

img {
vertical-align:top;
border:none;
}

object, embed {
display:block;
}

/* -------------- Basics --------------------------- */
body {
margin:15px 0 0 0;
padding:0;
color: #666;
font:10px "Lucida Grande", Arial, sans-serif;
}
#twoColumn {
background:#000 url(body_img/bg.gif) repeat-x;
}
#oneColumn {
background:#000 url(body_img/bg.gif) repeat-x;
}

#wrapper {
width:900px;
margin:0 auto;
background:#000 url(body_img/kurz_bg.gif) no-repeat right;
}

#page {
width:900px;
}

#header {
width:900px;
height:180px;
background:url(body_img/head_bg.gif) no-repeat;
}

#header img {
float:left;
}

h1, h2, h3, h4, h5, h6, p, li, dt, dd, address {
text-shadow: 0 0 0 #000;/* safari hack */
}

h1 {
margin: 0;
padding: 30px;
font-size: 150%;
color: #FF0000;
text-indent: -9000px;
}
h2 {
color:#999;
}

/* ----------Added for Tool Tip popup ---------------- */

a.info{
        position:relative;           /*this is the key*/
        z-index:24; 
        background-color:#000000;    /* background colour of display text */
        color:#999933;               /* colour of display text */
        border:0px dotted #FFF;    /* border colour */
        text-decoration: none;
        font-style:;
        }

        a.info:hover {
        z-index:25; 
        background-color:#000000;

        }

        a.info span{
        display: none;  /* hide the span text using this css */
        }

        a.info:hover span{ /*the span will display just on :hover state*/
        display:block;
        position:absolute;
        top: 1.5em;
        left: 3em;
        width:15em;
        border:1px solid #ff0000; /* border colour */
        background-color:#ffffff; /* background colour here */
        color:#000000;         /* text colour */
        text-align: center;
        font-size: .9em;
        font-style:italic;
        z-index:30;
        }
        
        .images {
        vertical-align:bottom;
        }


/* --------------- main navigation -------------------*/
#mainNav
{
margin:45px 0 0 175px;
padding: 0;
width: 800px;
height:60px;
font-weight: bold;
}

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

#mainNav li
{
display: block;
margin: 0;
padding: 0;
float: left;
width: auto;
}

#mainNav a
{
color:#FFF;
text-shadow:0 0 0 #000;
display: inline;
width: auto;
text-decoration: none;
margin: 0;
padding: 5px 15px;
border-right: 1px solid #666;
}

#mainNav a:hover, #mainNav a:active {color:#FFF;text-shadow:0 -1px 0 #000;}

#mainNav a.active:link, #mainNav a.active:visited
{
position: relative;
z-index: 102;
background: #BBB;
color:#FFF;
font-weight: bold;
}



/* Highlighting the current page */

body.home #mainNav a#home, body.gallery #mainNav a#gallery, body.contact #mainNav a#contact, body.about #mainNav a#about, body.articles #mainNav a#articles, body.vendors #mainNav a#vendors, body.kbyk #mainNav a#kbyk { 
color: #fff;
text-decoration: underline;
}
body.home #mainNav a:hover#home, body.gallery #mainNav a:hover#gallery, body.contact #mainNav a:hover#contact, body.about #mainNav a:hover#about, body.articles #mainNav a:hover#articles, body.vendors #mainNav a:hover#vendors, body.kbyk #mainNav a:hover#kbyk {
color:#FFF;
}

/* --------------- footer navigation -------------------*/

#footerNav
{
margin:15px 0 0 150px;
padding: 0;
width: 800px;
height:10px;
font-weight: bold;
}

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

#footerNav li
{
display: block;
margin: 0;
padding: 0;
float: left;
width: auto;
}

#footerNav a
{
color:#FFF;
text-shadow:0 0 0 #000;
display: inline;
width: auto;
text-decoration: none;
margin: 0;
padding: 5px 15px;
border-right: 1px solid #666;
}

#footerNav a:hover, #footerNav a:active {color:#FFF;text-shadow:0 -1px 0 #000;}

#footerNav a.active:link, #footerNav a.active:visited
{
position: relative;
z-index: 102;
background: #BBB;
color:#FFF;
font-weight: bold;
}



/* Highlighting the current page */

body.home #footerNav a#home, body.gallery #footerNav a#gallery, body.contact #footerNav a#contact, body.about #footerNav a#about, body.articles #footerNav a#articles, body.vendors #footerNav a#vendors, body.kbyk #footerNav a#kbyk { 
color: #fff;
text-decoration: underline;
}
body.home #footerNav a:hover#home, body.gallery #footerNav a:hover#gallery, body.contact #footerNav a:hover#contact, body.about #footerNav a:hover#about, body.articles #footerNav a:hover#articles, body.vendors #footerNav a:hover#vendors, body.kbyk #footerNav a:hover#kbyk {
color:#FFF;
}


/* -------------------------- content ----------------------------------------- */

#primaryContent {
float:left;
width:900px;
color:#FFF;
font-size:160%;
display:inline;
margin:0 0 20px 0;
border-left:1px dotted #222;
}

#twoColumn #primaryContent {
width:720px;
color:#FFF;
font-size:120%;
float:left;
margin:0 0 20px 180px;
}

#sideContent {
float:left;
width:160px;
margin:0 0 20px -920px;
}

#oneColumn #secondaryContent, #oneColumn #sideContent {
display:none;
}

/* box */

.box {
margin:0 0 0 25px;
padding:0;
}

.content h3 {
color:#999;
}

.content a {
color:#01C6E4;
text-decoration:none;
border-bottom:1px dotted #01C6E4;
}

.content li {
margin:5px 0 0 0;
}

.content li a {
color:#FFF;
text-decoration:none;
border-bottom:1px dotted #FFF;
}

.cbb {
margin:0 0 0 10px;
}

.side {
line-height:1.5em;
}

.side h2 {
margin-top:20px;
}

.side a {
color:#01C6E4;
}

.side a:hover {
text-shadow:0 0 12px #FFF;
}

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

.cbSide {
margin:0 0 0 10px;
}

.spacer {
clear: both;
}


/* ------------------- footer -------------------------------- */

#footer{
clear:both;
width:100%;
height: 85px;
padding: 0px;
border-top:1px dotted #222;
}
#footer p {
font-weight: bold;
}

#footer a:link, #footer a:visited {
color:#ffffff;
}
#footer a:hover {
color:#999;
background:#000;
}

/* ------------------------ form styles ----------------------------------- */

fieldset {
width: 146px;
border: 0;
margin: 0 0 10px 0;
padding: 5px;
}

.side fieldset {
width: 146px;
border: 0;
margin:0 0 10px 0;
padding:0;
}

legend {
text-transform: uppercase;
font-size: 110%;
font-weight: bold;
margin: 0 0 2px 0px;
padding: 2px;
background:#01C6E4;
color:#000
}

.default legend {
display: none;
}

label {
display: none;
}

.default label {
display: block;
font-weight: bold;
}

input {
margin-top:4px 0 0 0;
padding: 2px;
border: 0;
background: #D7E7E9;
color: #333;
}

textarea {
margin-top:0;
padding: 2px;
border: 0;
background: #D7E7E9;
color: #333;
}

.default input {
display: block;
}

/*--------------------------------- extras ------------------------------------------------- */

.highlight {
color:#999;
}