/*****************************allgemein********************************/

/*span		{ border: 1px solid #DDD; }
  div		{ border: 1px solid #BBB; }*/
body		{ margin:0px; padding:0px; background-color: #101010; color:#FFFFFF; font-family:Verdana; font-size: 12px; }

a { color:#FFFFFF; font-family:Verdana; font-size: 10px; }
img { border:0px none #101010; }
a:link    { text-decoration:none; }
a:visited { text-decoration:none; }
a:focus   { text-decoration:none; }
a:hover   { text-decoration:none; }
a:active  { text-decoration:none; }

/*****************************index.php********************************/

/* Linke Seite */
.leftborder  	{ position:absolute; width:133px; height: 800px; left: 0px; top: 0px; overflow:hidden; }
	.left_row_col1  { position:absolute; left:  0px; width: 67px; height:160px;}
	.left_row_col2	{ position:absolute; left: 67px; width: 66px; height:160px;}

		.left_row_col1.fieldl1  { top:   0px; background-image:url(./bilder/left/hc_left_01.jpg); }
		.left_row_col2.fieldl2  { top:   0px; background-image:url(./bilder/left/hc_left_02.jpg); }
		.left_row_col1.fieldl3  { top: 160px; background-image:url(./bilder/left/hc_left_03.jpg); }
		.left_row_col2.fieldl4  { top: 160px; background-image:url(./bilder/left/hc_left_04.jpg); }
		.left_row_col1.fieldl5  { top: 320px; background-image:url(./bilder/left/hc_left_05.jpg); }
		.left_row_col2.fieldl6  { top: 320px; background-image:url(./bilder/left/hc_left_06.jpg); }
		.left_row_col1.fieldl7  { top: 480px; background-image:url(./bilder/left/hc_left_07.jpg); }
		.left_row_col2.fieldl8  { top: 480px; background-image:url(./bilder/left/hc_left_08.jpg); }
		.left_row_col1.fieldl9  { top: 640px; background-image:url(./bilder/left/hc_left_09.jpg); }
		.left_row_col2.fieldl10 { top: 640px; background-image:url(./bilder/left/hc_left_10.jpg); }

.contentbox  	{ position:absolute; width:749px; left: 133px; top: 0px; }

/* Rechte Seite */
.rightborder  	{ position:absolute; width:121px; height: 800px; left: 882px; top: 0px; overflow:hidden; }
	.right_row_col1 { position:absolute; left:  0px; width: 87px; height:160px;}
	.right_row_col2	{ position:absolute; left: 87px; width: 34px; height:160px;}

		.right_row_col1.fieldr1  { top:   0px; background-image:url(./bilder/right/hc_right_01.jpg); }
		.right_row_col2.fieldr2  { top:   0px; background-image:url(./bilder/right/hc_right_02.jpg); }
		.right_row_col1.fieldr3  { top: 160px; background-image:url(./bilder/right/hc_right_03.jpg); }
		.right_row_col2.fieldr4  { top: 160px; background-image:url(./bilder/right/hc_right_04.jpg); }
		.right_row_col1.fieldr5  { top: 320px; background-image:url(./bilder/right/hc_right_05.jpg); }
		.right_row_col2.fieldr6  { top: 320px; background-image:url(./bilder/right/hc_right_06.jpg); }
		.right_row_col1.fieldr7  { top: 480px; background-image:url(./bilder/right/hc_right_07.jpg); }
		.right_row_col2.fieldr8  { top: 480px; background-image:url(./bilder/right/hc_right_08.jpg); }
		.right_row_col1.fieldr9  { top: 640px; background-image:url(./bilder/right/hc_right_09.jpg); }
		.right_row_col2.fieldr10 { top: 640px; background-image:url(./bilder/right/hc_right_10.jpg); }

/* Logo */
.logobox { display:block; position:relative; width: 747px; height: 78px; top:0px; left: 0px; overflow:hidden; }
	.logo_row1 { position:absolute; width: 747px; height: 39px; top:0px; overflow:hidden; }
	.logo_row2 { position:absolute; width: 747px; height: 38px; top:38px;overflow:hidden; }
	
		.logo_row1.field1  { left:   0px; background-image:url(./bilder/logo/hc_logo_01.jpg); }
		.logo_row2.field2  { left:   0px; background-image:url(./bilder/logo/hc_logo_06.jpg); }
		.logo_row1.field3  { left: 150px; background-image:url(./bilder/logo/hc_logo_02.jpg); }
		.logo_row2.field4  { left: 150px; background-image:url(./bilder/logo/hc_logo_07.jpg); }
		.logo_row1.field5  { left: 300px; background-image:url(./bilder/logo/hc_logo_03.jpg); }
		.logo_row2.field6  { left: 300px; background-image:url(./bilder/logo/hc_logo_08.jpg); }
		.logo_row1.field7  { left: 449px; background-image:url(./bilder/logo/hc_logo_04.jpg); }
		.logo_row2.field8  { left: 449px; background-image:url(./bilder/logo/hc_logo_09.jpg); }
		.logo_row1.field9  { left: 599px; background-image:url(./bilder/logo/hc_logo_05.jpg); }
		.logo_row2.field10 { left: 599px; background-image:url(./bilder/logo/hc_logo_10.jpg); }

.menu	{ display:block; position:relative; width:747px; height:  25px; top: 0px; background-image:url(./bilder/hc_menu.jpg); }
	.menupkt { display:inline; position:relative; top:4px; padding-left:12px; font-size: 10px;}
	.menupkt:hover { color: #FFECCC; }
	
.content	{ position:absolute; top:103px; width:747px; }

/*****************************news.php********************************/

.picturebox			{ display:block; position:relative; top:   0px; left:   0px; width: 747px; height: 274px; background-image:url(./bilder/hc_picbox.jpg); overflow:hidden;}
.pictureframe			{ display:block; position:relative; top:  15px; left:   0px; width: 746px; height: 242px; vertical-align:middle; text-align:center; overflow:hidden; }
.contentviewbox			{ display:block; position:relative; top:   1px; left:   0px; width: 747px; height: 424px; background-image:url(./bilder/hc_content.jpg); background-repeat:no-repeat; }

.newsbox			{ display:block; position:relative; width: 340px; top:  25px; left:  12px; }
	.singlenewsbox		{ display:block; position:relative; top:  15px; left:   12px; width: 316px; }
	.headline 		{ display:block; position:relative; top:  0px; left:   5px; width: 316px; color: #efefef;  font-size: 22px; text-align:left; }
	.trenner		{ display:block; position:relative; top: -28px; left: -5px; width: 316px; height: 78px; background-image:url(./bilder/hc_trenner.gif) }
	.message 		{ display:block; position:relative; top: -58px; left:  5px; width: 316px; color: #9e9e9e; text-align:left; }

.newsevents			{ position:absolute; width: 295px; height: 335px; top:  25px; left: 430px; overflow:hidden; background-image:url(./bilder/hc_upcomming.jpg); }
	.flyerbox		{ position:absolute; width: 280px; height:  280px; overflow:hidden; }
	.eventshort	 	{ position:absolute; color: #696969; width: 280px; height: 68px; top: 269px; left: 8px; overflow:hidden; }

/*****************************events.php********************************/

.eventbox			{ display:block; position:relative; width: 747px; height: 424px; background-image:url(./bilder/hc_content.jpg); background-repeat:no-repeat;}
	.singleeventbox 	{ display:block; position:relative; width: 700px; height: 200px; top:40px;  left: 24px; margin-bottom: 10px; }
	.eventflyerbox		{ position:absolute; width: 200px; height: 100px; top: 20px; left: 20px; text-align:center;}
	.eventdate	 	{ position:absolute; width: 430px; height: 20px; top: 20px; left: 240px; color: #efefef;}
	.eventtrenner		{ position:absolute; width: 300px; height: 100px; top: 15px; left: 230px; background-image:url(./bilder/hc_trenner.gif); background-repeat:no-repeat;}
	.li			{ display:block; float:left; height:180px;}
	.eventlong	 	{ position:absolute; width: 440px; height: 180px; top: 60px; left: 240px; color: #9e9e9e; overflow:hidden;}

/*****************************lageplan.php********************************/

	.lageplan		{ display:block; position:relative; width: 640px; top: 40px; left: 54px; margin-bottom:10px; }
	.lageplanbeschreibung 	{ display:block; position:relative; width: 640px; height: 150px; top: 60px; left: 54px; color: #696969; }
	
/*****************************links.php********************************/

	.singlelinkbox { display:block; position:relative; width: 700px; top:40px;  left: 24px; margin-bottom: 10px; color: #696969; }
	.link { display:block; position:relative; width: 680px; top:10px;  left: 0px; height:20px; margin-bottom: 10px; }
	.linkbeschreibung { display:block; position:relative; width: 640px; top:10px;  left: 30px; color: #696969; }
	
/*****************************galerie.php********************************/
	.pfeillinks, .pfeilrechts { display:block; position:relative; width: 36px; height: 37px;}
	.pfeillinks { left: 96px;  background-image:url(./bilder/hc_pfeil_links.gif)}
	.pfeilrechts { left: 1px;  background-image:url(./bilder/hc_pfeil_rechts.gif)}
	
	.folderbox { display:block; position:relative; width: 700px; top: 20px; left: 24px; color: #696969; }
	.cell	{ width:130px; height: 130px; text-align:center; }
	
/*****************************Admin Forms********************************/

	.add { }
	.header { font-size: 10px; font-weight: bold; }
	.field { text-align: center; }
	.spacer { height: 10px; }