/***  CSS TEMPLATE  ***/
/*
#template {
      * visibility *
      display:;
      visibility:;
      * positioning *
      clear:;
      float:;
      top:;
      left:;
      width:;
      height:;
      margin:;
      * look *
      padding:;
      background:;
      border:;
      * text style *
      font:;
}*/



/***  STANDARDS  ***/

HTML { 
      width: 100%;
      height: 100.1%;
      min-height: 100%;
      margin: 0;
      padding: 0;
      background-color: #FF0FFFF;
      font-size: 125%; /* scale to 62.5% */
      font-family: Arial, Helvetica, sans-serif;
      color: #333333;
}
BODY {
      width: 100%;
      height: 100%;
      min-height: 100%;
      margin: 0;
      padding: 0;
      background-color: #FFFFFF;
      font-size: 100.01%;
      font-family: Arial, Helvetica, sans-serif;
      color: #333333;
}
h1 { font-size: 2.5em }
h2 { font-size: 2em }
h3 { font-size: 1.75em }
h4 { font-size: 1.5em }
h5 { font-size: 1.25em }
h6 { font-size: 1em }
img { 
      border: 0; 
}
p { 
      margin: 1em 0;
}
form, 
fieldset { 
      margin: 0; 
      padding: 0; 
}
fieldset { 
      border: 1px solid #000000; 
}
legend { 
      padding: 0;
      color: #000000; 
}
input, 
textarea, 
select {
      margin: 0;
      padding: 1px;
      font-size: 100%;
      font-family: inherit;
}
input[type=radio],
input[type=checkbox] { 
      margin-right: 5px; 
}
select { 
      padding: 0; 
}
.bold {
      font-weight: bold
}
.underline {
      text-decoration: underline
}
div.clear {
      clear: both;
}

/** CSS "clearfix solution"
that forces any kind of block element to adjust hight to content even though
the content is floated and CSS standards want the content to simply run over 
the bottom line of the container element --  in this case I want to extend the 
<ul> block to its content height **/

.clearfix:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
}
.clearfix {
      display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
      height: 1%;
}
.clearfix {
      display: block;
}
/* End hide from IE-mac */
/** END clearfix solution **/



/*** WEBSITE GRID ***/
body {
	text-align: center;
}
.main-container { 
	font-size: 50%; /* scale to 62.5% */
}
#Main {
	width: auto;
	width: 95em;
	margin: 1em 2em 1em 2em;
	margin-left: auto;
	margin-right: auto;
	height: 100%;
	text-align: left;
}
#Head {
	height: 10.5em;
	overflow: hidden;
	background-color: #FFFFFF;
	margin-bottom: 3em;
}
#HeadLeft {
	float: left;
	overflow: hidden;
	width: 20.9em;
	height: 9em;
}
#HeadCenter {
	width: 52.6em; /* width: auto; funktioniert in IE6 nicht */
	margin: 0 20.9em 0 20.9em;
	text-align: center;
}
#HeadRight {
	float: right; 
	overflow: hidden;
	width: 20.9em;
	height: 9em;
}
#HeadLeft img,
#HeadRight img {
	width: 20.9em;
	height: 9em;
}
#HeadSlides {
	width: 100%;
	height: 8.2em;
	overflow: hidden;
	border-top: 2px solid #518b58;
	border-bottom: 2px solid #e99f28;
	white-space: nowrap;
}
#HeadSlides img {
	padding: 0.1em 0;
}
#Ticker {
	display: none;
}
#HeadCenter ul {
	list-style: none;
	margin: 0;
	padding: 0 0 0.2em 0;
}
#HeadCenter ul li {
	display: inline;
	padding: 0 2em 0 2em;
}
#HeadCenter ul li a {
	font-size: 1.2em;
	font-weight: bold;
	color: #e99f28;
	text-decoration: none;
}
#HeadCenter ul li a:hover {
	color: #245c93;
	text-decoration: underline;
}
#LeftColumn {
	float: left; 
	width: 21%;
	margin-top: 0;
}
#CenterColumn {
	width: 76%;
	float: left;
}


/*** CONTENT COLUMNS ***/

#CenterColumn div.Inner {
	margin: 0 0 0 2em;
}
#CenterColumn .Content {
      clear: left;
      border-bottom: 0 solid #FF6699;
}
.Content {
      font-size: 1.2em;
      font-weight: normal;
	  color: #245C93;
}
.Content h2 {
      font-size: 1em;
	  margin: 1em 0;
      color: red;
}


/** self clearing rules 
for all standards compliant browsers  **/

#CenterColumn .Content:after { 
      content: "."; 
      display: block; 
      height: 0; 
      clear: both; 
      visibility: hidden; 
}
      /* for IE 5.0 see conditional CSS*/
      /* for IE 5.5 and later  */
      /* the toggle (2 parts) between display:inline-block and display: block makes it!
      Important: the clearing effect stops working if you combine the #container { display: inline-block; } and #container { display: block; } rules into one line*/
#CenterColumn .Content {
      display: inline-block;
}        
/* 2nd part of the toggle. Mandatory for WinIE but must be hidden from IE-mac */
      /* Hides from IE-mac who needs only first part of the toogle method \*/
#CenterColumn .Content {
      display: block; 
}
 /* End hide from IE-mac */
      /* End for self clearing rules for IE */

#CenterColumn .Content div.InnerShell {
      margin: 0 0 1em 0;
}


/** BreadCrumbTrail **/

.BreadCrumbTrail {
      margin: 0 0 0.5em 0.1em;
      overflow: hidden;
}
.BreadCrumbTrail ul {
      margin: 0 0 0 -1.1em;
      padding: 0;
      list-style: none;
      display: inline;
}
.BreadCrumbTrail ul ul {
      margin-left: 0em;
}
.BreadCrumbTrail li {
      display: inline;
}
.BreadCrumbTrail li a {
      color: #e99f28;
      text-decoration: none;
      font-weight: normal;
      font-size: 1.1em;
      padding-left: 1em;
      background: url(doc_images/Design/Content/BreadCrumbTrail_Arrow_1.gif) 0.2em 0.45em no-repeat;
}
.BreadCrumbTrail li a:hover {
      text-decoration: underline;
      color: #245c93;
}
.BreadCrumbTrail li.active {
      padding-left: 1em;
      background: url(doc_images/Design/Content/BreadCrumbTrail_Arrow_2.gif) 0em 0.45em no-repeat;
      color: #333333;
      font-weight: normal;
      font-size: 1.1em;
}


/** more CONTENT ELEMENTS **/

/* Page Headline */
h1.Headline {
	margin: 0em 0 0.8em 0;
	padding: 0;
	font-size: 2em;
}
.Headline span {
	color: #245C93;
	border: 0.2em solid #FFFFFF;
	border-bottom: 0.2em solid #E99F28;
}

/* Link */
a {  
	text-decoration: none;
	color: #e99f28;
}
/* Link (Mouseover) */
a:hover {  
	text-decoration: underline; color: #336699
}


/**  BOTTOM LINE Area  **/
#Foot {
	padding-bottom: 2em;
}
#BottomLine {
      margin-top: 2.5em;
}

#BottomLine ul {
	margin: 0 0 0.3em 0;
	padding: 0;
	list-style: none;
}        
#BottomLine li {
	margin: 0 3em 0 0;
	float: left;
}
#BottomLine li.last-child {
	margin: 0 0 0 3em;
	float: right;
	height: 1.4em;
}
#BottomLine p {
	margin: 0;
	padding: 0.5em 0 0 0;
	border-top: 0.2em solid #E99F28;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}
#BottomLine a { 
	color: #E99F28;
	text-decoration: none;
}




/***  NAVIGATIONS ***/


/** LEFT NAVIGATION **/

#LeftNavigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#LeftNavigation li {
	margin-top: 2px;
	float: left;
	width: 95%;
	xoverflow: hidden;
}
#LeftNavigation a {
	display: block;
	xposition:relative; 
	padding: 0.1em 0.4em 0.1em 0.4em;
	font-size: 1.1em;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	border-left: 0.6em solid #FFFFFF;
	background-repeat: repeat-y;
	background-position: right;
}
#LeftNavigation a.active {
	border-color: #6BA7DC;
}
#LeftNavigation a:hover {
	border-color: #6BA7DC;
	text-decoration: underline;
}
#LeftNavigation ul a {
	background-color: #518b58;
	border-color: #518b58;
	background-image: url(doc_images/Design/Menu/End_518B58.gif);
}
#LeftNavigation ul ul a {
	background-color: #245c93;
	border-color: #245c93;
	background-image: url(doc_images/Design/Menu/End_245c93.gif);
}
#LeftNavigation ul ul ul a {
	background-color: #e99f28;
	border-color: #e99f28;
	background-image: url(doc_images/Design/Menu/End_e99f28.gif);
}
#LeftNavigation ul ul ul ul a {
}

#Sitemap {
	margin-top: 2em;
}
#Sitemap a {
	font-size: 1.2em;
}
#Sitemap ul {
	margin: 0;
	padding: 0;
	list-style: none;
	margin-left: 2em;
}

#Satzungen {
	margin: 1em 10%;
}
#Satzungen td {
	border-top: 1px solid #518b58;
	padding: 0.3em 0.8em;
	font-size: 1.2em;
	color: #245C93;
}

#News {
	xmargin-top: 2em;
	color: #245C93;
}
#News a {
	font-size: 1.2em;
	font-weight: bold;
}
#News ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#News li {
	margin: 0.5em 0;
}
#News .Comment {
	display: block;
	color: #245C93;
	font-size: 1.2em;
}

.TextError,
.Search,
.Overview {
	font-size: 1.2em;
}