/* ------------------------------------------------------------------------- */
/* ---[ INITIAL SETUP ]----------------------------------------------------- */
/* ------------------------------------------------------------------------- */
html
	{
	height: 100%;
	margin: 0px;
	padding: 0px;
	overflow: -moz-scrollbars-vertical;
	}

body
	{
	height: 100%;
	margin: 0px;
	padding: 0px;
	line-height: 135%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	background: #f7f3e3;
	}


/* ------------------------------------------------------------------------- */
/* ---[ SITE LAYOUT ]------------------------------------------------------- */
/* ------------------------------------------------------------------------- */

#body
	{
	height: 100%;
	text-align: center;
	background: #f7f3e3 url(../inc_layout/img/body.jpg) center top repeat-x;
	}

#wrapper
	{
	position: relative;
	width: 744px;
	margin: 0px auto;
	padding: 0px 8px 0px 8px;
	background: #f7f3e3 url(../inc_layout/img/content.jpg) center top repeat-y;

	}

#header
	{
	height: 194px;
	background: #f7f3e3;
	}

#header #header_slideshow
	{
	float: left;
	width: 220px;
	height: 194px;
	}

#header #header_main
	{
	float: right;
	width: 516px;
	height: 194px;
	background: url(../inc_layout/img/header_main.jpg) left top no-repeat;
	text-align: right;
	}
#header #header_main_content
	{
	padding: 8px;
	}

#nav
	{
	clear: both;
	width: 744px;
	height: 20px;
	background: #e3d7a4;
	}

#spacer
	{
	clear: both;
	width: 744px;
	height: 8px;
	background: #f7f3e3;
	}

#content
	{
	clear: both;
	width: 744px;
	}

#content #content_main
	{
	width: 508px;
	min-height: 300px;
	float: left;
	padding: 8px;
	text-align: left;
	}

#content #content_teaser
	{
	width: 204px;
	float: right;
	padding: 8px;
	text-align: left;
	}

#footer
	{
	clear: both;
	height: 32px;
	background: #f7f3e3;
	text-align: left;
	padding: 8px;
	}

#footer #footer_main
	{
	float: left;
	line-height: 150%;
	}

#footer #footer_copyright
	{
	width: 160px;
	float: right;
	}

#footer #footer_copyright_text
	{
	float: left;
	text-align: right;
	line-height: 150%;
	}

#footer #footer_copyright_image
	{
	width: 32px;
	float: right;
	}


/* ------------------------------------------------------------------------- */
/* ---[ CONTENT - DEFAULTS ]-------------------------------------------------*/
/* ------------------------------------------------------------------------- */

p, div, form, select, option
	{
	margin: 0px;
	padding: 0px;
	}

a, a:link, a:visited, a:active, a:focus
	{
	color: #937736;
	text-decoration: none;
	}

a:hover
	{
	text-decoration: underline;
	}

.articleText a, .articleText a:link, .articleText a:visited, .articleText a:active, .articleText a:focus
	{
	color: #937736;
	text-decoration: none;
	background: url(../inc_layout/img/mini/mini_link.gif) left center no-repeat;
	padding-left: 17px;
	}

.articleText a:hover
	{
	text-decoration: underline;
	}

.articleText a.no_icon, .articleText a.no_icon:link, .articleText a.no_icon:visited, .articleText a.no_icon:active, .articleText a.no_icon:focus
	{
	color: #937736;
	text-decoration: none;
	background: none;
	padding-left: 0px;
	}

.articleText a.no_icon:hover
	{
	text-decoration: underline;
	}
h1
	{
	font-size: 21px;
	font-weight: bold;
	color: #333333;
	margin: 0px 0px 4px 0px;
	padding: 0px;
	}

h2
	{
	font-size: 13px;
	font-weight: bold;
	color: #333333;
	margin: 0px 0px 8px 0px;
	padding: 0px;
	}

h3
	{
	font-size: 13px;
	font-weight: normal;
	color: #aaaaaa;
	margin: 0px;
	padding: 0px;
	}

ul
	{
	list-style: none;
	line-height: 135%;
	}

#content ul
	{
	list-style: url(../inc_layout/img/mini/mini_list.gif) outside;
	line-height: 150%;
	margin: 0px;
	padding: 0px 0px 0px 28px;
	}

.footer
	{
	line-height: 24px;
	color: #7d1300;
	}

.footer a, .footer a:link, .footer a:visited, .footer a:active, .footer a:focus
	{
	color: #7d1300;
	text-decoration: none;
	}

.footer a:hover
	{
	text-decoration: underline;
	}

/* ------------------------------------------------------------------------- */
/* ---[ CONTENT - ARTICLE HEADER ]-------------------------------------------*/
/* ------------------------------------------------------------------------- */
.title_h1
	{
	display: none;
	}

.title_h2
	{
	font-size: 13px;
	font-weight: normal;
	color: #937736;
	margin: 0px;
	padding: 0px;
	}

.title_hr
	{
	height: 1px;
	border: 0px;
	border-top: 1px dotted #b59b5f;
	padding: 0px 0px 12px 0px;
	}


/* ------------------------------------------------------------------------- */
/* ---[ CONTENT - PRINT ]----------------------------------------------------*/
/* ------------------------------------------------------------------------- */
.print_hr
	{
	background: #ffffff;
	height: 1px;
	border: 0px;
	border-top: 1px dotted #b59b5f;
	padding: 0px 0px 12px 0px;
	}


/* ------------------------------------------------------------------------- */
/* ---[ CONTENT - SPACER ]-------------------------------------------------- */
/* ------------------------------------------------------------------------- */
.spaceBeforeCP, .spaceAfterCP { clear: both; }


/* ------------------------------------------------------------------------- */
/* ---[ CONTENT - IMAGES ]-------------------------------------------------- */
/* ------------------------------------------------------------------------- */
.image_img 
	{
	border: 1px solid #b59b5f;
	background: #ffffff;
	padding: 2px;
	}

.imagelist_img 
	{
	border: 1px solid #b59b5f;
	background: #ffffff;
	padding: 2px;
	}

.image
	{
	padding:2px;
	border: 1px solid #ffe9d4;
	background: #ffffff;
	}

.image_caption
	{
	font-size: 9px;
	text-align: center;
	border: 0px;
	/* background: #f1f1f1; */
	padding: 2px;
	margin-top: 4px;
	}

.imgDIVinTextLeft
	{
	float: left;
	margin-right: 16px;
	margin-bottom: 8px;
	padding: 0;
	}
.imgDIVinTextRight
	{
	float: right;
	margin-left: 16px;
	margin-bottom: 8px;
	padding: 0;
	}
.imgDIVtopLeft
	{
	margin: 8px 10px 5px 20px;
	padding: 0px;
	border: 0;
	} 
.imgDIVtopCenter
	{
	margin: 8px -50% 5px -50%;
	padding: 0px;
	border: 0;
	}

.imgDIVblockImgLeft
	{
	margin-right: 10px;
	}
.imgDIVblockImgRight
	{
	margin-left: 10px;
	} 

.phpwcmsImgListRight
	{
	text-align: right;
	margin: 0;
	padding: 0;
	}
.phpwcmsImgListLeft
	{
	text-align: right;
	margin: 0;
	padding: 0;
	}


/* ------------------------------------------------------------------------- */
/* ---[ CONTENT - FORMS ]--------------------------------------------------- */
/* ------------------------------------------------------------------------- */
form * { margin: 0; }

input, textarea, select
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #937736;
	border: 1px solid #937736;
	background: #ffffff url(../inc_layout/img/forms/fieldshade.gif) no-repeat;
	padding: 2px;
	}

.input_invalid
	{
	background: #ffbfbf;
	}

.button
	{
	background: #b59b5f;
	color: #ffffff;
	font-weight: bold;
	border: 1px outset #937736;
	}


/* ------------------------------------------------------------------------- */
/* ---[ CONTENT - TABLES ]-------------------------------------------------- */
/* ------------------------------------------------------------------------- */
.table_border { background: #ede5c4; } /* #ede5c4 */
.table_head { background: #b59b5f; color:#ffffff; }
.table_separator { height:1px; background: #ffffff; }
.table_cell_bg { background: #ede5c4; color:#333333; }
.table_cell_hover { background: #e3d7a4; color:#937736; }

/* ------------------------------------------------------------------------- */
/* ---[ CONTENT - HR ]------------------------------------------------------ */
/* ------------------------------------------------------------------------- */
.hr_default { height: 1px; background: #ffffff; border: 1px solid #ffe9d4; border-width: 1px 0px 0px 0px; }


/* ------------------------------------------------------------------------- */
/* ---[ RT ACCORDION ]------------------------------------------------------ */
/* ------------------------------------------------------------------------- */
.acc_toggler { background: url(../inc_layout/img/accordion/toggler_bg.jpg) top left no-repeat; height: 17px; margin: 0px; padding: 4px 4px 4px 0px; font-size: 12px; font-weight: bold; color: #ffffff; }
.acc_content { background: url(../inc_layout/img/accordion/content_bg.jpg) top left repeat-y; margin: 2px 0px 2px 0px; padding: 0px; color: #666666; }
.acc_content img { margin:4px; padding: 2px; border: 1px solid #ffe9d4; background: #ffffff; }
.acc_icon { border: 0px; padding: 0px 4px 0px 4px; margin: 1px; }
.acc_content_start { height:12px; background: url(../inc_layout/img/accordion/content_start.jpg) top left no-repeat; }
.acc_content_end { height:12px; background: url(../inc_layout/img/accordion/content_end.jpg) top left no-repeat; }
.acc_toggler_button { background: url(../inc_layout/img/accordion/toggler_bg.jpg); height: 17px; margin: 0px; padding: 4px 4px 4px 0px; font-size: 12px; font-weight: bold; color: #ffffff; }


/* ------------------------------------------------------------------------- */
/* ---[ RT COUNTDOWN ]------------------------------------------------------ */
/* ------------------------------------------------------------------------- */
.countdown { font-weight: bold; color: #47739a; }


/* ------------------------------------------------------------------------- */
/* ---[ VISUAL ADMIN MODE ]------------------------------------------------- */
/* ------------------------------------------------------------------------- */
.visual_admin, .visual_admin p, .visual_admin div, .visual_admin td 
	{
	position:absolute;
	left:5px;
	bottom:5px;
	padding:5px;
	z-index:1;
	background-color:#e3d7a4;
	border:1px solid #b59b5f;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:11px; 
	font-weight:normal; 
	color:#937736;
	line-height:180%;
	}
.visual_admin a, .visual_admin a:link, .visual_admin a:visited, .visual_admin a:active, .visual_admin a:focus, .visual_admin a:hover { color:#937736; text-decoration:underline; border-bottom:none; }
.visual_admin a:hover { text-decoration:none; }





/* ------------------------------------------------------------------------- */
/* ---[ HORIZ DROPDOWN ]---------------------------------------------------- */
/* ------------------------------------------------------------------------- */
#menu_container {
   margin: 0; 
   position: relative;
   /* width: 594px; */
   width: 550px;
   height: 32px;      /* ORG 20px */
   z-index: 1000;
}
/* Get rid of the margin, padding and bullets in the unordered lists */
/* margin und padding auf 0, Aufzählungszeichen der unsortierten Liste unterdruecken */
#pmenu, #pmenu ul {
   padding: 0;
   margin: 0;
   list-style-type: none;
}
/* Set up the link size, color and borders */
/* Einstellen der Groeszen, Farben und Rahmen fuer die Links */
#pmenu a, #pmenu a:visited {
   display: block;
   font-size: 11px;
   color: #937736;
   height: 20px;      /* ORG 25px */
   line-height: 19px; /* ORG 24px */
   text-decoration: none;
   font-weight: bold;
   border: 0px;
   padding: 0px 13px 0px 13px;
	border: 1px solid #fff;
  	border-width: 0px 1px 0px 0px;
   width: auto !important;
   w\idth: 72px;
   text-align:center;

}
#pmenu li li a, #pmenu li li a:visited {
   font-weight: normal;
   width: 140px !important;
   text-align:left;
}


/* Set up the sub level borders */
/* Einstellen der Rahmen fuer die Unterebenen  */
#pmenu li ul li a, #pmenu li ul li a:visited {
   border-width: 0px 0px 0px 0px;
}
#pmenu li a.horiz_enclose, #pmenu li a.horiz_enclose:visited {
   border-width: 0px 0px 0px 0px;
   /* border-width: 1px; */
}

#pmenu li .sub_no a.horiz_enclose, #pmenu li .sub_no a.horiz_enclose:visited {
   border-width: 0px 0px 0px 0px;
}

/* Set up the list items */
/* Einstellen der Listeneinzelheiten */
#pmenu li {
	float: left;
	list-style-type: none;
	background: #e3d7a4;
}

#pmenu li li {
   background: #d6d6d6;
   border: 1px solid #f1f1f1;
   border-width: 1px 0px 0px 0px;

}

/* For Non-IE browsers and IE7 */
/* Fuer alle nicht IE + IE7 */
#pmenu li:hover {
   position: relative;
}
/* Make the hovered list color persist */
/* Festlegen der Farbe fuer hover li */
#pmenu li:hover > a {
	color: #ffffff;      /* ORG #c00; */
	background: #b59b5f;
	}

#pmenu li li:hover > a {
	color: #ffffff;      /* ORG #c00; */
	background: #96c229;
	}

/* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif (leer.gif) is for IE to work */
/* Einstellen der Unterebenenlisten mit einer absoluten Positionierung fuer die FlyOuts und dem "Ueberfahren-Abstand"
   Das transparente gif (leer.gif) ist fuer den IE gedacht */
#pmenu li ul {
   display: none;
}
/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
/* Fuer alle nicht-IE + IE7 wird die Unterebenenliste sichtbar bei einem Ueberfahren (hover) */
#pmenu li:hover > ul {
   display: block;
   position: absolute;
   top: -7px;         /* ORG -11px */
   left: 134px;
   padding: 6px 30px 30px 30px; /* ORG padding: 10px */
   background:transparent url(../../img/article/leer.gif);
   width: 140px;
}
/* Position the first sub level beneath the top level links */
/* Positioniere die erste Unterebene nach dem Topebenenlink */
#pmenu > li:hover > ul {
   left: -30px;
   top: 25px;
}
/* get rid of the table */
/* Tabelle neu einstellen */
#pmenu table {
   position: absolute;
   border-collapse: collapse;
   top: 0;
   left: 0;
   z-index: 1000;
   font-size: 1em;
}
/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
/* Fuer den IE5 und IE6 gebe dem hover-Link eine relative Position und wechsele die Hinter- und Vordergrundfarbe. Das ist notwendig damit der IE angestoszen wird die Unterebenen auszugeben */
* html #pmenu li a:hover {
   position: relative;
	background: #d6d6d6;
   color: #333333;
}
/* For accessibility of the top level menu when tabbing */
/* Fuer die Aktivierung der ersten Ebene, wenn im Menue geblättert wird */
#pmenu li a:active, #pmenu li a:focus {
	background: #e3d7a4;
	color: #937736;      /* ORG #c00; */
}
/* Set up the pointers for the sub level indication */
/* Einstellen der Symbole/Pfeile für die Unterebenenanzeige */
/*
#pmenu li.fly_ul {
   background: #7484ad url(../../img/symbols/klapp_zu.gif) no-repeat 107px center;
  */
/*   background: #7484ad url(../../img/article/navi/fly.gif) no-repeat right center;
*/
}

#pmenu li.drop_ul {
   /* background: #7484ad url(../../img/symbols/klapp_auf.gif) no-repeat 105px center; */
   /* background: #7484ad url(../../img/article/navi/drop.gif) no-repeat right center;
*/
}
/* KH: Active Path output */
/* KH: Ausgabe des aktiven Pfads */

#pmenu li.act_path {
	background: #e3d7a4;
   /* background:#4161AF url(../../img/symbols/klapp_auf.gif) no-repeat 105px center; */
	/* background: url(../inc_layout/img/nav/nav_2.jpg) left top repeat-x; */
/*   background:#cccccc url(../../img/article/navi/drop.gif) no-repeat right center;
   */
}

/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */
/* change the drop down levels from display:none; to visibility:hidden; */
/* Dies ist fuer den IE5.5 und IE6 notwendig um die Unterebenen anzuzeigen */
/* Wechselt die Unterebenen von display:none; nach visibility:hidden; */

* html #pmenu li ul {
   visibility: hidden;
   display: block;
   position: absolute;
   top: -11px;
   left: 80px;
   padding: 10px 30px 30px 30px;
   background: transparent url(../../img/article/leer.gif);
}
/* keep the third level+ hidden when you hover on first level link */
#pmenu li a:hover ul ul {
   visibility: hidden;
}
/* keep the fourth level+ hidden when you hover on second level link */
#pmenu li a:hover ul a:hover ul ul {
   visibility: hidden;
}
/* keep the fifth level hidden when you hover on third level link */
#pmenu li a:hover ul a:hover ul a:hover ul ul {
   visibility: hidden;
}
/* keep the sixth level hidden when you hover on fourth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul ul {
   visibility: hidden;
}
/* make the second level visible when hover on first level link and position it */
#pmenu li a:hover ul {
   visibility: visible;
   left: -30px;       /*          (IE5 ONLY) */
   top: 15px;         /* ORG 14px (IE5 ONLY) */
   lef\t: -31px;      /*          (IE6 ONLY) */
   to\p: 15px;        /* ORG 15px (IE6 ONLY) */
}
/* make the third level visible when you hover over second level link and position it and all further levels */
#pmenu li a:hover ul a:hover ul {
   visibility: visible;
   top: -11px;        /* ORG -11px (IE6 ONLY) */
   left: 80px;
}
/* make the fourth level visible when you hover over third level link */
#pmenu li a:hover ul a:hover ul a:hover ul {
   visibility: visible;
}
/* make the fifth level visible when you hover over fourth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul {
   visibility: visible;
}
/* make the sixth level visible when you hover over fifth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul {
   visibility: visible;
}
/* If you can see the pattern in the above IE5.5 and IE6 style then you can add as many sub levels as you like */
/* Localized */