/* ## HOME ################################################################## */

div.ho_spalte1 { float: left; width: 365px; margin-left: -15px; }
div.ho_spalte2 { padding-top: 43px; text-align: center; height: 72px; }
div.ho_mehr { text-align: right; margin: 0px -15px -15px 0px; }
div.ho_fotos_titel { margin-top: -30px; height: 30px; }
div.ho_fotopreview td { height: 100px; padding: 5px; }

/* ## KONTAKT ############################################################### */

table.kontakt td.logo { width:250px; vertical-align:top; text-align:left; }
table.kontakt td.text { line-height: 15px; }
table.kontakt span.titel { color:#ffffff; font-weight: bold; font-size: 14px; }
table.kontakt span.area { color:#ffffff; font-weight: bold; }

div.kontaktform_titel { font-size:14px; color:#dddddd; font-weight:bold; margin: 50px 0px 20px 0px; }
table.kontaktform td.name { width:170px; font-weight:bold; text-align: right; padding-right: 10px; }
table.kontaktform td.hinweis { padding-left: 10px; font-size: 9px; color: #707070; font-style: italic; }
table.kontaktform tr { height: 20px; vertical-align: middle; }

/* ## DOWNLOAD ############################################################## */

table.download td.bild { width: 250px; vertical-align:top; }
table.download td.text { line-height: 15px; text-align:left; vertical-align:middle; padding-left: 20px; height:150px; }
table.download span.titel { color:#ffffff; font-weight: bold; font-size: 12px; }

/* ## VERSION ############################################################### */

div.version span.version { color: #ffffff; font-weight: bold; }

/* ## NBG ################################################################### */

div.nbg div.titel { font-weight: bold; color: #ffffff; padding: 20px 0px 5px 0px; }
div.nbg div.text { padding-left: 10px; text-align: justify; }

/* ## BAND ################################################################## */

div.bv div.l_keys, div.bv div.l_drums, div.bv div.l_keys2, div.bv div.l_bass, div.bv div.l_vocals, div.bv div.l_guitar { height: 20px; }
div.bv div.l_keys { background: url('../images/band/l_keys.gif') repeat-x; }
div.bv div.l_keys2 { background: url('../images/band/l_keys_vocals.gif') repeat-x; }
div.bv div.l_drums { background: url('../images/band/l_drums.gif') repeat-x; }
div.bv div.l_bass { background: url('../images/band/l_bass.gif') repeat-x; }
div.bv div.l_vocals { background: url('../images/band/l_vocals.gif') repeat-x; }
div.bv div.l_guitar { background: url('../images/band/l_guitar.gif') repeat-x; }
div.bv div.pad { height: 20px; }
div.bv table.portrait { width: 100%; }
div.bv table.portrait td { text-align: center; vertical-align: middle; }
div.bv img.portrait { border: 1px #555555 solid; }
div.bv dl.steckbrief { padding-bottom: 20px; }
div.bv dl.steckbrief * { line-height: 16px; }
div.bv dl.steckbrief dt { clear: both; float: left; width: 180px; line-height: 14px; }
div.bv dl.steckbrief dd { float: right; margin: 0px; font-weight: bold; width:350px; line-height: 14px; text-align: left; }
div.bv br.clearSteckbrief { clear: both; }


/* ## SETLIST ############################################################### */

div.sl tr.norm, div.sl tr.mark { height: 18px; vertical-align: middle; color: #808080; }
div.sl tr.mark { color: #ffffff; }
div.sl td.name, div.sl td.interpret { width: 300px; vertical-align: top; }
div.sl td.name { font-weight: bold; text-align: right; padding-right: 5px; }
div.sl td.interpret { font-style: italic; }

/* ## EVENTLIST ############################################################# */

div.el td.nav1, div.el td.nav2 { width: 55px; text-align: center; vertical-align: middle; font-weight: bold; }
div.el td.nav2 { font-size: 18px; color: #ffffff; }
div.el div.month { font-weight: bold; font-size: 15px; color: #cccccc; padding-bottom: 5px; }
div.el tr.norm, div.el tr.mark { height: 12px; vertical-align: middle; color: #808080; }
div.el tr.mark { color: #ffffff; }
div.el td.datum { width: 80px; padding-left: 13px; vertical-align: top; }
div.el td.name { width: 200px; font-weight: bold; vertical-align: top; }
div.el td.plz { width: 40px; }
div.el td.ort { width: 125px; vertical-align: top; }
div.el td.beginn { width: 75px; }

/* ## GUESTBOOK ############################################################# */

div.gb div.sender { color: #dddddd; padding-bottom: 10px; }
div.gb div.entry { padding-left: 15px; }
div.gb table.form { width: 400px; }
div.gb td.name { width: 100px; vertical-align: middle; height: 16px; padding-right: 5px; text-align: center; }
div.gb tr.space { height: 10px; }
div.gb td.icons { text-align: center; vertical-align: top; }

/* ## SMILY LISTE ########################################################### */

table.smily td.icon { width: 50px; text-align:center; }
table.smily td.code { width: 100px; font-family: monospace; }

/* ## REGISTRIERUNG ######################################################### */

div.reg div.fehler { border: #505050 1px dotted; padding: 10px; }
div.reg td.zusatz, div.reg div.zusatz { color: #707070; font-size: 9px; font-style: italic; }
div.reg table.reg_form tr { height: 25px; }
div.reg div.agb { position: relative; top: -17px; left: 25px; }
div.reg a:active, div.reg a:link, div.reg a:visited, div.reg a:hover { font-style: italic; }

/* ## GALLERY LIST ########################################################## */

div.ga_list a:hover { border-color: #ffffff; color: #ffffff; background: #202020; }
div.ga_list a:hover table, div.ga_list a:hover img, div.ga_list a:hover td, div.ga_list a:hover div { border-color: #ffffff; color: #ffffff; background: #202020; }
div.ga_list img { border: 1px #555555 solid; }
/*
table.ga_list img.quer { width: 100px; height: 75px; }
table.ga_list img.hoch { width: 75px; height: 100px; }
*/
table.ga_list img.quer, table.ga_list img.hoch { width: 100px; }
table.ga_list { border: 1px #555555 solid; margin-top: 20px; padding: 0px 5px 0px 5px; }
table.ga_list td.titel { text-align: left; font-weight: bold; width: 295px; }
table.ga_list td.stars { vertical-align: middle; width: 155px; text-align: center; }
table.ga_list td.stars img { border: 0px; }
table.ga_list td.stat { text-align: right; font-style: italic; width: 100px; }
table.ga_list td.foto { padding: 15px 5px 15px 5px; text-align: center; vertical-align: middle; }
table.ga_list td.mehr { text-align: right; }
table.ga_list td.brd { height: 5px; }

/* ## GALLERY VIEW ########################################################## */

div.ga_info { padding: 10px 10px 20px 10px; border-bottom: #505050 1px solid; }
div.ga_info span.titel { color: #dddddd; font-weight: bold; font-size: 13px; }
div.ga_info tr { vertical-align: top; }
div.ga_info td.left { width: 250px; }
div.ga_info td.middle { width: 150px; text-align: center; }
div.ga_info td.middle div { text-align: center; }
div.ga_info td.right { width: 150px; text-align: center; }
table.ga_view td.foto { width: 185px; padding: 10px 0px 10px 0px; text-align: center; vertical-align: bottom; }
table.ga_view a:hover { border-color: #ffffff; }
table.ga_view img { border: 1px #555555 solid; }
table.ga_view img.marked { border: 4px #999999 groove; }
table.ga_view img.star { border: 0px; }
table.ga_view a:hover img { border-color: #ffffff; }
table.ga_view div.info_q { width: 160px; height: 30px; overflow: hidden; }
table.ga_view div.info_h { width: 120px; height: 30px; overflow: hidden; }
table.ga_view div.left, table.ga_view div.right { font-size: 9px; width: 50%; float: left; }
table.ga_view div.left { text-align: left; }
table.ga_view div.right { text-align: right; color: #ff0000; font-size: 11px; font-weight:bold; }
table.ga_view div.bottom { clear: left; text-align: center; font-weight: bold; color: #cccccc; }

/* ## GALLERY FOTO ########################################################## */

table.ga_foto td.foto { width: 402px; padding-right: 10px; vertical-align: top; text-align: center; }
table.ga_foto td.foto div.msg { padding-top: 5px; text-align: center; font-style: italic; }
table.ga_foto td.side { vertical-align: top; }
table.ga_foto img { border: 1px #555555 solid; }
/*
table.ga_foto img.hoch { width: 300px; height: 400px; }
table.ga_foto img.quer { width: 400px; height: 300px; }
*/
table.ga_foto img.hoch, table.ga_foto img.quer { width: 400px; }
table.ga_foto table.side { width: 150px; font-size: 10px; }
table.ga_foto table.side td { width: 100%; border: 1px #555555 solid; vertical-align: top; }
table.ga_foto table.side .seperator { height: 10px; border: 0px; }
table.ga_foto table.side div.stars { padding: 10px 0px 10px 0px; text-align: center; }
table.ga_foto table.side div.vote_text { padding: 5px 0px 5px 0px; text-align: center; }
table.ga_foto table.side img { border: 0px; }
table.ga_foto div.nav_text { text-align: center; padding-top: 5px; font-weight: bold; }
table.ga_foto table.side table.nav td { border: 0px; padding: 5px 0px 5px 0px; width: 25%; }
table.ga_foto div.nav1 { background:url('../images/icons/nav_first.gif'); }
table.ga_foto div.nav2 { background:url('../images/icons/nav_left.gif'); }
table.ga_foto div.nav3 { background:url('../images/icons/nav_right.gif'); }
table.ga_foto div.nav4 { background:url('../images/icons/nav_last.gif'); }
table.ga_foto div.nav1, table.ga_foto div.nav2, table.ga_foto div.nav3, table.ga_foto div.nav4 { width: 16px; height: 16px; margin-left: 10px; background-position: 0px 16px; }
table.ga_foto #nav1 a:hover, table.ga_foto #nav2 a:hover, table.ga_foto #nav3 a:hover, table.ga_foto #nav4 a:hover { background-position: 0px 0px; }
table.ga_foto #nav1 a:hover div, table.ga_foto #nav2 a:hover div, table.ga_foto #nav3 a:hover div, table.ga_foto #nav4 a:hover div { background-position: 0px 0px; }
table.ga_foto div.infos { padding: 5px; }
table.ga_foto div.infos div { float: left; width: 30px; padding-right: 3px; text-align: right; font-weight: bold; }
div.ga_foto_comment { padding-bottom: 15px; color: #aaaaaa; }
div.ga_foto_comment div.text { padding-left: 10px; color: #808080; }