body {font-size: 16px;background: #fff url(../img/ele/bg_line.gif) no-repeat 185px 50px;margin:0;padding:0;}
* html body {font-size: 100%;}
body * {font-size: 87.5%;font-family: Verdana, Helvetica, Arial, "Trebuchet MS", Trebuchet, sans-serif;}
body * * {font-size: 100%;}
h1 {margin: 1em 0 1.5em;font-size: 18px;color:#903}
h2 {margin: 2em 0 1.5em;font-size: 16px;color:#36C}
p {margin: 0;}
pre, pre+p, p+p {margin: 1em 0 0;}
code {font-family: "Courier New", Courier, monospace;}
#container {width:800px;}

#c-left {display:inline;float:left;margin:0;width:220px;height:600px;}
#c-left {background: transparent url(../img/gfx/curcolionidae.gif) no-repeat 60px 350px;min-height:600px;}
#c-left #site-logo {background:transparent url("../img/gfx/xenjo.logo.gif") no-repeat 30px 0px;width:220px; height:35px;margin:5px 0 40px 0px;padding-bottom:10px;border-bottom:1px solid #cecece;}
#c-left #site-logo a {display:block;width:220px;height:35px;}   
#c-left #site-logo a {outline:0;}
#c-left #site-logo a span {display:none;}

#c-left #subnav {font-family:Verdana;font-size:11px;margin:-8px 0 0 10px;border:0px solid red;width:160px;}
#c-left #subnav li {list-style:none;margin:0 0 0 -30px;padding:0 0 0 10px;background: transparent url();}
#c-left #subnav li a {color:#666;text-decoration:none;}
#c-left #subnav li a:hover {color:#903;text-decoration:underline;}

#c-left #subnav li.subnav-selected {list-style:none;margin:0 0 0 -30px;padding:0 0 0 10px;background: transparent url(../img/ele/subnav_listitem.gif) no-repeat 0px 5px;}
#c-left #subnav li.subnav-selected a {color:#903;text-decoration:none;}
#c-left #subnav li.subnav-selected a:hover {text-decoration:underline;}

#c-left #contibute {
    margin:500px 0 0 73px;
}



#c-right {display:inline;float:left;margin:33px 0 0 0px;width:580px; border:0px solid red;}
.content a {color:#903;text-decoration:none;}
.content a:hover {color:#903;text-decoration:underline;}

.content {margin:0;}
.content li {list-style:none;margin:0 0 0 -30px;padding:0 0 0 15px;background: transparent url(../img/ele/listitem.gif) no-repeat 0px 5px;}

/* Tables */
table {border-collapse:collapse;font-family:"Trebuchet MS","Lucida Sans Unicode",verdana,lucida,helvetica,sans-serif;font-size:11px;margin:0pt;padding:0pt;width:100%;color:#000}
th, td {border-bottom:1px solid #666666;padding:5px 2px;vertical-align:4px;}
th {text-align:left;}
th a {color:#FFFFFF;display:block;padding-left:20px;text-decoration:none;}
thead th, tfoot th, tfoot td {background-color:#990033;color:#FFFFFF;font-weight:normal;}
tbody th {padding-left:24px;}
tr {background-color:#EEEEEE;}
tr:hover td {background-color:#E5E5CB;}
tr.odd {background-color:#DDDDDD;}
tr.even {background-color:#EEEEEE;}
/* thead th:hover {background-color:#467285;} */
tbody a {color:#333333;}
tbody a:visited {color:#999999;}
tbody a:hover {color:#3333CC;}
tbody a:active {color:#3333CC;}
tbody td + td + td + td a {padding-right:12px;}
tfoot th {text-align:left;}
tfoot th:after {content:":";}

@media projection, screen {
    .tabs-hide {display:none;}
}
@media print {
    .tabs-nav {display:none;}
}
.nav {list-style:none;margin:0;padding:0;}
.nav:after {display:block;clear:both;content:" ";}
.nav li {float:left;margin:0 0 0 6px;min-width: 84px;}
.nav a, 
.nav a span {display:block;padding:0 7px;background: transparent url(../img/ele/tab.gif) no-repeat;}
.nav a {position:relative;top:1px;z-index:2;padding-left:0;color:#666;font-size:10px;font-weight:normal;font-family:Verdana;line-height:1.0;text-align:center;text-decoration:none;white-space:nowrap;outline:0;background-position:100% -34px;}
.nav .tabs-selected a, 
.nav .tabs-selected a:focus, 
.nav .tabs-selected a:active {background-position:100% -51px;color:#803;}
.nav a:focus {background-position: 100% -34px;}
.nav a span {width:64px;height:14px;min-width:64px;min-height:14px;padding-top:3px;padding-right:0;}
*>.nav a span {width:auto;height:auto;}
.nav .tabs-selected a span {padding-top: 3px;}
.nav a:hover span {color: #000;}
.nav .tabs-selected a:hover span {color:#803;}
.nav .tabs-selected a span {background-position: 0 -17px;}
.nav .tabs-selected a:hover span {background-position: 0 -17px;}
.nav a span, 
.nav a:hover span,
.nav .tabs-disabled a:focus span,
.nav .tabs-disabled a:active span {background-position:0 0;}
.nav .tabs-selected a:link,
.nav .tabs-selected a:visited,
.nav .tabs-disabled a:link,
.nav .tabs-disabled a:visited {cursor: text;}
.nav a:hover,
.nav a:focus,
.nav a:active {cursor:pointer;}
.nav .tabs-disabled {opacity:.4;}

/* subnav in den tabs */
.nav li ul {display:none;}

.content {border-top: 1px solid #cecece;padding:1em 8px;background:#fff;}
.content-loading em {padding: 0 0 0 20px;background: url(../img/ele/loading.gif) no-repeat 0 50%;}

#blog-info {font-size:60%;color:#666;}
#blog-info a {color:#666;text-decoration:underline;}

/* iconic styles */
#contact-addr {margin-top:0;}
#contact-addr li {list-style:none;margin:0 0 0 -30px;padding:0 0 0 10px;background: transparent url();}
#contact-addr li a {color:#666;text-decoration:none;}
#contact-addr li a:hover {color:#903;text-decoration:underline;}
#contact-addr li {line-height:20px;}
#contact-addr li.name, #contact-addr li.street, #contact-addr li.place, #contact-addr li.email, #contact-addr li.coord {background:none;} 
#contact-addr li.phone {background: transparent url(../img/ico/sipgate/sipicon.gif) no-repeat 11px 3px;} 
#contact-addr li.msgnr {background: transparent url(http://mystatus.skype.com/smallicon/jo%2Ebrunner) no-repeat 10px 0px;} 
#contact-addr li.xing  {background: transparent url(../img/ico/xing/icn_star_big_premium.gif) no-repeat 11px 3px;}
#contact-addr abr {cursor:pointer;}

#footer {clear:both;float:none;margin:50px 0 0 216px;font-size:60%;color:#666;border:0px solid red; text-align:center;}
#footer a {color:#666}


#dialog {padding:0;}
.dialog-header {padding:2px;margin:0;text-align:right;background-color: #CECECE;}

.dialog-body {margin:15px;}
.dialog-footer {}
.icon {background: #903 url(/img/ele/clearbits/rounded_bg.gif) no-repeat 0 0;}

/* musik styles */
.remark {background: transparent url(../img/ele/comment.gif) no-repeat 0px 1px;margin: 10px 0 10px -18px;padding: 0 0 0 18px;cursor:pointer;}
.remark p {font-size:10px;color:#666;cursor:default;display:none;margin-top:10px;}
.open {background: transparent url(../img/ele/comment_delete.gif) no-repeat 0px 1px;}
.open p {display:block; background:none;}




/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (in jqModal.js). You
	can change this value by either;
	  a) supplying one via CSS
	  b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
	
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}