@charset "utf-8";
/* CSS Site Style */

body {
	background-image: url(../img/bg.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-position: top;
	behavior: url("pngbehavior.htc");
	margin: 0px;
	background-color: #000000;
	background-attachment: fixed;
	color: #000000;
}

body,td,th {
	color: #000000;
}


.supersize {
	position: absolute;
	left: 50%;
	width: 780px;
	height: 90px;
	margin-top: 4px;

	background-color:;
	_top: 4px;
	top: 4px;
	z-index: 1000;
	margin-left: -390px;

}
/*** LAYOUT ***/

#wrapper {
	margin: 0;
	position:absolute;
	top: 0;
	left: 50%;
	width: 780px;
	_width: 800px;
	_z-index:0;
	height: auto;
	margin-left: -390px;
	_margin-left: -400px;
	padding-bottom: 12px;
	
}

#top {
	height:  100px;
	margin-top: 112px;
	margin-bottom: 42px;
	_z-index:0;
	top: 0;
	left: 50%;
	width: 780px;
	_width: 800px;
	z-index: 25;

}

#content {
	height: auto;
	width: 422px;
	float: left;
	margin-left:8px;
	margin-top: -8px;



}

.dates{
	color:#000000;

	
}
a.dates:link {
	color: #CC99FF;
	text-decoration: none;
}
a.dates:visited {
	color: #999999;
	text-decoration: none;
}
a.dates:hover {
	color: #666666;
	text-decoration: none;
}
a.dates:active {
	color: #CC99FF;
	text-decoration: none;
} 



#nav {
	position:absolute;
	height: 24px;
	width: 1024px;
	margin-top: 212px;
	left: 50%;
	margin-left: -512px; /* negative Hälfte von width:  */
	padding:4px;
	background-image: url(../img/navi_bg.png);
	background-repeat: no-repeat;
	background-position: center;
	padding-top: 4px;
	z-index: 1000;
	_background-image: url(../img/nav_ie.jpg);


}
.nav {
	font-size:16px;
	margin: auto;
	margin-left:26px;
	_margin-left:25px;
	_padding-top:18px;
	
	z-index: 1000;
	text-transform: uppercase;
	font-weight: bold;
	text-shadow:#897A4B;
	text-decoration:inherit;
	text-align:justify;
	letter-spacing: 2px;
}
.nav ul, li {
	list-style-type: none;
	float:left;
	z-index: 1000;


} 
a.nav:link { color: #FFFFFF; text-decoration: none; }
a.nav:hover {color: #CC99FF; text-decoration: none; }


#GB{
	width: 754px;
	height:100%;
	opacity:.8;
	filter:alpha(opacity=80);
	-moz-opacity:.8;
	margin: left;
	padding:4px;
	margin-top: 8px;
	background-color: #FFFFFF;
	border: 1px;
	border-color: #666666;
	border-style: solid;
	margin-left: 8px;
	color: #000000;


}


#impressum {
	margin-top:16px;
	float: right;
	width: 780px;
	padding-bottom: 18px;

}


div{ -moz-border-radius: 4px;}


img {
border:0px;
}

h1 {
	font-size: 18px;
	color: #CC99FF;
	line-height: 16px;
	margin: 0;
	text-align: left;
	text-transform: inherit;
	height: 24px;
}
h2 {
	font-size: 13px;
	color: #333333;
	margin: 0;
	text-transform: uppercase;
	font-weight: bold;
}
h3 {
	font-size: 13px;
	color: #999999;
}
h4 {
	font-size: 14px;
	color: #FFFFFF;
}
h5 {
	font-size: 15px;
	color: #CC99FF;
}
h6 {
	font-size: 16px;
	color: #CC99FF;}
body,td,th {
	font-family: Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}
a {
	font-size: 11px;
	color: #CC99FF;
	font-family: Trebuchet MS, Verdana, Helvetica, sans-serif;
}
a:link {
	text-decoration: none;	color: #897A4B;
}
a:hover {
	text-decoration: none;
	color: CCCCCCC;
}



/**

GUESTBOOK stylesheet



You mighht need to modify the paths for background images.

At the moment all images are referenced like "images/pic.gif" .

*/


/* GB <div> element */

#guestbook {

	margin: 0;

	padding: 1em 0 0 0;

	text-align: center;

	font-size: 100%;

	font-family: sans-serif;

}

form, fieldset {
	padding:0;
	margin:0;
	border:0;
	font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #CC99FF;	border: 0px solid #FFFFFF;
	padding-left:4px;
}

label {

	font-size:11px;
	color: #000000;
}

div {
	padding:0px;
	margin:auto;
}

/* images in text always vertically centered */

#guestbook img {

	vertical-align: middle;

}



/* images that are clickable links without border (so contact icons lose their borders) */

#guestbook a img {

	border: none;

}

#guestbook a {
	font-size: 11px;
	color: #CC99FF;
	font-family: Trebuchet MS, Verdana, Helvetica, sans-serif;
}
#guestbook a:link {
	text-decoration: none;
}
#guestbook a:visited {
	text-decoration: none;
	color: #555555;
}
#guestbook a:hover {
	text-decoration: none;
	color: #555555;
}
#guestbook a:active {
	text-decoration: none;
	color: #CC99FF;
}






/* menue row */

#guestbook .menue {
	margin: 0 2em 1em 2em;
	border-top: 1px solid #CC99FF;
	border-bottom: 1px solid #CC99FF;	text-align: center;

}



/* international support */

#guestbook .menue select {

	border: 1px solid #CC99FF; display: none;

}



#guestbook .menue input {

	background: ButtonFace url(images/refresh.gif) 10px center no-repeat;

	padding-left: 20px;

	cursor: pointer;

}



/* special links in menue */

#guestbook .menue .new-entry {

	padding-left: 18px;

	background: url(images/edit.gif) left center no-repeat;

}



#guestbook .menue .older-entries {

	padding-right: 22px;

	background: url(images/next.gif) right center no-repeat;

}



#guestbook .menue .newer-entries {

	padding-left: 22px;

	background: url(images/previous.gif) left center no-repeat;

}





/* the form */

#guestbook form {

	text-align: left;

	padding: 0;

	margin: 0 1em;

}



/* paragraphs inside a form */

#guestbook form p {

	text-align: left;

}





/* there is a <div> around the input fields during the first entry */

#guestbook form #userinput {

	float: left;

	width: 50%;

}



#guestbook form #userinput p {

	text-align: left;

}



#guestbook form #userinput p img {

	padding-right: 5px;

}



#guestbook form #userinput input {

	border: 1px solid #CC99FF;

	background: #ffffff url(images/text_bg.gif) 0px 0px;

}



/* IE can't do this so in IE the input fields aren't as long as possible */

#guestbook form #userinput p input[type=text] {

	width: 100%;

}



/* input fields during preview */

#guestbook form #userinput2 {

	float: left;

	width: 50%;

}



#guestbook form #userinput2 p {

	text-align: right;

	margin: 0;

	padding: 0;

}



#guestbook form #userinput2 p img {

	padding-right: 5px;

}



#guestbook form #userinput2 p input[type=text] {

	width: 90%;

}



/* the textbox for the actual GB entry */

#guestbook form textarea {

	width: 100%;

	height: 8em;

	border: 1px solid #CC99FF;

	background: #ffffff url(images/text_bg.gif) 0px 0px;

	padding: 2px;

}



/* This is how the GB output is structured. It is a <dl> list where <dt> contains

all about the author and <dd> contains the actual entry. */

#guestbook dl {

	margin: 0 2em;

	padding: 0;

}



/* all the info about the author */

#guestbook dt {
	text-align: left;
	margin: 0;
	padding: 1em 0 0.5em 4em;
	color: Gray;
	border: 1px solid #CC99FF;
	background-color: ;
}



/* the author's name is inside an extra <span> element */

#guestbook dt span {

	font-weight: bold;

}



/* instant messenger icons vertically centered */

#guestbook dt img {

	vertical-align: middle;

}



/* the actual message */

#guestbook dd {

	text-align: left;

	margin: 0;

	padding: 0.5em 2em 1em 2em;

	margin-bottom: 1em;

	border: 1px solid #CC99FF;

	border-top: none;
	background-image: url(../img/content.jpg);
	background-repeat: repeat;
	background-position:center;
	background-position:top;
}



/* Settings for some notices and stuff */



/* error (<p>-element) */

#guestbook .error {

	width: 80%;

	font-size: 100%;

	display: block;

	margin: 0 auto;

	border: 1px solid red;

	background-color: #ffc0c0;

}



/* warning  (<p>-element with problematic user input inside respective <input> element) */

#guestbook .warning {

	color: #ff0000;

}

#guestbook .warning input {

	border: 1px solid red;

	background-color: #ffe0e0;

}



/* success (<p>-Element) */

#guestbook .success {
	display: block;
	border: 1px solid CCCCCC;
	background-color: CC99FF;
	margin: 1em 2em;
	padding: 0.5em;
}



/* this <div> contains all the contents from "scripts/gb-notice.html" template */

#guestbook #notice {

	float: right;

	position: relative;

	border: solid 1px CCCCCC;

	width: 45%;

	text-align: left;

	margin: 0px auto 20px auto;

	padding: 0.5em;

	background-color: CC99FF;

}



#guestbook #notice h2 {

	font-size: 100%;

}



#guestbook #notice #x {

	display: block;

	position: absolute;

	border: 1px solid red;

	top: -1px;

	right: -1px;

	cursor: pointer;

}



#guestbook #ip-logging-notice span.hovered {

	position: absolute;

	display: block;

	width: 200px;

	border: 1px solid red;

	background: white;

	padding: 15px;

}



#guestbook #ip-logging-notice span.non-hovered {

	display: none;

}





/* This <p> contains a notice after submission if the GB is set to "moderated mode". */

#guestbook #moderated-notice {

	text-align: left;

	width: 75%;

	border: 1px solid red;

	background-color: #ffe0e0;

	padding: 5px 15px;

	margin: 0 auto 5px;

}





#guestbook #gb-copyright-message {

	font-size: 00%;

}





/* smilies box (<div> element) */

#smilies {

	float: right;

	width: 45%;

}



#guestbook .new-line {

	clear: both;

}



#guestbook span.float-left {

	float: left;

}



#guestbook span.float-right {

	float: right;

}



/* This element should be hidden from human visitors (anti SPAM mechanism) */

#guestbook #sig {

	display: none;

}



/* Admin-Links */

#guestbook .menue .admin-settings {

	padding-left: 20px;

	background: url(images/settings.gif) left center no-repeat;

}



#guestbook .admin-links {

	display: block;

	margin: 1em 0px 0px 0px;

	border-top: 1px solid black;

	line-height: 200%;

}



#guestbook .admin-links a:link {

	border: 1px solid #CC99FF;

	background-color: #ffffff;

	margin: 0.5em 10px 0px 0px;

	padding: 2px 4px 2px 22px;

	background-position: 4px 2px;

	background-repeat: no-repeat;

	color: black;

}



#guestbook a.admin-edit {

	background-image: url(images/edit.gif);

}



#guestbook a.admin-kill {

	background-image: url(images/recycle.gif);

}



#guestbook a.admin-ok {

	background-image: url(images/ok.gif);

}



#guestbook  a.logout-link:link {

	padding: 0 1em 0 0;

	color: red;

	font-weight: bold;

}



#guestbook #back-link {

	text-decoration: none;

	font-size: 80%;

	color: black;

	border: 1px solid #808080;

	padding: 2px 5px 2px 25px;

	background: #ffffff url(images/x.gif) no-repeat 6px 2px;

}



#guestbook #admin-kill-button {

	margin: 0 10px;

	padding: 1px 1px 1px 18px;

	background: #ffffff url(images/recycle.gif) 1px 1px no-repeat;

	border: 1px solid #808080;

	cursor: pointer;

}



/* Layout for settings dialogue in the admin area */

#guestbook #settings {

	font-size: 90%;

	margin: 0 50px 50px;

	padding: 20px;

	background: #e0f0f0;

	border: 1px dotted #808080;

}



#guestbook #settings h2 {

	margin: 0;

	padding: 0 20px;

	background: #d0f0f0;

	border: 1px dotted #808080;

	clear: both;

}



#guestbook #settings input {

	border: 1px solid #808080;

	padding: 0 5px;

}



#guestbook #settings #number {

	width: 1.3em;

}



#guestbook #settings #mail {

	background: #ffffff url(images/email.gif) no-repeat 2px center;

	padding: 0 0 0 20px;

	width: 20em;

}



#guestbook #settings select {

	border: 1px dotted #909090;

}



#guestbook #settings #submit {

	float: right;

	padding: 1px 5px 1px 25px;

	background: #ffffff url(images/save.gif) no-repeat 5px center;

	cursor: pointer;

}



#guestbook #settings #back-link {

	float: left;

}



#guestbook #settings li span.float-right {

	float: right;

	font-size: 80%;

	line-height: 200%;

	padding: 0;

	margin: -1.5em 0 0 0;

	height: 1em;

	overflow: visible;

}



#guestbook #settings #login-credentials {

	width: 22em;

	margin-right: auto;

	text-align: right;

}



#guestbook #settings span.custom-text-link {

	display: inline-block;

	width: 20px;

	height: 20px;

	cursor: pointer;

	background: #ffffff url(images/edit.gif) no-repeat center center;

}



#guestbook #settings .default-text span {

	font-weight: bold;

}



#guestbook #settings #custom-notice-greeting,

#guestbook #settings #custom-notice-thank-you,

#guestbook #settings #custom-notice-me {

	width: 90%;

}





#guestbook #admin-warning {

	width: 80%;

	margin: 0 auto 15px auto;

	padding: 0 10px;

	border: 1px solid #ff0000;

	background: #ffa0a0;

	font-size: 80%;

	text-align: left;

}





#guestbook #language-changer p {

	text-align: center;

}



#guestbook #entry-form-language-changer p {

	float: right;

}



#guestbook #login-form {

	display: block;

	border: 1px solid #336699;

	background: #cce0ff;

	width: 400px;

	margin: 0 auto 5em auto;

}



#guestbook #login-form #login-inputs input {

	border: 1px solid #336699;

	margin: 1px;

	background: url(images/text_bg.gif) top left;

	padding: 2px;

}



#guestbook #login-form  p {

	text-align: center;

	padding: 0 25px;

}



#guestbook #login-form  p#login-inputs {

	margin-right: 15%;

	text-align: right;

}



#guestbook #login-form  p#login-back-link {

	text-align: right;

}