/* ---------------------------------------------------------- 
  Artista International - screen - styles  
  
  Mark Blasius webdesign° - markblasius.com
  
  
  
  client: atelier frank
  
  alle rechte vorbehalten - all rights reserved !
  
   ---------------------------------------------------------- */

/* ---------------------------------------------------------

copy text #666
petrol  #007684
braun  #8c701f
violett #6d3871

----------------------------------------------------------- */

body {
  color: #666;
  font-size: 12px;
  font-family: Lucida, 'Lucida Grande', Arial, sans-serif;
}

/* typo ---------------------------------------------------- */   

h1 { font-size: 24px; }

h1#logo a {
  margin: 0;
  padding: 0;
  display: block;
  width: 499px;
  height: 71px;
  text-indent: -9999px;
  text-decoration: none;
  position: relative;
  top: 0;
  left: 0;
  border: 0;
  background-image: url(/g/ai_logo.png);
  background-repeat: no-repeat;
  background-position: 0 0;
}

h1#logo_en a { background-image: url(/g/ai_logo_en.png); }

h2.quote, h2, h3 { font-family: 'Times New Roman', serif; }

h2 { 
  margin: 0 0 8px 0;
  font-size: 22px;
  color: #007684;
}

h2.quote {
  margin: 35px 0;
  color: #007684;
  font-size: 32px;
  line-height: 34px;
}

div.artistpreviewlisting h2 {
  margin-bottom: 4px;
  font-size: 16px;
  line-height: 19px;
  font-family: Lucida, 'Lucida Grande', Arial, sans-serif;
}

h3 { 
  font-size: 18px;
  line-height: 21px;
  color: #8c701f;
}

#newsone h3, #newstwo h3, #newsthree h3 { 
  margin: 0 0 5px 0;
  color: #8c701f; 
}

#newsone h3 span, #newstwo h3 span, #newsthree h3 span { color: #007684; }

h4 { font-size: 14px; }

p { 
  margin: 0 0 12px 0;
  font-size: 13px;
  line-height: 18px; 
}

p em { line-height: 18px; }

p.caption {
  margin: 4px 3px 3px 3px;
  font-size: 11px;
  text-align: left;
}


#footer p { 
  font-size: 11px;
  line-height: 13px;
}

#content p {
  font-size: 13px;
  line-height: 19px;
}

span.petrol { color: #007684; }
ul { list-style-type: square; }

ul#tonmaterial {
  margin: 15px 0;
  font-size: 13px;
  line-height: 18px;
  list-style-type: none;
}

ul#tonmaterial li {
  margin: 0 0 5px 0;
  padding: 8px 8px 8px 28px;
  background: url(/g/tune.png) no-repeat left center;
}

dl { 
  margin: 10px 0;
  padding: 0;
}

dt {
    margin: 0 0 6px 0;
    float: left;
    clear: left;
    width: 110px;
    text-align: left;
    font-weight: bold;
    line-height: 16px;
  }

dd {
    margin: 0 0 6px 118px;
    padding: 0;
    line-height: 16px;
  }
  
/* essentials */   
strong { font-weight: bold; }
em { font-style: italic; }

/* linkage -------------------------------------------------- */   

a:link {
  color: #666;
  text-decoration: underline;
}

a:visited {
  color: #6d3871;
  text-decoration: underline;
}

a:hover {
  color: #8c701f;
}

a {
  color: #666;
  text-decoration: underline;
}

#newsone h3 a, #newstwo h3 a, #newsthree h3 a {
  font-size: 18px;
  line-height: 21px;
  color: #8c701f;   
  text-decoration: none;
}

div.artistpreviewlisting h2 a { 
  color: #007684; 
  text-decoration: none;
}

div.artistpreviewlisting h2 a:hover { color: #8c701f; }

#newsone h3 a:hover, #newstwo h3 a:hover, #newsthree h3 a:hover { color: #007684; }
#newsone h3 a span, #newstwo h3 a span, #newsthree h3 a span { color: #007684; }

#newsone h3 a:hover span, #newstwo h3 a:hover span, 
#newsthree h3 a:hover span { color: #8c701f; }

#newsone p a, #newstwo p a, #newsthree p a {
  color: #666;
  font-size: 13px;
  line-height: 18px; 
  text-decoration: none;
}

div#listingcontainer div.artistpreviewlisting p a {
  font-size: 13px;
  line-height: 18px; 
  text-decoration: none;    
}

#newsone p a:hover, #newstwo p a:hover, #newsthree p a:hover {
  color: #8c701f;
}

div.artistpreviewlisting p a { 
  color: #666; 
  text-decoration: none;
}

div.artistpreviewlisting p a:hover { color: #8c701f; }

ul#tonmaterial li a {
  color: #666;
  line-height: 18px;
  text-decoration: none;
}

ul#tonmaterial li a:hover {
  text-decoration: none;
}

#footer a {
  color: #666;
  text-decoration: none;
}

#footer a:hover { text-decoration: underline; }

.pdflink {
  padding-right: 30px;
  background: url(/g/pdfbutton.png) no-repeat right bottom;
}

#right .searchtitle a {
  color: #8c701f;
  text-decoration: none;
}

#right .searchtitle a:hover {
  color: #007684;
  text-decoration: none;
}

/* nav ----------------------------------------------------- */

/* topnav */
#topnav {
  margin: 0 0 10px 0;
  padding: 5px 0 0 0;
  text-align: right;
  font-size: 11px;
}

#topnav a {
  padding-left: 10px;
  color: #8c701f;
  text-decoration: none;
}

#topnav a:hover {   color: #007684; }

/* mainnav */
ul#nav, ul#nav_en {
  margin: 35px 0;
  width: 860px;
  height: 35px;
  font-size: 14px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  list-style-type: none;
}

ul#nav li, ul#nav_en li { display: inline; }

ul#nav li a, ul#nav_en li a {
  padding: 0 20px;
  color: #666;
  line-height: 35px;
  text-decoration: none;
}

ul#nav_en li a { padding: 0 15px; }

ul#nav li a:hover, ul#nav_en li a:hover {
  color: #007684;
  text-decoration: none;
}

ul#nav li.first a, ul#nav_en li.first a { padding-left: 15px; }
ul#nav li.last a, ul#nav_en li.last a { padding-right: 15px; }

body#bg_dirigent #nav_dirigent a,
body#bg_sopran #nav_sopran a,
body#bg_mezzosopran #nav_mezzosopran a,
body#bg_tenor #nav_tenor a,
body#bg_bariton #nav_bariton a,
body#bg_bassbariton #nav_bassbariton a,
body#bg_bass #nav_bass a,
body#bg_liedbegleiter #nav_liedbegleiter a { color: #007684; }

/* en nav */
body#bg_dirigent_en #nav_en_conductor a,
body#bg_sopran_en #nav_en_soprano a,
body#bg_mezzosopran_en #nav_en_mezzosopran a
body#bg_tenor_en #nav_en_tenor a,
body#bg_bariton_en #nav_en_baritone a,
body#bg_bassbariton_en #nav_en_bassbaritone a, 
body#bg_bass_en #nav_en_bass a,
body#bg_liedbegleiteraccompanist_en #nav_en_accompanist a { color: #007684; }

/* subnav */
ul#subnav {
  margin: 4px 0 10px 0;
  padding-left: 15px;
  width: 845px;
  /*height: 35px;*/
  font-size: 14px;
  text-align: left;
  list-style-type: none;
  /*border-bottom: 1px solid #ccc;*/
  display: none;
}

ul#subnav li { display: inline; } 

ul#subnav li a { 
  padding: 0 9px 0 0;
  /*float: left;*/
  color: #007684;
  line-height: 35px;
  text-decoration: none;
}

ul#subnav li a:hover { color: #8c701f; }

/* secondary nav */
ul#secondarynav {
  margin: 15px 0;
  font-size: 12px;
  line-height: 24px;
  list-style-type: none;
}

ul#secondarynav li {   border-bottom: 1px solid #ccc; }

ul#secondarynav li a { 
  padding: 16px 0 5px 0;
  color: #666;
  text-indent: 2px;
  text-decoration: none;
  width: 270px;
  display: block;
}

ul#secondarynav li a:hover {
  color: #8c701f;
  background-color: #f8f8f8;
}

ul#secondarynav li a:visited { color: #8c701f; }

/* img section ---------------------------------------------- */ 

.imgboxleft, .imgboxmid, .imgboxright {
  margin: 0 0 15px 0;
  padding: 23px 9px 4px 9px;
  width: 158px;
  height: 163px;
  text-align: center;
  float: left;
  border: 1px solid #ccc;
}

.imgboxmid { margin: 0 15px; }

.imgboxleft p.caption, .imgboxmid p.caption, .imgboxright p.caption {
  margin: 8px 3px 3px 3px;
  font-size: 10px;
  text-align: center;
}

/* video section --------------------------------------------- */ 

.videobox {
  margin: 0 0 15px 0;
  padding: 20px 9px 20px 9px;
  width: 552px;  
  text-align: center;
  float: left;
  border: 1px solid #ccc;
}

.videobox p.caption {
  margin: 8px 3px 3px 3px;
  padding: 0 9px;
  font-size: 10px;
  text-align: left;
}

/* search --------------------------------------------------- */

#right p.searchtitle { margin: 0 0 2px 0; }

#right p.searchpath  { 
  margin: 0 0 20px 0; 
  font-size: 10px;
}

#right p.searchdesciption { margin: 0 0 1px 0; }

/*#search { float: right; }*/

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

label { line-height: 24px; }

/* layout --------------------------------------------------- */   

#container {
  margin: 0 auto;
  width: 860px;
}

#header {  }

#content {
  margin: 25px 0 0 0;
  padding: 5px 0;
  width: 860px;
  clear: left;
}

#frontleft {
  width: 420px;
  float: left;
}

#frontright {
  width: 420px;
  float: right;
}

#newsone, #newstwo, #newsthree { 
  margin-top: 25px;
  width: 270px; 
}

#newsone { float: left; }

#newstwo {  
  margin-left: 20px;
  margin-right: 20px;
  float: left;
}

#newsthree { float: right;  }
#left, #right { margin: 15px 0 0 0; }

#left {
  width: 270px;
  float: left;
}

#right {
  width: 570px;
  float: right;
}

#listingcontainer { padding-top: 15px; }

.artistpreviewlisting {
  margin: 0 20px 20px 0;
  width: 200px;
  float: left;
}

div.artistpreviewlisting img { margin-bottom: 12px; }

#footer {
  margin: 35px 0;
  padding-top: 20px;
  border-top: 1px solid #ccc;
}

#footerleft {
  width: 270px;
  float: left;
}

#footerright {
  width: 570px;
  float: right;
}

/* essentials */
.clb { clear: both; } 
.cll { clear: left; }