@import url("/html/css/navigation.css");

body {
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: 1px;
}

div#page {
	width: 800px;
	padding: 0;
	margin:0 auto;
	font-size: 1px;
}

div#header {
	width: 800px;
	height: 175px;
	padding: 0;
	margin: 0;
	background: url('/i/head/header_teaser_800x175.jpg') no-repeat;
}

p#search {
	clear: both;
	font-size: 12px;
	margin: 2px 0 0 15px;;
	padding: 0;
}
p#search label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}
p#search input#searchfield {
	border: 1px solid #D4D4D4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #050569;
	width: 100px;
	margin: 0 1px 0 4px;
}
p#search input#btnSubmit {
	position: relative;
	top: 2px;
}

div#main {
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 1px;
}
div#footer {
	margin: 30px 0 20px 0;
}
div#footer p {
	text-align: center;
}

div#leftCol {
	float: left;
	width: 150px;
	font-size: 1px;
	margin: 0;
	padding: 0;
}
div#mainCol {
	float: left;
	margin: 0 15px;
	padding: 0;
	font-size: 1px;
	width: 455px;
}
div#rightCol {
	float: left;
	width: 165px;
	margin: 0;
	padding: 0;
	font-size: 1px;
}

/* Teaser rechts */
p.teasTop {
	margin: 0;
	padding: 0;
	font-size: 1px;
}
div.teasBox {
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	margin-bottom: 15px;
}
div.teasBox p.teasImage {
	margin: 0;
	padding: 0;
}
div.teasBox p.teasText {
	font-size: 10px;
	color: #626377;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 6px 10px 0px 10px;
}
p.goLink {
	margin: 0;
	padding: 0 10px 3px 10px;
	text-align: right;
}
/* Ende Teaser rechts */

p.imgBorderHome {
	border-bottom: 14px solid #000;
}

/* Galerie Startseite */
div#galerieBoxLe, div#galerieBoxRi {
	float: left;
	width: 220px;
	margin: 0;
	padding: 0;
}
div#galerieBoxRi {
	margin: 0 0 0 15px;
}
div#galerieBoxLe p.galerieTopBgHome, div#galerieBoxRi p.galerieTopBgHome {
	background-color: #59CFFF;
	color: #fff;
	height: 16px;
	line-height: 16px;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0;
	padding-left: 3px;
}
div#galerieBoxLe p.galerieTopImgBg, div#galerieBoxRi p.galerieTopImgBg {
	background-color: #000;
	color: #fff;
	height: 14px;
	line-height: 14px;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0;
	padding-left: 3px;
}
/* Ende Galerie Startseite */

/* News + Gigs Startseite */
div.bgTopHome {
	background-color: #FFC342;
	height: 10px;
}
/* Gigs */
ul.monthlist {
	list-style: none;
	margin: 10px 0 10px 0;
	padding: 0;
}
ul.monthlist li a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	text-decoration: none;
	line-height: 16px;
	cursor: pointer;
}
ul.monthlist li a:hover {
	text-decoration: underline;
}
ul#giginfo {
	list-style: none;
	border: 1px solid #DDD;
	padding: 5px;
	width: 443px;
}
/* The Holly Hack \*/
* html ul#giginfo {
	height: 1%;
}
/* End The Holly Hack */
ul#giginfo li#giginfoBox {
	border: none;
	padding: 0;
	margin: 0;
	display: block;
}
ul#giginfo li#giginfoBox span#giginfoImg,
ul#giginfo li#giginfoBox span#giginfoText,
ul#giginfo li#giginfoBox span#giginfoClose,
ul#giginfo li#giginfoBox span#giginfoText span.textLeft,
ul#giginfo li#giginfoBox span#giginfoText span.textRight {
	margin: 0;
	border: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
}
ul#giginfo li#giginfoBox span#giginfoText .clearBoth,
ul#giginfo li#giginfoBox .clearBoth  {
	font-size: 1px;
	margin: 0;
	border: none;
	height: 1px;
	line-height: 1px;
	display: block;
}

span#giginfoImg {
	display: block;
	float: left;
	width: 104px;
	padding: 0;
}
span#giginfoText {
	display: block;
	float: left;
	width: 320px;
	padding: 0;
	/* background-color: #EEE; */
}
span#giginfoClose {
	display: block;
	float: left;
	width: 7px;
	padding: 0;
	cursor: pointer;
}

span.textLeft {
	display: block;
	width: 70px;
	float: left;
	font-weight: bold;
	padding: 0;
}
span.textRight {
	display: block;
	width: 220px;
	float: left;
	padding: 0;
	margin: 0;
}
ul#giginfo li#giginfoBox span#giginfoText span.textRight a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	color: #06F;
}
ul#giginfo li#giginfoBox span#giginfoText span.textRight a:hover {
	text-decoration: underline;
}
.loading {
	background: url('/i/loading.gif') no-repeat center center;
	height: 65px;
}
/* Ende Gigs */
/* next vandit night */
p#nextVN {
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #006;
}
/* Ende News + Gigs Startseite */

/* Schriftarten */
p {
	font-size: 12px;
	color: #626377;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
h2.h2header-home, h1.header-news, h2.header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000066;
}
h2.h2header-home {
	margin: 15px 0 0 0;
}
h1.header-news, h2.header {
	margin: 0 0 20px 0;
}
/* Ende Schriftarten */

/* Teaser right Box */
h5.teaserHeadlineRight {
	height: 15px;
	margin:0;
	background: #C4C4C4 url(/i/pfeil_grau.gif) 153px 1px no-repeat;
	font-size: 12px;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}
h5.teaserHeadlineRight span {
	border-left: 15px solid #66647C;
	padding-left: 5px;
}
div.teasRightBox {
	background-color: #E1E1E1;
	margin: 1px 0;
}
div.teasRightBox p {
	margin: 0;
	padding: 3px 4px;
	font-size:10px;
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
/* End Teaser right Box */

/* Links */
a.textlink, a.textlink:visited, a.textlink:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #660000;
}
a.textlink:hover {
	text-decoration: underline;
	color: #EE0000;
}
a.link12blue:link, a.link12blue:visited, a.link12blue:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #000066;
}
a.link12blue:hover {
	text-decoration: underline;
}

a.link10blue:link, a.link10blue:visited, a.link10blue:active, div#footer p a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: #0066FF;
}
a.link10blue:hover, div#footer p a:hover {
	text-decoration: underline;
}
/* thickbox links */
a.aboutArtist {
  font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
	color: #0066FF;
}
a.aboutArtist:hover {
	color: #00CCFF;
}
/* Ende Links */

/* people info */
h1.artist {
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #000066;
  margin: 10px 0;
}

img.left {
  float: left;
  padding: 0 10px 10px 0;
	border: 1px solid #ccc;
}

/* end people info */

/* Form Styles */
form {
	display: inline;
}
input.teaser-newsletter {
	border: 1px solid #D4D4D4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #050569;
	width: 120px;
}
teasRightBox p label {
	display: block;
}
label.teasNewsletter {
	float: left;
	width: 80px;
}
/* Ende Form Styles */

/* helper styles */
img {
	border: none;
}
.mar0 {
	margin: 0;
	padding: 0;
}
.clearBoth {
	clear: both;
	padding: 0;
	margin: 0;
	font-size: 1px;
	width: 1px;
	height: 1px;
	line-height: 1px;
	display: block;
}
div.space10 {
	height: 10px;
}

hr {
	border: none;
	background-color: #E2E2E2;
	color: #E2E2E2;
	height: 1px;
	margin: 4px 0;
}
/* end helper styles */