/***********  viktorgiacobbo.ch  (bk, 2009) ****************/

a:focus, a:active {
  outline:none;
}
body {
  font: 100% 'Lucida Grande', Verdana, Arial, sans-serif;
  line-height: 1.125em;
  color: #333;
  background: #000;
  margin: 0;
  padding: 0;
}
h1 {
  font-size: 1.2em;
  color: #333;
  background-color: inherit;
}
img {
  border:0 none;
}
a {
  text-decoration: none;
}
/* ************************ */

#header, #header #logo, #header #navi, #box2, #box2 #subnavi, #box2 #ticker, #box2 #contentleft, #box2 #contentleft #txt1, #box2 #contentleft #txt1 #search, #box2 #contentright, #box2 #contentright #txt2, #box2 #footer {
  margin: 0;
  padding: 0;
}
/* ************************ */

#box {
  margin: 1.7em auto 0em auto;
  padding: 0px;
  width: 56em;
  color: #000;
  background: #fffff0;
  font-size: 0.88em;
}
/* ************************ */
/* ***  header              */

#header {
  clear: both;
  background: #000;
  color: #eee;
}
#header, #box2 #subnavi {
  font-family: arial, helvetica, sans-serif;
  font-size: 1em;
  font-weight: bold;
  line-height: 1.7em;
}
#header #logo {
  width: 270px;
  float: left;
  position: relative;
}
#header #logo a {
  color: #f8f8f8;
  background: inherit;
  padding: 0 0 0 28px;
}
/* ******* */

#header #navi {
  margin-left: 270px;
  list-style-type: none;
  margin: 0;
}
#header #navi li {
  float: left;
  width: 70px;
  background-color: #fffff0;
  color: inherit;
  margin: 2px 1px 0 1px;
}
#header #navi a {
  display: block;
  color: #333;
  background-color: inherit;
  padding: 0 1.2em;
}
#header #navi li a.tab1 { color: #390; background-color: inherit;}
#header #navi li a.tab2 { color: #c60; background-color: inherit;}
#header #navi li a.tab3 { color: #069; background-color: inherit;}
#header #navi li a.tab4 { color: #c00; background-color: inherit;}
#header #navi li a.tab5 { color: #390; background-color: inherit;}
#header #navi li a.tab6 { color: #c60; background-color: inherit;}
#header #navi li a.tab7 { color: #069; background-color: inherit;}

#header #navi li a:hover {  color: #fffff0;  background-color: inherit;}

#header #navi li a.tab1:hover { background: #380; color: inherit;}
#header #navi li a.tab2:hover { background: #c60; color: inherit;}
#header #navi li a.tab3:hover { background: #069; color: inherit;}
#header #navi li a.tab4:hover { background: #c00; color: inherit;}
#header #navi li a.tab5:hover { background: #380; color: inherit;}
#header #navi li a.tab6:hover { background: #c60; color: inherit;}
#header #navi li a.tab7:hover { background: #069; color: inherit;}

#header #navi li#current a {  color: #000;  background-color: inherit;}
/* #header #navi li#current a:hover { color: #fffff0; background-color: inherit;} */


/**********************************************************/
/*** box2, containing subnavi, contentleft + contentright */

#box2 {
  border-top:   4px solid #c00;
  border-right: 4px solid #c00;
  border-left:  4px solid #c00;
  background-color: #fffff0;
  color: inherit;
  /* body to bottom, - not so nice ;- */
  min-height: 780px;
  clear: both;
}
#box2 #subnavi {
  margin: 0 0 1.7em 0;
}
#box2 #subnavi ul {
  width: 268px;
  white-space: nowrap;
  background: #c00;
  color: #333;
  margin: 0;
  padding:0;
}
#box2 #subnavi ul li {
  display: inline;
  list-style: none;
  margin: 0;
  padding:0;
}
#box2 #subnavi ul li a:link, #box2 #subnavi ul li a:visited {
  color: #333;
  background-color: inherit;
}
#box2 #subnavi #subfirst {
  padding-left: 24px;
  padding-right: 1em;
}
#box2 #subnavi ul li a#subnext {
  color: #fff;
  background-color: inherit;
  padding-left: 1em;
}
#box2 #subnavi ul li a#subnext:hover, #box2 #subnavi ul li a#subnext:active {
  color: #000;
  background-color: inherit;
}
/* jquery fade-effects not working with IE8 without this:  */
/*
#box2 #lbxtipps, 
#box2 #subnavi ul li a#subnext { display: inline-block; }
*/

/*** ticker on homepage ***/

#box2 #ticker {
  clear: both;
  color: #fff;
  background: #000;
  min-height: 0.7em;  /* if no ticker show a small black bar */
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.8em;
}
#box2 #ticker #tickertxt {
  margin: 0;
  padding: 3px 24px;
  z-index: 99;
  float: left;
}
#box2 #ticker noscript {
  float: left;
}
#box2 #ticker noscript, 
#box2 #ticker noscript div {
  margin: 0;
  padding: 0; 
}

/*********************************************/
/*** contentleft (more after contentright) ***/

#box2 #contentleft {
  width: 270px;
  float: left;
}
#box2 #contentleft #txt1 {
  padding: 0 0.7em 0 24px;
}
#box2 #contentleft #txt1 p {
  margin-top: 0;
}
#box2 #contentleft #txt1 a {
  font-weight: bold;
}
#box2 #contentleft #txt1 p.hline, #box2 #contentright #txt2 p.hline {
  border-top: solid #666 2px;
  padding: 1px 0;
  margin: 0;
  width: 98%;
}
#box2 #contentleft #txt1 p.hline {
  width: 90%;
}
/*** pager links ***/

#box2 #contentleft #txt1 #xpg a:hover {
  color: #000;
  background-color: inherit;
  text-decoration: none;
}
/*** search-div + suche-input ***/

#box2 #contentleft #txt1 #search #suche, #box2 #contentleft #txt1 #search #submit {
  font-size: 1em;
}
#box2 #contentleft #txt1 #search #submit {
  padding-left:1px;
  padding-right:1px;
}
#box2 #contentleft #txt1 #search #suche {
  padding: 0px 0px 1px 2px;
  width: 12em;
  margin-bottom: 1px;
}
#box2 #contentleft #txt1 #search span {
  padding: 2px 4px;
}
#box2 #contentleft #txt1 #search .error {
  border-left: 1px dotted red;
  border-bottom: 1px dotted red;
  padding: 0 0 0 4px;
  line-height: 1.5em; /*space to input-field */
}
/* '.example' being the default-class of jquery.example.js 
   so we could use .example (with less coding, - too late ;-
*/
#box2 #contentleft #txt1 #search #suche.hint {
  color: #999;
  background-color: inherit;
}
/*********************/
/*** contentright ***/

#box2 #contentright {
  margin-left: 270px;
}
#box2 #contentright #txt2 {
  padding: 0em 1.4em 1.4em 0em;
}
#box2 #contentright #txt2 h1 {
  padding-top: 0;
  margin-top: 0;
}
#box2 #contentright #txt2 li {
  list-style-image: url(../pic/emdash.gif);
}
#box2 #contentright #txt2 #mediainfo {
  width: 75%
}
/**********************************/
/*** contentleft + contentright ***/

#box2 #contentleft #txt1 a:hover, #box2 #contentright #txt2 a:hover {
  text-decoration: underline;
}
/* hidden js-Info */
#box2 #contentleft #txt1 noscript div dl {
  margin: 0px;
  padding: 0px;
}
#box2 #contentleft #txt1 noscript div dt {
  font-weight: bold;
  padding: 0px;
  margin-top: 0.5em;
}
#box2 #contentleft #txt1 noscript div dd {
  padding: 0px;
  margin: 0px 0px 0px 0.5em;
}
/**************************/
/*** footer (not used) ***/

#box2 #footer {
  padding-top: 40px;
}
/*** FONT-SIZE  (grrrh, why here?) ***/

#box2 #txt1, #box2 #txt2 {
  font-size: 0.88em;
}
/***********************************/
/* ***** page specific stuff ***** */

/**** tab1: INFO + KAUF  */
#bodytab1 #header #navi li#current {
  background-color: #380;
  color: inherit;
}
#bodytab1 #box2 {
  border-top-color: #380;
  border-right-color: #380;
  border-left-color: #380;
}
#bodytab1 #box2 #subnavi ul {
  background: #380;
  color: inherit;
}
#bodytab1 #box2 #contentright #txt2 a {
  color: #380;
  background-color: inherit;
}
/**** tab2: BIO + ECHO  */
#bodytab2 #header #navi li#current {
  background-color: #c60;
  color: inherit;
}
#bodytab2 #box2 {
  border-top-color: #c60;
  border-right-color: #c60;
  border-left-color: #c60;
}
#bodytab2 #box2 #subnavi ul {
  background: #c60;
  color: inherit;
}
#bodytab2 #contentleft #txt1 a, #bodytab2 #contentright #txt2 a {
  color: #c60;
  background-color: inherit;
}
/**** tab3: BILD + LINK */
#bodytab3 #header #navi li#current {
  background-color: #069;
  color: inherit;
}
#bodytab3 #box2 {
  border-top-color: #069;
  border-right-color: #069;
  border-left-color: #069;
}
#bodytab3 #box2 #subnavi ul {
  background: #069;
  color: inherit;
}
#bodytab3 #box2 #contentleft #txt1 a, #bodytab3 #box2 #contentleft #txt1 .klein90 a, #bodytab3 #box2 #contentright #txt2 a {
  color: #069;
  background-color: inherit;
}
/**** tab4: TEXT */
#bodytab4 #header #navi li#current {
  background-color: #c00;
  color: inherit;
}
#bodytab4 #box2 {
  border-top-color: #c00;
  border-right-color: #c00;
  border-left-color: #c00;
}
#bodytab4 #box2 #subnavi ul {
  background: #c00;
  color: inherit;
}
#bodytab4 #box2 #txt1 a, #bodytab4 #box2 #txt2 a {
  color: #c00;
  background-color: inherit;
}
/***********************/
/* tipps for lightbox  */
#box2 #lbxtippscontainer {
  font-size: 90%;
  margin-right: 2em;
  padding-top: 2em;
}
#box2 #lbxtippscontainer #tippstrigger {
  border-top: 1px dotted #999;
  padding-top: 4px;
}
#box2 #lbxtippscontainer #lbxtipps {
  display: block;
}
/***********************************/
/* ***** general classes ********* */

.clearboth {
  clear: both;
  line-height: 1px;
  padding: 0;
  margin: 0;
}
.clearleft {
  clear: left;
  line-height: 1px;
  padding: 0;
  margin: 0;
}
.error {
  color: red;
  background-color: inherit;
}
.klein90 {
  font-size: 90%;
}