html {
	width: 100%;
	height: 100%;
}

body { 
	margin: 0;
	padding: 0; 
	font: normal 12px/14px Arial, Helvetica, sans-serif; 
	color: #000;
	background-attachment: fixed;
	background-color: #999;
	background-repeat: no-repeat;
}

/* Reset */
img { margin:0; padding:0; border:0; behavior:url(css/iepngfix.htc); }
div { margin:0; padding:0; }
p, input, ul { margin: 0 0 16px 0; padding: 0; }
form { margin:32px 0; padding:0; }
:focus { outline:none; }
.clear { clear:both; display:block; height:0px; line-height:0px; font-size:0px; margin:0; padding:0; }

a {
	color: #FFF;
	text-decoration: underline;
}

#logo {
	position: fixed;
	left: 55px;
	top: 14px;
	background: url(../images/cone.png) left bottom no-repeat;
	height: 113px;
	padding-left: 4px;
}

#cafe {
	position: fixed;
	left: 841px;
	top: 12px;
}


/* NAVIGATION */
#navi {
	position: fixed;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 76px;
	background: white;
	z-index: 11;
}

#navi_shadow {
	position: fixed; 
	top: 76px; 
	left: 0; 
	width: 100%; 
	height: 8px; 
	background: url(../images/navishadow.png) repeat-x; 
	z-index: 10;
}

#navi ul {
	position: absolute;
	left: 226px;
	top: 24px;
	list-style: none;
	width: 775px;
}

#navi li {
	display: inline;
}

#navi ul a {
	height: 52px;
	display: block;
	background: url(../images/navi_arch.gif) no-repeat;
	float: left;
	padding-left: 16px;
	margin-right: 18px;
}

#navi ul a span {
	margin: 2px 0 0 0;
}

#navi ul a:hover,
#navi ul a.active {
	background: url(../images/navi_arch_act.gif) 0 7px no-repeat;
}


/* NEWSBOX */

#newsbox { 
	position: fixed;
	left: 143px;
	top: 133px;
	width: 143px;
	padding: 20px 5px 15px;
	background: #FFF;
	color: #000;
	z-index: 2;
}

#newsbox a { 
	color: #000;
}

#newsbox ul {
	list-style-image: url(../images/news_list_arch.png);
	margin-left: 9px;
	padding: 0;
}
#newsbox li { 
	margin: 0 0 16px 0;
}

.body-3 #newsbox {
	left: 48px;
	top: 100px;
}


/* PICTURETOGGLE */

#picturetoggle {
	position: fixed;
	left: 841px;
	top: 83px;
	width: 46px;
	color: white;
	cursor: pointer;
	z-index: 20;
}

#picturetoggle img {
	padding-right: 5px;
}


/* FILTER */

#filter {
	position: fixed;
	left: 889px;
	top: 77px;
	width: 112px;
	z-index: 20;
}
#filter ul { list-style:none; }
#filter li { margin-bottom:1px; }
#filter a { text-decoration:none; background:#FFF; display:block; color:#000; padding:5px 8px; }
#filter a.active { background:#666; }


/* SUBNAV */

#subnav {
	position: fixed;
	left: 143px;
	top: 133px;
	width: 152px;
	z-index: 10;
}

#subnav ul { list-style: none; }
#subnav li {
	margin-bottom: 1px;
	background: #FFF;
}

#subnav li a {
	display: block;
	height: 30px;
	width: 152px;
	text-indent: -9999px;
	background-repeat: no-repeat;
}

#subnav a:hover,
#subnav a.active {
	background-position: 0 -30px;
}




/* NORMALE CONTENTBOX */

#program,
#default { 
	position: absolute;
	left: 211px;
	top: 100px;
	width: 568px;
	padding-bottom: 100px;
}

#default a {
	color: #000;
}

#program a {
	color: #fff;
}


#default h1 {
	background: #FFF;
	width: 265px;
	margin: 0;
}

#default .contentBox {
	margin: 0 0 4px 89px;
	background: #FFF url(../images/line_black.gif) no-repeat left bottom;
	padding: 16px 10px 40px;
}

#cafebox h2, #default h2 { width:422px; font:normal 12px/14px Arial, Helvetica, sans-serif; color:#000; border-bottom:4px solid #000; padding-bottom:8px; }
#cafebox h3, #default h3 { width:422px; font:normal 12px/14px Arial, Helvetica, sans-serif; color:#000; border-bottom:2px solid #000; padding-bottom:6px; }

/* CAFEBOX */

#cafe {
	cursor: pointer;
}

#cafebox {
	position: fixed;
	left: 202px;
	top: 45px;
	width: 680px;
	min-height: 430px;
	padding: 0 10px 15px;
	background: #FFF;
	color:# 000; 
	z-index: 30; 
	background: white url(../images/line_black.gif) 20px bottom no-repeat;
}

#cafebox #titlebubble { background: url(../images/cafe_cone.png) 618px 0 no-repeat; padding-top:41px; }
#cafebox #title { background:#000; width:680; height:208; padding:7px 0 20px 20px; }

#cafebox .close {
	position: absolute;
	right: 26px;
	top: 56px;
	width: 14px;
	height: 14px;
	margin: 0;
	cursor: pointer;
	background: url(../images/x-white.png) no-repeat;
}

#cafebox .contentBox { padding:0 18px 10px; }


/* PROGRAMM */

#program .contentBox {
	margin: 0 0 4px 0;
}

#program .month {
	width: 666px;
	height: 90px;
	margin: 20px 0 10px 80px;
	background-repeat: no-repeat;
}

#program .month-01 {
	background-image: url(../images/januar.png);
}
#program .month-02 {
	background-image: url(../images/februar.png);
}
#program .month-03 {
	background-image: url(../images/maerz.png);
}
#program .month-04 {
	background-image: url(../images/april.png);
}
#program .month-05 {
	background-image: url(../images/mai.png);
}
#program .month-06 {
	background-image: url(../images/juni.png);
}
#program .month-07 {
	background-image: url(../images/juli.png);
}
#program .month-08 {
	background-image: url(../images/august.png);
}
#program .month-09 {
	background-image: url(../images/september.png);
}
#program .month-10 {
	background-image: url(../images/oktober.png);
}
#program .month-11 {
	background-image: url(../images/november.png);
}
#program .month-12 {
	background-image: url(../images/dezember.png);
}

#program .date {
	float: left;
	width: 80px;
	height: 30px;
}

#program .date .heute {
	float: left;
	width: 80px;
	height: 30px;
	background-position: left top;
}

#program .date .left {
	float: left;
	width: 44px;
	height: 30px;
	background-position: left top;
}

#program .date .right {
	float: right;
	width: 36px;
	height: 30px;
	background-position: right top;
}

#program .head {
	height: 30px;
	margin: 0 0 0 80px;
}

#program .head,
#program .date .heute,
#program .date .left,
#program .date .right {
	cursor: pointer;
}

#program .body {
	margin: 0 0 0 80px;
	overflow: auto;
	color: white;
	background-image: url(../images/line_white.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}
#program .body .inner {
	margin: 16px 24px 38px 9px;
	overflow: auto;
}

#program .body .location {
	float: left;
	width: 310px;
}

#program .body .ticket {
	float: left;
	display: block;
	height: 15px;
	width: 91px;
	background: url(../images/ticket.png) 0 2px no-repeat;
	padding-left: 40px;
}

#program .body .close {
	float: right;
	width: 14px;
	height: 14px;
	margin: 0;
	cursor: pointer;
	background: url(../images/x-white.png) 2px right no-repeat;
}


#program .body hr {
	clear: both;
	margin: 0 0 15px 0;
	width: 422px;
	height: 5px;
	background: #FFF;
	border:none;
	text-align:left;
}

.closed {
	display: none;
}

#webkit-fix {
	display: block;
	position: absolute;
	width: 1px;
	height: 100%;
	bottom: 0px;
	left: 0px;
}

/* NEWSLETTER */

form.newsletter {
	margin: 0;
}

form.newsletter input {
	font-size: 10px;
	border: solid #000 1px;
	background-color: #FFF;
	padding: 0 2px;
	width: 300px;
	height: 18px;
	float: right;
}
form.newsletter p.textfield {
	margin-bottom: 2px;
}
form.newsletter label { width:60px; display:block; float:left; }
form.newsletter span.textfield { width:362px; display:block; float:left; }
form.newsletter p.right { width:422px; text-align:right; }