@charset "UTF-8";
/**
 * @copyright Copyright 2009, Andr� Schr�der
 * @link      http://www.wertbar.com
 * @toc
 * 
 * 00 RESET
 * 01 GLOBALS
 * 02 LAYOUT
 * 03 TEXT
 * 04 LINKS
 * 05 NAVIGATION
 * 06 EXTRAS
*/


/* @group   00 RESET
--------------------------------------------------------*/

@import url('reset.css');

/* @group 01 GLOBALS
--------------------------------------------------------*/

.important { color: #cc0000; }
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
display: block;
}
html[xmlns] .clearfix {
display: block;
}
* html .clearfix {
height: 1%;
}

.invisible {
	display: none;
}

/* @group 02 LAYOUT
--------------------------------------------------------*/
#mainbg {
  background: url(../img/bg.jpg) no-repeat top center;
}

#page { width: 900px; margin: 10px auto; position: relative; }
 #header { background: #483624 url(../img/bg_header2.jpg) no-repeat top left; height: 125px;  }
  img#logo { margin: 44px 0 0 40px;  }
 #contentainer { position: relative; }
  #col1 { margin-right: 215px; border-top: 10px solid #333; }
  #col1-full { border-top: 10px solid #333; }
    #content { padding: 40px; }
    #content-b { padding: 40px 0 40px 40px; margin-right: 250px; }
    #content-c { padding: 40px 0 40px 40px; margin-right: 465px; }
  #col2 { background: green; }
  #col3 { width: 215px; background: #483624 url(../img/bg_right2.jpg) no-repeat; float: right; position: relative;  }
    #mainnav { height: 269px; overflow: hidden; }
  
#footer { margin-top: 60px; clear: both;  }

/* @group 03 TEXT
--------------------------------------------------------*/

BODY {
	font: normal 13px 'Trebuchet MS', Tahoma, Verdana, Arial, sans-serif;
	margin:0;
	padding:0;
  color: #333;
  background: #fff url(../img/bg.jpg) no-repeat top center;
}

h1 { font: normal 24px 'Trebuchet MS', Tahoma, Verdana, Arial, sans-serif; margin-bottom: 40px; }
h2 { font: normal 20px 'Trebuchet MS', Tahoma, Verdana, Arial, sans-serif; margin-bottom: 15px; color: #7A6247; font-style: italic; }
h3 { font: bold 18px 'Trebuchet MS', Tahoma, Verdana, Arial, sans-serif; color: #63503A; }
h4 { font: bold 24px 'Trebuchet MS', Tahoma, Verdana, Arial, sans-serif; }
h5 { font: bold 24px 'Trebuchet MS', Tahoma, Verdana, Arial, sans-serif; }

p {
	line-height: 1.6em;
  margin: 1em 0;
}

table {
	border-collapse: separate;
  width: 100%;
}
td {
	padding: 4px;
  background: #EDECEA;
  border: 2px solid #fff;
	line-height: 1.6em;
}

/* @group 04 LINKS
--------------------------------------------------------*/

a:link, a:visited { text-decoration: underline; font-weight: bold; color: #7A6247 }
a:active, a:hover, a:focus { text-decoration: underline; }


a[href$='.pdf'] { 
	padding-left: 20px;
	background: transparent url(../img/icon_pdf.gif) no-repeat center left;
}
a[href$='.doc'] { 
	padding-left: 20px;
	background: transparent url(../img/icon_doc.gif) no-repeat center left;
}
a[href$='.xls'] { 
	padding-left: 20px;
	background: transparent url(../img/icon_xls.gif) no-repeat center left;
}
a[href ^="mailto:"] { 
	padding-left: 20px;
	background: transparent url(../img/icon_mailto.gif) no-repeat center left;
}



/* @group 05 NAVIGATION
--------------------------------------------------------*/


#topnav {
	text-align:right;
  float: right;
	color: #B0A8A0;
  padding: 24px;
}
#topnav a {
	color: #B0A8A0;
  text-decoration: none;
  text-transform: uppercase;
  margin: 0 10px;
  font-weight: normal;
}
#topnav a:hover,
#topnav a:focus,
#topnav a.current {
	color: #fff;
}

#langnav { }

#langnav ul {
  display: block;
  padding-top: 5px;
  text-align: right;
  padding-right: 20px;
}

#langnav ul li {
  display: inline;
}
#langnav ul li a {
  color: #fff;
  text-decoration: none;
  font-weight: normal;
  font-size: 11px;
  display: inline;
  line-height: 23px;
  padding: 5px 7px 3px 7px;
  background: #63584C;
  text-transform: uppercase;
}
#langnav ul li.current a {
	color: #fff;
  background: #483624;
}
#langnav ul li a:hover,
#langnav ul li a:focus {
	color: #fff;
  background: #483624;
}


#mainnav ul {
	padding: 0px 0 20px;
}

#mainnav ul li {
	display: block;
}

#mainnav ul li a {
	display: block;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  padding: 5px 0 5px 30px;
  margin:0;
  width: 100%;
  font-weight: normal;
}

#mainnav ul li.current a {
  color: #fff;
  background: #333 url(../img/bg_nav.jpg) repeat-y left;
}

#mainnav ul li a:hover,
#mainnav ul li a:focus {
  color: #fff;
  background: #444 url(../img/bg_nav.jpg) repeat-y left;
}

.extra {
	position: absolute;
  right:0px;
  top:136px;
  width: 160px;
  height: 50px;
}

.rightbox {
  position: absolute; 
  right:0px;
  top: 280px;
  
}

/* @group 06 EXTRAS
--------------------------------------------------------*/

.repertoire-stueck {
	display: none;
  padding: 0 10px 10px;
}

.repertoire-stueck div {
	font-size: 16px;
  margin: 10px 0;
  font-style: oblique;
}

a.replink {
  display: block;
  text-decoration: none;
  background: #EDECEA;
  margin: 5px 0;
  padding: 5px;
}
a.replink:active,
a.replink:hover,
a.replink:focus {
  background: #E0DEDA;
}
.replist td {
	background: #fff;
  padding-left: 0;
  padding-right: 0;
}


/* termine */

.liste thead td {
	background: none;
  font-style: italic;
  font-size: 11px;
}
.listdate {
	width: 100px;
  font-size: 11px;
}
tr.listrow2 td {
  background: #E0DEDA;
}
.listtermin {
	width: 300px;
}

/* programme */

.programm {
  margin-bottom: 40px;
  border-top: 2px solid #EDECEA;
}

.programm td {
  background: none;
}

.programm td.komponist {
  background: #fff;
	width: 150px;
  text-align: right;
  color: #7A6247;
  font-weight: bold;
  padding-right: 10px;
}
.programm td.date {
	color: #aaa;
  font-size: 11px;
  width: 90px;
}
.programm .date {
	color: #aaa;
  font-size: 11px;	
}
.programm td.stueck {
  border-left: 2px solid #EDECEA;
  padding-left: 10px;
  }
.programm td.lesung {
   font-style: italic;
   color: #aaa;
  border-left: 2px solid #EDECEA;
  padding-left: 10px;
  }

.programm td.pause {
  font-style: italic;
  background: none;
  border-left: 2px solid #EDECEA;
  padding-left: 10px;
  color: #aaa;
}

.programm td.number {
  border-right: 2px solid #EDECEA;
  font-size: 40px; 
  text-align: center; 
  width: 40px; 
  vertical-align: top; 
  padding:0; 
  color: #E0DEDA;
}
.programm td.none {
	height:0; line-height:0; padding:0; border:0;
}

ul.galerie {
  display: block;
  width: 600px;
}
ul.galerie li {
	display: inline;
  float: left;
  height: 190px;
}
ul.galerie li a img {
  border: 4px solid #fff;
}

ul.galerie li a:hover img {
  border: 4px solid #7A6247;
}

ul.galerie .gldlink {
	padding-left: 5px;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 11px;
}
ul.galerie .gldlink:hover,
ul.galerie .gldlink:focus {
  color: #333;
}

/* FORM */

textarea {
	width: 376px;
  height: 70px;
}

input#ss, textarea, fieldset.basics input {
  border: 1px solid #ccc;	
  padding: 3px;
}

input, textarea {
  font: normal 12px "Lucida Grande", Trebuchet MS, Verdana, Arial, sans-serif;
}
fieldset.basics input {
	width: 230px;
  margin-bottom: 5px;
}

fieldset.ss input {
	width: 30px;
  margin-bottom: 10px;
}
.basics label, .anr, fieldset.ss label {
	float: left;
  width: 140px;
  padding: 2px;
  margin:0;
  }
.message label {
	display: block;
}

fieldset.tel input {
	padding: 4px;
  width: 70px;
}
fieldset.leistungen label,
fieldset.anrede label span {
  cursor: pointer;
  border-bottom: 1px dotted #839833;  
}
fieldset.leistungen {
	margin-bottom: 10px;
}
fieldset.anrede {
	margin: 10px 0;
}
.formbutton {
	margin-top: 20px;
}


/* form-validator */

.hint {
	font-size: 10px;
  color: #999;
}

input.error {
  border: 1px dotted #cc0000 !important;
}
em.error {
	color: #cc0000;
  margin: 0px 0 5px 140px;
  display: block;
  width: 240px;
}
div.error {
	display: none;
}

div.hint     { background: #E7EFE2; color: #5C933F; margin: 0.5em 0; padding: 0.5em; border-top: 1px #5C933F dotted; border-bottom: 1px #5C933F dotted; }
div.error   { background: #f5f5f5; color: #CC3300; margin: 0.5em 0; padding: 0.5em; border-top: 1px #CC0000 dotted; border-bottom: 1px #CC0000 dotted;}
div.warning   { background: #FFE5DC; color: #CC3300; margin: 0.5em 0; padding: 0.5em; }


fieldset.ss em.error {
  margin: 4px 0 0 0px;
  padding: 0px;
}

fieldset.ss em.success {
  margin: -28px -10px 0 0 !important;
  padding: 0px;
  background:url("../img/checked.gif") no-repeat 0px 0px;
  padding-left: 20px;
  display: inline;
  color: #000;
  float: right;
}

fieldset.basics {
	position: relative;
}

fieldset.basics em.success {
  display: inline;
  color: #000;
  margin: -24px -220px 0 0 !important;
  float: right;
}

em.success {
  background:url("../img/checked.gif") no-repeat 0px 0px;
  padding-left: 20px;
}

.texthint {
	font-style: italic;
  margin-bottom: 30px;
  display: block;
  color: #aaa;
}


/*UI tabs*/
.ui-tabs-nav {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; list-style: none;
	float: left;
	position: relative;
	z-index: 1;
	bottom: -1px;
}
.ui-tabs-nav ul {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; list-style: none;
}
.ui-tabs-nav li {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; list-style: none;
	float: left;
}
.ui-tabs-nav li a {
	float: left;
	text-decoration: none;
  font: normal 20px 'Trebuchet MS', Tahoma, Verdana, Arial, sans-serif;
	padding: .5em 1.7em .5em 0;
	color: #E0DEDA;
  font-style: italic;
}
.ui-tabs-nav li a:hover {
	color: #7A6247;
}
.ui-tabs-nav li.ui-tabs-selected {
	border-bottom-color: #ffffff;
}
.ui-tabs-nav li.ui-tabs-selected a, .ui-tabs-nav li.ui-tabs-selected a:hover {
	background: #ffffff url(images/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x;
	color: #7A6247;
}
.ui-tabs-panel {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	clear:left;
	background: #ffffff url(images/ffffff_40x100_textures_01_flat_75.png) 0 0 repeat-x;
  margin-bottom: 40px;
  padding-top: 30px;
}
.ui-tabs-hide {
	display: none;/* for accessible hiding: position: absolute; left: -99999999px*/;
}

a.buybutton { 
	background: url(../img/button.png) no-repeat left top;
  width: 145px;
  height: 48px;
  float: right;
  font-size: 14px;
  line-height: 48px;
  font-weight: bold;
  color: #D6D6D6;
  text-decoration: none;
  text-transform:uppercase;
  margin: 0 0 20px 20px;
  display: block;
}
a.buybutton span {
  display: block;
  padding-left: 20px;
}
a.buybutton:hover,
a.buybutton:focus {
	background: url(../img/button.png) no-repeat left -60px;
  color: #fff;
}

.neubutton {
	background: url(../img/neu.png) no-repeat;
	width: 50px;
	height: 43px;
	position: absolute;
	top: 72px;
	right: 190px;
}
.neubutton span {
	display: none;
}
.newbutton {
	background: url(../img/new.png) no-repeat;
	width: 50px;
	height: 43px;
	position: absolute;
	top: 72px;
	right: 190px;
}
.newbutton span {
	display: none;
}