/***********************************************/

/* HTML tag styles                             */

/***********************************************/ 



body{

	font-family: Verdana,sans-serif;

	color: #373127;

	line-height: 1.166;

	margin: 0px;

	padding: 0px;

	font-size: 100%;

	background-color: #180e04;

	background-repeat:repeat-x;

}



h1, h2, h3, h4, h5, h6 {

	font-family: Verdana,sans-serif;

	font-size: 12px;

	color: #373127;

	 

}



h5 {

	font-size: 10px;

	text-align: right;

	padding-top: 5px;

	margin-bottom: 0px;



	font-weight:normal;

}



h4 {

	clear: both;

	font-size: 11px;

	font-weight:normal;

}



h3 {

	clear: both;

}



h2 {

	font-family: "Times New Roman", Times, serif;

	clear: both;

	font-weight:bold;

	font-size: 85%;

	padding-right: 0px;

	padding-left: 0px;	

	padding-top: 5px;

	padding-bottom: 5px;

	text-transform: uppercase;

}



h1 {

	text-decoration: underline;

	font-weight:bold;

	font-size: 16px;

}



img {

	border: 0px;

}



p 	{ 

	clear: both;

	font-size: 11px;

	font-weight:normal;

	margin-bottom: 0.8em; 

}



a { 

	color: #1e2910;}













/***********************************************/

/* Layout Divs                                 */

/***********************************************/



#allet{

	margin-left: auto;

	margin-right: auto;

	padding: 0;

	width: 1060px;

	background-image: url(pix/wgs_header.jpg);

	background-repeat:no-repeat;

}



#header{

	margin: 0;

	padding: 0;

	height: 185px;

	width: 1060px;

	background-image: url(pix/wgs_header.jpg);

	background-repeat:no-repeat;

}



#navbar{

	margin: 0;

	padding: 0;

	height: 63px;

	width: 1060px;

	background-image: url(pix/wgs_buttonline.jpg);

	background-repeat:no-repeat;

}



#sidebar-left{

	width: 206px;

	height: 391px;

	background-image: url(pix/wgs_left.jpg);

	background-repeat:no-repeat;

	clear: both;

	float:left; 



}



#sidebar-left_ne{

	width: 206px;

	height: 391px;

	background-image: url(pix/wgs_left_ne.jpg);

	background-repeat:no-repeat;

	clear: both;

	float:left; 

}



#sidebar-left_con{

	width: 206px;

	height: 391px;

	background-image: url(pix/wgs_left_con.jpg);

	background-repeat:no-repeat;

	clear: both;

	float:left; 

}



#content{

	margin: 0;

	padding: 0;

	width: 640px;

	height: 391px;

	background-image: url(pix/wgs_content.jpg);

	background-repeat:no-repeat; 

	float: left;

}



#content_ne{

	margin: 0;

	padding: 0;

	width: 640px;

	height: 391px;

	vertical-align: middle;

	background-image: url(pix/wgs_content_ne.jpg);

	background-repeat:no-repeat; 

	float: left; 

	overflow: auto;

}



#content_con{

	margin: 0;

	padding: 0;

	width: 640px;

	height: 391px;

	vertical-align: middle;

	background-image: url(pix/wgs_content_con.jpg);

	background-repeat:no-repeat; 

	float: left; 

	overflow: auto;

}



#content_me{

	margin: 0;

	padding-top: 30px;
	
	margin-bottom: -30px;

	width: 640px;

	height: 391px;

	background-image: url(pix/wgs_content_me.jpg);

	background-repeat:no-repeat; 

	float: left; 

	overflow: auto;

}



#content_me:hover{

	background-image: url(pix/wgs_content_me_stump.jpg);

}



#inhalt{

	height:391px;

	overflow: auto;

	padding-left: 20px;

	padding-right: 20px;

}



#sidebar-right{

	margin: 0;

	padding: 0;

	width: 214px;

	height: 391px;

	background-image: url(pix/wgs_right.jpg);

	background-repeat:no-repeat;

	float: left; 



}



#sidebar-right_ne{

	margin: 0;

	padding: 0;

	width: 214px;

	height: 391px;

	background-image: url(pix/wgs_right_ne.jpg);

	background-repeat:no-repeat;

	float: left; 

}



#sidebar-right_con{

	margin: 0;

	padding: 0;

	width: 214px;

	height: 391px;

	background-image: url(pix/wgs_right_con.jpg);

	background-repeat:no-repeat;

	float: left; 

}



#footer{

	margin: 0;

	padding: 0;

	height: 111px;

	width: 1060px;

	background-image: url(pix/wgs_footer.jpg);

	background-repeat:no-repeat;

	clear: both;

}

#footer img { height: 111px; width: 214px;}

#footer a,

#footer a:link,

#footer a:active,

#footer a:visited {  display: inline; float: right; background-position: right; } 



#footer a:hover,

#footer a:visited:hover { background-image: url(pix/wgs_contact_on.jpg);}





#footer_ne{

	margin: 0;

	padding: 0;

	height: 111px;

	width: 1060px;

	background-image: url(pix/wgs_footer_ne.jpg);

	background-repeat:no-repeat;

	clear: both;

}

#footer_ne img { height: 111px; width: 214px;}

#footer_ne a,

#footer_ne a:link,

#footer_ne a:active,

#footer_ne a:visited {  display: inline; float: right; background-position: right; } 



#footer_ne a:hover,

#footer_ne a:visited:hover {  background-image: url(pix/wgs_contact_on.jpg); }



#footer_con{

	margin: 0;

	padding: 0;

	height: 111px;

	width: 1060px;

	background-image: url(pix/wgs_footer_con.jpg);

	background-repeat:no-repeat;

	clear: both;

}



#footer_con img { height: 111px; width: 214px;}

#footer_con a:hover,#footer_con a.sel {display: inline; float: right; background-image: url(pix/wgs_contact_on.jpg); background-position: right; }



#news_text {

	padding-top:15px;

	height: 361px;

	width: 325px;

}



table.thumbs {

	margin-top: 15px;

	border-collapse: collapse;

}



table.thumbs td {

	width: 95px; 

	height: 95px;

	vertical-align: middle; 

	text-align: center; 

}



table.comicpage {

	height: 260px;

	width: 600px;

	margin-top: 15px;

	border-collapse: collapse;

}



table.comicpage td {

	vertical-align: middle; 

	text-align: center; 

}



table.comic_ale {

	margin-top: 15px;

	margin-left: 0px;

	border-collapse: collapse;

}



table.comic_ale td {

	width: 145px; 

	height: 80px;

	vertical-align: middle; 

	text-align: center; 

}



table.comics_heck {

	margin-top: 15px;

	border-collapse: collapse;

}



table.comics_heck td {

	width: 110px; 

	height: 80px;

	vertical-align: middle; 

	text-align: center; 

}





ul#links { 

	clear: both; 

	display: inline;

	list-style-type:none; 

	margin: 0; 

	padding: 0;

}



ul#links li { 

	text-align:center; 

	list-style-type:none; 

	display: inline; 

	margin: 0; 

	padding: 0; 

	height: 55px; 

	width: 115px; 

}



#me_text {

	padding-top:20px;

	height: 371px;

	width: 300px;

	float:left;

}



#contact_text {

	padding-top:45px;

	padding-left: 55px;

	height: 321px;

	width: 500px;

}









/***********************************************/

/* Navigation Bar Stuff                        */

/***********************************************/



#navbar {background:url(pix/wgs_buttonline.jpg) no-repeat;height:63px}

#navbar ul {margin:0px;padding:0px 0px 0px 193px}

#navbar li {list-style: none;display:block;float:left;padding:0px;margin:0px;height:63px}

#navbar a {display:block;height:63px;}

.txt {display:none;}



#news a {width:90px;}

#news a:hover,#news a.sel {background:url(pix/wgs_news_on.jpg) no-repeat;}



#illus a {width:78px;}

#illus a:hover,#illus a.sel {background:url(pix/wgs_illus_on.jpg) no-repeat;}



#comics a {width:92px;}

#comics a:hover,#comics a.sel {background:url(pix/wgs_comics_on.jpg) no-repeat;}



#design a {width:81px;}

#design a:hover,#design a.sel {background:url(pix/wgs_design_on.jpg) no-repeat;}



#stuff a {width:85px;}

#stuff a:hover,#stuff a.sel {background:url(pix/wgs_stuff_on.jpg) no-repeat;}



#links {padding-left:4px;}

#links a {width:81px;}

#links a:hover,#links a.sel {background:url(pix/wgs_links_on.jpg) no-repeat;}



#guests a {width:85px;}

#guests a:hover,#guests a.sel {background:url(pix/wgs_guests_on.jpg) no-repeat;}



#me {padding-left:4px;}

#me a {width:81px;}

#me a:hover,#me a.sel {background:url(pix/wgs_me_on.jpg) no-repeat;}





/*ul#hauptnav { list-style-type:none; margin-left: 193px; margin-top:0px; margin-bottom:0px; margin-right:0px; padding: 0px; background-position: left -1px; }

ul#hauptnav li { list-style-type:none; display: inline; float: left; background-position: left -1px; }

ul#hauptnav a,

ul#hauptnav a:link,

ul#hauptnav a:active,

ul#hauptnav a:visited,

ul#hauptnav a:hover,

ul#hauptnav a:visited:hover { display: block; background-repeat: no-repeat; }



ul#hauptnav a img { width: 100%; height: 62px; }





li#news a,

li#news a:link,

li#news a:active,

li#news a:visited {width: 90px; background-position: left -1px; }

li#news a:hover,

li#news a:visited:hover { background-image: url(pix/wgs_news_on.jpg); background-position: left -1px;  }

li#news a#selected,

li#news a#selected:link,

li#news a#selected:active,

li#news a#selected:visited,

li#news a#selected:hover,

li#news a#selected:visited:hover { background-image: url(pix/wgs_news_on.jpg) !important; }



li#illus a,

li#illus a:link,

li#illus a:active,

li#illus a:visited {width: 78px; background-position: left -1px; }

li#illus a:hover,

li#illus a:visited:hover { background-image: url(pix/wgs_illus_on.jpg); background-position: left -1px;}

li#illus a#selected,

li#illus a#selected:link,

li#illus a#selected:active,

li#illus a#selected:visited,

li#illus a#selected:hover,

li#illus a#selected:visited:hover { background-image: url(pix/wgs_illus_on.jpg) !important; }



li#comics a,

li#comics a:link,

li#comics a:active,

li#comics a:visited { width: 92px; background-position: left -1px; }

li#comics a:hover,

li#comics a:visited:hover { background-image: url(pix/wgs_comics_on.jpg); background-position: left -1px;}

li#comics a#selected,

li#comics a#selected:link,

li#comics a#selected:active,

li#comics a#selected:visited,

li#comics a#selected:hover,

li#comics a#selected:visited:hover { background-image: url(pix/wgs_comics_on.jpg) !important; }



li#design a,

li#design a:link,

li#design a:active,

li#design a:visited  { width: 81px; background-position: left -1px; }

li#design a:hover,

li#design a:visited:hover { background-image: url(pix/wgs_design_on.jpg); background-position: left -1px; cursor: default;}

li#design a#selected,

li#design a#selected:link,

li#design a#selected:active,

li#design a#selected:visited,

li#design a#selected:hover,

li#design a#selected:visited:hover { background-image: url(pix/wgs_design_on.jpg) !important; }



li#stuff a,

li#stuff a:link,

li#stuff a:active,

li#stuff a:visited { width: 85px; background-position: left -1px; }

li#stuff a:hover,

li#stuff a:visited:hover { background-image: url(pix/wgs_stuff_on.jpg); background-position: left -1px; cursor: default;}

li#stuff a#selected,

li#stuff a#selected:link,

li#stuff a#selected:active,

li#stuff a#selected:visited,

li#stuff a#selected:hover,

li#stuff a#selected:visited:hover { background-image: url(pix/wgs_stuff_on.jpg) !important; }



li#links a,

li#links a:link,

li#links a:active,

li#links a:visited { width: 81px; background-position: left -1px; }

li#links a:hover,

li#links a:visited:hover { background-image: url(pix/wgs_links_on.jpg); background-position: left -1px;}

li#links a#selected,

li#links a#selected:link,

li#links a#selected:active,

li#links a#selected:visited,

li#links a#selected:hover,

li#links a#selected:visited:hover { background-image: url(pix/wgs_links_on.jpg) !important; }



li#guests a,

li#guests a:link,

li#guests a:active,

li#guests a:visited { width: 85px; background-position: left -1px; }

li#guests a:hover,

li#guests a:visited:hover { background-image: url(pix/wgs_guests_on.jpg); background-position: left -1px;}

li#guests a#selected,

li#guests a#selected:link,

li#guests a#selected:active,

li#guests a#selected:visited,

li#guests a#selected:hover,

li#guests a#selected:visited:hover { background-image: url(pix/wgs_guests_on.jpg) !important; }



li#me a,

li#me a:link,

li#me a:active,

li#me a:visited { width: 61px; background-position: left -1px; }

li#me a:hover,

li#me a:visited:hover { background-image: url(pix/wgs_me_on.jpg); background-position: left -1px;}

li#me a#selected,

li#me a#selected:link,

li#me a#selected:active,

li#me a#selected:visited,

li#me a#selected:hover,

li#me a#selected:visited:hover { background-image: url(pix/wgs_me_on.jpg) !important; }*/







/***********************************************/

/* Lightbox Stuff                              */

/***********************************************/



#lightbox{

	position: absolute;

	left: 0;

	width: 100%;

	z-index: 100;

	text-align: center;

	line-height: 0;

	}



#lightbox a img{ border: none; }



#outerImageContainer{

	position: relative;

	background-color: #fff;

	background-image:url(pix/lightbox-bg.jpg);

	background-position: bottom;

	width: 250px;

	height: 250px;

	margin: 0 auto;

	}



#imageContainer{

	padding: 10px;

	}



#loading{

	position: absolute;

	top: 40%;

	left: 0%;

	height: 25%;

	width: 100%;

	text-align: center;

	line-height: 0;

	}

	

#hoverNav{

	position: absolute;

	top: 0;

	left: 0;

	height: 100%;

	width: 100%;

	z-index: 10;

	}

#imageContainer>#hoverNav{ left: 0;}

#hoverNav a{ outline: none;}



#prevLink, #nextLink{

	width: 49%;

	height: 100%;

	background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */

	display: block;

	}

#prevLink { left: 0; float: left;}

#nextLink { right: 0; float: right;}

#prevLink:hover, #prevLink:visited:hover { background: url(images/left.jpg) left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url(images/right.jpg) right 15% no-repeat; }





#imageDataContainer{

	font: 10px Verdana, Helvetica, sans-serif;

	background-color: transparent;

	background-image:url(pix/lightbox-bg.jpg);

	background-position: top;

	margin: 0 auto;

	line-height: 1.4em;

	overflow: auto;

	width: 100%	

	}



#imageData{	padding:0 10px; color: #000; }

#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	

#imageData #caption{ font-weight: bold;	}

#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			

#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	

		

#overlay{

	position: absolute;

	top: 0;

	left: 0;

	z-index: 90;

	width: 100%;

	height: 500px;

	background-color: #180e04;

	}



/**************************** STYLE 3 ***/

#guest form table{

  text-align: center;

}

#guest table.forum{

  width: 600px;

  float: center;

}

#guest .spacer{

  height: 5px;

}

#guest .head_data{

  background: #5F5F5F;

  text-align: right;

  width: 100px;

}

#guest .head_data *{

  color: #EFEFEF;

}



#guest .head_data table{

  width:100%;

}

#guest .head_data td{

  padding-right: 5px;

  padding-left: 5px;

}

#guest .datum{

  text-align: right;

  font-size: 8pt;

}

#guest .name{

  text-align: right;

  font-weight: bold;

}

#guest .title{

  background:#5F5F5F;

  color: #EFEFEF;

  font-weight: bold;

  padding-left: 5px;

}

#guest .body_data table{

  width: 500px;

}

#guest .eintrag{

  padding: 10px;

}

#guest .antworten{

  color: #BBBBBB;

  text-align: right;

}

#guest textarea{

  width: 500px;}