/**************************************
 * Styles
 * 
 */

.error { color: #e00; font-weight: bold; }
.centered { text-align: center; }
.photographer { font-size: 85%; color: #999; }
p.error { 
	margin: 1em; padding: 1em; margin-left: 0; 
	border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background-color: #f3f3f3; 
}

input.error { background-color: #600; }

/**************************************
 * Basic
 * 
 */

html { margin: 0; padding: 0; background-color: white; }
body {
	font: normal small/1.2em "Trebuchet MS", Verdana, Arial, sans-serif;
	color: black; margin: 0; padding: 0; border: 0; 
}

p { margin: 0; padding: 0; }
img { border: 0; }
a:link, a:visited { color: #aa630b; text-decoration: none; }
a:hover, a:active { color: #fab31b; text-decoration: underline; }
:focus { outline: 0; }

h1 {
	font-size: 170%; line-height: 1.4em; letter-spacing: 0.2em; font-weight: normal;
	margin: 0 0 1em 0; padding-left: 16px;
}

h2 {
	font-size: 140%; line-height: 1.4em; letter-spacing: 0.2em; font-weight: normal;
	margin: 1em 0 1.2em 1.6em; padding: 20px 20px 16px 20px;
	background: url('../images/heading-star.gif') no-repeat center left;
	clear: both;
}

h3 {
	font-size: 120%; font-weight: normal; line-height: 1.4em; letter-spacing: 0.2em;
	padding-left: 16px; padding-top: 0.6em; margin-bottom: 0.4em; margin-top: 0;
}

h4 {
	font-size: 100%; font-weight: bold; line-height: 1.2em;
	padding-left: 16px; padding-top: 0.6em; margin-top: 0; margin-bottom: 0.4em;
}

p { padding-left: 16px; padding-right: 16px; margin-bottom: 1.2em; margin-top: 0; }

address { 
	font-style: normal; font-weight: bold;
	padding-left: 16px; padding-right: 16px; margin-bottom: 1.2em; margin-top: 0;
}

ul { list-style-image: url('../images/piknik_star.gif'); }

/**************************************
 * Main
 * 
 */

#wrapper {
	width: 960px; margin: 0 auto; clear: both; position: relative; 
	background: transparent url('../images/bg-container.png') no-repeat bottom right;	
}
#header { 
	height: 352px; clear: both; margin: 0; padding: 0; position: relative; 
	background: url('../images/bg-header.png') no-repeat top left;	
}
#header-logo-link { 
	display: block; position: absolute; top: 48px; left: 108px;
	width: 746px; height: 188px;
}
#header-logo-link span { display: none; }
#container {
	margin: 0 auto; padding: 0 0 2em 0;
	position: relative; clear: both;
	width: 746px;
}
#navigation { 
	position: absolute; left: 108px; top: 244px;
	width: 746px; height: 58px;  
}

#content {
	position: relative; clear: both;
	margin: 0; padding: 0 0 280px 12px;
}
#content-inner,
#content-inner-frontpage { 
	min-height: 385px; height: auto !important; height: 385px; 
}
#content-inner {
	width: 675px; 
}
#newsbox {
	position: absolute; right: 16px; top: 40px;
	width: 180px; min-height: 240px; height: auto !important; height: 240px; 
	margin-left: 4em; margin-bottom: 4em;
}
#content #frontpage-left { margin-right: 200px; }

#design { width: 100%; height: 20px; margin-bottom: 0; clear: both; }
#design p { text-align: right; font-size: 80%; margin: 0; padding: 6px 0 0; color: #b0b0b0; }

div.separator { height: 1em; border-bottom: 1px dashed #fab31b; width: 632px; margin: 1em auto 1.6em auto; clear: both; }

.col2 p { margin: 0; padding: 0; }
#partners { position: absolute; bottom: 178px; left: 96px; }
#partners img { margin: 5px 10px; vertigal-align: middle; }

/**************************************
 * Navigation
 * 
 */
#navigation a { 
	display: block; position: absolute; top: 0px; left: 0px;
	height: 50px; width: 88px; cursor: pointer; 
	text-indent: -9200px;
}
a#navi-1 { top: 0px; left: 79px; }
a#navi-2 { top: 0px; left: 175px; }
a#navi-3 { top: 0px; left: 270px; }
a#navi-4 { top: 0px; left: 367px; }
a#navi-5 { top: 0px; left: 462px; }
a#navi-6 { top: 0px; left: 559px; }
a#navi-7 { top: 0px; left: 654px; }

/**************************************
 * Forms
 * 
 */

form { padding: 8px 48px 2em 24px; }
fieldset { 
	width: 90%; border: 1px solid #c0c0c0;
	padding-bottom: 1em; padding-left: 1.6em; margin: 0px auto; margin-bottom: 1em;
}
legend { }
textarea, input {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 98%;
}
textarea { width: 24.6em; height: 7em; }
input { width: 18em; }
input.submit { border: 1px solid #000030; background-color: #fab31b; width: auto; cursor: pointer;  }
label { display: block; margin-top: 0.8em; margin-bottom: 0.1em; }



/********************************
 * Program
 *
 */

table {
	margin: 0.2em auto 1.6em auto; padding-left: 16px; padding-right: 16px;
	border-collapse: collapse; border: 1px solid #c0c0c0;
	width: 100%; background-color: white; 
}

caption {
	font-size: 140%; line-height: 1.4em; font-weight: normal; letter-spacing: 0.2em;
	margin: 0em 0em 0em 1.6em; padding: 24px 20px 20px 22px;
	background: url('../images/heading-star.gif') no-repeat center left;
	text-align: left;
}

th { background-color: #fab31b; padding: 4px 6px; width: 41%; text-align: center; vertical-align: top; }
th.left { width: 18%; text-align: left; }
td { padding: 2px 6px; text-align: center; }
tr.even td { background-color: #f3f0ec; }
tr.odd td { background-color: #ffffff; }
tr.odd td.time, tr.even td.time, td.time {
	background-color: #f7e8b2; border-right: 1px solid #c0c0c0; text-align: center;
}
tr.odd td.occupied, tr.even td.occupied, td.occupied {
	background-color: #ffd674;
	border-bottom: 1px solid #b0b0a0;
	border-right: 1px solid #c0c0a0;
}

/********************************
 * Bands
 *
 */
 
div.band {
	width: 660px;
	position: relative; clear: both;
	padding-bottom: 2em;
	min-height: 200px; height: auto !important; height: 200px;
	margin-left: 20px; 
}

div.band-image { text-align: center; float: left; }
div.band-image p { margin: 12px 0em 1.6em 16px; padding: 0; }
div.band-image img { border: 1px solid #131772; padding: 0; }
div.band-text { margin-left: 220px; position:relative; padding-right: 15px; }

/**********************************
 * Gallery
 *
 */
 
p.gallery { text-align: center; }
p.gallery img { border: 1px solid #131772; padding: 0; margin: 6px 8px; }


/************************************ 
 * Fixes and special cases
 *
 */

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

.hidden { display: none; }