html,body { min-height: 100%; }
body { background: #057295 url(../images/flare-feller-2.jpg) -230px 0px no-repeat; color: #DFF7FF; font-family: "Trebuchet MS", sans-serif; font-size: 80%; line-height: 1.6; padding: 0; margin: 0; height: 100%; }

.wrapper { margin-left: auto; margin-right: auto; width: 772px; position:relative;  height: 100%; }

h1 { font-size: 2.5em; font-weight: normal; margin: 0.2em 0em 0em 0em; text-align: right; }
h2 { font-size: 1.4em; font-weight: normal; margin: 0.5em 0em 0.2em 0em;} 

ul { margin-top: -1em; }
dt { margin-top: 1em; }
dd { margin-left: 2.5em }

a { text-decoration: none; padding-bottom: 0px; margin-bottom: 1px; border-bottom: 1px solid; }
a:link,  a:visited { color: #AEFF1F; }
a.noborder  { border: none !important;  }


body.home #menubar a#homenav, body.bio #menubar a#bionav, body.lobanova #menubar a#lobanav, body.jazzkwartet #menubar a#jazznav, body.melismates #menubar a#melisnav, body.stembanden #menubar a#stembnav, body.audio #menubar a#audionav, body.gallery #menubar a#gallerynav, body.agenda #menubar a#agendanav, body.links #menubar a#linksnav, body.contact #menubar a#contactnav {  color: #E3FFBF; cursor: default; }
body.home #menubar a:hover#homenav, body.bio #menubar a:hover#bionav, body.lobanova #menubar a:hover#lobanav, body.jazzkwartet #menubar a:hover#jazznav, body.melismates #menubar a:hover#melisnav, body.stembanden #menubar a:hover#stembnav, body.audio #menubar a:hover#audionav, body.gallery #menubar a:hover#gallerynav, body.agenda #menubar a:hover#agendanav, body.links #menubar a:hover#linksnav, body.contact #menubar a:hover#contactnav { border: none; } 


#sidebar { position:absolute; top: 62px; left: 30px; }
#sidebar .portret  { border: 1px solid #17667F; } 
#sidebar #txt { position:absolute; top: 93px; left: 58px; width: 49px; height: 409px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='crop', src='/assets/carolinelobanov.png'); border: none; }
#sidebar #txt[id] { background: url(carolinelobanov.png); } 

#right { margin-left: 144px; }

#menubar a { font-size: 13px; font-family: arial;  border: none; }
#menubar a:hover { border-bottom: 1px solid; }
#menubar { height: 140px; line-height: 16px; font-weight: bold; overflow: hidden; }
#menubar ul.menu { list-style: none; margin: 34px 0px 0px 2px; padding: 0px;}
#menubar .menu li { list-style: none; float: left; margin: 24px 23px 20px 0px; display: block; height: 18px;}
#menubar .bands { display: block; margin: 8px 0px; }
#menubar ul.language li { font-weight: normal; display: block; position: absolute; top: 94px; left: 146px; }

.break { width:100%; height: 1px; clear: both; overflow: hidden; }
.break.h { height: 1.2em; }
.break.bottom { height: 20px }
.marge { margin: 14px 14px 28px 14px; }

#content { float:left; width: 532px; padding: 18px; margin-bottom: 30px; border: 3px solid #4C0002; font-size: 1em;  
 border-color: #A3E334; /*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', enabled='true', src='/assets/bg-trans.png');*/ }
body #content[id]  { background: transparent url('bg-trans.png') }
#content h1 { color: #A3E334; }
#content a:link,  #content a:visited { color: #BAFF3F; }

#content #colLeft { float:left; width: 420px; height: 100%; overflow: hidden; }
.float-right { float:right; margin: 10px 0px 10px 10px; }

body.jazzkwartet #content { border-color: #EF970E; }
body.jazzkwartet #content h1  { color: #EF970E; }
body.jazzkwartet #content #colRight { float:right; width: 87px; margin:0; }
body.jazzkwartet #content #colRight img { border: 1px solid #181703; margin-bottom: 10px; }

body.lobanova #content {  border-color: #EF2C4F; }
body.lobanova #content h1 { color: #EF2C4F; }
body.lobanova #content img { margin-right: 14px; border: 1px solid #2F0208; }

body.stembanden #content { border-color: #5d3870; } 
body.stembanden #content h1 { color: #5d3870; }
body.stembanden #content #colLeft { width: 408px; }
body.stembanden #content #colRight { float:right; width: 100px; margin:0; }
body.stembanden #content #colRight img { margin-bottom: 10px; border: 1px solid #140A17; }

body.melismates #content { border-color: #DF45BF; } 
body.melismates #content h1 { color: #DF45BF; }
body.melismates #content img { margin-right: 17px; border: 1px solid #342400 }

#content td { vertical-align: top; }
#content .txt { padding-left: 10px; width: 280px; border-top: 2px solid #A4DDEF; }
#content .ttl { padding-top: 2px; }

body.agenda #content .ttl .band { margin-top: -6px }
body.agenda	#content table { padding: 0; margin: 0; width: 100%; border-collapse: collapse; }
body.agenda	#content table td { padding-bottom: 12px;}

#content .txt { border-left: 2px solid #A4DDEF; padding-bottom: 2px; }
#content .band {  font-size: 1.5em;  color: #A4DDEF; width: 230px; padding-top: 5px; line-height:1.2em; }

#content .lobanova .ttl, #content .lobanova .txt  { border-color: #EF2C4F; }
#content .lobanova .band { color: #EF2C4F; }

#content .jazzkwartet .ttl, #content .jazzkwartet .txt  { border-color: #EF970E; }
#content .jazzkwartet .band { color: #EF970E; }

#content .melismates .ttl, #content .melismates .txt  { border-color: #DF45BF; }
#content .melismates .band { color: #DF45BF; }

#content .stembanden .ttl, #content .stembanden .txt  { border-color: #5d3870; }
#content .stembanden .band { color: #5d3870; }

#content .audio ul { list-style: none; margin: 0; padding: 0; line-height: 2em; }

body.gallery #content a { margin-right: 20px;  }
body.gallery #content img { border: 1px solid #04516a;  }
body.gallery #content .band { width: 100%; }

body.mp3player { padding: 12px 35px; background-image: none; }
body.mp3player h1 { font-size: 1em; text-align: left; font-weight: bold; margin-bottom: 1em; }
body.mp3player h2	{ color: #A4DDEF; font-size: 1.3em; }