html{  /* forces scrollbars to appear on all pages to avoid side-jump */
	height: 100%;
	overflow-y: scroll;
}
body{
    height: 100%;
    font-family: 'Arial', Helvetica, sans-serif;
    font-size: 10pt;
    margin: 0px;
    color: #585858;
    background-color: #E9E9E9;
    text-align: center; /* IE centering hack */
}
#container{
    position: relative;
    width: 780px;
    margin: 0px auto -64px auto; /* center in ordinary browsers */
    text-align: left; /* counter the IE centering hack */
    min-height: 100%;
    height: auto !important;
    height: 100%;
    border-left: 10px #DBDBDB solid;
    border-right: 10px #DBDBDB solid;
    background-color: white;
}
#header{
    position: relative; 
    width: 760px;
   	height: 153px; 
	padding: 0 10px;
	margin-bottom: 10px;
    text-align: center;
    font-size: 8pt;
}
#primary-content{ width: 780px; min-height: 100%; height: auto !important; height: 100%; }
#navbar{
	display:inline;
    float:left;
    width: 120px;
}
#content{
	display:inline;
    float: right;
    padding-right:10px;
    width: 640px;
}
#prefooter_clear{ clear:both; height: 64px; }
#footer{
    width: 760px;
    height: 64px;
    background-color: white;
    margin: 0 auto;
    position: relative;
    vertical-align: bottom;
}
#footer a { color: #ffffff; display: block; position: absolute; bottom:2px; font-size: 8pt }
#footer a#propose_link { left: 5px }
#footer a#rederror { right: 110px }

#google_ads_right{ position: absolute; left:800px; top: 10px; margin-right:10px;}
#google_ads_bottom{ margin: 0 0 0 130px; width:470px;}
#google_ads_middle{ text-align:center; margin: -10px 0 20px 0;  }


#disclaimer{ clear:both; text-align:right; margin-top: 60px; margin-bottom: 30px }
#linkproposal { margin-left: 2em; }
#linkproposal a { font-weight: normal; color: #2f78af; background-color: inherit }

#top_image { border:none; display:block; }

a:link{ text-decoration:none; }
a:visited{ text-decoration: none; }
a:hover{ text-decoration: underline; }
a:active{ }

.right { text-align: right }
.center { text-align: center }
.bold { font-weight: bold }
.hide { display:none; }
.invalid { color:red; }
.small { font-size: 80%; }
.grey { color: #909090; }
.bg_grey { background-color: #909090; }
.fade{ background:white;-moz-opacity:.40; opacity:.40; }


a img { border: none; text-decoration:none; padding: 0px; }
h1{ font-family: 'Arial', Helvetica, sans-serif; font-size: 18pt; }
textarea{ font-family:  'Arial', Helvetica, sans-serif; font-size: 10pt }
td, th{ vertical-align:top; }
h4{font-family: 'Arial', Helvetica, sans-serif; font-size: 10pt; }

div.albumthumb{ text-align:center; margin: 0px auto 0px auto; }
.albumthumb img{ padding: 2px; border: 1px solid #CCCCCC; margin: 0px auto 5px auto; }
.delete_span { font-size:8pt; cursor:default; color: #CCCCCC; }
.delete_span_hover { font-size:8pt; cursor:default; color: #585858; }

#search_form{ position: absolute; top: 10px; right: 0px; width:auto; height:1%; }
#search_form div { border:1px solid white; padding:0;}
#los{
	color:white;
    cursor: default;
    font-weight: bold;
    font-size: 9pt;
	vertical-align:top;
    padding: 0px 14px 0px 5px;
}
#searchbox input{
    width: 12em;
    font-size: 9pt;
    padding:0;
    margin: 0; /* see ie-hacks.css */
    border: 1px white solid;
}
#searchbox a{ line-height: 150%; color: white; padding: 2px 12px; clear:both;}

#littlebox{ position: absolute; right: 12px; bottom: 30px; color: white; }
#littlebox a{ color: white; padding: 0 2.4px; }
#navi_home{ font-weight: bold; }

#throbber{ display: none; position:absolute;}

#navbox{
    position: absolute;
    left: 120px;
    top: 126px;
    height: auto;
    width: 650px;
    background-color: white;
    font-size: 16pt;
}
#navbox img{ float:left; display: block;    margin:0px; padding:0px; }

#navbar a{ display: block; }
#navbar img{ display: block; }
#navi_form{ text-align: left; margin: 0; padding: 0 0 0 10px;}
#navbar ul{ list-style: none; list-style-type: none; padding: 0px; margin: 0px 0px; }
#navbar li{ display: block; width:100px; margin: 5px 0 0 0; padding:0; }
#navbar input{ width:100%;}
#navbar select{ width:100%; font-size: 8pt;}
#navi_form a{ font-size: 8pt;}
#navbar label { vertical-align:text-top; font-size: 8pt; }

input.navinput {
    text-align: center;
    color: #525252;
    width: 100%;
}
input#pwdcover{
    width:100%;
    display: none;
}

#postfreunde a{ display: inline; font-weight: bold; }
#postfreunde a.read{ color: #BBBBBB;}
#postfreunde a.unread{ color: #252525; }
#postfreunde img { display: inline; }
#mail_switch_container{ margin: 10px 0px 5px 10px; }

#postfreunde{
    margin: 0 0 5px 10px;
    width: 103px;
    padding: 3px;
    min-height: 150px;  /* see ie-hacks.css */
    background-color: #f6f6f6;
    text-align: left;
    font-size: 8pt;
    overflow: hidden;
    white-space: nowrap;
}




#MainList{ width: 476px; padding: 0px; margin-bottom: 70px;}

.event{ margin-bottom: 20px; }

.ename{ font-weight: bold; margin-bottom: 3px; }
div.info{ font-weight: bold; margin-bottom: 3px; }

div.keywords{ margin-top: 5px; text-align: right; vertical-align: middle;}
div.keywords a{ padding: 0 0.5em; white-space: nowrap;}
.keyword{}

td.spacer{ height: 15px; }
tr.spacer{ height: 15px; }


.page_navigator{ 
    text-align: right; 
    line-height: 150%;
    font-size: smaller;
    margin: 0px;
}
.page_navigator .counter{ margin-right: 23px; }
.page_navigator a{ 
    font-size:larger;
    padding: 3px 5px;
}
.page_navigator .nav_selected{
    font-size: larger;
    font-weight: bold;
    padding: 3px 5px;
}
.page_navigator .endarrow {
    font-size: larger;
    padding: 3px 5px;
}

.divider{ background-image: url( '../graphics/dotted_line.gif' ); height: 1px; width: 100%; line-height:0px; font-size: 1px; overflow:hidden; }
.lightgrey{ background-color: #CCCCCC }

/* listing tables */
td.time{ white-space:nowrap; vertical-align:top; padding:2px 0px; }
td.place{ width:100%; padding-left: 5px; }


/* Channel Colours */

/* .channel is the "link" colour */

.mein_berlin a, .mein_berlin .channel{ color: #097ed4 }
.performers a, .performers .channel{ color: #003974 }
.locations a, .locations .channel{ color: #0c6354 }

.clubbing a, .clubbing .channel{ color: #097ed4 }
.konzerte a, .konzerte .channel{ color: #e70000 }
.klassik a, .klassik .channel{ color: #b10a22 }
.theater a, .theater .channel{ color: #f01f1a }
.kunst a, .kunst .channel{ color: #ed0690 }
.weiteres a, .weiteres .channel{ color: #088367 }

.leute a, .leute .channel{ color: #4c930f }
.freunde a, .freunde .channel{ color: #ff7200 }
.post a, .post .channel{ color: #ffc519 }

.einstellungen a, .einstellungen .channel{ color: #61894a }

/* we put these after so they override the above */
a.performers{ color: #003974 }
a.locations{ color: #0c6354 }
a.clubbing{ color: #097ed4 }
a.konzerte{ color: #e70000 } 
a.klassik{ color: #b10a22 }
a.theater{ color: #f01f1a }
a.kunst{ color: #ed0690 }
a.weiteres{ color: #088367 }
a.mein_berlin{ color: #097ed4 }
a.leute{ color: #4c930f }
a.freunde{ color: #ff7200 }
a.post{ color: #ffc519 }
 
/* channel colour as a background (ie. for arrow graphics) */
.clubbing .bg_channel{ background-color: #097ed4; border-color: #097ed4  }
.konzerte .bg_channel{ background-color: #e70000; border-color: #e70000 }
.klassik .bg_channel{ background-color: #b10a22; border-color: #b10a22 }
.theater .bg_channel{ background-color: #f01f1a; border-color: #f01f1a }
.kunst .bg_channel{ background-color: #ed0690; border-color: #ed0690 }
.weiteres .bg_channel{ background-color: #088367; border-color: #088367 }

.performers .bg_channel{ background-color: #003974; border-color: #003974 }
.locations .bg_channel{ background-color: #0c6354; border-color: #0c6354 }

.mein_berlin .bg_channel{ background-color: #097ed4; border-color: #097ed4 }
.leute .bg_channel{ background-color: #4c930f; border-color: #4c930f }
.freunde .bg_channel{ background-color: #ff7200; border-color: #ff7200 }
.post .bg_channel{ background-color: #ffc519; border-color: #ffc519 }

.einstellungen .bg_channel{ background-color: #61894a; border-color: #61894a }

/* channel colour as a background (ie. for arrow graphics) */
.bg_clubbing { background-color: #097ed4; border-color: #097ed4  }
.bg_konzerte { background-color: #e70000; border-color: #e70000 }
.bg_klassik { background-color: #b10a22; border-color: #b10a22 }
.bg_theater { background-color: #f01f1a; border-color: #f01f1a }
.bg_kunst { background-color: #ed0690; border-color: #ed0690 }
.bg_weiteres { background-color: #088367; border-color: #088367 }

.bg_performers { background-color: #003974; border-color: #003974 }
.bg_locations { background-color: #0c6354; border-color: #0c6354 }

.bg_mein_berlin { background-color: #097ed4; border-color: #097ed4 }
.bg_leute { background-color: #4c930f; border-color: #4c930f }
.bg_freunde { background-color: #ff7200; border-color: #ff7200 }
.bg_post { background-color: #ffc519; border-color: #ffc519 }

.bg_einstellungen { background-color: #61894a; border-color: #61894a }

/* Selectors, in the "on" state */
.clubbing .select_on{ color: #097ed4; background-color: #e6f2fb; }
.konzerte .select_on{ color: #e70000; background-color: #fff1d4; }
.klassik .select_on{ color: #b10a22; background-color: #faf0eb }
.theater .select_on{ color: #f01f1a; background-color: #fff1dd }
.kunst .select_on{ color: #ed0690; background-color: #fde4f2 }
.weiteres .select_on{ color: #088367; background-color: #d1f7eb }

.performers .select_on{ color: #003974; background-color: #e4eaf0; }
.locations .select_on{ background-color: #e3efdf; border-color: #e3efdf }

.mein_berlin .select_on{ color: #097ed4; background-color: #e1effa }
.leute .select_on{ color: #4c930f; background-color: #ddf7c3 }
.freunde .select_on{ color: #ff7200; background-color: #ffe6d1 }
.post .select_on{ color: #ffc519; background-color: #ffc519 }

.einstellungen .select_on{ color: #61894a; background-color: #deefd4 }


/* Selectors in the "on" state, on rollover */
.clubbing .select_on_hover{ color: #097ed4; background-color: #d6e9f8; }
.konzerte .select_on_hover{ color: #e70000; background-color: #fee0bd }
.klassik .select_on_hover{ color: #b10a22; background-color: #f7e5dc }
.theater .select_on_hover{ color: #f01f1a; background-color: #fee4c8 }
.kunst .select_on_hover{ color: #ed0690; background-color: #fed7ed }
.weiteres .select_on_hover{ color: #088367; background-color: #b6e7d8 }

.performers .select_on_hover{ color: #003974; background-color: #d8e2f0 }
.locations .select_on_hover{ color: #0c6354; background-color: #e3efdf }

.mein_berlin .select_on_hover{ color: #097ed4; background-color: #b4e1f4 }
.leute .select_on_hover{ color: #4c930f; background-color: #c1e39e }
.freunde .select_on_hover{ color: #ff7200; background-color: #ffd4b2 }
.post .select_on_hover{ color: #ffc519; background-color: #ed9d04 }

.einstellungen .select_on_hover{ color: #61894a; background-color: #c3e0b2 }

/* Selectors in the "off state" */
.select_off{ color: #727272; background-color: #f5f5f5; }
.select_off_hover{ color: #727272; background-color: #EEEEEE; }

.onlinestatus { font-size: 8pt; margin-bottom: -0.2em !important }

/* The dark buttons */
.darktitle{ margin: 7px 0 10px 0; font-size: 8pt; white-space:nowrap; cursor: default; }
span.darkcontent{ 
    background: url('../graphics/edge_left.gif') no-repeat bottom left #3e3e3e;
}
.darkcontent span{
    color: #ffffff;  
    padding: 0 9px 0 5px; 
    margin-left: 4px;
    background: url('../graphics/edge_right.gif') no-repeat bottom right #3e3e3e;
}