html {
	height:100%; 
	max-height:100%; 
	padding:0; 
	margin:0; 
	border:0; 
	background:#fff;
	overflow: hidden; 
}
body {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color:#333;
	font-size: 11px;
	background:url(/picture/site/brushed.jpg);
	line-height:140%;
	height:100%; 
	max-height:100%; 
	overflow:hidden; 
	padding:0; 
	margin:0; 
	border:0;
}
#content {
	display:block; 
	overflow:auto; 
	position:absolute; 
	z-index:3; 
	top:212px; 
	bottom:35px; 
	width:960px; 
	margin-left:-501px; 
	left:50%; 
	padding:0 20px;
	background:#fff url(/picture/site/shade.jpg) 0 212px repeat-x fixed;

}

* html #content {
	top:0; 
	bottom:0; 
	height:100%;
	width:1000px;
	border-top:212px solid #fff; 
	border-bottom:35px solid #fff;
	background:#fff url(/picture/site/shade.jpg) top repeat-x fixed;
}
#RightBlock {
	width:265px;
	float:right;
	margin-left:25px;
}

.RightSubBlock {
	padding:5px;
	border: 2px groove #ccc;
	margin-bottom:25px;
}

#head {
	position:absolute; 
	margin-left:-621px; 
	left:50%; 
	top:0; 
	width:1240px; 
	min-width:1240px; 
	height:212px; 
	background:#fff; 
	z-index:5; 
}


#toplft {
	top:0;
	width:120px; height: 212px; float:left;
	background:url(/picture/site/toplft.jpg) no-repeat bottom right;
}
#topmid {
	top:0;
	width:1000px; height: 212px; float:left;
	background:url(/picture/site/top1.jpg) no-repeat bottom left;
}
#toprgt {
	top:0;
	width:120px; height: 212px; float:left;
	background:url(/picture/site/rgt.jpg) repeat-y left;
}
.lft {
	position:absolute;
	top:212px;
	width:35px; 
	height:100%;
	left:50%;
	margin-left:-536px;
	background:url(/picture/site/lft.jpg) repeat-y right;
}
.rgt {
	position:absolute;
	top:212px;
	width:35px; 
	height:100%;
	right:50%;
	margin-right:-533px;
	background:url(/picture/site/rgt.jpg) repeat-y left;
}
#foot {
	font-size:12px;
	font-weight:bold;
	position:absolute; 
	margin-left:-501px; 
	left:50%; 
	bottom:0; 
	width:1000px; 
	min-width:1000px; 
	height:35px; 
	background:#fff url(/picture/site/footershade.gif) top repeat-x;
	z-index:5; 
}


form, div, p, h1, h2, h3, h4, h5, h6, table, td, th, tr {
	margin: 0;
	padding: 0;
}

img, table, tr, td, th {
	border:none;
}
td, th { vertical-align:top; }
table {border-collapse:collapse}
input, textarea, select, button {
	font-size:11px;
	font-family:Arial;
	margin:0;
}
ul {
	padding-left:15px;
	list-style:url(/picture/site/li.gif);
	margin-left:0;
}
li {
	padding-left:0;
	margin-left:0;
}

.listEntry {
	margin-bottom: 10px;
}

a, a:link, a:visited, a:active, a:focus {
	color: #556066;
	text-decoration: none
}
a:hover {
	color: #556066;
	text-decoration: underline;
}

.articleText { 
	margin-bottom: 3px;
	text-align: left;
}

.articleCode {
	margin-bottom: 3px;
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
}

h1, h2, h3, h5, h6 {
	color:#ced1ce;
}
h1, h2  {
	font-size:16px;;
	margin-bottom:5px;
}
h3, h4  {
	font-size:12px;;
}
h5, h6  {
	font-size:11px;;
}


/**************************************/
/* CSS FOR MENU */ 
/* ================================================================ 
This copyright notice must be untouched at all times. 

The original version of this stylesheet and the associated (x)htmlis 
available at http://www.cssplay.co.uk/menus/simple_vertical.html 
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved. 
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements. 

 08.11.07 KH (flip-flop) Enhanced: Start[ID] {NAV_HORIZ_DD:ID} 
 http://www.phpwcms.de/forum/viewtopic.php?p=94688#94688 
 (http://www.phpwcms.de/forum/viewtopic.php?p=89743#89743) 
=================================================================== */ 

#menu {
	position:absolute;
	right:50%;
	margin-right: -480px;
	margin-top: 135px;
	height:25px;
	z-index:1000;
}
*html #menu {
   position:relative;
   margin-right:0;
   right:-400px;
}


/* Get rid of the margin, padding and bullets in the unordered lists */ 
#pmenu, #pmenu ul { 
   padding: 0; 
   margin: 0; 
   list-style-type: none; 
   list-style-image:none;
} 
/* Set up the link size, color and borders */ 
#pmenu a, #pmenu a:visited { 
   display: block;
   width: 1%;
   font-size: 12px;
   font-weight:bold; 
   color: #ced1ce; 
   height: 25px; 
   line-height: 24px; 
   text-decoration: none; 
   padding:0 10px;
   white-space: nowrap;
}

#pmenu ul a, #pmenu ul a:visited {
   width:300px;
}
/* Set up the list items */ 
#pmenu li { 
   float: left; 
} 
#pmenu ul li {
   background: url(/picture/site/transShade.png) repeat-y;
}
/* html #pmenu ul li {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/picture/site/transShade.png', sizingMethod='scale');
}

/* For Non-IE browsers and IE7 */ 
#pmenu li:hover { 
   position: relative; 
} 
/* Make the hovered list color persist */ 
#pmenu li:hover > a { 
   color: #fff;
} 
/* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif (leer.gif) is for IE to work */ 
#pmenu li ul { 
   display: none; 
} 
/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */ 
#pmenu li:hover > ul { 
   display: block; 
   position: absolute; 
   top: -7px; 
   left: 80px; 
   padding: 6px 30px 30px 30px; 
   background:transparent url(../../img/article/leer.gif); 
} 
/* Position the first sub level beneath the top level links */ 
#pmenu > li:hover > ul { 
   left: -30px; 
   top: 16px; 
} 
/* get rid of the table */ 
#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 */ 
* html #pmenu li a:hover { 
   position: relative; 
   /*color: #c00;*/ 
} 
/* For accessibility of the top level menu when tabbing */ 
#pmenu li a:active, #pmenu li a:focus { 
   /*color: #BF4300;*/ 
} 
/* KH: Active Path output */
#pmenu li.act_path a {
   color:#a0afab;
}
#pmenu li ul a, #pmenu li ul a:visited {
   color:#ced1ce !important;
}
#pmenu a:hover, #pmenu a:active, #pmenu li ul a:hover {
  color:#fff !important;
} 

/* 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; */

* 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);
}
/* 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: 10px;         /* ORG 14px (IE5 ONLY) */
   lef\t: -31px;      /*          (IE6 ONLY) */
   to\p: 11px;        /* ORG 15px (IE6 ONLY) */
}
/* END OF MENU */
/************************************************/

/* FOOT MENU */
#footmenu {
	font-size:12px;
	font-weight:bold;
	margin-top:8px;
	margin-left:10px;
}
#footmenu a {
	padding:10px;
}
#footmenu a:hover {
	color:#b1b3b1;
	text-decoration:none;
}
/* END OF FOOT MENU */


.images {
	margin-top:20px;
	clear:left;
}

div.imageEntry {
	float:left;
}
div.imageEntry a {
	float:left;
	border:1px solid #ccc;
	padding: 0;
	background-color: #000000;
}
div.imageEntry a:hover {
	border: 1px solid #CC3300;
}
div.imageEntry br {
	clear:left
}
div.imageEntry img {
	border: 1px solid #ccc;
}
div.imageEntry a img {
	border: none;
}
.imgDIVinTextLeft {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 0;
}
.imgDIVinTextRight {
	float: right;
	margin-left: 5px;
	margin-bottom: 5px;
	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; 
} 
.gbInputForm {
	padding:5px;
	float:right;
	border: 2px groove #999;
}
.gbFormFields label, .KursForm label {
	display:block;
	padding-top:10px;
}
.gbFormFields input, .gbFormFields textarea {
	font-size:11px;
	font-family:Arial;
	margin:0;
}
.gbListEntry { margin-top:15px;}
.gbListEntryTime { color:#555; font-size:10px;}
.FormError {
	color:#c00; display:block;
}

.KursForm {
  width:250px;
}
.checkbox label {
  display:inline;
  margin-left:5px;
}
.sitemap, .sitemap1, .sitemap2 {
	list-style:url(/picture/site/list.gif);
	padding-left:20px ;
	font-weight:bold;
}

.articlemenu div {
	margin-top:10px;
}
.articlemenu div p b {
  display:block;
  float:left;
  width:240px;
  font-weight:normal;
}

.linklist a {
	font-size:13px;
	color:#333;
}

/* IMAGESPECIAL */

div.imagespecial p {
	padding: 0;
	float: left;
}

div.imagespecial a {
	float:left;
	border: 1px solid #FFFFFF;
	padding: 0;
	background-color: #000000;
}
div.imagespecial a:hover {
	border: 1px solid #CC3300;
}
div.imagespecial br {
	clear:left
}
div.imagespecial img {
	border: 1px solid #ccc;
}
div.imagespecial a img {
	border: none;
}
/* eof IMAGESPECIAL */


/* SLIDER */
div.slider {
	margin: 10px 0 10px 0;
	padding: 5px 0 5px 0;
	overflow: hidden;
	width: 666px;
	position: relative;
	height: 210px;

}

div.slider div.inner {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 8000px;
	position: absolute;
	left: 0;
	top: 5px;
}

div.slider div.inner p {
	padding: 0;
	float: left;
	margin-right: 22px;
}

div.slider div.inner a {
	float:left;
	border: 1px solid #FFFFFF;
	padding: 0;
	background-color: #000000;
}
div.slider div.inner a:hover {
	border: 1px solid #CC3300;
}
div.slider div.inner br {
	clear:left
}
div.slider div.inner img {
	border: 1px solid #ccc;
}
div.slider div.inner a img {
	border: none;
}
/* eof SLIDER */


.phpwcmsImgListRight {
	text-align: right;
	margin: 0;
	padding: 0;
}
.phpwcmsImgListLeft {
	text-align: right;
	margin: 0;
	padding: 0;
}


.phpwcmsSearchResult {
	margin: 15px 0 15px 0;
}
.phpwcmsSearchResult h3 {
	margin: 10px 0 1px 0;
	font-size: 12px;
	font-weight: bold;
}
.phpwcmsSearchResult p {
	margin: 0;
}
.phpwcmsSearchResult em.highlight, em.highlight {
	background-color: #FFFF00;
	font-style:inherit;
}


#VisualModeIndicator {
	position:absolute;
	left:5px;
	bottom:5px;
	padding:5px;
	z-index:10000;
	background-color:#FF3300;
	color:#FFFFFF;
	border:1px solid #000000;
}

.phpwcmsArticleListEntry {
	clear: both;
}
.phpwcmsArticleListImage {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	padding-top: 3px;
}
.phpwcmsArticleListImageCaption {
	padding-top: 5px;
}

div.cpPagination {
	margin: 10px 0 10px 0;
	text-align: right;
}
a.cpPaginate, a.cpPaginateActive, a.cpPaginationPrev, a.cpPaginationNext {
	padding: 0px 3px 1px 3px;
	background-color: #FFFFFF;
	color: #BBBBBB;
	text-decoration: none;
	font-weight: bold;
	border: 1px solid #CBCBCB;
}
a.cpPaginateActive {
	background-color: #CBCBCB;
	color: #FFFFFF;
	border: 1px inset #CBCBCB;
}

a.cpPaginationPrev:hover, a.cpPaginationNext:hover, a.cpPaginate:hover {
	background-color: #DDDDDD;
	color: #666666;
	border: 1px inset #CBCBCB;
}