/* CSS Document */
body {
	height: 100%;
	background-color: #000000;
	background-position: top center;
	color: #333333;
	line-height: 1.7em;
	text-align: left;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 62.5%;
	line-height: 62.5%;
	margin: 0;
	padding: 0;
	/* Scrollbalken */
    SCROLLBAR-FACE-COLOR: #4C4C4C;
    SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
    SCROLLBAR-SHADOW-COLOR: #333333;
    SCROLLBAR-3DLIGHT-COLOR: #4C4C4C;
    SCROLLBAR-ARROW-COLOR: #333333;
    SCROLLBAR-TRACK-COLOR: #333333;
    SCROLLBAR-DARKSHADOW-COLOR: #4C4C4C;
    SCROLLBAR-BASE-COLOR: #333333;
}

* {
	font-size: 1em;
	line-height: 1em;
}

/*Zentrierung der Website
__________________________________________________________________________________
*/

/*Hilfs DIV-Box für die absolute Zentrierung*/
#page {
	color: white;
	background-color: #000000;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block;
}

/*Und hier dann die Zentrierung des Inhalts mit den verschachtelten DIVS*/
#webcontent {
	font-family: Verdana, Geneva, Arial, sans-serif;
	vertical-align: bottom;
	background-color: #000000;;
	position: absolute;
	top: -300px;
	left: 50%;
	height: 600px; 
	width: 980px;
	margin-left: -490px;
	visibility: visible;
}

/*Standardwerte
__________________________________________________________________________________
*/		
p, td, div		{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		line-height:20px;
		color:#ffffff;
		letter-spacing:1px;
		}
hr		{ color:#ffffff; height:1px	}
h1		{ font-family:Verdana, Arial, Helvetica, sans-serif;  letter-spacing:1px; font-size: 20px; font-weight:normal; line-height:22px; color:#383838;padding:0;margin:0; }
h2		{ font-family:Verdana, Arial, Helvetica, sans-serif;  letter-spacing:1px; font-size: 20px; font-weight:normal; line-height:22px; color:#ffffff; }
h3		{ font-family:Verdana, Arial, Helvetica, sans-serif;  letter-spacing:1px; font-size: 14px; font-weight:normal; line-height:11px; color:#ffffff; }
ul		{ list-style-position: inside; margin-left:0px; padding-left:0px;}
li		{ padding-left:0px; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;  line-height: 20px; letter-spacing:1px; list-style-type: square; }

a 				{ color:#ffffff; text-decoration:underline; line-height:20px;}
a:link 			{ color:#ffffff; text-decoration:underline; line-height:20px;}
a:visited 		{ color:#ffffff; text-decoration:underline; line-height:20px;}
a:hover 		{ color:#ffffff; text-decoration:underline; line-height:20px;}

a.nav				{ color:#ffffff; text-decoration:none; }
a.nav:link 			{ color:#ffffff; text-decoration:none; }
a.nav:visited 		{ color:#ffffff; text-decoration:none; }
a.nav:hover 		{ color:#ffffff; text-decoration:underline; }

a.nav_mark			{ color:#ffffff; text-decoration:underline; }
a.nav_mark:link 	{ color:#ffffff; text-decoration:underline; }
a.nav_mark:visited 	{ color:#ffffff; text-decoration:underline; }
a.nav_mark:hover 	{ color:#ffffff; text-decoration:underline; }

a.navchild			{ color:#ffffff; text-decoration:none; }
a.navchild:link 	{ color:#ffffff; text-decoration:none; }
a.navchild:visited 	{ color:#ffffff; text-decoration:none; }
a.navchild:hover 	{ color:#ffffff; text-decoration:underline; }

a.navchild_mark				{ color:#ffffff; text-decoration:underline; }
a.navchild_mark:link 		{ color:#ffffff; text-decoration:underline; }
a.navchild_mark:visited 	{ color:#ffffff; text-decoration:underline; }
a.navchild_mark:hover		{ color:#ffffff; text-decoration:underline; }

a.navImg				{ color:#ffffff; text-decoration:none; }
a.navImg:link 			{ color:#ffffff; text-decoration:none; }
a.navImg:visited 		{ color:#ffffff; text-decoration:none; }
a.navImg:hover 			{ color:#ffffff; text-decoration:underline; }

a.navGuestbook				{ color:#5E5E5E; text-decoration:underline; }
a.navGuestbook:link 		{ color:#5E5E5E; text-decoration:underline; }
a.navGuestbook:visited 		{ color:#5E5E5E; text-decoration:underline; }
a.navGuestbook:hover 		{ color:#5E5E5E; text-decoration:underline; }

/*
Tabellen Layout
__________________________________________________________________________________
*/
#tableLayout					{
								width:980px;
								height:600px;
								}
#tableLayout  td				{
								font-size:11px;
								color:#ffffff;
								padding-left:10px;
								}
								
#tableLayout .tableLayoutBgImg1	{
								background-image:url(bg_image_1.jpg);
								background-repeat:no-repeat;
								vertical-align:bottom;
								padding-bottom:0;
								text-align:left;
								}					

/*Hauptnavigation*/								
#mainnavigation ul{
	list-style-type: none;
}	
#mainnavigation	li{
	float:left;
}	

#mainnavigation a {
	text-decoration: none;
	color: #FFFFFF;
}

#mainnavigation a:link {
	text-decoration: none;
	color: #FFFFFF;
}

#mainnavigation a:visited {
	text-decoration: none;;
	color: #FFFFFF;
}

#mainnavigation a:visited {
	text-decoration: none;;
	color: #FFFFFF;
}

#mainnavigation a:hover {
	text-decoration: underline;;
	color: #FFFFFF;
}

#mainnavigation a:active {
	text-decoration: none;
	color: #FFFFFF;
}

#mainnavigation a:focus {
	text-decoration: none;
	color: #FFFFFF;
}

#mainnavigation a#current{
	text-decoration:underline;
}

#tableLayout .tableLayoutBgImg2	{
								background-image:url(bg_image_2.jpg);
								background-repeat:no-repeat;
								text-align:left;
								}

/*
Titelfeld
*/
#tableLayout .tableLayoutBgImg3	{
								background-image:url(bg_image_3.jpg);
								background-repeat:no-repeat;
								vertical-align:top;
								text-align:left;
								}								
#tableLayout .tableLayoutBgImg4	{
								background-image:url(bg_image_4.jpg);
								background-repeat:no-repeat;
								}
								
/*Inhalt*/								
#tableLayout .tableLayoutBgImg5	{
								background-image:url(bg_image_5.jpg);
								background-repeat:no-repeat;
								vertical-align:top;
								}
#content {
	width:400px; 
	height:270px; 
	z-index:1; 
	overflow:auto;
}								
#tableLayout .tableLayoutBgImg6	{
								background-image:url(bg_image_6.jpg);
								background-repeat:no-repeat;
								}

/*Lightbox
__________________________________________________________________________________
*/
.arrow{
	border:1px solid #4C4C4C;
}
.thumb{
	border:1px solid #4C4C4C;
	margin-bottom:1px;
	margin-top:1px;
}
#GlyScroll {
	text-align: center;
}
.gallery{
	position:absolute;
	left:161px;
	*left:151px;
	top:315px;
	*top:325px;
}
