	
	*
	{
	padding: 0em;
	margin: 0em;
	}
	body
	{
		background: #000000 url('css2/hintergrund.gif');
		padding-top: 5px;
		padding-bottom: 5px;
		margin-top: 0px;
		margin-bottom: 0px;
	}
	
	body,input
	{
	font-size: 12px;
	font-family: Ariel, sans-serif;
	font-weight:normal;
	color: #333333;
	}
	
	p
	{
	
	line-height: 1.5em;

	margin-bottom: 1.0em;
/*	text-align: justify; */
	}
	a
	{
	color: #000066;
	text-decoration: none;
	font-weight:bold;
	}
	
	a:hover
	{
	text-decoration: overline underline;
	}
	
	
	h3 span
	{
	font-weight: normal;
	}
	
	h1,h2,h3,h4
	{
	display: inline;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: right;
	}
	
	h1,h3
	{
	font-size: 1.7em;
	padding-right: 14px;
/*	padding-left: 14px;*/
	}
	
	h2,h4
	{
	font-size: 1.2em;
	padding-right: 14px;
/*	padding-left: 14px;*/
	}
		
/* Raender  ------------------------------------------------------------------------      Raender  */

	#glass
	{

		position:relative;
		margin-top: 0;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:auto;
		width: 820px;
		max-width:820px;
		min-width:820px;
		height: 100%;
		background:url('css2/durchsichtig.gif');
		border: 1px solid grey;
	}

	#container
	{
		position:relative;
		margin-top: 0.75em;
		margin-bottom: 0.75em;
		margin-left: 0.75em;
		margin-right: 0.75em;						
		background-color:#fff;
		border-left: 0px solid #000;
		border-top: 0px solid #000;
		border-right: solid 1px #fff ;
		border-bottom: solid 1px #fff ;
		border-style: outset; 
		width: 800px;
		max-width:800px;
		min-width:800px;	
	}


/*  Kopfbild ------------------------------------------------------------------     Kopfbild  */

	#header
	{
		height: 45px;
		position: relative;
		background: #830000 url('css2/topbg-k.jpg') repeat-x;
		margin-bottom: 2px;
	}
	
	#headercontent
	{
		font-family: Ariel, sans-serif;
		bottom: 0em;
		padding-top: 10px;
		padding-left: 2em;		
	}
	#headerpic
	{
	position: relative;
	height: 156px;
	background: #fff url('css2/flat-hdrpic.jpg') no-repeat top left;
	margin-bottom: 2px;
		width: 100%;		
	}
	
	#headercontent h1
	{
		text-align: center;
		font-weight: bold;
		color: #000;
		font-size: 18px;
		
	}

	#headercontent h1 sup
	{
		color: #777;
		
	}

	#headercontent h2
	{
		text-align: center;
		font-size: 1.0em;
		font-weight: bold;
		color: #fff;
		
	}
	
/* Menu Navigation ----------------------------------------------------------        Menu Navigation */
	


	#navcontainer
	{
		float:left;
		position:relative;
		width: 150px;
	}
	#menutop
	{
		clear:both;
		height: 3.0em;
		border-bottom:1px solid #000000;
		border-top:3px solid #cecece;
 	  	background-color:#990000;		
	}
	
	
	#suche
	{
		position: absolute;
		right: 10px;
		margin-top:5px;			
		padding:0.25em 0.25em 0.25em 0.65em;
		font-size: 12px;
		font-family: Ariel, sans-serif;
		font-weight:normal;
 	  	background-color:#990000;
		color:#fff;
	}	
	#weg
	{
		position: absolute;
		left: 10px;
		margin-top:10px;			
		padding:0.25em 0.25em 0.25em 0.65em;
		font-size: 11px;
		font-family: Ariel, sans-serif;
		font-weight:normal;
 	  	background-color:#990000;
		color:#fff;
	}
	
		#weg a:link, #weg a:visited {
		padding-top:0.05em;
		padding-bottom:0.05em;		
		padding-left:0.20em;
		padding-right:0.20em;		
		background-color:#9EB8C6;
		height:1em; /* diese Angabe ist nur für den IE, damit die ganze Linkfläche klickbar ist */
		}
	
	.nav {
		background:url(css2/onepx_line.gif) 80% 0% repeat-y;
		width:150px;
		margin:0;
		padding:5px 0;
		font-size: 12px;
		font-family: Ariel, sans-serif;
		font-weight:normal;
		list-style:none;
		}
	
	.nav ul {
		list-style:none;
		margin:0;
		padding:0;
	}
	
	
	.nav li {
		margin:0;
		padding:0;
	}
	
	.nav a:link, .nav a:visited {
		display:block;
		margin:5px 0;
		padding:0.25em 0.25em 0.25em 0.65em;
		background-color:#9EB8C6;
		border-right:10px solid #9EB8C6;
		border-bottom:1px solid #000000;
		color:#000000;
		font-weight:bold;
		height:1em; /* diese Angabe ist nur für den IE, damit die ganze Linkfläche klickbar ist */
		}
		
	html>body .nav a:link, html>body .nav a:visited  {
		height:auto; /* hebt für nicht-IE Browser die Höhenangabe 1em wieder auf */ 
	}
		
	.nav a:hover {
		border-color:#990000;
		text-decoration:none;
		border-bottom:1px solid #000000;
	}
		
	.nav a.current
	{
	   	background-color:#990000;
		border-bottom:1px solid #000000;
		color:#fff;
/*		padding-bottom:4px;*/
	}

	
	ul.nav2 {
		list-style:none;
		margin:0 0 0 20px;

	}

	ul.nav3 {
		list-style:none;
		margin:0 0 0 40px;
	}
	
	#menubottom
	{

	height: 0em;
	clear: both;

	}
	
	
/* Inhalt              --------------------------------------------------                    Inhalt */



	.content
	{
		position:relative;
		float:right;
		display:block;
		max-width: 550px;
		width::550px;
		min-width:550px;
		margin-left:5px;		
		margin-right:10px;
		margin-top:10px;
		font-family: Ariel, sans-serif;
		font-size: 12px;
		font-weight: normal;
		padding:3em;	
		background-color:#F8F8F8;
		-moz-border-radius: 18px;
		border-left: 0px solid #000;
		border-top: 0px solid #000;
		border-right: solid 1px #fff ;
		border-bottom: solid 1px #fff ;
		border-style: outset;
	}

/*	p:first-letter
	{
		font-size:150%;
		color:#000066;
		font-weight: bold;
		padding-bottom:0px;
	}
*/
	.txtliste
	{
	color: #000099;
	text-align: justify;
	list-style: url(css2/tickr.gif) none outside;
	margin: 0px 20px
	
	}
	.leerezeile
 {
		clear:both;
		margin-top:	2px;
		margin-bottom:2px;
		font-family: Ariel, sans-serif;
		font-size: 12px;
		font-weight: normal;
		max-width: 550px;	
   } 
	
	#button
	{
	font-size:1em;
	font-weight:bold;
	font-family: Ariel, sans-serif;
	text-align: center;
	color:#C04040;
	border: 0;
	background:#ccc;
	text-decoration:none;
	}


	
/*  Neues     -------------------------------------------------------------------           Neues    */


	.neuesh
	{
		clear: both;
		padding:5px 5px 0px 15px;
		background-color: #e9e8e8;
		margin: 10px ;
		-moz-border-radius: 10px;
		border-left: 0px solid #000;
		border-top: 0px solid #000;
		border-right: solid 1px #fff ;
		border-bottom: solid 1px #fff ;
		border-style: outset;
	}
	.neuesm
	{
		padding:10px 10px;
		margin: 10px 10px 10px 10px;
		font-size: 12px;
		font-family: Ariel, sans-serif;
		text-align: left;
	}	
	
/*  Impressum -------------------------------------------------------------      Impressum */

	dl.impressum
	{ 
		position:relative;
		background-color: #F7F7EE;
		margin: 10px ;		
		font-size: 11px;
		font-family: Ariel, sans-serif;
		text-align: justify;
		padding: 1.5em 1.5em 1.5em 1.5em;
		-moz-border-radius: 18px;
		border-left: 0px solid #000;
		border-top: 0px solid #000;
		border-right: solid 1px #fff ;
		border-bottom: solid 1px #fff ;
		border-style: outset;
	}


/* Ausgabe am Bildschirm */
	@media screen
	{
		.renderhead
		{
			display: block;
		
		}
		.renderhead span
		{ 
			display: none;
		}
		.renderhead img
		{ 
			padding:5px;
		}
		
	}
	/* Ausgabe auf dem Drucker */
	@media print
	{
		.renderhead
		{
			display: block;
		}
		.renderhead span
		{
			display: block;
			color: blue;
		}
		.renderhead img
		{ 
			display: none;
		}
	}
	
/* Fusszeile ---------------------------------------------------------------      Fusszeile */	
	#footer
	{
	position: relative;
	height: 2.0em;
	clear: both;
	padding-top: 2.0em;
	padding-bottom: 2.0em;
	background: #fff url('css2/border2.gif') repeat-x 2.0em;
	font-size: 11px;
	font-family: Ariel, sans-serif;
	font-weight:normal;

	}
	
	#footer .left
	{
	position: absolute;
	left: 10px;
	top:2.7em;
	}
	
	#footer .right
	{
	position: absolute;
	right: 10px;
	top:2.7em;
	}
	
	.beginn
	{
	clear: both;
	font-size: 10px;
	font-weight:normal;
	font-family: Ariel, sans-serif;
	text-align: right;
	position: absolute;
	right: 2.0em;
	bottom: 0.8em;
	}
	.beginn a:link, .beginn a:visited
	{
	color: #930000;
	text-decoration: none;
	}
	.beginn a:hover
	{
	text-decoration:none;
	border-top:1px dotted #990000;	
	border-bottom:2px dotted #990000;
	}
	
	.clr
	{
	clear: both;
	}
	
/* Download ---------------------------------------------------------------      Download */		
.list_content {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-decoration:none;
	font-size:10px;
	color:#666666;
	padding-left:10px;
	padding-top:3px;
	padding-bottom:3px;
	padding-right:24px;
	width:520px;
	background-color:#E8E8E8;
	margin:0px;
    line-height: 18px;
	}

.list_content2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	font-size:10px;
	color:#666666;
	padding-left:10px;
	padding-top:3px;
	padding-right:24px;
	padding-bottom:3px;
	width:520px;
	background-color:#d0d0d0;
	margin:0px;
    line-height: 18px;
	}

/* Kontakt ---------------------------------------------------------------      Kontakt */

/* Formular Definition */


/* Div das das Formular umschließt */
.formgen {

	font-size: 1em;
}


label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
cursor : pointer;
}



.formgen form
{
 line-height : 120%;
 width: 550px; 
}


/* 
Wie sehen die einzelnen Blöcke aus? 
Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann
*/



.formgen .formblock
{
/*margin: 0.3em;
background-color: #e9e8e8; */
padding-top: 0.3em;
padding-bottom: 0.3em;
padding-right: 0.3em;
padding-left: 0.3em;
}


/*
Verhalten von br-Tags
*/
.formgen br
{
clear : both;
}


/* 
--------- FORMULAR-OBJEKTE ------------ 
*/


/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
float: right;
margin:0 0 0 0;
padding:5px 8px 5px 8px;
width:300px;
/*  background-color: #e9e8e8; */
font-size: 12px;
font-weight:bold;
font-family: arial;
text-align: left;
border-left: 0px solid #fff;
border-top: 0px solid #fff;
border-right: solid 1px #fff ;
border-bottom: solid 1px #fff ;
border-style: outset;
}


/* Textfeld */
.formgen .formtext
{
float: right;
margin:0 0 0 0;
padding:5px 8px 5px 8px;
width:300px;
height: 15px;
font-size: 12px;
font-weight:bold;
font-family: arial;
text-align: left;
border-left: 0px solid #fff;
border-top: 0px solid #fff;
border-right: solid 1px #fff ;
border-bottom: solid 1px #fff ;
border-style: outset;

}
/* Trennelement , Abstand */
.formgen .formtrenn
{
display: block;
height: 10px;	
}
/* Hinweistext */
.formgen .formhinweis
{
font-weight: bold;
color: #003366;
font-size: 1.2em;
}
/* Überschrift */
.formgen .formheadline
{
font-weight: bold;
color: #003366;

}
.formgen .formsecure
{
	font-weight: bold;
	color: #003366;
}

/* Passwortfeld */
.formgen .formpassword
{
width: 180px;
background-color: #e9e8e8;
margin-left: 4px;
}
/*Captcha-Bild*/
.formgen .formcaptcha {

border: 1px solid #990000;
float: left;
margin: 0px 10px 10px 0px;


}

/* Label */
.formgen label {
font-family: Arial, Helvetica, sans-serif;
width: 120px;
clear: left;
float: left;
height: 15px;
font-weight: bold;
text-align: right;
padding:5px 8px 5px 8px;
border-left: 0px solid #fff;
border-top: 0px solid #fff;
border-right: solid 1px #fff ;
border-bottom: solid 1px #fff ;
border-style: outset;
}


/* Aussehen der Select-Ausgabe */
.formgen .formselect
{
width: 295px;
background-color: #e9e8e8;
margin: 10px;
}


/* Sende-Button */
.formgen .formsubmit
{
font-family: Arial, Helvetica, sans-serif;
width: 50%;
}


/* Definition des Fieldsets, das das ganze Formular umschließt */
.formgen fieldset {
position:relative;
margin: 20px 10px 10px 20px;
text-align: left;
	max-width: 550px;
	width::550px;
background-color: #F7F7EE;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
-moz-border-radius:10px;
border-left: 0px solid #fff;
border-top: 0px solid #fff;
border-right: solid 1px #fff ;
border-bottom: solid 1px #fff ;
border-style: outset;

}


/* Fieldsetbeschriftung */
.formgen legend {
font-weight: bold;
color: #990000;
}

/* -------------- AUSGABEN / Fehlermeldungen --------*/

/* Fehlermeldung nach Versand */

.formgen .forminfo {

	color: #FFFFFF;
	background-color: #990000;
	border: 1px dashed #000000;
	margin: 5px;
	padding: 5px;
	
}


/* Markierung der Labels bei Fehler */
.formgen .formerror {

font-family: Arial, Helvetica, sans-serif;
width: 120px;
clear: left;
float: left;
height: 15px;
text-align: right;
padding:5px 8px 5px 8px;
font-weight: bold;
color: #FFFFFF;
background-color: #990000;
height: 15px;
border-left: 0px solid #fff;
border-top: 0px solid #fff;
border-right: solid 1px #fff ;
border-bottom: solid 1px #fff ;
border-style: outset;
}
.danke
{

font-size: 12px;
font-weight:bold;
font-family: arial;
text-align: left;
width: 550px;
background-color: #F7F7EE; 
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
border-left: 0px solid #fff;
border-top: 0px solid #fff;
border-right: solid 1px #fff ;
border-bottom: solid 1px #fff ;
border-style: outset;
}

/* Ende der Formulardefinition */

/* Gästebuch ---------------------------------------------------------------      Gästebuch */

/* Formular */
.a63-form {
margin-top:25px;
text-align: left;
width: 500px;
background-color: #F7F7EE;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
border-left: 0px solid #fff;
border-top: 0px solid #fff;
border-right: solid 1px #999 ;
border-bottom: solid 1px #999 ;
border-style: outset;
}

/* Eingabefelder */
.a63-form input, .a63-form textarea {
margin-top:3px;
margin-left:3px;
margin-right:3px;
margin-bottom:3px;
padding:5px 8px 5px 8px;
width:325px;
float: right;
/*  background-color: #e9e8e8; */
font-size: 12px;
font-weight:bold;
font-family: arial;
text-align: left;
border-left: 0px solid #fff;
border-top: 0px solid #fff;
border-right: solid 1px #999 ;
border-bottom: solid 1px #999 ;
border-style: outset;;
}

.a63-form input:focus, .a63-form textarea:focus {
  background-color: #EEEEEE;
}

/* Text-Eingabefeld*/
.a63-form textarea {
  height: 100px;
}

/* Beschriftungen der Eingabefelder */
.a63-form label {
font-family: Arial, Helvetica, sans-serif;
width: 120px;
clear: left;
float: left;
height: 15px;
font-weight: bold;
text-align: right;
margin-top:3px;
margin-left:3px;
margin-right:3px;
margin-bottom:3px;
padding:5px 8px 5px 8px;
border-left: 0px solid #fff;
border-top: 0px solid #fff;
border-right: solid 1px #999 ;
border-bottom: solid 1px #999 ;
border-style: outset;
}


/* Buttons */
.a63-form .a63-fsubmit {
  width: 100px;

}

/* Buttons-Layer*/
.a63-form .a63-buttons {
  float:right;
  margin-right: 10px;
  margin-top: 5px;
  text-align: center;
}

/* Zusatztext-Layer*/
.a63-form .a63-info {
  clear:left;
  font-weight: bold;
  color: #003366;
  font-size: 0.9em;
  text-align: left;
  padding: 10px;
}

/* Fehlermeldungs-Layer*/
.a63-form ul.error {
  font-weight: bold;
  padding-left: 25px;  
  padding-top: 10px;
  padding-bottom: 10px;
  color:#FF0000;
  border:dotted;
  text-align:left;
}



/*
  Listen Styles
*/


/* Einträge-Layer */
.a63-entries .a63-entry {
  padding-bottom: 10px;
  border-bottom: 1px dotted #859885;

}

.a63-entries p {
  margin: 0px;
  padding: 0px;
}

/* Pagination-Layer */
.a63-entries .a63-pagination {
  text-align: right;
}

/* Pagination-Links */
.a63-entries .a63-pagination a {
  padding-left: 2px;
  padding-right: 2px;
}

/* hervorheben des Aktuelle-Seite-Links */
.a63-pagination_aktuell a {
  font-weight: bold;
  text-decoration:underline;
}


.a63-entries ul li {
  list-style-type: none;
  display: inline;
  text-align: left;
}

/*
  Allgemeine Formatierungen
*/

/* Beschriftungen */
.a63-entries .a63-label {
  float: left;
  width: 70px;
}

/* Werte */
.a63-entries .a63-value {
  padding-left: 70px;
}

/* Mozilla */
li.a63-pagination {
  list-style-type: none;
}


/* ***********
  Adminbereich
  ************ */
/* TODO: hier könnten noch Formatierungen für den Adminbereich rein */

/* Photoalbum ---------------------------------------------------------------      Photoalbum */

div.sam_thumbnail{

float: left;
margin-top: 0.3em ;
margin-bottom: 2.8em ;
margin-left: 0.3em ;
margin-right: 0.3em ;
padding-top: 0.3em ;
padding-bottom: 0.3em ;
padding-left: 0.3em ;
padding-right: 0.3em ;
background: #EBEBD8;
border: 1px solid #CECE9F;
/*-moz-border-radius: 5px;*/
/*border-style: outset; */
text-align:center;
min-height: 110px;
max-height: 110px;
min-width: 110px;
max-width: 110px;
	font-family: Ariel, sans-serif;
	font-size: 11px;
	font-weight: normal;


}

div.sam_thumbnail p:first-letter

 {
	font-family: Ariel, sans-serif;
	font-size: 11px;
	font-weight: normal;
 }

div.sam_thumbnail img{

border: 0px solid #CECE9F;
}

/* ls=landscape-Format der Thumbs */

div.ls img{

height: 80px;
width: 110px;
padding-top: 15px;
padding-bottom: 15px;
}

/* pt=portrait-Format der Thumbs */

div.pt img{

height: 110px;
width: 80px;


}

/*footer schaltet float:left wieder aus */

div#sam_footer{

	clear: both;

	padding-top: 1em;

}

