/* @override http://nightdevils.net/sandvox_NightDevils-v2/main.css */

/*
	Copyright (c) 2008 by Arne Fahrenwalde (MacGeneral)
	
	created @ 2008-04-27
	updated @ 2008-11-29
*/

*
{
	margin: 0;
	padding: 0;
	white-space: normal;
}

p
{
	margin: 0px;
	vertical-align: middle;
	white-space: normal;
	line-height: 1.5;
}

a img
{
	border: none;
}

.clear
{
	clear: both;
	height: 0;
}

.hidden
{
	display: none;
}

a
{
	color: #b5b5b5;
	text-decoration: none;
}

a:hover
{
	color: #590906;
}

/* @group headings */

h1,h2,h3,h4,h5,h6
{
	font-weight: normal;
	font-style: normal;
}

h3
{
	font-weight: bold;
	font-size: larger;
	margin-top: 24px;
	margin-bottom: 6px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #8e8e8e;
	overflow: hidden;
	clear: both;
}

h3 a
{
	color: #131313;
}

#title
{
	height: 88px;
	width: 440px;
	z-index: 1;
	float: right;
	position: fixed;
	top: 14px;
	right: 48px;
	font: small-caps bold small Georgia, Times, "Times New Roman", serif;
}

#title h1,#title h1 a
{
	position: fixed;
	top: 50px;
	right: 50px;
	text-shadow: 0px 5px 10px #530909;
	text-align: right;
	color: #7c0d04;
	font: small-caps bold 100% Georgia, "Times New Roman", Times, serif;
}

#title h1 a:hover
{
	color: #b71407;

}

#title #logo-container
{
	float: left;
	height: 115px;
}

#title img
{
	position: absolute;
	right: 0;
	top: 0;
	padding-right: 0;
	float: right;
}

#title p,#title p a
{
	position: absolute;
	top: 2px;
	height: 1.3em;
	font-size: 1em;
	font-style: oblique;
	float: right;
	right: 24px;
	color: #550902;
}

/* @end */

/* @group Sitemenu */

#sitemenu
{
	position: fixed;
	top: 100px;
	float: left;
	width: 100%;
	height: 30px;
	background: #2e2e2e url(menu-repeatx.jpg) repeat-x left top;
	z-index: 2;
}

#sitemenu-content
{
	padding: 6px 6px;
}


#sitemenu-content ul
{
	list-style: none;
	font-size: 0.8em;
}

#sitemenu-content li
{
	padding: 0;
	margin-left:1em;
	float: left;
	font-size:  1.2em;
	line-height:1.6em;
}

.currentPage span.in, .currentPage
{
	border: none;
}

#sitemenu-content a
{
	border: none;
	font-weight: bold;
	font-style: normal;
}

#sitemenu-content a:hover, #sitemenu-content a:active
{
	color: #3e0600;
}

/* @end */

/* @group Sidebar */

#sidebar
{
	position: absolute;
	left: 0px;
	width: 210px;
	color: #bbb;
	background: transparent;
	height: 100%;
	min-height: 350px;
	padding: 3px 6px 3px 6px;
	z-index: 1;
}

#sidebar-container
{
	float: left;
}

#sidebar-content
{
	padding: 2px;
}

#sidebar img
{
	border-style: none;
	border-width: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-variant: normal;
	text-decoration: none;
}

#sidebar p
{
	margin: 0;
	line-height: 16px;
}

#sidebar h4
{
	text-align: center;
	font-size: larger;
}

.pagelet
{
	width: 207px;
	margin-top: 1em;
	overflow: hidden;
}

.pagelet h4
{
	margin-top: 1.2em;
	margin-bottom: 1em;
	padding-left: 12px;
	font-size: 1em;
	font-style: normal;
}

.pagelet.i1 h4 {
	margin-top: 0em;
}

.callout
{
	float: right;
	font-size: .9em;
	border-style: solid;
	border-color: #ccc;
	border-width: 0px 0px 1px 1px;
	width: 210px;
	position: static;
	padding: 5px;
	clear: both;
	margin: 0px 0px 20px 20px;
}

.callout h4
{
	text-align: center;
	font-size: larger;
}

/* @end */

ul {
	margin-left: 2em;
	line-height: 1.7em;
}

img.narrow
{
	display: block;
	clear: left;
	float: left;
	margin: 6px 0 6px 6px;
}

img.wide
{
	display: block;
	clear: both;
	text-align: center;
	margin: 4px auto;
}

/* @group Main */

#page-top
{
	height: 130px;
	width: 100%;
	padding: 0;
	position: fixed;
	overflow: hidden;
	z-index: 2;
	background: #000 url(background-top-v3.gif) no-repeat left top;
	top: 0;
	left: 0;
	border-bottom: 2px solid #000;
}

#page
{
	min-width: 640px;
	min-height: 480px;
	width: 100%;
}

#page-content
{
	float: left;
	z-index: 0;
	margin: 132px 0 30px;
	height: 100%;
	width: 100%;
	overflow: auto;
}

#page-bottom
{
	padding: 5px 24px 0 0;
	text-align: right;	
	background: #2e2e2e url(menu-repeatx.jpg) repeat-x left top;
	max-height: 30px;
	min-height: 25px;
	position: fixed;
	width: 100%;
	z-index: 1;
	right: 0;
	left: 0;
	bottom: 0;
	border-top: 2px solid #000;
}

#page-bottom a
{
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	padding-right: 10px;
	padding-left: 10px;
}

#page-bottom p
{
	font-size: .7em;
	text-align: right;
}

body
{
	background: #000 url(sidebar-repeatx.jpg) repeat-x fixed 0 130px;
	margin: 0;
	padding: 0;
	font-size: 76%;
	font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
	color: #c0c0c0;
}

#main
{
	width: 100%;
	z-index: 0;
}

#main h2
{
	
	font-size: 2em;
	text-decoration: none;
	position: relative;
	text-align: center;
	margin: 16px 10px;
}

.no-sidebar #main, .no-sidebar #page-content
{
	width: 100%;
	padding: 0;
	margin: 0;
}

#main-content
{
	list-style-position: inside;
	list-style-type: disc;
	white-space: normal;
	background-color: transparent;
	margin: 20px 20px 20px 244px;
	z-index: 0;
}

#main-content h2
{
	clear: both;
}

body.no-sidebar #main-content
{
	margin: 130px 20px 32px 20px;
	text-align: left;
	clear: both;
	overflow: hidden;
}

/*\*/
* html #page-content
{
	margin-top: -16px;
}

/**/

/* @end */

ul
{
	padding-left: 0;
}

/* rating & comments */

.article 
{
	line-height: 1.6em;
}

.article-info
{
	text-decoration: none;
	margin: 10px 0px 20px;
	vertical-align: middle;
}

.article-info a
{
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
}

.article-thumbnail
{
	float: right;
	margin: 6px 6px 6px 0px;
}

div.comments p
{
	text-align: right;
	float: none;
}

div.timestamp {
	text-align: right;
	float: none;
	font-size: smaller;
}

div.js-kit-rating *
{
	float: left;
}

div.js-rating-labelText {
	visibility: hidden;
	display: none;
}

/* Used on index summary pages */

.listing-index ul
{

}

.listing-index li h3 a
{
	text-decoration: none;
	font-size: 1.0em;
	font-weight: bold;
	margin: 0px;
}

dt, dl
{
	line-height: 18px;
	padding: 6px;
}

/* @group Photo-Page */

/* Individual Photo Pages */

.ImageElement, .VideoElement
{
	text-align: center;
	margin: 0 auto;
	clear: both;
}

/* Used on Photo Grid Pages ... */

* html .gridItem img
{
	position: relative;
	background-color: transparent;
}

.gridItem
{
	float: left;
	position: relative;
	width: 130px;
	height: 140px;
	padding: 10px;
}

.gridItem img
{
 	border: 1px solid rgb(80, 80, 80);	
	display: block;
	width: 128px;
	height: 96px;
	overflow: hidden;
	padding: 0;
	margin: 0;
}

.gridItem h3
{
	width: 110px;
	font-weight: normal;
	text-align: center;	
	background-color: transparent;
	font-size: 0.95em;
	overflow: hidden;
	margin-top: 4px;
}

.gridItem h3 a
{
	color: #c6c6c6;
	text-decoration: none;
}

.gridItem h3 a:hover
{
	color: #830e06;
	text-decoration: none;
}

.photo-page .caption
{
	padding: 2px 4px;
	text-align: center;
}

/*
.photo-page #page-bottom
{
	padding-top: 30px;
}
*/

.photo-page h2
{
/*	margin-right: 150px;	*/
	text-align: center;
	overflow: visible;
}

.photogrid-index
{
	text-align: center;
	overflow: visible;
	float: none;
}

.photogrid-index a
{
	text-decoration: none;
	border-bottom: none;
}

.photogrid-index a:hover
{
	text-decoration: underline !important;
}

body.no-sidebar .gridItem {
	width: 145px;
}


body.no-sidebar .gridItem h3 {
	width: 135px;
}

.photo-navigation
{
	position: fixed;
	visibility: visible;
	overflow: visible;
	padding: 6px 6px;
	right: 10px;
	top: 100px;
	z-index: 3;
}

.photo-navigation a {
	display: block;
	text-indent: -5000px;
	width: 100%;
	border: 0px none;
	text-align: center;
}

.photo-navigation div
{
	float: left;
	width: 33px;
	height: 20px;
}

#previous-photo
{
	width: 33px;
	height: 20px;
	background: url(prev-disabled.png) no-repeat center center;
	vertical-align: middle;
}

#previous-photo	a
{	
	width: 33px;
	height: 20px;
	background: url(prev.png) no-repeat center center;
	vertical-align: middle;
}

#photo-list
{
	width: 33px;
	height: 20px;
	background: url(list-disabled.png) no-repeat center center;
	vertical-align: middle;
}

#photo-list a
{
	width: 33px;
	height: 20px;
	background: url(list.png) no-repeat center center;
	vertical-align: middle;
}

#next-photo
{
	width: 33px;
	height: 20px;
	background: url(next-disabled.png) no-repeat center center;
	vertical-align: middle;
}

#next-photo a
{
	width: 33px;
	height: 20px;
	background: url(next.png) no-repeat center center;
	vertical-align: middle;
}

/* @end */

/* @group Comments */

/* Haloscan Styles */

#haloscan-recent {
	padding: 2px; margin: 2px;
}

#haloscan-recent a {
	text-decoration: none;
}

#haloscan-recent ul {
	list-style: none;
	width: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

#haloscan-recent li {
	text-align: justify;
	list-style: none;
	margin: 1px;
}

#haloscan-recent li span.hsrname {
	color: #400701;
	font-size: larger;
	font-weight: bolder;
	font-variant: normal;
}

#haloscan-recent li span.hsrmsg {
	font-weight: normal;
}

/* @end */

/* @group Contact Form */

/* Contact Element (standard and customized HTML) */

form.contactElement textarea,
form.contactElement input,
form.contactElement select {
	width: 100%;
	margin: 4px 0;
}

form.contactElement input.submit
{
	width: auto;
	display: block;
	margin-left: auto;
	margin-right: 2%;
	min-width: 50%;
}

form.contactElement th
{
	text-align: right;
	font-weight: normal;
	width: 25%;
}

/* @end */
/* Overall pagelet */
div.rssBadge
{
	margin: 10px;
}

/* Small icon option */
img.smallRSSBadgeIcon { vertical-align:middle; }
img.smallRSSBadgeIconLeft { margin-right:3px; }
img.smallRSSBadgeIconRight { margin-left:3px; }

/* Large icon option */
div.largeRSSBadgeIcon, p.largeRSSBadgeIcon
{
	margin: 0 10px;
	text-align:center !important;
}

img.largeRSSBadgeIcon { margin-bottom: 4px; }
p.largeRSSBadgeIcon { margin: 0; }

/* @group Guestbook */

/* Guestbook header */
div.kopfzeile
{
	font-weight: bold;
	margin-top: 24px;
	margin-bottom: 6px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #8e8e8e;
	overflow: hidden;
	clear: both;
	color: #131313;
}

/* Die Seite allgemein */
/* Tabellenspalte in der die Erklärungen stehen */
.form {
	margin-left: 0;
	margin-right: 0;
	text-align: center;
}

td.describtion {
	text-align: right;
	width: 50%;
}

/* Tabellenspalte in der die Eingabefelder stehen */
td.input {
	text-align: left;
	width: 75%;
}

/* Eingabefelder */
input, select {
	background-color: #FFFFFF;
	color: #000000;
	border: 1px solid #888888;
	height: 13pt;
	/* font-weight: bold; */
}

input.gb, select.gb {
	width: 90%;
}

/* Textfeld */
textarea.gb {
	background-color: #FFFFFF;
	color: #000000;
	/* font-family: arial, sans-serif; */
	/* font-size: 9pt; */
	width: 100%;
	border: 1px solid #888888;
	font-weight: bold;
}

/* Erfolgs- oder Fehlermeldung bei der Suche */
div.suchmeldung {
	font-size: 12pt;
}


/* Der Suchbegriff */
span.suchwort {
	font-weight: bold;
}

/* Die Regeln in der eintrag.php */

div.regeln h2 {
	text-align: center;
	font-weight: bold;
	margin: 24px;
}

div.regeln {
	text-align: left;
	font-size: larger;
	margin: 24px;
}

div.regeln form {
	font-size: larger;
	font-weight: bold;
	text-align: center;
	margin: 24px;
}

/* Senden / neuer Eintrag Button etc (Post) */

p.form
{
	font-weight: bold;
	font-size: large;
}

/* Der Button unter den Regeln in der eintrag.php */
form.regeln {
	text-align: center;
	font-weight: bold;
}

/* Die Buttons in eintrag.php, über die die BBCodes eingefügt werden */
img.bbcode {
	background-color: #FFFFFF;
	width: 23px;
	height: 23px;
	border: 1px solid #888888;
}

/* Die kleinen Bilder (Page, Mail, ICQ, Bild) in gbuch.php */
img.gbuch {
	border: 0px solid;
	width: 15px;
	height: 15px;
}

/* Text "(* Pflichtfelder)" */
div.pflichtfeld {
	font-style: italic;
	text-align: right;
}

/* Fehlermeldung bei deaktiviertem Javascript */
div.nojs {
	color: red;
	font-weight: bold;
}

/* Einträge mit gerader Nummer (2, 4, 6, 8 usw.) */
div.gerade {
	/*
	border: 1px solid #777777;
	background: #777777;
	*/
	margin-bottom: 24px;
	padding: 5px;
}

/* Einträge mit ungerader Nummer (1, 3, 5, 7 usw.) */
div.ungerade {
	/*
	border: 1px solid #999999;
	background: #999999;
	*/
	margin-bottom: 24px;
	padding: 5px;
}

/* ein Zitat */
div.zitat {
	border: 1px solid black;
	margin: 10px;
}

/* die zitierte Person */
	div.zitat_person {
	font-weight: bold;
}

/* der zitierte Text */
	div.zitat_text {
	font-style: italic;
}

/* ein Code */
div.code {
	border: 1px solid black;
	margin: 10px;
}

/* Dateiname */
div.code_datei {
	font-weight: bold;
}

/* der Code */
div.codetext {
	/* font-family: "Courier New", monospace; */
	background-color: #777777;
}

/* ein Kommentar */
div.kommentar {
	border: 1px solid black;
	margin: 10px;
}

/* Text wie "Kommentar vom Webmaster" */
div.kommentar_beschr {
	font-weight: bold;
	color: #666666;
}

/* der Kommentar selbst */
div.kommentar_text {
	font-style: italic;
}

/* Der Besucher */
span.user {
	margin-top: 24px;
	font-weight: bold;
	font-size: larger;
}

/* Eintragsdatum */
span.gbdatum
{
	float:  right;
}

/* die Nummer des Eintrags */
span.nummer {
	font-weight: bold;
	color: #550000;
}

/* die aktuelle Seite */
span.aktuelle_seite {
	font-weight: bold;
}

/* Text "..." bei der Seitenauswahl */
span.punkt {
	color: #999999;
}

/* Der Betreff eines Eintrags */
div.betreff {
	font-weight: bold;
	margin-top: 5px;
}

/* Die Einträge */
div.eintragstext {
	margin-top: 5px;
}

/* showimage.php: das hochgeladene Bild */
div.upimg {
	text-align: center;
}

/* showimage.php: Text unter Bild */
p.upimgdesc {
	text-align: center;
}

@media print {	
	.onlyscreen {
		visibility: hidden;
		height: 0px;
	}
	
	a.linkinfo {
		text-decoration: none;
	}
	
	a.linkinfo:after {
		content: " ("attr(title)" ) ";
	}
}

/* @end */