/**
 * @style     fiszbah site
 * @author    mot
 * @copyright 2007 by tom klingenberg
 * 
 * this stylesheet is based on the graphical design by tom 
 * klingenberg and artjom avetissian. copyright 2005-2007 
 * by tom klingenberg and artjom avetissian
 */

/**
 *    |             1280           | (no-scroll)
 *    |             776            | (min)
 *    | 18 |        740       | 18 |
 *    | 18 |  460  | 40 | 240 | 18 |
 *
 * @section layout
 */

html, body {height:100%; width:100%; margin:0; padding:0;}
body {min-width:776px; background:#fff;}
#head {width:100%; height:290px; background:#000 url(kollage.jpg) center 0 no-repeat;}
#nav {margin:0; padding:0;}
#body {margin:0 auto; padding:0 18px; width:740px; background:#fff;}
#cnt {width:460px; float:left;}
#sb1 {width:240px; float:right;}
#ft {clear:both;}


/*
 * @section nav
 */
#head h2 {display:none;}

#nav {margin:0 auto; width:776px; padding:226px 0 0 0; height:63px; list-style:none;}
#nav li {display: inline;}
#nav a {color:#fff; display:block; width:6px; float:left; height:63px; text-indent:261px; line-height:63px; overflow:hidden; }

#nav a.m0 {width:61px;  background:url(m0-djs.jpg) 0 0 no-repeat;}
#nav a.m1 {width:195px; background:url(m1-getraenke.jpg) 0 0 no-repeat;}
#nav a.m2 {width:91px;  background:url(m2-photos.jpg) 0 0 no-repeat;}
#nav a.m3 {width:95px;  background:url(m3-kontakt.jpg) 0 0 no-repeat;}

#nav a:visited {background-position:0 -189px;}
#nav a:hover {background-position:0 -63px;}

#nav a.on:link, #nav a.on:hover, #nav a.on:visited {background-position:0 -126px;}


/*
 * @section body
 */
body {font-family:Tahoma,Helvetica,Sans-Serif; font-size:11px; color:#333;}
#body h1 {margin:0; padding:0;}
#body h1 a {display:block; width:740px; height:96px; text-indent:776px; line-height:96px; overflow:hidden; background:url(fiszbah.png) 0 20px no-repeat;}
#body h2 {margin:0; padding:0 0 0 10px; font-size:24px; color:#a03f1a; border-bottom:1px solid #ccc; text-transform:uppercase;}
#body h3 {margin:0; padding:0; font-size:1.2em;}

#body h2.pagetitle {font-size:14px; line-height:28px; margin:0 0 20px 0; color:#ccc; font-style:italic;}

a, a:visited {color:#a03f1a; text-decoration:none;}

#cnt {border:0px solid red;}

#cnt .navigation {margin:10px 0;}

#cnt .post {clear:left;}

#cnt .date {width:40px; float:left; padding-right:24px;}
#cnt .date i, #cnt .date b {width:40px; border:1px solid #333; display:block; text-align:center;}
#cnt .date i {font-style:normal; color:#fff; background:#000; text-transform:uppercase;}
#cnt .date b {padding:2px 0; font:bold 1.8em 'Times New Roman',Times,serif;}

#cnt .headline {float:left;}
#cnt .headline h2 {width:384px;}
#cnt .headline h2.full {width:442px; margin:0 8px 4px 0;}

#cnt .txt {margin:0 0 15px 0; clear:both;}
#cnt p {line-height:20px;}
#cnt p, #cnt table, #cnt h3 {margin:0 0 15px 0; padding:0;}

/**
 * @section entry miscs
 */
div.metadata {
	color:#999;	
}

div.metadata a, div.metadata a:visited {
	color:#cf9f8c;
}

.navigation {
	height:1.2em;
}

.navigation .alignleft {
	float:left;
	width:40%;
}

.navigation .alignright {
	float:right;
	width:40%;
	text-align:right;
}

#xrespond {clear:both;}

.event {width:66px; overflow:hidden; float:left; color:#a03f1a;}
/* 
	.event h3 {margin:0 0 10px; padding:0; font-weight:normal; font-size:1em;}
*/
.event .date {margin-bottom:24px; float:none !important;}
.event .date i, .event .date b {border-color:#a03f1a !important; line-height:normal;}
.event .date i {background-color:#a03f1a !important;}
.event .date b {color:#a03f1a !important;}

.txt table {border-collapse:collapse; border:2px solid #ccc;}
.txt table td, .txt table th {border:1px solid #ddd; padding:2px;}
table.dj td, table.dj th {width:25%;}
table.dj td {padding-bottom:5px; vertical-align:top;}

#sb1 ul.sb {list-style:none; margin:0; padding:0;}
#sb1 ul.sb li {margin:0 0 15px 0;}
#sb1 h2 {background:url(ic-star.gif) 2px 2px no-repeat; padding-left:16px;}
#sb1 ul.sb li ul {padding:0px; margin:4px 0 0 10px; list-style:inside;}
#sb1 ul.sb li ul li {margin-bottom:2px;}

/*
 * @section footy
 */

#ft {padding:40px 0;}
#ft a {border-left:15px solid #fff;}
#ft .sl {float:left; width:470px;}

#ft a.pc {margin-top:6px; float:right; display:block; width:81px; height:14px; overflow:hidden; text-indent:81px; line-height:14px; }
#ft a.lf {background:url(lastflood.png) no-repeat;}
#ft a.an {margin-top:5px; background:url(artnorm.png) no-repeat;}

/*
 * @section ec3 calendar
 */
#ec3_calendar {height:138px; overflow:hidden; margin:4px 0 0 0;}
#ec3_publish img {border:0;}

.ec3_nav a.nav {display:block; width:40%;}
.ec3_nav #ec3_prev {float:left;}
.ec3_nav #ec3_next {float:right; text-align:right;}
.ec3_nav .spin {text-align:center;}

#sb1 ul.sb ul.ec3_events {list-style:none;}
#sb1 ul.sb ul.ec3_events li ul li {margin-bottom:2px;}

/*
 * @section comments
 */
#commentform {clear:both;}
#commentform textarea {width:100%;}