@charset "UTF-8"; 

/* =======================================================================
Project            : www.sabinetz.ch (sabinetz - Webdesign, Schulung, Beratung)
Concept            : sabinetz
Page-Design        : sabinetz
Content            : Orgelfestival Uster 
Programming        : sabinetz, WebsiteBaker CMS, based on free template "intwerb_2.de" by Andreas Dupp
LICENSE: GNU General Public License
=======================================================================
Initial Release    : 01.08.2010
=======================================================================
sabinetz - Webdesign, Schulung, Beratung
Kleinjogg-Strasse 10
8615 Wermatswil
www   : http://www.sabinetz.ch
mail  : info@sabinetz.ch
==========    (c) 2010 sabinetz    ==========
*/

/* wird im print.css auf block gesetzt  */
#onlyforprint{
    display: none;
}

#subbanner { color: #FF9900; background-color:inherit; font-size: 11px;}
#subbanner a { color: #FF9900; background-color:inherit; text-decoration: none;}
#subbanner a:hover { color: #FF9900; background-color:inherit; text-decoration: underline;}


/* wb-elemente */

.searchfield { background: #F5F5F5; color: #FF9900; border: 1px solid #C0C0C0;}
#leftspace { width:40px; background-color:#ff9933; color:#333; float:left; min-height:300px; }
#container {  margin: 0; width: 890px; }
#header { height: 140px; margin-left:40px; text-align: right; background:none no-repeat left;}
#kopf { height: 19px; margin-top:0px; margin-left:40px; margin-bottom:0px; padding-top:15px;}
#print { width:19px; height:19px; float:right; padding: 0 0 0 16px;}

/* Inhalt Breite und Kopfabstand */
#content { width: 850px; margin-left:40px; }

#left { border-style:solid; border-width:0px; float: left; width: 179px; margin-left:0px; padding-left:2px; padding-right:2px; padding-top: 0px; padding-bottom: 0px; background-color:#000000; min-height:1500px;}
#left1_section1 { width: 180px; padding-top:20px;}
#left1_section2 { width: 210px; padding-left: 10px;}

#right { float: left; width: 650px; min-height:400px; height:auto !important; height:450px; padding-right:0px; padding-left:8px; padding-top:20px; background-color:#FFFFFF; color:inherit;}
#right .bild { margin: 20px 0 20px 20px;}

#footer { background:#000; color: inherit; height: 19px; padding: 0; border-top:0px solid white; border-bottom:0px solid white;}

.clearfix { clear: both;}
img.portrait { margin: 0 1.2em 0.4em 0;}

/* Menu Links Abstand nach oben*/ 
#menu { margin: 0px; padding-top:5px; width:180px;}

/* Menu links, Schriftart, Hoehe der Kasten */
#menu ul { margin: 0; padding: 0; list-style-type: none; text-transform: uppercase; font: bold normal 12px/18px Verdana, Arial, Helvetica, sans-serif;}
#menu li { margin: 0; display: inline;}
#menu a { border-left:0px solid #FFFFFF; border-right:0px solid #FFFFFF; border-top:0px solid #FFFFFF; border-bottom:0px solid #FFFFFF; background-position: 5px 50%; display: block; width: 170px; color: #FFFFFF; text-decoration: none; letter-spacing: 1px; padding:6px 5px 6px 10px; background-color:#000000; background-repeat:no-repeat; background-attachment:scroll;}
#menu a:hover { background-position: 5px 50%; color: #FFFFFF; text-decoration: none; background-color:#ff9933; background-repeat:no-repeat; background-attachment:scroll;}
#menu ul ul a { background-position: 12px 50%; display: block; width: 150px; color: #FFFFFF; text-decoration: none; text-transform: none; letter-spacing: normal; padding:2px 5px 2px 30px; border-left-width:0px; border-right-width:0px; border-top-width:0px; background-color:#000000; background-repeat:no-repeat; background-attachment:scroll;}
#menu ul ul a:hover { background-position: 12px 50%; color: #FFFFFF; text-decoration: none; background-color:#ff9933; background-repeat:no-repeat; background-attachment:scroll;}
/* mit show_menu2 */
#menu li a.menu-current { background-position: 5px 50%; color: #FFFFFF; text-decoration: none; background-color:#ff9933; background-repeat:no-repeat; background-attachment:scroll;}

/* #menu ul ul ul a {background-position: 19px 50%; display: block; width: 120px; color: #000000; text-decoration: none; border-bottom: 1px solid #FFFFFF; text-transform: none; letter-spacing: normal; padding-left:30px; padding-right:5px; padding-top:2px; padding-bottom:2px; background-color:#CAD1D9; background-repeat:no-repeat; background-attachment:scroll; }
#menu ul ul ul a:hover {background-position: 19px 50%; color: #FFFFFF; text-decoration: none; background-color:#FF9900; background-repeat:no-repeat; background-attachment:scroll; }
#menu ul ul ul ul a {background-position: 26px 50%; display: block; width: 110px; color: #000000; text-decoration: none; border-bottom: 1px solid #FFFFFF; text-transform: none; letter-spacing: normal; padding-left:40px; padding-right:5px; padding-top:2px; padding-bottom:2px; background-color:#DCE1E7; background-repeat:no-repeat; background-attachment:scroll; }
#menu ul ul ul ul a:hover {background-position: 26px 50%; color: #FFFFFF; text-decoration: none; background-color:#FF9900; background-repeat:no-repeat; background-attachment:scroll; }
#menu_current {font-weight: bold;}
#menu_current {background-position: 5px 50%; color: #FFFFFF; text-decoration: none; background-color:#FF9900; background-repeat:no-repeat; background-attachment:scroll; }
#menu ul li a.menu_current {background-position: 5px 50%; color: #FFFFFF; text-decoration: none; background-color:#ff9933; background-repeat:no-repeat; background-attachment:scroll; }
*/ 

/* Kopf Menue */
#submenu { margin: 0; padding: 0; font: 11px/19px Verdana, Tahoma, Helvetica, sans-serif;}
#submenu ul { margin: 0; padding: 0; list-style-type: none; text-align: center;}
#submenu ul li { margin: 0; padding: 0; display: block; float: right; text-align: center;}
#submenu ul li a { margin: 0; display: block; width: 100px; background:#FFFFFF; color: #ff9933; text-decoration: none; border-left: 1px solid #FFFFFF;}
#submenu ul li a:hover { color: #FFFFFF; background: #ff9933; }
/* mit show_menu2 */
#submenu #kopf ul li.menu-current a { color: #FFFFFF; background: #ff9933;}

/* Fuss Menue */
#footermenu { margin: 0; font: 11px/19px Verdana, Tahoma, Helvetica, sans-serif; margin-left: 183px; padding-left:28px; background:#ffffff; color:#fff;}
#footermenu ul { margin: 0; padding: 0; list-style-type: none; text-align: center; border: 0;}
#footermenu ul li { margin: 0; padding: 0; display: block; float: right; text-align: center;}
#footermenu ul li a { margin: 0; display: block; width: 100px; background:#FFFFFF; color: #ff9933; text-decoration: none; border-left: 1px solid #FFFFFF;}
#footermenu ul li a:hover { color: #ff9933; background: #ffffff; text-decoration:underline;}
/* mit show_menu2 */
#footermenu ul li.menu-current a { font-weight: bold;}


/* Global */
html { min-height: 100.05%; }
body { margin: 0; padding: 0; color: #666666;background-color:#fff; background:url(background-2011.jpg) no-repeat;}
body, th, td { font-weight:100; font: normal 12px/19px Verdana, Arial, Helvetica, sans-serif;}

h1 { border-bottom:1px solid #ff9933; letter-spacing: 1px; text-transform: uppercase; color: #ff9933; background-color: inherit; padding-left: 10px; font: bold 12px/20px Verdana, Arial, Helvetica, sans-serif;}
h2 { letter-spacing: 1px; text-transform: uppercase; color: #666666; background-color: inherit; padding-top: 20px; padding-left: 15px; font: bold 12px/14px Verdana, Arial, Helvetica, sans-serif;}
h3 { letter-spacing: 1px; text-transform: uppercase; color: #666666; background-color: inherit; padding-left: 15px; font: normal 10px/20px Verdana, Arial, Helvetica, sans-serif;}

p { margin: 0 0 0px 0;}
hr { display:none;}
img { border: 0 none;}
em, i { font-style: italic;}
strong, b { font-weight: bold;}

a:focus, a:active { outline: none;}

a, a:link, a:active { color: #ff9933; background-color:inherit; text-decoration: none; }
a:hover { color: #ff9933; text-decoration: underline; background-color:inherit;}
a:visited { color: #ff9933; background-color:inherit;}

/* zebra */
#right .r1 { background-color: #eeeeee; color: inherit;}
#right .r2 { background-color: #ffffff; color: inherit;}

/* Interpretenliste */
#right #interpretencontainer { padding-top: 6px;}
#right #interpretencontainer #spalte_links, #right #interpretencontainer #spalte_rechts { float: left; width: 48%;}
#right #interpretencontainer #spalte_links { padding-left:16px;}
#right #interpretencontainer ul { list-style: none; margin:0; padding:0;}
#right #interpretencontainer ul li { padding: 2px 4px; margin-right: 12px;}
#right #interpretencontainer li a:link {}
#right p.wb_zurueck { margin: 3em 0; padding: 0.3em 0; border-top: 1px solid #ff9933; width: 30em;}

/* P mit den Interpreten pro Konzert */
#right p.interpret_pro_konzert { margin: 0.3em 0 3em 0;}
/* P mit den zusaetzl. Konzertbeginnzeiten */
#right p.uhrzeiten { margin: 1em 0;}

/* DIV mit Bio (inkl. Bild ) */
#right div#artist_description { padding: 1em 0 1em 16px; margin:0}
#right div#artist_description p { margin:0; padding:0;}
#right div#artist_description img#artistbild { float: left; margin: 0 1.2em 0.4em 0;}

/* DIV mit Terminen unter der Biografie */
#right div#artist_eventliste { margin: 1em 0; padding:0 0 0 20px;}
#right div#artist_eventliste ul { margin:0; padding:0;}
#right div#artist_eventliste ul li { margin-left:0.7em; padding-left:0.7em;}
#right div.description_bei_konzert_detail p { margin-bottom: 10px;}

#right p { color: #666666; background-color: inherit; padding-left: 15px; font-weight:100; font: normal 12px/19px Verdana, Arial, Helvetica, sans-serif;}

/* ************************************* */
/* Flash-Player, falls... */
#right div.mp3_player { margin: 8px 0 8px 16px; padding:0;}
#right div.mp3_player object { margin: 0; padding:0;}