/*
==========================================================================
Copyright (c)2002-2005 saarbase Systems Harald Diehl. All rights reserved.
Version:  0.9 in CSS 2.0
Stand:    05.09.2005
Authoren: Harald Diehl
Bitte beachten Sie die rechtlichen Hinweise auf unserer Homepage
===========================================================================
*/

/*
==========================================================================
 allgemeine, dokumentweite Deklarationen
==========================================================================
*/

html {
  margin:			0;
  padding:			0;
  color:				black;
  background-color:		#EFEFEF;
}
body {
  font-family:			Verdana, Arial, Geneva, Helvetica, sans-serif;
  font-size:   			0.95em; 			       		/*erreicht annähernd gleiche Schriftgrößen in NN, IE und OP*/
  margin:			0;
  padding:			0;
  color:				black;
  background-color:		white;
}
h1, h2, h3, h4, h5, h6, p, a, form, legend {
  font-family:			Verdana, Arial, Geneva, Helvetica, sans-serif;
  margin:			0;
  padding:			0;
  color:				black;
  background-color:		transparent;
}
h1 {
  font-size:   			14px;
  margin:			10px;
}
h2 {
  font-size:   			13px;
  margin-bottom:			3px;
}
h3 {
  font-size:   			12px;
}
p, div {
  font-size:   			12px;
  text-align:			left;
}
span {
  font-size:   			0.95em;
}
a {
  text-decoration:		none;
}
img {
  /*border:			none;*/
}
hr {
  color:				#000080;
  background-color:		transparent;
  height:			1px;
}
strong {
  font-weight:			bold;
}

/*
==========================================================================
 universelle Klassen, nicht TAG spezifisch
==========================================================================
*/

.hidden {
  display:			none;
}
.marked {
  color:				inherit;
  background-color:		#CCCCCC;
}
.centered {
  text-align:			center;
}

/*
==========================================================================
 Pseudoklassen, TAG spezifisch
==========================================================================
*/

a:hover {
  text-decoration:		none;
}
/*
p:first-letter {
  font-size:			1.2em;
  font-weight:			bold;
  line-height:                   80%;
}
*/

/*
==========================================================================
 spezielle Klassen, TAG spezifisch
==========================================================================
*/

ul.ChapterNavigation {
  list-style-type: 		none;
  margin:			0px;
  padding:			0;
  /*border:			1px solid green;*/
}
ul.SubChapterNavigation {
  list-style-type: 		none;
  margin-left:			0px;
  padding:			0;
}
ul.StickyNavigation {
  list-style-type: 		none;
  margin:			6px;
  margin-left:			14px;
  margin-top:			25px;
  padding:			0;
  color:				inherit;
  background:                    url(images/sticky_bg.jpg) repeat-y;
  background-color:		#DBDBDB;
  border:			1px solid #0A2A59;
}
ul.PageNavigation {
  list-style-type: 		none;
  margin:			0px;
  padding:			8px;
  border-bottom:			1px solid #808080;
  line-height:			14px;
}
li.PageNavigation {
  display:			inline;
  padding:			0;
}
a.BreadCrump, span.BreadCrump {
  font-size:			0.90em;
  color:				black;
  background-color:		transparent;
}
a.BreadCrumpOn {
  font-size:			0.90em;
  font-weight:			normal;
  color:				#F66300;
  background-color:		transparent;
}
a.BreadCrump:hover {
  text-decoration:		underline;
}
a.PageNavigation {
  font-size:			0.75em;
  color:				#000080;
  background-color:		transparent;
  margin:			0;
  margin-left:			1px;
  margin-right:			1px;
  padding:			2px;
  border:			1px solid white;
}
a.PageNavigation:hover {
  text-decoration:		underline;
}
a.PageNavigationOn {
  font-size:			0.75em;
  text-decoration:		underline;
  color:				#F66300;
  background-color:		white;
  margin:			0;
  margin-left:			1px;
  margin-right:			1px;
  padding:			2px;
  border:			1px solid white;
}
a.ChapterNavigationLevel0, span.ChapterNavigationLevel0 {
  vertical-align:		middle;
  padding-left:			11px;
  font-size:			0.70em;
  font-weight:			bold;
  color:				#0A2A59;
  background-color:		transparent;
  line-height:			18px;
  display:			block;
}
a.ChapterNavigationLevel1, span.ChapterNavigationLevel1 {
  vertical-align:		middle;
  padding-left:			16px;
  font-size:			0.70em;
  text-decoration:		none;
  color:				#000080;
  background-color:		transparent;
  line-height:			18px;
  display:			block;
}
a.ChapterNavigationLevel2, span.ChapterNavigationLevel2 {
  vertical-align:		middle;
  padding-left:			20px;
  font-size:			0.70em;
  text-decoration:		none;
  color:				#000080;
  background-color:		transparent;
  line-height:			18px;
  display:			block;
}
a.Down {
  background:			url(images/arrow_down.jpg) no-repeat;
  background-position:		right;
}
a.ChapterNavigationLevel0:hover {
  color:				#0A2A59;
  background:			url(images/arrow_left.jpg) no-repeat;
  background-position:		0px;
  background-color:		transparent;
}
a.ChapterNavigationLevel1:hover, a.ChapterNavigationLevel2:hover {
  color:				#000080;
  background:			url(images/arrow_left.jpg) no-repeat;
  background-position:		left;
  background-color:		transparent;
}
span.On0 {
  color:				#0A2A59;
  background:			url(images/arrow_right.jpg) no-repeat;
  background-position:		right;
  background-color:		transparent;
}
a.On, span.On {
  color:				#F66300;
  background:			url(images/arrow_right.jpg) no-repeat;
  background-position:		right;
  background-color:		transparent;
}
a.StickyNavigation {
  font-size:			0.70em;
  text-decoration:		none;
  padding:			4px;
  padding-left:			5px;
  color:				#000080;
  background-color:		inherit;
  display:			block;
  border-top:			1px solid #0A2A59;
}
span.StickyNavigation {
  font-size:			0.70em;
  text-decoration:		none;
  padding:			2px;
  padding-left:			7px;
  color:				#000080;
  background-color:		transparent;
  display:			block;
}
* html a.StickyNavigation {
  padding-top:			0;
  line-height:			16px;
}
a.StickyNavigation:hover {
  color:				inherit;
  background-color:		#EFEFEF;
  border-top:			1px solid #808080;
}
a.StickyOn {
  color:				#F66300;
  background-color:		#EFEFEF;
}
a.SimpleNavigation {
  font-size:			11px;
  color:				black;
  background-color:		transparent;
}
a.SimpleNavigation:hover {
  text-decoration:		underline;
}
input.StickyNavigation {
  font-size:			0.75em;
  color:				black;
  background-color:		#EFEFEF;
  margin:			3px;
  padding:			2px;
  border:			1px solid #0A2A59;
  width:				100px;
}
input.Route {
  font-size:			0.75em;
  color:				black;
  background-color:		#EFEFEF;
  margin:			3px;
  padding:			2px;
  border:			1px solid #0A2A59;
  width:				147px;
}
input.StickyNavigationSubmit {
  font-size:			0.75em;
  color:				black;
  background-color:		transparent;
  margin:			5px;
  padding:			2px;
  border:			none;
  /*width:				25px;*/
}
input.Submit {
  font-size:			1 em;
  color:				black;
  background-color:		transparent;
  margin:			3px;
  padding:			0;

  border:			1px solid #0A2A59;
  /*width:				25px;*/
}
img.ChapterNavigation {
  margin-left:			3px;
  float:				left;
}
a.Paragraph {
  margin-top:			4px;
  font-size:   			12px;
  font-weight:			bold;
  color:				#000080;
  background-color:		transparent;
  display:			block;
}
p a, li a {
  font-size:   			12px;
  font-weight:			normal;
  color:				#000080;
  background-color:		transparent;
}
a.Paragraph:hover {
  text-decoration:		underline;
}
div.Flash {
  margin-top:			-10px;
  margin-bottom:			-10px;
}
div#Comercial {
  padding-left:                        22px;
}
div.Teaser {
  margin-bottom:			10px;
  color:				inherit;
  background:                    url(images/teaser_bg.jpg) repeat-y;
  background-color:		#AEB6C3;
  width:				160px;
  border:			1px solid #0A2A59;
}
div.TeaserLeft {
  margin-bottom:                        10px;
  color:                                inherit;
  /*background:                    		url(images/chapter_bg.jpg) repeat-x;*/
  /*background:                    url(images/teaser_bg.jpg) repeat-y;*/
  background-color:                	transparent;
  width:                                160px;
  border:                        none;
}
div.TeaserHead {
  padding:			3px;
  text-align:			center;
  color:				inherit;
  background-color:		#0A2A59;
  border-bottom:			1px solid #808080;
}
div.TeaserHeadLeft {
  padding:                        3px;
  text-align:                        center;
  color:                                inherit;
  background-color:                transparent;
  /*border-bottom:                        1px solid #808080;*/
}
div.TeaserHead h3 {
  color:				#EFEFEF;
  background-color:		transparent;
}
div.TeaserHeadLeft h3 {
  color:                                black;
  background-color:                transparent;
}
div.TeaserBody {
  font-size:   			12px;
  padding:			3px;
  padding-left:			5px;
  /*text-align:			left;*/
  clear:				left;
}
div.TeaserBody p {
  font-size:   			12px;
  text-align:			left;
  margin-bottom:			3px;
}
div.TeaserBody a {
  font-size:   			12px;
  text-decoration:		underline;
  color:				#000080;
  background-color:		transparent;
}
div.TeaserBody img.Paragraph {
  margin-left:			auto;
  margin-right:			auto;
  display:			block;
}
div.TeaserBody a img {
  border:			none;
}
div.TeaserBody hr {
  color:				#000080;
  background-color:		transparent;
}
div.TeaserBody ul {
  margin:			3px;
  margin-left:			15px;
  padding:			0;
}
div.TeaserBody li {
  font-size:   			12px;
  text-align:			left;
  line-height:			14px;
}
div.Paragraph {
  text-align:			justify;
  margin:			10px;
  margin-bottom:			13px;
  clear:				left;
}
* html div.Paragraph {
  height:			100%;
}
div.Paragraph td {
  font-size:   			12px;
  vertical-align:		top;
  text-align:			left;
}
div.Paragraph p.Image {

}
div.Paragraph ul {
  margin:			6px;
  margin-left:			15px;
  padding:			0px;
}
div.Paragraph li {
  font-size:   			12px;
  text-align:			left;
  margin-left:			10px;
}
div.Paragraph a {
  text-decoration:		underline;
  font-size:   			12px;
  color:				#000080;
  background-color:		transparent;
}
div.Paragraph p {
  text-align:			justify;
  margin-bottom:			6px;
}
div.Paragraph hr {
  clear:				left;
}
div.Paragraph img.Paragraph {
  margin-right:			22px;
  margin-bottom:			10px;
  /*border:			1px solid yellow;*/
  float:				left;
  /*display:			block;*/
}
div.Paragraph a img {
  border:			none;
}
br.End {
  clear:				both;
}
fieldset.Info {
  margin:			10px;
  padding:			5px;
  border-top:			1px solid #47637E;
  border-bottom:			none;
  border-left:			none;
  border-right:			none;
  display:			block;
}
legend.Info {
  padding:			5px;
  font-size:   			12px;
  font-weight:			bold;
}
td.Info {
  white-space:			nowrap;
  padding-right:			50px;
  vertical-align:		top;
  font-size:			12px;
  color:				black;
  background-color:		transparent;
}
td.Info img {
  vertical-align:		middle;
}
td.InfoTitle {
  font-size:			12px;
  color:				black;
  background-color:		transparent;
  width:				90px;
}
input.Info {
  font-size:			12px;
  color:				black;
  background-color:		transparent;
  padding:			1px;
  border:			none;
  border-bottom:			1px solid #000080;
  width:				250px;
}
textarea.Info {
  font-size:			12px;
  color:				black;
  background-color:		transparent;
  padding:			2px;
  border:			1px solid #000080;
  width:				300px;
  overflow:			auto;
}
input.InfoButton {
  margin:			10px;
  padding:			2px;
  font-size:			0.85em;
  color:				black;
  background-color:		#E1E1E1;
  border:			1px solid #000080;
  width:				80px;
}
input.Short {
  width:				40px;
}
input.Req {
  border-bottom:			1px solid red;
}
input.check {
  margin:			0;
  margin-right:			2px;
  vertical-align:		middle;
}

/*
==========================================================================
 individuelle TAG spezifische Deklarationen
==========================================================================
*/

div#Header {
  background:			url(images/header_bg.jpg) repeat-x;
  /*border-bottom:			1px solid #808080;*/
  color:				inherit;
  background-color:		#EFEFEF;
  height:			100px;
}
div#Banner {
  background:			url(images/header/default.jpg) no-repeat;
  background-position:		right;
  position:			absolute;
  top:				0px;
  right:				0px;
  width:  			655px;
  height:			100px;
  z-Index:			9;
}
div#Logo {
  background:			url(images/logo.jpg) no-repeat;
  border-right:			1px solid #808080;
  color:				inherit;
  background-color:		white;
  position:			absolute;
  top:				0px;
  left:				0px;
  width:  			180px;
  height:			100px;
  z-Index:			10;
}
div#BreadCrumb {
  font-size:			0.80em;
  text-align:			right;
  white-space:			nowrap;
  padding:			5px;
  padding-left:			190px;
  border-bottom:			1px solid #808080;
  color:				black;
  background:			url(images/breadcrump_bg.jpg) repeat-x;
  background-color:		#E1E1E1;
}
table#Main {
  border-collapse:		collapse;
  table-layout:			fixed;
  color:				inherit;
  background-color:		white;
  width:				100%;
}
td#Chapter {
  padding:			0;
  padding-left:			0px;
  padding-top:			5px;
  vertical-align:		top;
  background:                    url(images/navi_bg.jpg) repeat-y;
  background-color:		#DBDBDB;
  width:				180px;
  border-right:			1px solid #808080;
}
td#Pages {
  padding:			0;
  vertical-align:		top;
  background-color:		white;
  width:				100%;
}
div#TeaserContainer {
  margin-top:			10px;
  margin-right:			5px;
  margin-left:			10px;
  padding:			0px;
  width:				160px;
  float:				right;
}
div#TeaserContainerLeft {
  margin-top:                        10px;
  margin-left:                        5px;
  margin-right:                        5px;
  padding:                        0px;
  width:                                160px;
  float:                                left;
}
div#Page {
  margin-right:			10px;
}
div#Page.HasTeasers {
  margin-right:			175px;
}
div#Footer {
  /*padding-top:			16px;*/
  color:				inherit;
  background:			url(images/footer_bg.jpg) repeat-x;
  background-position:		bottom;
  background-color:		#E1E1E1;
  border-top:			1px solid #808080;
  border-bottom:			1px solid #808080;
}
div#SimpleNavigation {
  text-align:			center;
  padding:			5px;
  width:				170px;
  float:				left;
}
div#Copyright {
  font-size:			11px;
  text-align:			right;
  margin-left:			180px;
  padding:			5px;
}