/* -- HTML Elemente -- */
html, 
body {
	height:100%;
}

body {
	margin:0;
	padding:0;
	color:#E0DBD8;
	font:12px Arial, sans-serif;
	background:#E0DCCD;
}

img {
	border:0;
}

h1 {
	margin:0;
	padding:0;
	position:absolute;
	top:83px;
	left:12px;
}

h2 {
	margin:0;
	padding:12px 0 4px 0;
	font-size:12px;
	font-weight:normal;
}

h3 {
	font-size:12px;
}

h3.special {
	margin-bottom:15px !important;
	padding-bottom:6px;
}

div.clearer  {
	clear:both;
}

/* -- Formularelemente -- */
input.check_option {
	margin-left:0;
	padding-left:0;
	vertical-align:bottom;
}

.input_option {
	background:#FFF;
	border:1px solid #FFF;
	vertical-align:bottom;
}

input.submit_option {
	padding:0 8px;
	cursor:pointer;
	color:#FFF;
	text-align:center;
	border:1px solid #FFF;
	background:transparent;
}

p.check_row {
	margin:5px 0 !important;
}

form.gen_form {
	/*margin:203px 12px 0 0;*/
	width:424px; 
	position:absolute; 
	bottom:-447px; 
}

	form.gen_form h3.special {
		background:url(../img/dotted_border_beige.gif) repeat-x left bottom;
	}

	form.gen_form dl,
	form.gen_form dt,
	form.gen_form dd {
		margin:0;
		padding:0;
	}

	form.gen_form dt {
	padding:4px 0;
		float:left;
		clear:left;
	}

	form.gen_form dd {
		margin:0 0 0 65px;
		padding:4px 0;
	}

	form.gen_form input.input_option,
	form.gen_form select {
		width:115px;
	}

	div.form_left,
	div.form_right {
		width:200px;

	}

	div.form_left {
		float:left;
	}

	div.form_right {
		float:right;
	}

/* -- Hauptelemente -- */
table#main_wrapper {
	width:100%;
	height:100%;
	vertical-align:middle;
	text-align:center;
	border:0;
}

	div.content {
		margin:0 auto;
		text-align:left;
	}

	/* -- Willkommensseite -- */
	div#welcome {
		width:365px !important;
	}

		div#welcome ul {
			margin:23px 0 0 0;
			padding:0;
			list-style:none;
		}

			div#welcome li {
				margin:0 6px 0 0;
				float:left;				
			}

	/* -- Eigentliche Seite -- */
	div#page {
		width:970px;
		height:485px;
		padding:19px 0 0 0; 
		position:relative;
		background:#6F6D43;
	}

		div#page_text { 
			font-size:11px;
			/*text-align:justify;*/
			/*letter-spacing:1px;*/
			line-height:1.5em;
			background:#6F6D43;
		}

			div#page_text p {
				margin:0;
				padding:0 0 7px 0;
			}

				div#page_text a:link,
				div#page_text a:visited {
					color:#FFF;
					text-decoration:none;
				}

				div#page_text a:hover,
				div#page_text a:active {
					text-decoration:underline;
				}

				/* -- Div um Content links unten auszurichten -- */
				div#page_inner {
					width:436px;
					top:34px;
					left:32px;
					position:absolute;
				}

		div#page_foto {
			width:485px;
			float:right;
		}
			
			/* div#page_foto bekommt diese Klasse wenn Inhalt in der Rechten Spalte ist und man sich auf der Seite
		       Pressefotos befindet (und nur dort!). Anpassbar in der Konstantendefinition. */
			div.display_content {
				width:460px !important;
				height:460px !important;
				padding:25px 0 0 25px !important;
				overflow:hidden;
				background:#FFF;
			}	
			
				div.display_content div {
					width:100% !important;
				}
			
			/* div#page_foto bekommt diese Klasse, wenn Inhalt in der rechten Spalte vorhanden ist. */
			div.scrollable {
				width:435px !important;
				height:460px !important;
				padding:25px 25px 0 25px !important;
				overflow:auto;
				overflow-x:hidden;
				color:#564924;
				font-size:11px;
				background:#FFF;
			}
			
			/* -- Speisekarten -- */
			div.scrollable a {
				color:#958957;
			}

			div.scrollable a:visited {
				color:#58522E;
			}

			div.scrollable h2 {
				margin:8px 0;
				padding:0;
				font-size:14px;
				font-weight:bold;
			}

			div.scrollable h3 {
				margin:8px 0;
				padding:0;
				font-size:12px;
				font-weight:normal;
			}

			div.scrollable i {
				display:block;
				font-size:95%;
				font-style:normal;
			}

			div.scrollable h2 i {
				display:inline !important;
			}

			div.scrollable table {
				width:100%;
				border-collapse:collapse;
				border:0;
			}

				div.scrollable td {
					vertical-align:top;
				}

					div.scrollable td p {
						margin:0 !important;
						padding:0 !important;
					}

				td.num {
						padding-right:10px !important;
						text-align:right;
				}

				td.indent {
					padding-left:25px;
				}

				ul#footnotes {
					margin:15px 0 0 0;
					padding:0;
					list-style:none;
				}

	/* -- Navigation -- */
	div#main_nav {
		width:970px;
		height:23px;
		position:absolute;
		top:-4px;
		left:0;
		background:#E0DCCD;
	}

		div#main_nav ul {
			margin:0 0 0 120px;
			padding:0;
			list-style:none;
		}

		div#main_nav li {
			margin:0 16px 0 0;
			float:left;	
		}

	/* -- Unternavigation -- */
	ul#sub_nav {
		width:400px;
		margin:0;
		padding:0;
		list-style:none;
		top:10px;
		left:0;
		position:absolute;
		font-size:12px;
	}

		ul#sub_nav li {
			display:inline;
		}

		ul#sub_nav li.active a {
			color:#968955 !important;
		}

		ul#sub_nav a:link,
		ul#sub_nav a:visited {
			color:#FFF;
			text-decoration:none;
			text-transform:uppercase;
		}

			ul#sub_nav img {
				vertical-align:middle;
			}

	/* -- Footer -- */
	div#footer {
		width:970px;
		height:30px;
		position:absolute;
		right:0;
		top:510px;
		background:#E0DCCD;
		font-size:11px;
	}

		div#footer ul {
			margin:0;
			padding:0;
			list-style:none;
		}

			div#footer li {
				padding:0 0 0 8px;
				float:right;
			}

				div#footer a:link,
				div#footer a:visited {
					color:#615333;
					/*font-weight:bold;*/
					text-decoration:none;
				}

				div#footer a:hover,
				div#footer a:active {
					text-decoration:underline;
				}
				
				
	
	#logo {
		position:absolute;
		top:-2px;
		right:0;
	}
	
/************************************************************************************************************
 *                                  CSS STYLED CONTENT - Text mit Bild Styles                               *
 ************************************************************************************************************/
dl.csc-textpic-image {
	margin:0;
	padding:10px 0 0 0;
}

	dl.csc-textpic-image dd {
		margin:0;
		padding:0;
	}

/* -- oben links -- */
div.csc-textpic-left dl {
	padding-right:25px;
}

div.csc-textpic-left div.csc-textpic-text {
	clear:left;
}

/* -- oben mittig -- */
div.csc-textpic-center div.csc-textpic-imagewrap {
	margin:0 auto;
	text-align:center;
}

div.csc-textpic-center div.csc-textpic-text {
	clear:left;
}

div.csc-textpic-center dl {
	padding-left:4px;
}

/* -- oben rechts -- */
div.csc-textpic-right div.csc-textpic-imagewrap {
	float:right;
}

div.csc-textpic-right div.csc-textpic-text {
	clear:right;
}

div.csc-textpic-right dl {
	padding-left:10px;
}

/* -- mehrere Bilder nebeneinander -- */
div.csc-textpic-left dl,
div.csc-textpic-right dl,
div.csc-textpic-center dl,
div.csc-textpic-intext-right dl,
div.csc-textpic-intext-right-nowrap dl,
div.csc-textpic-intext-left dl,
div.csc-textpic-intext-left-nowrap dl  {
	float:left;
}

/* -- im Text rechts -- */
div.csc-textpic-intext-right dl,
div.csc-textpic-intext-right-nowrap dl {
	margin:0 0 0 10px;
}

div.csc-textpic-intext-right div.csc-textpic-imagewrap,
div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap {
    float:right;
}

div.csc-textpic-intext-right dl,
div.csc-textpic-intext-right-nowrap dl {
	padding-left:10px;
}

/* -- im Text links -- */
div.csc-textpic-intext-left dl, 
div.csc-textpic-intext-left-nowrap dl {
	margin:0 10px 0 0;
}

div.csc-textpic-intext-left div.csc-textpic-imagewrap,
div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {
    float:left;
}

div.csc-textpic-intext-left dl,
div.csc-textpic-intext-left-nowrap dl {
	padding-right:10px;
}

/* -- Bildunterschrift -- */
div.csc-textpic-caption-l dd.csc-textpic-caption {
	text-align:left;
}

div.csc-textpic-caption-r dd.csc-textpic-caption {
	text-align:right;
}

div.csc-textpic-caption-c dd.csc-textpic-caption {
	text-align:center;
}

/* -- Tabelle mit Uploads -- */
table.csc-uploads {
	margin:10px 0;
	border-collapse:collapse;
}

	table.csc-uploads p {
		margin:0 !important;
		padding:0 !important;
	}