* html { margin: 0; padding: 0; }

/* permanent scrollbar */
html { height: 100% }
body { min-height: 101%; }



body {
	background-color: #000000;
	color: #E3F20C;
	font: 0.9em "Arial Narrow", "Lucida Console", "Lucida Grande", "Trebuchet MS", "Sans Serif";
	margin: 0;
	padding: 0;
	scrollbar-face-color: #000000; 
	scrollbar-shadow-color: #C2F229; 
	scrollbar-highlight-color: #C2F229; 
	scrollbar-3dlight-color: #FF7E00; 
	scrollbar-darkshadow-color: #000000; 
	scrollbar-base-color: #000000; 
	scrollbar-arrow-color: #FF7E00;
}

/* layout */
#container {
	background-color: #000000;
	height: 610px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 68em;
/*	border-style: double;
	border-color: green;*/
}

#background {
	background: #000000 url(../../media/site2009/layout/background.jpg) no-repeat;
	margin: 0 18em 0 3em;
	height: 560px;
/*	border-style: dotted;
	border-color: orange;*/
}

#header {
	background-color: transparent;
	height: 150px;
	padding-left: 20px;
/*	border-style: double;
	border-color: red;*/
}

#banner {
	padding-top: 30px;
	float: left;
/*	border-style: double;
	border-color: yellow; */
}

#uhr {
	background-color: transparent;
	float: right;
	padding-top: 10px;
	padding-right: 10px;
}

.clear {
	clear: both;
}

#content {
	display: block;
	height: 410px;
	padding: 0 20px;
	overflow: auto;
	overflow-x: hidden;
	text-align: left;
	visibility: auto;
	width: auto;
/*	border-style: double;
	border-color: yellow;*/
}

/* A CSS hack that only applies to IE -- specifies a different height for the content */
 * html #content	{ height: 800px; }

#menu {
	color:#FF7E00;
	float: right;
	line-height: 1.3em;
	margin: 5px 0 0 0;
	padding: 0;
	width: 14em;
/*	border-style: dotted;
	border-color: yellow; */
}

#logo {
	height: 100px;
	margin-top: 20px;
}

#footer {
	background-color: #000000;
	clear: both;
	font-size: 0.7em;
	margin: 1em 25.4em 0 0;
	padding: 0;
	text-align: right;
/*	border-style: dotted;
	border-color: yellow; */
}

/* content */
#menu ul, #menu li {
	background-color: #000000;
	line-height: 1.3em;
	list-style: none;
	margin: 0;
	margin-bottom: 5px;
	padding: 0;
	text-decoration: none;
}


/* START generic styles */
/* order is link, visisted, focus, hover, active */
a 		{ color: #FF7E00; }
a:link  	{ color: #FF7E00; text-decoration: none }
a:visited	{ color: #FF7E00; text-decoration: none }
a:focus	{ outline: none; }	/*outline: none; removes dotted line from links*/
a:hover   { color: #C2F229; text-decoration: none }
a:active  { color: #C2F229; text-decoration: none }

h1 		{ color: #FF7E00; font-size: 1.6em; font-weight: bold; margin: 0; margin-bottom: 20px; text-align: left; }
h2 		{ color: #C2F229; font-size: 1.2em; }
.lead   	{ color: #BFE44D; font-style: italic; }
td 		{ padding: 2px; text-align: left; vertical-align: top; }

.standardform	{ color: #94C302; background-color: #000000; font-size: 1.2em; }
input		{ color: #94C302; background-color: #000000; font-size: 1.2em; padding: 4px; margin-bottom: 18px;}
textarea		{ background-color: #000000; color: #94C302;	font: 1.2em Arial, Helvetica, sans-serif; }
/* END generic styles */


/* START page specific styles */
/* START page HAPPY Musik */
#song { display: block; margin-left: 200px; }
/* END page HAPPY Musik */

/* START page HAPPY Fanartikel */
img.fanartikel { clear: left; padding-right: 10px; }
/* END page HAPPY Fanartikel */
/* END page specific styles */


/* START modules related */
/* START wb forms */
.required { color: #FF7E00; }

.field_heading {
	color: #FF7E00;
	font-size: 1.4em;
	font-weight: bold;
/*	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FF7E00;*/
	padding-bottom: 20px;
	padding-top: 20px;
}
.field_title {
	font-size: 1em;
	text-align: right;
	vertical-align: top;
	width: 100px;
}
.textfield {
	background-color: #000000; 
	color: #94C302; 
	font-size: 1em;
	height: 17px;
	padding: 4px;
	width: 200px;
}
.textarea {
	background-color: #000000; 
	color: #94C302; 
	font-size: 1em;
	height: 100px;
	padding: 4px;
	width: 90%;
}
.select {
	background-color: #000000; 
	color: #94C302; 
	font-size: 1em;
	margin-top: 4px;
	margin-bottom: 4px;
	padding: 4px;
}
.checkbox_label {
	background-color: #154E48; 
	color: #FFFFFF; 
	cursor: pointer;
	font-size: 1em;
	padding: 4px;
}
.radio_label {
	background-color: #154E48; 
	color: #FFFFFF; 
	cursor: pointer;
	font-size: 1em;
}
.email {
	background-color: #000000; 
	color: #94C302; 
	font-size: 1em;
	height: 17px;
	padding: 4px;
	width: 200px;
}
/* END wb forms */

/* START guestbook */
.backwards {unicode-bidi:bidi-override; direction: rtl; color:#c00;}	/* hidding e-mail address from spamming */

table.gbentry {
	background-color: #000000;
/*	border: 1px solid #154E48;
	border-collapse: collapse; */
	color: #94C302;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 10px;
	width: 100%;
}

td.gbtitle {
	background-color: #000000;
	color: #94C302;
	border-bottom: 1px dashed #94C302;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	font-weight: bold;
	padding: 10px;
}

td.gbcontent {
	background-color: #transparent;
	/* border-bottom: 2px double #154E48; */
	border-top: 0;
	border-left: 0;
	border-right: 0;
	color: #94C302;
	font-weight: normal;
	padding: 10px; 
}

img.button {
  vertical-align: middle;
}
/* END guestbook */

/* START Swift Gallery */
/* order is link, visisted, focus, hover, active */
#gallerys a 		{ color: #FF7E00; }
#gallerys a:link  	{ color: #FF7E00; text-decoration: none }
#gallerys a:visited	{ color: #FF7E00; text-decoration: none }
#gallerys a:focus	{ outline: none; }	/*removes dotted line from links*/
#gallerys a:hover   { color: #C2F229; text-decoration: none }
#gallerys a:active  { color: #C2F229; text-decoration: none }

#thumbs a 		{ color: #FF7E00; }
#thumbs a:link  	{ color: #FF7E00; text-decoration: none }
#thumbs a:visited	{ color: #FF7E00; text-decoration: none }
#thumbs a:focus	{ outline: none; }	/*removes dotted line from links*/
#thumbs a:hover   	{ color: #C2F229; text-decoration: none }
#thumbs a:active  	{ color: #C2F229; text-decoration: none }

#gallerys 	{ text-align: left; }
#name 		{ color: #C2F229; font-size: 1.2em; padding: 10px; }
#description 	{ margin-bottom: 20px; }
#pictures 	{ float: left;	width: 80%; }
#thumbs 		{ float: right; margin-top: 10px; }
/* END Swift Gallery */

/* END modules related */