/* CSS Document */
body {
  	font-family:Verdana, Arial, Helvetica, sans-serif !important;
  	margin: 0px;
  	padding: 0px;
	font-size: 12px;
	text-align: center;
	background: url("img/body_bg_neu.jpg") repeat;
}
body#popup{
	background:#F7E8CA;
}
body#popup img{
	border:none;
}
table {
	width: 100%;
  	border-collapse: collapse;
}
td {
	border: 0px solid red;
  	padding: 0px;
}
form {
  	margin: 0px;
}
hr { 
	height:1px; 
	line-height:1px; 
	margin: 15px 0;
	*margin: 5px 0;
	padding: 0;
	border-style:none; 
	border-bottom: 1px dotted #000; 
} 

#wrapper {
	margin: 0px auto;
    width: 746px;
	background: url("img/inhalt.png") repeat-y left top;
}

#container {
  	width: 650px;
  	margin: 0px auto;
  	text-align: left;
  	background: none;
}

#container td {
  	vertical-align:top;
}

#container td#header img {
  	width: 650px;
  	height: 244px;
  	display: block;
}

#content #left {
  	width:23px;
  	text-align: left;
}
#content #left #main-menu {
  	width:160px;
  	display:block;
}

#content #left #main-menu ul {
  	margin: 0 0 0 0;
  	padding: 0;
  	list-style: none;
}

#content #left #main-menu ul li {
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: middle !important;
	font-size: 16px;
	width: 160px;
	border:none;
	text-align: left;
	padding: 0 2px 0 0px;
	border-bottom:solid #000 1px;
	display:block;
}

#content #left #main-menu ul li a {
	font-weight:bold;
	font-size:16px;
	color: #000;
	text-decoration: none;
	display: block;
	height: 26px;
	line-height: 26px;
	border-left: none;
	text-align: left;
	padding-left:30px;
}


#content #left #main-menu ul li a.active {
	font-weight:bold;
	color: #896D40;
	cursor: pointer;
}
#content #left #main-menu ul.sub-menu {
	margin: 0px;
	padding: 0px;
}

#content #left #main-menu ul.sub-menu li {
	border-bottom: none;
	margin:0;
	padding: 1px 0px 1px 15px;
	*padding: 0px 0px 0px 15px;
	background-image: url(img/bullet.gif);
	background-position: 33px center;
	background-repeat: no-repeat;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	width:150px;
}

#content #left #main-menu ul.sub-menu li a {
	display: block;
	font-size:11px;
	font-weight:normal;
	color:#564c44 !important;
	padding-left:30px;
	height: 100%;
	line-height: 140%;
}

#content #left #main-menu ul.sub-menu li a.active {
	font-weight:bold;
}

#content #left div#leftsaint {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	margin-top:10px;
	margin-left:21px;
	width:140px;
	text-align:center;
	margin-bottom:15px;
}

#content #left div#leftsaint a img{
	border:none;
}	
#content #left div#leftsaint a {
	text-decoration:underline;
	color:#000;
}

#content #left div#leftsaint a:hover {
	text-decoration:none;
}

#content #left div#moon {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	margin:0;
	padding:0;
	margin-left:21px;
	margin-bottom:50px; 
	width:141px;
	height:128px;
	background-position: center;
	text-align:center;
}

#content #left div#moon img {
	display:block;
	border:none;
}

#content #left div#moon a {
	text-decoration:underline;
	color:#000;
}

#content #left div#moon a:hover {
	text-decoration:none;
}

#content #right {
	padding:3px 30px 20px 5px; 
	width:430px;
	color:#564c44;
	font-family:Tahoma, Arial, Helvetica, sans-serif !important;
	font-size:14px;
}

#content #right h1 {
	text-align: left;
	font-size: 24px;
	font-family:Arial, Helvetica, sans-serif !important;
	margin:0;
	padding:0;
	color:#000;
}

#content #right h2 {
	font-family:arial,helvetica;
	text-align: left;
	font-size:25px;	
	margin:0;
	padding:0;
	color:#000;
}

#content #right #homepage h2 {
	text-align: center;
	color:#564c44;
}

#content #right #homepage p {
	margin:1em 0;
}
#content #right h4 {
	text-align: center;
	font-size: 18px;
	margin:0;
	padding:0;
}

#content #right a, #content #right a:hover {
	color:#000;
	text-decoration:underline;
}

#content #right p {
	margin:0;
	margin-bottom:1em;
}

#content #right table {
	border:none;
	margin-bottom:0px;
}
#content #right table td {
	text-align:left;
	vertical-align:top;
}

#content #right table td#link {
	text-align:center;
	height:120px;
	vertical-align:middle;
}

#content #right img,
#content #right table td img {
	border-style:none;
}

#content #right table td img.clear {
	width:10px;
	height:1px;
}

#footer {
	width:745px;
	height:150px;
	background: url("img/bottom.png") no-repeat;
	margin:0px auto;
	text-align:center;
}
#footer img {
	width:650px;
	height:30px;
}
#footer p {
	text-align:center;
	padding:0;
	margin:0;
}

#footer p a {
	color:#564c44;
	font-size:11px;
	text-decoration:none;
}

.messageBoxError {
	margin-top:0em;
	margin-bottom:1em;
}

.error_note { 
  	font-size: 14px; 
  	font-weight: bold; 
}

.error_message { 
  	font-size: 14px; 
  	color: #b00;  
}

span.required { 
  	color:red; 
}

.field_error { 
  	color: #b00; 
  	background-color: none; 
} 

div#error_message { 
	font-size:1em; 
	margin-top:1em;
	margin-bottom:1em;
	color: #b00;
}

div#error_message strong { 
  	color: #000;
}

.head-title {
	font-weight:bold;
	height:18px !important;
	vertical-align:middle;
	text-decoration:underline;
}

input, select, textarea  { 
 	background-color:white; 
  	border:solid #5D6677 1px; 
  	font-size:14px; 
}

textarea { 
  	width:20em; 
  	height:8em; 
}

input.radio, input.checkbox, input.noborder { 
  	background:transparent; 
  	border-style:none; 
}

form table td {
	padding-bottom:4px;
	*padding-bottom:1px;
}

span.info  { 
	font-family : verdana, arial, helvetica, sans-serif; 
	font-size : 10px; 
	color: #eea004; 
	font-weight: normal; 
}

/*guesbook*/
.table_gb_entry {
	display: table;
	width: 100%;
	border: solid 1px #000000;
	margin: 0px 0px 1em 0px;
	padding: 0px;
}

.td_gb_sender {
	margin: 0px;
	padding: 5px;
	background-image: url(img/bg_btn.png);
	background-repeat: repeat;
}
.td_gb_message {
	margin: 0px;
	padding: 5px;
}

/* Used often in the content of Free designable pages */
table.imgtext-table td {
	text-align:center !important;
	padding-bottom:10px;
	padding-top:0px !important;
}
/**/

.saint_detail {
	border-bottom: none;
	margin:0;
	padding: 1px 0px 1px 1px;
	background-image: url(img/bullet.gif);
	background-position: 4px center;
	background-repeat: no-repeat;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	width:70px;
	display: block;
	font-size:11px;
	font-weight:normal;
	color:#564c44 !important;
	padding-left:0px;
	height: 12px;
	line-height: 140%;	
}

.moon_detail {
	border-bottom: none;
	margin:0;
	padding: 1px 0px 1px 1px;
	background-image: url(img/bullet.gif);
	background-position: 4px center;
	background-repeat: no-repeat;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	width:70px;
	display: block;
	font-size:11px;
	font-weight:normal;
	color:#564c44 !important;
	padding-left:0px;
	height: 12px;
	line-height: 140%;	
}













/*  STANDARD FORM AND ERROR MESSAGES  */
table.data_input td                { padding:3px; }
table.data_input .fieldRequired    { color:red; }
table.data_input .fieldError       { color:#b00; }
table.data_input .label_key        { text-decoration:underline; }
table.data_input .fieldInfo        { color:#575757; font-weight:normal; font-size:smaller; border:solid #ddd 1px; margin-top:3px; padding:2px; } 
div#messageBoxError                { width:290px; min-height:48px; margin:0pt 0pt 10px;
                                     background-color:#FFFFCC; background-image:url(img/icon_critalert.gif); background-position:20px 14px;
                                     background-repeat:no-repeat; border:1px solid #FFCC00; color:#C60000; padding:7px 40px 7px 80px;
									 -moz-border-radius:10px; }
div#messageBoxError ul             { padding-left:25px; }
div#messageBoxError ul li          { list-style-type:disc; padding:4px 4px 4px 5px; }
div#messageBoxError p              { margin:5px 0 5px 0; }


table.data_input input { width:244px; background:#D4CCAE; border:none;}
table.data_input textarea { width:322px; background:#D4CCAE; border:none; }
table.data_input input[type=submit] { width:80px; background:black; padding:4px; color:white; font-size:14px; }

/*  Client side error messages (Use the sliding doors method, .error_bg is the bg element and .error is the foreground element)  */
.error_bg                  { height:30px;position:absolute; display:block; background:url(img/errorTooltip1.png) left center no-repeat; color:white; padding-left:20px; min-width:200px; }
.error_bg .error           { display:block; width:100%; height:30px; position: absolute; left:9px; font-style:italic; font-weight:bold; font-size:11px;
							background:url(img/errorTooltip2.png) right center no-repeat; text-align: center;
							line-height:23px; /*  Use line-height to position the label in the middle  */ }
input.error,
textarea.error,
select.error                { border-color:red; }

#f_zip { width:50px; }
#f_city { width:160px; }