rior/* Basics -- Seitengrundlagen */

html {
  color      : #000;
  background : #fff;
  padding    : 0;
  margin     : 0;
}

body {
  color      : #000;
  background : #fff;
  margin     : 0;
  padding    : 0;
  font-family: sans-serif;
  font-size  : 11px;
  height             : 100%;
  width              : 100%;
  overflow           : hidden;
}



/* Header -- Überschriften */

h1 {
	font-size : 19px;
	margin    : 0;
	font-family: times, serif;
	font-weight: normal;
	color     : #5069ac;
	clear     : both;
}

h2 {
	font-size: 18px;
	margin   : 1.0em 0 0.5em;
}

h3 {
	font-size : 13px;
	margin    : 1.5em 0 0.8em;
	color     : #274caf;
}

h4 {
	font-size  : 13px;
	margin-top : 0.5em;
	color      : #314e9c;
	font-weight: bold;
}




/* Formatierung Oberer Bereich */


#logo {
   z-index         : 3; 
   position        : absolute;
   top             : 0; 
   left            : 0;
   width           : 200px;
   height          : 250px;  
   overflow        : hidden;
   background-image   : url(/Fond.jpg);
   background-repeat  : no-repeat;
   background-position: top center;
}


#titelbild{
   z-index         : 3; 
   position        : absolute;
   top             : 0; 
   left            : 201px;
   width           : 790px; /*545px;*/
   height          : 131px;  
   overflow        : hidden;
   background-image   : url(/titelbild.jpg);
   background-repeat  : no-repeat;
   background-position: top left;
}


#service {
   z-index         : 3; 
   position        : absolute;
   top             : 582px; 
   left            : 0;
   width           : 200px;
   height          : 100px;  
   overflow        : hidden;
   background-color: #8ba2d4;
   padding-top     : 20px;
}


#service a:link,
#service  a:visited,
#service  a:active {
	font-family     : Helvetica, Arial, sans-serif;
	font-style      : normal;
	font-weight     : normal;
	color           : #212b70;
	text-decoration : none;
}
#service  a:hover {
	font-family     : Helvetica, Arial, sans-serif;
	font-style      : normal;
	font-weight     : bold;
	color           : #fff;
	text-decoration : none;
}

#service  em {
	font-family     : Helvetica, Arial, sans-serif;
	font-style      : normal;
	font-weight     : bold;
	color           : #fff;
	text-decoration : none;
}



/* Formatierung Editor und User */
	
#service form.default input{	
	background         : none;
	position           : absolute;
	z-index            : 10;
	width              : 50px;
	height             : 20px;
	left               : 15px;
	bottom             : 20px;
	border             : none;
	font-size          : 0;
	color              : #8ba2d4;
	text-align         : right;
}
#service form.default input.submit{
	background-image   : url(/edit.gif);
	background-repeat  : no-repeat;
	background-position: left;
	height             : 24px;
	font-size          : 0;
}

/* Formatierung Benutzermanager Button */
#service form.usermanager input{
	background         : none;
	position           : absolute;
	width              : 50px;
	height             : 20px;
	left               : 70px;
	bottom             : 20px;
	border             : none;
	font-size          : 0;
	color              : #8ba2d4;
	text-align         : right;
}
#service form.usermanager input.submit{
	background-image   : url(/user.gif);
	background-repeat  : no-repeat;
	background-position: left;
	height             : 24px;
	font-size          : 0;
}
	


/* Formatierung Navigation */

#navigation {
   font-family     : Helvetica, Arial, sans-serif;
   font-style      : normal;
   font-weight     : normal;
   z-index         : 3; 
   position        : absolute;
   top             : 251px; 
   left            : 0;
   width           : 200px;
   height          : 330px;  
   overflow        : hidden;
   padding-top     : 0;
   background-color: #b3c7ea;
}

#navigation ul li  {
	list-style-type : circle;
   padding-left   : 0;
   margin-left    : 0;
   font-size      : 13px;
}

#navigation ul  {
   padding-top      : 5px;
   margin-top       : 0;
   padding-left     : 0;
   margin-left      : 20px;
   font-size        : 13px;
}



#navigation a:link,
#navigation  a:visited,
#navigation  a:active {
	list-style-type : circle;
	font-family     : Helvetica, Arial, sans-serif;
	font-style      : normal;
	font-weight     : normal;
	color           : #000;
	text-decoration : none;
	font-size       : 13px;
}
#navigation  a:hover {
	font-family     : Helvetica, Arial, sans-serif;
	font-style      : normal;
	font-weight     : normal;
	color           : #fff;
	text-decoration : none;
		font-size       : 13px;
}

#navigation  em {
	font-family     : Helvetica, Arial, sans-serif;
	font-style      : normal;
	font-weight     : normal;
	color           : #fff;
	text-decoration : none;
		font-size       : 13px;
}

#navigation ul li a img,
#navigation img {
	display: none;
}
#rechts {
   z-index         : 3; 
   position        : absolute;
   top             : 0; 
   left            : 997px; /* 847px;*/
   width           : 150px;
   height          : 100%;  
   overflow        : hidden;
   margin          : 0;
   padding         : 0;
}
#rechts img{
   width           : 150px;
   height          : 100px;  
   border          : none;
   margin          : 0;
   padding         : 0;
}






.print {
	background-image   : url(/print.gif);
	background-repeat  : no-repeat;
	background-position: -4px -7px;
	padding-left       : 25px;
	padding-top        : 0;
	margin-top         : 0;
	color              : #0B5C2A;
	font-size          : 11px;
	font-weight        : bold;
	text-decoration    : none;
}



#gaestebuch {
  z-index          : 4; 
   position        : absolute;
   top             : 150px; 
   left            : 200px;
   height          : 70%;  
   overflow        : auto;
   background-color: #fff;
   font-size       : 11px;
   width           : 750px;
   text-align      : left;
   padding-left    : 20px;
   padding-right   : 20px;
}



/* Contentbereich */

#content {
  z-index         : 3; 
   position        : absolute;
   top             : 150px; 
   left            : 200px;
   height          : 70%;  
   overflow        : auto;
   background-color: #fff;
   font-size       : 11px;
   width           : 750px;
   text-align      : left;
   padding-left    : 20px;
   padding-right   : 20px;
}


/* Links */


a {
	color          : #274caf;
	background     : none;
	text-decoration: underline;
	font-weight    : bold;
	font-size      : 11px;
}

a:hover {
	font-size       : 11px;
	color           : #000;
	text-decoration : underline;
}

p img {
	float  : right;
	padding: 10px;
}

#content em {
	font-size: 12px;
	}




/* Listen */

.simple,
.simple li {
	list-style  : none;
	margin-left : 0;
	padding-left: 0;
}

#content ul li{
	list-style-type: square;
	margin         : 0;
	margin-left    : 0;
	padding        : 2px;
}

#content ul li p{
	margin : 0px;
	padding: 0px;
}


#content index ul {
	list-style   : square;
	padding      : 0;
	margin-bottom: 20px;
	margin-left  : 0;
	text-align   : left
}

#content index ul li {
	list-style-image: url(/pfeil.gif);
	padding         : 2px;
	margin          : 0;
	margin-left     : 0;
}

#content index ul li p{
	padding      : 0;
	margin-top   : 0;
	margin-left  : 0;
	margin-bottom: 0;
}




/* Formatierung Tabellen */

#content table {
	width        : 100%;
	margin-bottom: 20px;
	 font-size  : 11px;
}

thead th {
	background    : #E0E0E0;
	padding-left  : 4px;
	padding-right : 4px;
	padding-top   : 2px;
	padding-bottom: 2px;
}

tr.even {
	background-color: #F6F6F6;
}

tr.odd {
	background-color: #fff;
}

tr.even td,
tr.odd td {
	padding-left  : 4px;
	padding-right : 4px;
	padding-top   : 2px;
	padding-bottom: 2px;
	border-bottom : 1px solid #ddd;
}


em {
	font-style : normal;
	font-weight: bold;
}