body { line-height:1.3; }
a:link, a:visited { color:#A00; text-decoration:none; }
a:hover { color:#A00; text-decoration:underline; }
a:link.dunkel { font-weight:bold; color:#F60; text-decoration:none }
a:visited.dunkel { font-weight:bold; color:#F60; text-decoration:none }
a:hover.dunkel { font-weight:bold; color:#F60; text-decoration:underline; }


/* main */
#main { padding:2px 8px 2px 4px; color:#222; }
#uOnline { font-size:9px; font-weight:normal; font-family:Verdana, Arial, sans-serif; color:#444; }
body { font-family:Arial, sans-serif; font-size:12px; background-color:#FFF; color:#222; }
table { border:0px; font-family:Arial, sans-serif; width:100%; }
td { font-family:Arial, sans-serif; vertical-align:top; font-size:12px; }

/* various */
img { border:none; }
ul { list-style-type:circle; }
input { color:#333; font-family:Courier, serif; font-size:11px; }
textarea { color:#333; font-family:Courier, serif; font-size:11px; }
th { font-size:9px; font-family:Verdana, Arial, sans-serif; text-align:left; font-weight:normal; }
hr { border:none; height:3px; background-image:url(../essentials/pics/hr.gif); }

/* classes */
.mainHeader { font-size:26px; font-weight:bold; text-shadow:0px 3px 5px rgba(0,0,0,0.5); }

.sideHeader { font-weight:bold; color:#222; padding:4px 6px; }
.sideContent { padding:0px 4px; }

.sideHeader_80 { font-weight:bold; padding:6px 3px 4px; background-image:url(../essentials/pics/sideContentHeader_80.jpg); background-position:right top; background-repeat:no-repeat; height:20px; }
.sideContentTop_80 { height:9px; background-image:url(../essentials/pics/sideContentTop_80.jpg); background-position:right bottom; background-repeat:no-repeat; }
.sideContentBody_80 { width:80px; margin:0 0 0 auto; padding:0px 4px; background-image:url(../essentials/pics/sideContentBody_80.jpg); background-position:right top; background-repeat:repeat-y; }
.sideContentBottom_80 { height:5px; background-image:url(../essentials/pics/sideContentBottom_80.jpg); background-position:right top; background-repeat:no-repeat; }

.sideHeader_100 { font-weight:bold; padding:6px 3px 4px; background-image:url(../essentials/pics/sideContentHeader_100.jpg); background-position:right top; background-repeat:no-repeat; height:20px; }
.sideContentTop_100 { height:9px; background-image:url(../essentials/pics/sideContentTop_100.jpg); background-position:right bottom; background-repeat: no-repeat; }
.sideContentBody_100 { width:100px; margin:0 0 0 auto; padding:0px 4px; background-image:url(../essentials/pics/sideContentBody_100.jpg); background-position:right top; background-repeat:repeat-y; }
.sideContentBottom_100 { height:5px; background-image:url(../essentials/pics/sideContentBottom_100.jpg); background-position:right top; background-repeat:no-repeat; }

.sideHeader_120 { font-weight:bold; padding:6px 3px 4px; background-image:url(../essentials/pics/sideContentHeader_120.jpg); background-position:right top; background-repeat:no-repeat; height:20px; }
.sideContentTop_120 { height:9px; background-image:url(../essentials/pics/sideContentTop_120.jpg); background-position:right bottom; background-repeat:no-repeat; }
.sideContentBody_120 { width:120px; margin:0 0 0 auto; padding:0px 4px; background-image:url(../essentials/pics/sideContentBody_120.jpg); background-position:right top; background-repeat:repeat-y; }
.sideContentBottom_120 { height:5px; background-image:url(../essentials/pics/sideContentBottom_120.jpg); background-position:right top; background-repeat:no-repeat; }

.sideHeader_140 { font-weight:bold; padding:6px 3px 4px; background-image:url(../essentials/pics/sideContentHeader_140.jpg); background-position:right top; background-repeat:no-repeat; height:20px; }
.sideContentTop_140 { height:9px; background-image:url(../essentials/pics/sideContentTop_140.jpg); background-position:right bottom; background-repeat:no-repeat; }
.sideContentBody_140 { width:140px; margin:0 0 0 auto; padding:0px 4px; background-image:url(../essentials/pics/sideContentBody_140.jpg); background-position:right top; background-repeat:repeat-y; }
.sideContentBottom_140 { height:5px; background-image:url(../essentials/pics/sideContentBottom_140.jpg); background-position:right top; background-repeat:no-repeat; }

#swaptext:link, .hoverswitch:visited {
		display:block;
		margin:0px 0px 0px auto;
		padding:8px 2px;
		width:140px;
		text-align:left;
		font-size:14px;
		font-weight:bold;
		text-decoration:none;
		//background-color:#C00;
		color:#A00;
	}
#swaptext:hover {
		text-decoration:underline;
		//background-color:#FFF;
		color:#A00;
	}

.title_big { font-weight:bold; font-size:18px; text-shadow:0px 1px 0px rgba(255,255,255,0.5); }
.title_small { font-weight:bold; font-size:14px; text-shadow:2px 1px 4px black; }
.date { color:#900; font-size:14px; }
.smalldate { color:#900; font-size:11px; font-weight:bold; }
.time { color:#900; font-size:12px; }
.gross { font-size:22px; font-weight:normal; }
.big { font-size:22px; font-weight:normal; }
.standard { font-family:Arial, sans-serif; font-size:12px; padding:3px; background-color:#FFF; color:#222; }
.small { font-size:9px; font-family:Verdana, Arial, sans-serif; color:#444; }
.faded { color:#666; font-style:italic; }
.copy { font-family:Courier, serif; font-size:12px; padding:3px; color:#222; }
.blau { background-color:#6FA9FF; color:#111; padding:2px; }
.error { color:#C00; }
.dunkel { background-color:#660000; color:#EEE; }
.hell { background-color:#FFFF99; color:#222; font-weight:normal; }
.orange { background-color:#F60; color:#333; font-size:12px; font-weight:bold; padding:1px; }
.grau { background-color:#EEE; color:#222; padding:2px; }
.mark { background-color:#9CF; }
.normhr { background:url(); height:0px; border:2px solid #CCC; border-width:1px 0px 0px; margin:8px 0px; }
.success { color:#090; }
.failure { color:#C00; }
.failureBack { border:3px solid #C00; background-color:#FAA; }
.footer { padding-top:11px; text-align:center; background-image:url(../essentials/pics/bevelC.gif); background-repeat:repeat-x; color:#666; font-size:9px; font-family:Verdana, Arial, sans-serif; }

.lightgray { background-color:#EEE; padding:4px; }


/* boxes */
#tooltipbox { position:absolute; visibility:shown; border:2px solid #C00; color:#222; background-color:#FFF; padding:3px; }
.boxcalinfo { padding:3px; text-align:left; height:40px; font-size:9px; font-family:Verdana, sans-serif; color:#111; border:1px solid #CCC; border-top-width:0px; background-color:#FFF; }
.boxmaincal { border:1px solid #CCC; border-width:0px 1px; }

.boxgraytop { font-size:1.2em; font-weight:bold; text-align:left; padding:2px; }
.boxgray { border:solid #CCC 1px; padding:3px; background-color:#FFF; }

.boxtop { background-color:#F60; color:#333; font-weight:bold; padding:1px 4px; }
.box { color:#222; border-style:solid; border-color:#F60; border-width:0px 1px 1px 1px; padding:3px; background-color:#FFF; }

.box2top { background-color:#6FA9FF; color:#333; font-weight:bold; padding:1px 4px; }
.box2 { color:#222; border-style:solid; border-color:#6FA9FF; border-width:0px 1px 1px 1px; padding:3px; background-color:#FFF; }

.boxnewtop { background-color:#F60; color:#333; font-weight:bold; padding:1px 4px; }
.boxnew { color:#222; background-color:#FFF; border-color:#F60; border-style:dotted; border-width:1px; padding:3px; }

.boxdismissedtop { background-color:#FCF; color:#333; font-size:9px; font-family:Verdana, sans-serif; border:1px solid #C6C; border-right-width:0px; padding:1px 4px; }
.boxdismissed { background-color:#FCF; color:#222; font-size:9px; font-family:Verdana, sans-serif; border:1px solid #C6C; padding:3px; }

.boxsuperdismissedtop { background-color:#C0C; color:#FFF; font-size:9px; font-family:Verdana, sans-serif; font-weight:bold; padding:1px 4px; }
.boxsuperdismissed { background-color:#FAF; color:#C0C; font-size:9px; font-family:Verdana, sans-serif; border:1px solid #C0C; padding:3px; }


/* forms */
.pressbox { display:block; width:95%; height:30px; line-height:30px; vertical-align:middle; text-align:center; color:#000;
			border-width:2px; border-color:#FFE #AA4 #AA4 #FFE; border-style:solid; }
.pressbox:hover { height:32px; border-width:1px; border-color:#FFE #AA4 #AA4 #FFE; border-style:solid; }
.pressbox:active { border-width:2px; border-color:#AA4 #FFE #FFE #AA4; border-style:solid; background-color:#EE8; }


/* topics */
.dismissed { color:#C0C; }
.active { font-weight:bold; font-size:125%; font-family:Arial Narrow, sans-serif; }
.news { color:#300; }
.contest { color:#333; }
.event { color:#900; }
.party { color:#FFF; }
.club { color:#900; }
.camp { color:#FF9; }
.homepage { color:#FF9; }
.offtopic { color:#600; }

.cal_news { color:#999; }
.cal_contest { color:#F60; }
.cal_event { color:#600; }
.cal_party { color:#C00; }
.cal_club { color:#333; }
.cal_camp { color:#36F; }
.cal_homepage { color:#666; }
.cal_offtopic { color:#0C0; }

/* toggling */
.togglelink { padding:0px 5px 0px 15px; background:url(/essentials/pics/greytriangle.png) center left no-repeat transparent; }
.link_hidden { background-image:url(/essentials/pics/greytriangle.png); }
.link_expanded { background-image:url(/essentials/pics/greytriangle_down.png); }
.block_hidden { display:none; }
.block_expanded { display:block; }



/* p_gallery main */
#pg_whole { font-family:Arial, sans-serif; font-size:12px; }
#pg_menu { padding:6px 20px 12px; font-size:normal; }

#pg_maincontent { text-align:center; width:100%; overflow:auto; }
#pg_browsegallerycell { text-align:right; padding:10px 20px 0px 0px; }
#pg_swaptext { font-size:14px; font-weight:bold; }

/* p_gallery layout */
.pg_main_header { font-size:2.2em; font-weight:bold; }
.pg_boundinbox { margin-bottom:15px; }
.pg_paddedbox { padding:0.5em 1em; }
.pg_left_half { width:49%; margin:0px 50% 15px 0px; text-align:right; margin-bottom:15px; }
.pg_leftFloat { float:left; width:49%; }
.pg_50rightBox { margin:0px 0px 0px 51%; width:49%; }
.pg_boxtop { font-weight:bold; padding:2px; }
.pg_box { border:1px solid #CCC; padding:5px; vertical-align:top; text-align:left; background-color:#FFF; }
.pg_hidden_box { border:2px dotted #888; padding:5px; vertical-align:top; text-align:left; background-color:#FFF; }
.pg_info_overview_box { min-height:75px; margin-left:130px; }
.pg_thumbnail_overview_box { float:left; width:100px; }
.pg_clear { clear:both; }

.pg_public_main_header { font-size:2.2em; font-weight:bold; }
.pg_public_year_title { display:block; margin:2em 0 0; font-weight:bold; font-style:italic; font-size:normal; color:#333; }
.pg_public_boxtop { font-weight:bold; padding:2px; }
.pg_public_box { padding:5px; border:1px solid #CCC; vertical-align:top; text-align:left; background-color:#FFF; line-height:1.2; }
.pg_public_margin_box { margin:0.2em 0 2em; padding:5px; border:1px solid #CCC; vertical-align:top; text-align:left; background-color:#FFF; line-height:1.2; }
.pg_public_thumbnail_overview_box {  }
.pg_public_overview_title { font-size:1.2em; font-weight:bold; }
.pg_public_date { font-size:9px; font-family:Verdana, Arial, sans-serif; color:#444; font-weight:normal; }
.pg_public_commentbox { margin:0px 10%; padding:0.5em; }
.pg_public_comment { margin:0.2em 3% 2em; padding:0.2em 0.5em; border:1px solid rgb(190,190,190); background-color:#FFF; }
.pg_public_comment_2 { margin:0.2em 0 0.2em; padding:0.2em 0.5em; }

.pg_errorbox { margin:5px 5px 20px; padding:5px; border:1px solid rgb(200,60,50); background-color:rgb(255,140,130); font:13px Courier, serif; }
.pg_successbox { margin:5px 5px 20px; padding:5px; border:1px solid rgb(60,200,50); background-color:rgb(140,255,130); font-size:14px; font-weight:bold; }

.pg_thumb_medium { width:130px; height:100px; }
.pg_thumb_small { width:100px; height:75px; }
.pg_thumb_mini { width:80px; height:60px; vertical-align:middle; }
.pg_arrow_bg { display:block; float:right; height:60px; }
.pg_arrow { width:40px; height:24px; vertical-align:middle; }
.pg_sec_image {  }
.pg_sec_image_failed { border:2px solid #C00; }
.pg_placeholder { width:30px; height:20px; vertical-align:middle; }


/* basic */
.pg_error { color:#C00; }
.pg_small { font-family:Verdana, sans-serif; font-size:9px; }
.pg_faded { color:#666; }
.pg_hover { background-color:transparent; }
.pg_hover:hover { background-color:#FFF; }
.pg_icon { width:15px; height:15px; margin:1px 5px 1px 0px; vertical-align:middle; border:none; }
.pg_clear { height:0px; clear:both; }