@charset "UTF-8";
/* CSS Document */
/*---- Reset ----*/
html, body, div, span, h1, h2, p, img {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
a {text-decoration:none; color:#666;}
:focus {outline:0;}
a img {border:0; outline:0;}


/*---- Allgemeines ----*/
body {
	background-image:url(img/back_kachel.gif);
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:14px;
	color:#666;
}
#wrapper {
	margin: 60px auto;	
	width:1000px;
}
h1 {
	font-weight:normal;
	font-size:28px;
	text-shadow: 0 0 0.2em #fff;
}
h2 {
	font-weight:normal;
	font-size:20px;
	text-shadow: 0 0 0.2em #fff;
	padding:0;
}
.mittig {text-align:center;}
.fleft {float:left;}
.fright {float:right;}
.clearfloat {clear:both; line-height:0; height:0;}
.standardabstand {margin-top:30px;}
.standardabstandPlus {margin-top:40px;}

.headline {
	position:relative;
	background-image:url(img/back_headline.gif);
	background-repeat:repeat-x;
	height:60px;
	border-top:1px solid #f4da6b;
}
.headline h1 {
	line-height:60px;
	padding-left:30px;
}

/*---- Header ----*/
.iconKarten {
	position:absolute;
	top:-20px;
	right:300px;
}
#header .headcontent {
	background:#f8e6a1 url(img/header_back.gif) right bottom no-repeat;
	border-top:1px solid #f8e6a1;
	font-size:24px;
	padding:30px 30px 60px 30px;
}
.adresseLi, .adresseRe {
	width:30%;
	padding:30px 0;
	line-height:1.8em;
}
.adresseLi {padding-left:20%;}
.adresseRe {padding-right:20%;}

div.buttonsHead {
	margin:0 auto;
	width:770px;
}
div.buttonsHead .knopf {
	margin:0 10px;
}

/*---- Kartenverkaufsboxen ----*/
.theaterbox {
	background-position:left;
	background-repeat:no-repeat;
	height:430px;
}
.logoUndLink {
	position:relative;
	width:294px;
	height:370px;
}
.logoStpauli {background-image:url(img/stpauli_logo.gif);}
.logoHansa {background-image:url(img/hansa_logo.gif);}
.logoCollien {background-image:url(img/collien_logo.gif);}
.logoMeerkabarett {background-image:url(img/meerkabarett_logo.gif);}

a.knopf {
	display:block;
	color:#e6e6e6;
	font-size:20px;
	letter-spacing:0.05em;
	text-align:center;
	padding:13px 40px 10px 40px;
	-webkit-padding-before:10px;
	-webkit-padding-after:10px;
	text-shadow:1px 1px 1px #000;
	background-color:#666;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#424343), to(#666));
	background: -webkit-linear-gradient(top, #424343, #666);
	background: -moz-linear-gradient(top, #424343, #666);
	background: -ms-linear-gradient(top, #424343, #666);
	background: -o-linear-gradient(top, #424343, #666);
	border-radius:6px;
	box-shadow:0 0 4px #333;
}
a.knopf:hover, a.knopf:focus {
	color:#f8e6a1;
	background:#333;
	box-shadow:0 0 60px #fff;
}
a.logoButtonPosition {
	position:absolute;
	bottom:20px;
	left:72px;
}
a.smallerfont {
	font-size:15px;
}
#footer {
	height:40px; 
	padding:10px;                 
	background-image:url(img/back_headline.gif);
}