/* --- t r i n c h . c o m ---
web  -> http: //www.trinch.com
mail -> info@trinch.com
------------------------------ */

/* standard */
html {
	height: 100%;
	}
body {
	height: 100%;
	background: #080808 url(../img/bg-body.jpg) no-repeat 50% 0;
	font: 12px/14px Tahoma, Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0;
	}
img {
	border: none;
	}
a {
	color: #069;
	text-decoration: underline;
	}
a:hover {
	text-decoration: none;
	}
hr {
	display: block;
	height: 1px;
	background: #ccc;
	border: none;
	margin: 15px 0;
	}

/* miscellaneous */
.clear {
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
	}
.left { float: left !important; }
.right { float: right !important; }

/* other */
#wrapper {
	overflow: hidden;
	width: 966px;
	margin: 0 auto;
	}
#header {
	overflow: hidden;
	width: 100%;
	padding: 15px 0 0;
	}
.header-top {
	overflow: hidden;
	width: 100%;
	padding: 0 0 20px;
	}
.logo {
	float: left;
	width: 259px;
	height: 99px;
	background: url(../img/logo.png) no-repeat;
	text-indent: -9999px;
	margin: 0 0 0 27px;
	}
.logo a {
	display: block;
	height: 100%;
	}
.slogan {
	float: left;
	display: inline;
	width: 174px;
	height: 84px;
	background: url(../img/txt-slogan.gif) no-repeat;
	text-indent: -9999px;
	margin: 15px 23px 0 7px;
	}
.ad {
	float: left;
	width: 468px;
	margin: 29px 0 0;
	}
.ad img {
	display: block;
	}
.nav {
	float: left;
	display: inline;
	list-style: none;
	margin: 0 0 0 8px;
	padding: 0;
	}
.nav li {
	float: left;
	margin: 0 5px 0 0;
	}
.nav li a {
	float: left;
	cursor: pointer;
	background: url(../img/bg-nav.gif) repeat-x;
	text-decoration: none;
	text-indent: -9999px;
	padding: 15px 10px 14px;
	}
.nav li a span {
	display: block;
	width: 100%;
	}
.nav li .rock span {
	width: 99px;
	background: url(../img/txt1.png) no-repeat;
	}
.nav li .concerts span {
	width: 148px;
	background: url(../img/txt2.png) no-repeat;
	}
.nav li .festival span {
	width: 190px;
	background: url(../img/txt3.png) no-repeat;
	}
.nav li .productions span {
	width: 153px;
	background: url(../img/txt4.png) no-repeat;
	}
.nav li .booking span {
	width: 136px;
	background: url(../img/txt5.png) no-repeat;
	}
.nav li a:hover,
.nav li.active a {
	background: url(../img/bg-nav-hover.gif) repeat-x;
	text-decoration: none;
	}
#main {
	overflow: hidden;
	width: 100%;
	margin: -7px 0 0;
	}
.menu {
	overflow: hidden;
	width: 966px;
	height: 41px;
	background: url(../img/bg-main-t.png) no-repeat;
	padding: 15px 0 0 20px;
	}
.menu ul {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	}
.menu li {
	float: left;
	font: 12px Impact, Impact5, Charcoal6, sans-serif;
	margin: 0 22px 0 0;
	}
.menu li a {
	position: relative;
	color: #fff;
	text-decoration: none;
	}
.menu li a:hover,
.menu li.active a {
	color: #069;
	text-decoration: none;
	}
.myspace {
	position: relative;
	float: right;
	display: inline;
	background: url(../img/myspace.gif) no-repeat 100% 3px;
	font: 12px Impact, Impact5, Charcoal6, sans-serif;
	color: #fff;
	text-decoration: none;
	margin: -8px 37px 0 0;
	padding: 8px 29px 8px 0;
	}
.main-c {
	overflow: hidden;
	width: 948px;
	background: url(../img/bg-main.png) repeat-y;
	padding: 0 0 0 18px;
	}
#sidebar {
	float: left;
	width: 260px;
	margin: 0 10px 0 0;
	}
.magazine-block {
	width: 250px;
	background: #fff;
	font-size: 12px;
	margin: 0 0 10px;
	padding: 5px 5px 12px;
	}
.visual {
	overflow: hidden;
	width: 250px;
	margin: 0 0 10px;
	}
.visual img {
	display: block;
	}
.magazine-info {
	width: 244px;
	padding: 0 0 0 6px;
	}
.magazine-block h2 {
	font-size: 14px;
	color: #069;
	margin: 0 0 14px;
	}
.magazine-block p {
	margin: 0 0 12px;
	}
.more {
	display: block;
	background: url(../img/bullet.gif) no-repeat 0 50%;
	font-weight: bold;
	margin: 5px 0;
	padding: 0 0 0 16px;
	}
.more.aside {
	color: #fff;
	margin-left: 15px;
	}
.more-home {
	display: block;
	background: url(../img/bullet.gif) no-repeat 0 50%;
	font-weight: bold;
	margin: 5px 0;
	padding: 0 0 0 16px;
	width: 360px;
	}
.more-home.aside {
	color: #fff;
	margin-left: 15px;
	}

.white-arrow {
	float: left;
	display: block;
	background: url(../img/white-arrow.gif) no-repeat 0 50%;
	font-weight: bold;
	color: #fff;
	margin: 5px 0;
	padding: 0 0 0 16px;
	}
#main .tab-active,
#main .tab:hover {
	float: left;
	background: #fff;
	font: 14px Impact, Impact5, Charcoal6, sans-serif;
	color: #242424;
	text-decoration: none;
	margin: 0 5px 0 0;
	padding: 5px 10px 7px 10px;
	}
#main .tab {
	float: left;
	background: url(../img/bg-tab.gif) repeat-x;
	font: 14px Impact, Impact5, Charcoal6, sans-serif;
	color: #fff;
	text-decoration: none;
	margin: 0 5px 0 0;
	padding: 5px 10px 7px 10px;
	}
#main h1 {
	font: bold 24px Tahoma, Arial, Helvetica, sans-serif;
	color: #069;
	margin: 0 0 15px;
	}
.cart {
	clear: both;
	overflow: hidden;
	width: 240px;
	background: #fff;
	margin: 0 0 10px;
	padding: 10px;
	}
.post {
	clear: both;
	overflow: hidden;
	width: 250px;
	background: #fff;
	margin: 0 0 5px;
	padding: 5px;
	}
.post img {
	float: left;
	}
.post h2 {
	font-size: 12px;
	color: #069;
	margin: 0;
	}
.post p {
	margin: 0 0 2px;
	}
.post-info {
	float: right;
	width: 164px;
	margin: 9px 0 0;
	}
.post-info span {
	font: 12px Tahoma, Arial, Helvetica, sans-serif !important;
	color: #999 !important;
	}
.post span {
	font: bold 12px Tahoma, Arial, Helvetica, sans-serif;
	color: #069;
	}
.price {
	margin: 0 0 8px !important;
	}
#content-inner {
	float: left;
	width: 660px;
	}
#content-inner h1 {
	font: bold 24px Tahoma, Arial, Helvetica, sans-serif;
	color: #069;
	margin: 0 0 15px;
	}
#content-inner h1 span {
	font: normal 14px Tahoma, Arial, Helvetica, sans-serif;
	color: #000;
	}
#content-inner h2 {
	font: normal 18px Tahoma, Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0 0 10px;
	}
#content-inner h2 span {
	font: normal 12px Tahoma, Arial, Helvetica, sans-serif;
	color: #000;
	}
.information, .information-video {
	clear: both;
	overflow: hidden;
	width: 640px;
	background: #fff;
	margin: 0 0 10px;
	padding: 5px 10px 10px;
	}
.information-holder {
	float: left;
	width: 360px;
	padding: 0 20px 0 0;
	}
.information-holder img {
	float: right;
	margin: 0 0 5px;
	}
.information ul {
	overflow: hidden;
	list-style: none;
	width: 635px;
	border-top: 1px solid #ccc;
	margin: -1px 0 20px;
	padding: 15px 0 0;
	}
.information ul li {
	float: left;
	width: 205px;
	padding-right: 5px;
	}
.information-video ul {
	overflow: hidden;
	list-style: none;
	width: 635px;
	margin: -1px 0 20px;
	padding: 15px 0 0;
	}
.information-video ul li {
	float: left;
	width: 280px;
	padding: 0 0 10px 30px;
	}
.information ul h2 {
	font-size: 14px;
	color: #069;
	margin: 0;
	}
.list-holder {
	overflow: hidden;
	width: 100%;
	margin: 0;
	}
#footer {
	overflow: hidden;
	width: 929px;
	background: url(../img/bg-footer.png) no-repeat;
	margin: 0 0 15px;
	padding: 6px 18px 15px 19px;
	}
#footer address {
	float: left;
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #666;
	}
#footer ul {
	float: left;
	overflow: hidden;
	list-style: none;
	margin: 0;
	padding: 0;
	}
#footer ul li {
	float: left;
	background: url(../img/separator-footer.gif) no-repeat 0 50%;
	font-size: 11px;
	color: #666;
	margin: 0 1px 0 -1px;
	padding: 0 5px;
	}
#footer a {
	color: #666;
	text-decoration: none;
	}
#footer a:hover {
	color: #666;
	text-decoration: underline;
	}
#footer a.trinch {
	position: relative;
	float: right;
	cursor: pointer;
	display: block;
	width: 56px;
	height: 8px;
	background: url(../img/trinch.gif) no-repeat 0 0;
	text-indent: -9999px;
	text-decoration: none;
	margin: 5px 5px 0 0;
	padding: 0;
	}
#footer a.trinch:hover {
	background: url(../img/trinch.gif) no-repeat 0 -20px;
	}
#twocolums {
	float: left;
	width: 660px;
	}
#content {
	float: left;
	width: 390px;
	margin: 0 10px 0 0;
	}
.block-holder {
	clear: both;
	overflow: hidden;
	width: 385px;
	background: #fff;
	margin: 0 0 10px;
	padding: 5px 0 0 5px;
	}
.block-holder2 {
	clear: both;
	overflow: hidden;
	width: 635px;
	background: #fff;
	margin: 5px 0 10px;
	padding: 0;
	}
.block-full {
	float: left;
	width: 380px;
	font-size: 12px;
	margin: 0 0 15px;
	}
.block {
	float: left;
	width: 190px;
	font-size: 12px;
	margin: 0 0 15px;
	}
.block-holder2 .block {
	float: left;
	width: 210px;
	font-size: 12px;
	margin: 0 0 15px;
	}
.block strong {
	display: block;
	font-size: 14px;
	color: #069;
	}
.block p {
	margin: 0;
	}
.block .one {
	color: #999;
	margin: 0;
	padding: 0;
	}
.img-holder {
	overflow: hidden;
	width: 185px;
	margin: 0 0 11px;
	}
.img-holder img {
	display: block;
	}
.block .one dt {
	float: left;
	font-weight: bold;
	margin-right: 5px;
	}
.block .one dd {
	overflow: hidden;
	margin: 0;
	}
.block .two {
	font-size: 14px;
	margin: 0 0 14px;
	padding: 0;
	}
.block .two dt {
	float: left;
	color: #000;
	margin: 0 3px 0 0;
	}
.block .two dd {
	overflow: hidden;
	font-weight: bold;
	color: #006699;
	margin: 0;
	}
.info-holder {
	overflow: hidden;
	width: 178px;
	padding: 0 0 0 10px;
	}
a.button {
	float: left;
	background: #000;
	font: bold 14px Tahoma, Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	padding: 4px 15px;
	}
a.button:hover {
	background: #069;
	text-decoration: none;
	}
.center {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0 0 17px;
	}
.holder {
	position: relative;
	float: left;
	left: 50%;
	}
.frame {
	position: relative;
	float: left;
	left: -50%;
	}
.photo-holder {
	width: 375px;
	background: #fff;
	padding: 5px 5px 11px 10px;
	}
.photo {
	overflow: hidden;
	width: 380px;
	margin: 0 0 15px -5px;
	}
.photo img {
	display: block;
	}
#aside {
	float: right;
	width: 260px;
	}
.holder-list {
	overflow: hidden;
	width: 250px;
	background: #020001;
	border: 5px solid #fff;
	margin: 0 0 8px;
	padding: 0 0 19px;
	}
.wrap {
	overflow: hidden;
	width: 235px;
	margin: 0 0 22px;
	padding: 0 0 0 15px;
	}
.list {
	float: left;
	list-style: none;
	width: 115px;
	margin: 0;
	padding: 0;
	}
.list li.title {
	font: 18px Impact, Impact5, Charcoal6, sans-serif;
	color: #fff;
	margin: 0 0 7px;
	}
.list li {
	font-size: 12px;
	color: #fff;
	}
.information-block {
	clear: both;
	overflow: hidden;
	width: 240px;
	background: #fff;
	padding: 9px 10px 0;
	}
.information-block p {
	margin: 0 0 16px;
	}
.information-block h3 {
	font-size: 14px;
	color: #069;
	margin: 0;
	}
.information-block strong {
	font-size: 12px;
	color: #000;
	}
.information-block a {
	color: #069;
	text-decoration: underline;
	}
.information-block a:hover {
	text-decoration: none;
	}

/* form */
form, fieldset {
	border: none;
	margin: 0;
	padding: 0;
	}
fieldset div {
	line-height: 20px;
	margin: 10px 0 0 0;
	padding: 0;
	}
fieldset label {
	float: left;
	display: block;
	width: 150px;
	text-align: left;
	margin: 0 10px 0 0;
	padding: 0;
	}
fieldset label span {
	color: red;
	}
fieldset label.small {
	width: 25px;
	padding: 5px 0 0;
	}
input, select, textarea {
	font: 12px Arial, Verdana, sans-serif;
	margin: 0;
	}
input:focus, 
textarea:focus {
	outline: none;
	}
select {
	width: auto;
	background: #fff;
	border: 1px solid #ccc;
	padding: 5px;
	}
input.field {
	width: 350px;
	background: #fff url(../img/bg-form.gif) repeat-x left top;
	border: 1px solid #ccc;
	padding: 5px;
	}
textarea.field {
	width: 450px;
	height: 150px;
	background: #fff url(../img/bg-form.gif) repeat-x left top;
	border: 1px solid #ccc;
	padding: 5px;
	}
input.button {
	background: #000;
	border: none;
	color: #fff;
	padding: 5px 10px;
	}

/* --- table --- */
table.spx {
	width: 640px;
	border-collapse: collapse;
	margin: 0;
	}
table.spx td, th {
	padding: 5px 0;
	}
table.spx thead th {
	background: #069;
	font-size: 12px;
	color: #fff;
	text-align: left;
	text-transform: uppercase;
	}
table.spx thead th.first {
	padding-left: 5px;
	}
table.spx tbody td {
	font-size: 12px;
	text-align: left;
	}
spx tbody td h4 {
	font-size: 14px;
	font-weight: normal;
	color: #9c0;
	margin: 0 0 5px;
	}
table.spx tbody td a {
	color: #666;
	text-decoration: none;
	}
table.spx tbody td a:hover {
	color: #9c0;
	text-decoration: underline;
	}
table.spx tfoot th {
	font-size: 12px;
	text-align: left;
	text-transform: uppercase;
	}
table.spx tfoot th.first {
	text-align: left;
	}

/* basket */
a.icon-delete {
	display: block;
	width: 15px;
	height: 15px;
	background: url(../img/btn-delete.gif) no-repeat left top;
	text-decoration: none;
	}
a.icon-delete:hover {
	background: url(../img/btn-delete.gif) no-repeat left bottom;
	}
a.icon-plus {
	display: block;
	width: 15px;
	height: 15px;
	background: url(../img/icon-plus.gif) no-repeat left top;
	text-decoration: none;
	}
a.icon-plus:hover {
	background: url(../img/icon-plus.gif) no-repeat left bottom;
	}
a.icon-min {
	display: block;
	width: 15px;
	height: 15px;
	background: url(../img/icon-min.gif) no-repeat left top;
	text-decoration: none;
	}
a.icon-min:hover {
	background: url(../img/icon-min.gif) no-repeat left bottom;
	text-decoration: none;
	}
a.btn {
	width: 100px;
	background: #9c0;
	border: 1px solid #9c0;
	font-size: 14px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	padding: 3px 10px;
	}
a.btn:hover {
	background: #fff;
	color: #9c0;
	}
a.btn-checkout {
	float: left;
	background: #000;
	font: bold 14px Tahoma, Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	padding: 4px 15px;
	}
a.btn-checkout:hover {
	background: #069;
	text-decoration: none;
	}

/* downloads */
.downloads {
	overflow: hidden;
	list-style: none;
	width: 618px;
	border: 1px solid #ccc;
	margin: 0;
	padding: 10px 10px 5px;
	}
.downloads div {
	float: left;
	width: 588px;
	background: url(../img/icon-download.gif) no-repeat 0 0;
	border-bottom: 1px solid #d2d2d2;
	line-height: 25px;
	margin: 0 0 5px 0;
	padding: 0 0 0 30px;
	}
.downloads div:last-child {
	border-bottom: none;
	}
.downloads a {
	color: #333;
	text-decoration: none;
	padding: 0;
	}
.downloads a:hover {
	color: #d3242b;
	text-decoration: none;
	}

/* gallery */
.photo-gallery-holder {
	width: 380px;
	height: 590px;
	background: #fff;
	padding: 5px;
	}
#portfolio {
	list-style: none;
	width: 380px;
	margin: 0 0 5px;
	padding: 0;
	}

/* Shopping Cart */
.spx2 tbody tr {
	cursor: pointer;
	}
.spx2 tbody td {
	border-bottom: 1px solid #ccc;
	padding: 5px 0;
	}

/* Poll */
#container {
	width: 380px;
	border: 0;
	}
#loader{ display:none; text-align:center;}
.option{ margin:5px 0; }
.option p{ line-height:1.1em; font-size:0.85em; }
.bar{ height:10px; background:#3399cc; }
.yourvote{ background:#113399; }

/* Nabestellen */
.information-nabestellen {
	clear: both;
	overflow: hidden;
	width: 640px;
	background: #fff;
	margin: 0 0 10px;
	padding: 5px 10px 10px;
	}

ul.covers-holder {
	list-style: none;
	background: #fff;
	padding: 5px;
	}

ul.covers-holder li {
	float: left;
	height: 180px;
	padding: 2px;
	}

ul.covers-holder li.active {
	background: #dedede;
	}

ul.covers-holder li div.magImg {
	text-align: center;
	width: 150px;
	}

ul.covers-holder li div.magTitle {
	text-align: center;
	font-weight: bold;
	}

ul.covers-holder li div.magOrder {
	text-align: center;
	font-weight: bold;
	}

.hidden {
	display: none;
	}
	
/* Foto's */

#fotoDIV ul.thumbs {
	list-style: none;
	padding: 0;
	margin: 0;
	border: 0;
	}
#fotoDIV ul.thumbs li {
	float: left;
	width: 100px;
	height: 60px;
	padding: 0;
	margin: 2px;
	border: 0;
	overflow: hidden;
	}
#fotoDIV ul.thumbs li a {
	display: block;
}

#fotoDIV ul.thumbs li img {
	width: 120px;
	margin: -10px 0 0 -10px;
	}