@charset "iso-8859-1";

/* CSS Document */



/***************************************************************************************************/

/* 

/***************************************************************************************************/

html {

	overflow-y: scroll;

}



body {

  margin: 0px;

	padding: 0px;

	background-image: url(../images/background.jpg);

	background-position: top;

	background-repeat: repeat;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 13px;

	color: #505254;

}



/***************************************************************************************************/

/* Allgemeine Definitionen: p, a, h1, h2, ...

/***************************************************************************************************/

/* Absaetzte */

p {

	margin: 0px;

	padding: 0px;

}



/* Tabellen */

table, tr, td {

  margin: 0px;

  padding: 0px;

  font-family: Arial, Helvetica, sans-serif;

	font-size: 13px;

	color: #505254;

}



/* Links */

a,

a:link,

a:visited,

a:active {

	color: #504137;

	text-decoration: underline;

}



/* Links RollOver*/

a:hover	{

	color: #968273;

	text-decoration: underline;

}




/* Images mit Links */

a img {

	border: none;

}



/* Ueberschrift h1 */

h1 {

	clear: both;

  font-family: Arial, Helvetica, sans-serif;

	font-size: 20px;

	color: #504137;

	margin: 0px;

	padding: 0px;

	margin-bottom: 20px;

}



/* Ueberschrift h1 mit Link */

h1 a,

h1 a:link,

h1 a:visited,

h1 a:hover,

h1 a:active {

	clear: both;

  font-family: Arial, Helvetica, sans-serif;

	font-size: 20px;

	color: #504137;

	margin: 0px;

	padding: 0px;

	margin-bottom: 20px;

	text-decoration: none;

}



/* Ueberschrift h2 */

h2 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	color: #504137;

	margin: 0px;

	padding: 0px;

	margin-bottom: 4px;

}



/***************************************************************************************************/

/* Die Page (Container fuer alle Elemente)

/***************************************************************************************************/

.page {

	margin: auto;

	margin-bottom: 40px;

	width: 980px;

	background-color: #edebe5;

}



/***************************************************************************************************/

/* Header: Bild, Logo, Sublogo

/***************************************************************************************************/

.header {

	width: 980px;

	height: 200px;

}



/* Logo */

.logo {

	position: absolute;

	z-index: 2;

	width: 180px;

	height: 160px;

	margin-top: 20px;

	margin-left: 40px;

}



/* Sublogo */

.sublogo {

	position: absolute;

	z-index: 1;

	width: 307px;

	height: 48px;

	margin-top: 10px;

	margin-left: 594px;

}



/***************************************************************************************************/

/* Menue

/***************************************************************************************************/

/* Hintergrund des Menues - Balken */

.menu_bg {

	position: absolute;

	z-index: 0;

	left: 0px;

	top: 200px;

	min-width: 980px;

	width: 100%;

	height: 200px;

	background-image: url(../images/menu_bg.png);

	background-position: top left;

	background-repeat: repeat-x;

}



/* Container fuer das Menue */

.menu {

	position: relative;

	z-index: 1;

  width: 240px;

	height: 200px;

	margin-left: 40px;

}



/* Style fuer den Text des Menues */

.nav {
	
	text-transform: uppercase;

	font-weight: bold;

	color: #beaa9b;

	margin-top: 4px;

}



/* Style fuer den Text des Menues (Link) */

.nav a,

.nav a:link,

.nav a:visited,

.nav a:active {
	
	text-transform: uppercase;

	font-weight: bold;

	color: #beaa9b;

	text-decoration: none;

	margin-top: 4px;

}


/* Style fuer den Text des Menues (Link-RollOver) */

.nav a:hover	{
	
	text-transform: uppercase;

	font-weight: bold;

	color: #ffffff;

	text-decoration: none;

	margin-top: 4px;

}



/* Style fuer den aktiven Text des Menues */

.nav_active {
	
	text-transform: uppercase;

	font-weight: bold;

	color: #ffffff;

	margin-top: 4px;

}



/* Style fuer den aktiven Text des Menues (Link) */

.nav_active a,

.nav_active a:link,

.nav_active a:visited,

.nav_active a:hover,

.nav_active a:active {

	text-transform: uppercase;

	font-weight: bold;

	color: #ffffff;

	text-decoration: none;

	margin-top: 4px;

}



/***************************************************************************************************/

/* Header-Bild: liegt auf oberster Ebene

/***************************************************************************************************/

.image {

	position: absolute;

	z-index: 3;

	top: 0px;

	width: 668px;

	height: 445px;

	margin-left: 280px;

	margin-top: 58px;

	padding-left: 32px;

	padding-top: 32px;

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

	background-position: top left;

	background-repeat: no-repeat;

}



.image_zap {

	overflow: hidden;

  position: absolute;

	z-index: 3;

	top: 0px;

	width: 150px;

	margin-top: 513px;

	margin-left: 782px;

}



.pfeil_left {

  float: left;

  margin-right: 15px;

  margin-top: 1px;

}



.pfeil_right {

  float: left;

  margin-left: 15px;

  margin-top: 1px;

}



.pfeil_text {

  float: left;

  font-size: 12px;

	color: #504137;

}



/***************************************************************************************************/

/* Content: Content links und Content rechts

/***************************************************************************************************/

.content {

	overflow: hidden;

	width: 950px;

	padding-right: 30px;

	padding-bottom: 30px;

	/*background-color: #eeece6;*/

  background-color: #edebe5;

}



/************************************************************/

/* Content links: Submenu, Box links

/************************************************************/

.content_left {

	width: 280px;

	float: left;

}



/* Container fuer das Submenue */

.submenu {

	width: 240px;

	padding-left: 40px;

	padding-top: 15px;

	padding-bottom: 15px;

	background-image: url(../images/submenu_bg.png);

	background-position: top left;

	background-repeat: repeat-y;

}



/* Style fuer den Text des SubMenues */

.subnav {

	text-transform: uppercase;

	font-weight: bold;

	color: #504137;

	font-size: 11px;

	margin-top: 4px;

}



/* Style fuer den Text des SubMenues (Link) */

.subnav a,

.subnav a:link,

.subnav a:visited,

.subnav a:active {

	text-transform: uppercase;

	font-weight: bold;

	color: #504137;

	font-size: 11px;

	text-decoration: none;

	margin-top: 4px;

}


/* Style fuer den Text des SubMenues (Link-RollOver) */

.subnav a:hover	{

	text-transform: uppercase;

	font-weight: bold;

	color: #ffffff;

	font-size: 11px;

	text-decoration: none;

	margin-top: 4px;

}



/* Style fuer den aktiven Text des SubMenues */

.subnav_active {

	text-transform: uppercase;

	font-weight: bold;

	color: #ffffff;

	font-size: 11px;

	margin-top: 4px;

}



/* Style fuer den aktiven Text des SubMenues (Link) */

.subnav_active a,

.subnav_active a:link,

.subnav_active a:visited,

.subnav_active a:hover,

.subnav_active a:active {

	text-transform: uppercase;

	font-weight: bold;

	color: #ffffff;

	font-size: 11px;

	text-decoration: none;

	margin-top: 4px;

}



/* Container fuer die Box links */

.box_left {

	overflow: hidden;

	width: 196px;

	border: 2px solid #beaa9b;

	margin-left: 40px;

	margin-top: 55px;

	margin-bottom: 15px;

	padding: 10px;

	background-color: #ffffff;

	color: #787a7c;

}



/* Container fuer die Pseudo-Box links */

.box_left_leer {

	overflow: hidden;

	width: 200px;

	/*border: 2px solid #beaa9b;*/

	margin-left: 40px;

	margin-top: 55px;

	margin-bottom: 15px;

	padding: 10px;

	/*background-color: #ffffff;*/

	color: #787a7c;

}



/************************************************************/

/* Content rechts: Inhalt

/************************************************************/

.content_right { 

	width: 640px;

	margin-top: 150px;

	margin-left: 30px;

	float: left;

}



/************************************************************/

/* Footer Trenner: Linie

/************************************************************/

.footer_trenner {

	clear: both;

	overflow: hidden;

  height: 2px;

	background-color: #eeece6;

	width: 980px;

}



/* Linie */

.footer_line {

  margin-left: 30px;

	margin-right: 30px;

	height: 2px;

	background-color: #beaa9b;

	font-size: 2px;

}



/************************************************************/

/* Footer: Anschrift, Telefon, Fax, Mail und Impressum

/************************************************************/

.footer {

	overflow: hidden;

	padding-top: 15px;

	padding-left: 40px;

	padding-right: 40px;

	padding-bottom: 15px;

	background-color: #eeece6;

	font-size: 12px;

	color: #504137;

}



/************************************************************/

/* News: Datum, Galerie

/************************************************************/

.news {

  overflow: hidden;
  margin-bottom: 50px;
  border-top: 1px solid #beaa9b;
  border-bottom: 1px solid #beaa9b;
  padding-top:10px;
  padding-bottom:10px;

}

.news h1 {
  font-size: 14px;
  margin-bottom: 10px;

}

.news h1 a,
.news h1 a:link,
.news h1 a:visited,
.news h1 a:hover,
.news h1 a:active {
	font-size: 14px;
	margin-bottom: 10px;

}


/* Datum */

.datum_h1 {

	font-size: 14px;

	color: #a89587;

	margin: 0px;

	padding: 0px;

	margin-bottom: 10px;

}



/* News-Image */

.news_img {

  float: left;

  width: 140px;

  height: 86px;

  margin-right: 10px;

}



/* Anleser */

.news_text {

  float: left;

  width: 460px;

}



/* Anleser */

.news_text a,

.news_text a:link,

.news_text a:visited,

.news_text a:hover,

.news_text a:active {

  float: left;

  width: 460px;

  text-decoration: none;

  color: #505254;

}



/* Anleser ohne Bild */

.news_text_oi {

  width: 610px;

}



/* Anleser ohne Bild */

.news_text_oi a,

.news_text_oi a:link,

.news_text_oi a:visited,

.news_text_oi a:hover,

.news_text_oi a:active {

  float: left;

  width: 460px;

  text-decoration: none;

  color: #505254;

}



/* Container fuer die Galerie */

.gallery {

	overflow: hidden;

	width: 576px;

	border: 1px solid #a2a3a4;

	margin-bottom: 40px;

	padding: 4px;

	padding-bottom: 0px;

	padding-right: 0px;

	background-color: #ffffff;

}



/* Zeile */

.row {

	overflow: hidden;

	clear: both;

	width: 576px;

	padding-bottom: 4px;

}



/* Spalte */

.column {

	float: left;

	width: 140px;

	height: 86px;

	text-align: center;

	margin-right: 4px;

	background-color: #eeece6;

}