/***********************************************/
/* Page
/***********************************************/

body{ 
	margin-top: 0px;
 	margin-right: 0px;
 	margin-bottom: 0px;
 	margin-left: 0px;
 	padding: 0px;
	text-align: center;
	background-color: #dcdee0;

 	font-size: 11px;
 	line-height: 16px;
 	font-family : Verdana, Arial, Helvetica, Sans-Serif;
 	font-weight : normal;
 	font-style : normal;
 	text-decoration: none;
	color: #46505a;
}

p, ul, li	{	
	margin: 0px;
	padding: 0px;
}


.text, td	{ color: #46505a; font-size: 11px; line-height: 16px; font-family: Verdana, Arial, Helvetica, Sans-Serif; font-weight : normal; font-style : normal; text-decoration: none; }
.text-hell	{ color: #969aa0; font-size: 11px; line-height: 16px; font-family: Verdana, Arial, Helvetica, Sans-Serif; font-weight : normal; font-style : normal; text-decoration: none; }
.eventname	{ color: #46505a; font-size: 11px; line-height: 16px; font-family: Verdana, Arial, Helvetica, Sans-Serif; font-weight : bold; font-style : normal; text-decoration: none; text-transform: uppercase; }
.kleintext	{ color: #46505a; font-size: 10px; line-height: 14px; font-family: Verdana, Arial, Helvetica, Sans-Serif; font-weight : normal; font-style : normal; text-decoration: none; }

.big		{ color: #46505a; font-size: 14px; line-height: 16px; font-family: Verdana, Arial, Helvetica, Sans-Serif; font-weight : bold; font-style : normal; text-decoration: none; text-transform: uppercase; }
.big-hell		{ color: #969aa0; font-size: 14px; line-height: 16px; font-family: Verdana, Arial, Helvetica, Sans-Serif; font-weight : bold; font-style : normal; text-decoration: none; text-transform: uppercase; }
.big-weiss		{ color: #ffffff; font-size: 14px; line-height: 16px; font-family: Verdana, Arial, Helvetica, Sans-Serif; font-weight : bold; font-style : normal; text-decoration: none; text-transform: uppercase; }

.bigger		{ color: #46505a; font-size: 18px; line-height: 16px; font-family: Verdana, Arial, Helvetica, Sans-Serif; font-weight : bold; font-style : normal; text-decoration: none; text-transform: uppercase; }
.bigger-hell		{ color: #969aa0; font-size: 18px; line-height: 16px; font-family: Verdana, Arial, Helvetica, Sans-Serif; font-weight : bold; font-style : normal; text-decoration: none; text-transform: uppercase; }
.bigger-weiss		{ color: #ffffff; font-size: 18px; line-height: 16px; font-family: Verdana, Arial, Helvetica, Sans-Serif; font-weight : bold; font-style : normal; text-decoration: none; text-transform: uppercase; }


h1	{
	font-size: 120%;
	margin-top: 0px;
	margin-bottom: 0px;
}

h2	{
	font-size: 110%;
	margin-top: 0px;
	margin-bottom: 0px;
}

h3	{
	font-size: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
}



/***********************************************/
/* Layout                                    
/***********************************************/


#page { 	
	z-index:1;
	position:relative;
	width:900px;
	height:auto; 
	margin:0 auto;
	margin-top:30px;
	padding: 0px;
}

#header { 	
	z-index:2;
	position:relative;
	width:900px;
	height:80px; 
	margin:0 auto;
	padding:0px;
	background-color: #c8cacc;
	background-image: url("pix/main_nav/hg.gif");
	background-repeat: no-repeat;
	text-align:left;
}

#logo { 	
	z-index:99;
	position:relative;
	float: left;
	top:12px; 
	left:15px; 
	width:105px; 
	height:60px;
}

#navigation { 	
	z-index:98;
	position:relative;
	float: right;
	top:33px; 
	right:0px; 
	width:260px; 
	height:47px;
	text-align:right;
}

#content { 	
	z-index:3;
	position:relative;
	width:900px;
	height:auto; 
	margin:0 auto;
	margin-top:40px;
	padding: 0px;
	text-align:left;
}

#mainact { 	
	z-index:6;
	position:relative;
	float: left;
	top:0px; 
	left:0px; 
	width:600px; 
	height:auto;
	text-align:left;
}

#archivliste { 	
	z-index:6;
	position:relative;

	top:0px; 
	left:0px; 
	width:900px; 
	height:auto;
	text-align:left;
}

#subact { 	
	z-index:5;
	position:relative;
	float: left;
	top:60px; 
	left:0px; 
	width:600px; 
	height:auto;
	padding-bottom:20px;
}

#archive { 	
	z-index:4;
	position:relative;
	float: right;
	top:0px; 
	right:0px; 
	width:260px; 
	height:auto;
	
	color: #969aa0; 
	font-size: 11px; 
	line-height: 16px; 
	font-family: Verdana, Arial, Helvetica, Sans-Serif; 
	font-weight: normal; 
	font-style: normal; 
	text-decoration: none; 
}

#infonav { 	
	z-index:4;
	position:relative;
	
	top:0px; 
	left:640px; 
	width:260px; 
	height:auto;
	
	color: #969aa0; 
	font-size: 11px; 
	line-height: 16px; 
	font-family: Verdana, Arial, Helvetica, Sans-Serif; 
	font-weight: normal; 
	font-style: normal; 
	text-decoration: none; 
}

#box { 	
	z-index:7;
	position:relative;
	top:0px; 
	left:0px; 
	width:598px; 
	height:auto;	
	background-color: #c8cacc;
	background-image: url("pix/box_rounded/hg.gif");
	background-position: top left; 
	background-repeat: repeat-x;
	border: 1px;
	border-style: solid;
	border-color: #AAACAE;
	text-align:left;
	padding-bottom:6px;
}

#boxarchivliste { 	
	z-index:7;
	position:relative;
	top:0px; 
	left:0px; 
	width:898px; 
	height:auto;	
	background-color: #c8cacc;
	background-image: url("pix/box_rounded/hg.gif");
	background-position: top left; 
	background-repeat: repeat-x;
	border: 1px;
	border-style: solid;
	border-color: #AAACAE;
	text-align:left;
	padding-bottom:6px;
}

#boxsub { 	
	z-index:7;
	position:relative;
	top:0px; 
	left:0px; 
	width:598px; 
	height:auto;	
	background-color: #c8cacc;
	background-image: url("pix/box_rounded/hg_sub.gif");
	background-position: top left; 
	background-repeat: repeat-x;
	border: 1px;
	border-style: solid;
	border-color: #AAACAE;
	text-align:left;
	padding-bottom:6px;
}

#archivebox { 	
	z-index:7;
	position:relative;
	top:0px; 
	left:0px; 
	width:258px; 
	height:auto;	
	background-color: #c8cacc;
	background-image: url("pix/box_rounded/hg.gif");
	background-position: top left; 
	background-repeat: repeat-x;
	border: 1px;
	border-style: solid;
	border-color: #AAACAE;
	text-align:left;
	padding-bottom:6px;
}


/* start ie hacks */
* html>body #box { padding-bottom:0px; }
*+html>body #box { padding-bottom:0px; }
* html>body #boxsub { padding-bottom:0px; }
*+html>body #boxsub { padding-bottom:0px; }
* html>body #boxarchivliste { padding-bottom:0px; }
*+html>body #boxarchivliste { padding-bottom:0px; }
* html>body #archivebox { padding-bottom:0px; }
*+html>body #archivebox { padding-bottom:0px; }
/* end ie hacks */


#box-inhalt	{
	clear:both;
	z-index:88;
	position:relative;
	left: 14px;
	top: 8px;
	width:95%;
	height:auto;
	text-align:left;
	padding-bottom:14px;
	
	color: #46505a; 
	font-size: 11px; 
	line-height: 16px; 
	font-family: Verdana, Arial, Helvetica, Sans-Serif; 
	font-weight: normal; 
	font-style: normal; 
	text-decoration: none;
}

#lo{
	z-index:8;
	position:relative;
	top:-1px;
	left:-1px;
	width: 6px;
	height: 6px;
	float: left;
	background-image: url("pix/box_rounded/lo.gif");
}

#ro{
	z-index:8;
	position:relative;
	top:-1px;
	right:-1px;
	width: 6px;
	height: 6px;
	float: right;
	background-image: url("pix/box_rounded/ro.gif");
}

#lu{
	z-index:8;
	position:relative;
	bottom:-1px;
	left:-1px;
	width: 6px;
	height: 6px;
	float: left;
	background-image: url("pix/box_rounded/lu.gif");
}

#ru{
	z-index:8;
	position:relative;
	bottom:-1px;
	right:-1px;
	width: 6px;
	height: 6px;
	float: right;
	background-image: url("pix/box_rounded/ru.gif");
}

#sold-out{
	z-index:99;
	position:relative;
	top:14px;
	right:0px;
	width: 148px;
	height: 68px;
	float: right;
	background-image: url("pix/sold-out/soldout.png");
}

#sold-out-kl{
	z-index:99;
	position:relative;
	top:10px;
	right:0px;
	width: 110px;
	height: 45px;
	float: right;
	background-image: url("pix/sold-out/soldout-kl.png");
}

.clear	{
	clear:both;
}

#wrapper {
	z-index:1;
	position:relative;
	top:0px;
	height:50px;
}

/***********************************************/
/* Navigation
/***********************************************/

a:link		{ color: #46505a;  text-decoration: none;}
a:visited	{ color: #46505a;  text-decoration: none;}
a:active	{ color: #46505a;  text-decoration: none;}
a:hover		{ color: #46505a;  text-decoration: none;}

#archive a:link		{ color: #969aa0;  font-size: 11px; line-height: 16px; font-family: Verdana, Arial, Helvetica, Sans-Serif; font-weight: normal; text-decoration: underline;}
#archive a:visited	{ color: #969aa0;  font-size: 11px; line-height: 16px; font-family: Verdana, Arial, Helvetica, Sans-Serif; font-weight: normal; text-decoration: underline;}
#archive a:active	{ color: #969aa0;  font-size: 11px; line-height: 16px; font-family: Verdana, Arial, Helvetica, Sans-Serif; font-weight: normal; text-decoration: underline;}
#archive a:hover	{ color: #ffffff;  font-size: 11px; line-height: 16px; font-family: Verdana, Arial, Helvetica, Sans-Serif; font-weight: normal; text-decoration: none; background-color: #969aa0;}

#infonav a:link		{ color: #969aa0;  font-size: 11px; line-height: 16px; font-family: Verdana, Arial, Helvetica, Sans-Serif; font-weight: normal; text-decoration: underline;}
#infonav a:visited	{ color: #969aa0;  font-size: 11px; line-height: 16px; font-family: Verdana, Arial, Helvetica, Sans-Serif; font-weight: normal; text-decoration: underline;}
#infonav a:active	{ color: #969aa0;  font-size: 11px; line-height: 16px; font-family: Verdana, Arial, Helvetica, Sans-Serif; font-weight: normal; text-decoration: underline;}
#infonav a:hover	{ color: #ffffff;  font-size: 11px; line-height: 16px; font-family: Verdana, Arial, Helvetica, Sans-Serif; font-weight: normal; text-decoration: none; background-color: #969aa0;}

#box-inhalt a:link		{ color: #46505a;  font-size: 11px; line-height: 15px; font-family: Verdana, Arial, Helvetica, Sans-Serif; font-weight: normal; text-decoration: underline;}
#box-inhalt a:visited	{ color: #46505a;  font-size: 11px; line-height: 15px; font-family: Verdana, Arial, Helvetica, Sans-Serif; font-weight: normal; text-decoration: underline;}
#box-inhalt a:active	{ color: #46505a;  font-size: 11px; line-height: 15px; font-family: Verdana, Arial, Helvetica, Sans-Serif; font-weight: normal; text-decoration: underline;}
#box-inhalt a:hover		{ color: #ffffff;  font-size: 11px; line-height: 15px; font-family: Verdana, Arial, Helvetica, Sans-Serif; font-weight: normal; text-decoration: none; background-color: #46505a;}



/***********************************************/
/* Lightbox
/***********************************************/

a img { 
	border: none;
}

#lightbox{
	display:none;
	position: absolute;
	top:50%;
	left:50%;
	z-index:9999;
	width:400px;
	height:420px;
	margin:-180px 0 0 -210px;
	background-color:#ebeced;
	/*
	border:1px solid #fff;
	background-color:#ECEDEE;
	background-image: url(pix/hg_popup.gif);
	*/
	text-align:left;
}
#lightbox[id]{
	position:fixed;
}
#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:5000;
	background-color:#000;
	-moz-opacity: 0.7;
	opacity:.70;
	filter: alpha(opacity=70);
}
#overlay[id]{
	position:fixed;
}

#lightbox.done #lbLoadMessage{
	display:none;
}
#lightbox.done #lbContent{
	display:block;
}
#lightbox.loading #lbContent{
	display:none;
}
#lightbox.loading #lbLoadMessage{
	display:block;
}
#lightbox.done img{
	/*
	width:100%;
	height:100%;
	*/
}