/* Allgemeine Definitionen f�r die html-Datei */
html,body {
	margin:0px;
    padding:0px;	
	/*marginwidth: 0px;
	marginheight: 0px;*/
	width:100%;
	height:100%;
	overflow: auto;
	border: none;
}


a  {text-decoration: underline;}
/*FF9900*/
a:link { color:#CC9933; font-family: Arial, Verdana, Helvetica, Geneva; font-weight: bold; padding-left:1px;}
a:visited { color:#CC9933; font-family: Arial, Verdana, Helvetica, Geneva;	font-weight: bold; padding-left:1px; }
a:active { color:#CC9933; font-family: Arial, Verdana, Helvetica, Geneva; font-weight: bold; padding-left:1px;}
a:hover {color:#CC9933;font-weight: bold; }

h1 {
	font-family: Arial, Verdana, Helvetica, Geneva;
	font-size:18px;
	font-variant:normal;
	font-weight:bold;
	text-decoration:none;
	color:#000;
	margin: 0 0 10px 10px;
}
h2 {
	font-family: Arial, Verdana, Helvetica, Geneva;
	font-size:12px;
	font-variant:normal;
	font-weight:normal;
	text-decoration:none;
	color:#aaa;
	margin: 0 0 10px 10px;
}

/* Styles for main */
.divMain {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	z-index:2;
	/*padding: 20px 0px 0px 10px;*/ 
}
.contentWidth{
	width: 765px;
}
.headerBar {
	background: url("../gfx/logo.jpg") 0px 0px no-repeat;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 261px;
	height: 106px;
}

/* Styles for navigation */
#topNavi {
	background-color: #336633;
	width:100%;
	height: 25px;
}

#topNavi ul {
    position: relative;
	background-color: #336633;
	width: 1001px;
	height: 25px;
    list-style: none outside none;
    margin: 0 0 0 25px;
    padding: 0;
	float:left;
	z-index: 90;	
}
li.topNaviStartOn {
  position: relative;
	float: left;
	background: url("../gfx/nav_icon_white.gif") 24px 7px no-repeat;
	margin:0px;
  padding:4px 14px 0px 32px;
	height: 21px;
  width: auto;
	display: block; 
}
li.topStartOff {
    position: relative;
	float: left;
	background: url("../gfx/nav_icon_white.gif") 0px 7px no-repeat;
	margin:0px;
    padding:4px 0px 0px 8px;
	height: 18px;
	width:220px;
	display: block; 
}
/* startpage submenu begin */
#topNavi li.topNaviStartOn ul, 
#topNavi li.topStartOn ul { /* Subnavs positionieren und verstecken */ 
	display: none; 
	position: absolute; 
	top: 25px; 
	left: 0; 
    width: auto;
	padding: 0; 
	background-color: #336633;
	border-top: 1px solid #FFCC00;
	z-index: 100;	
}
#topNavi li.topNaviStartOn li, 
#topNavi li.topStartOn li { /* Subnavs positionieren und verstecken */ 
	background: none;
	background-color: #336633;
	margin:0px;
    padding:4px 10px;
    width: auto;
	border-bottom: 1px solid #FFCC00;
}
#topNavi li.topNaviStartOn ul a, 
#topNavi li.topStartOn ul a { 
	border: 0; 
	color: #fff; 
	margin: 0; 
	text-decoration: none;
}
#topNavi li.topNaviStartOn:hover ul { 
	display: block; 
	z-index: 100;
}
#topNavi li.topNaviStartOn ul a:hover,
a.topNaviLinkOff:hover {color:#FFCC00;}

/* startpage submenu end */

li.topStartOn {
	float: left;
	background: url("../gfx/nav_icon_yellow.gif") 0px 7px no-repeat;
	margin:0px;
    padding:4px 0px 0px 8px;
	height: 18px;
	width:220px;
	display: block; 
}

li.topNaviOff {
	float: left;
	background: url("../gfx/nav_icon_white.gif") 45px 7px no-repeat;
	margin:0px;
    padding:4px 15px 0px 53px;
	height: 18px;
	display: block; 
}
li.topNaviOn {
	float: left;
	background: url("../gfx/nav_icon_yellow.gif") 45px 7px no-repeat;
	margin:0px 0px 0px 0px;
    padding:4px 15px 0px 53px;
	height: 18px;
}
a.topNaviLink {
	height: 18px;
  width: auto;
	font-size: 13px; 
	font-family: Arial, Verdana, Helvetica, Geneva; 
	font-weight: normal;
	white-space: nowrap;
	font-variant:normal;
	/*text-transform:uppercase;*/
	padding-left:1px; 
	text-decoration: none;
}
a.topNaviLinkOn{color:#FFCC00; font-weight: normal;}
a.topNaviLinkOff{color:#FFFFFF; font-weight: normal;}
a.topNaviLinkOff:visited {color:#FFFFFF; font-weight: normal;}
a.topNaviLinkOn:visited {color:#FFCC00; font-weight: normal;}
a.topNaviLinkOff:hover {color:#FFCC00; font-weight: normal;}
a.topNaviLinkOn:hover {color:#FFCC00; font-weight: normal;}


/* Meta Navi */
.divMetaNavi {
	height: 35px;
	width: 1026px;
}

.metaNaviOff {
	float: right;
	background: url("../gfx/nav_icon_green.gif") 0px 18px no-repeat;
	margin:0px 0px 0px 0px;
    	padding:15px 15px 0px 8px;
	height: 18px;
}

a.metaNaviLink {
	font-size: 13px; 
	font-family: Arial, Verdana, Helvetica, Geneva; 
	white-space: nowrap;
	font-weight: bold;
	font-variant:normal;
	text-decoration: none;
}
a.metaNaviLinkOn{color:#FFFFFF;font-weight: bold;}
a.metaNaviLinkOff{color:#336633;font-weight: bold;}
a.metaNaviLinkOff:visited {color:#336633;font-weight: bold;}
a.metaNaviLinkOn:visited {color:#FFFFFF;font-weight: bold;}
a.metaNaviLinkOff:hover {color:#336633;font-weight: bold;}
a.metaNaviLinkOn:hover {color:#FFFFFF;font-weight: bold;}

.level2NaviOff{
	background: url("../gfx/nav_icon_green.gif") 5px 3px no-repeat;
}
.level2NaviOn{
	background: url("../gfx/nav_icon_white.gif") 5px 3px no-repeat;
}
.level3NaviOff{
	background: url("../gfx/nav_icon_green.gif") 25px 3px no-repeat;
}
.level3NaviOn{
	background: url("../gfx/nav_icon_white.gif") 25px 3px no-repeat;
}
.level3Navi{
	margin:0px 0px 0px 20px;
    padding:0px 0px 0px 12px;
	height: 18px;
	border-top: 1px solid #FFFF99;
}
.level2Navi {
	margin:0px 0px 0px 20px;
    padding:0px 0px 0px 12px;
	height: 18px;
	border-top: 1px solid #FFFF99;
}

a.levelNaviLink {
	font-size: 13px; 
	font-family: Arial, Verdana, Helvetica, Geneva; 
	font-weight: bold;
	white-space: nowrap;
	font-variant:normal;
	text-decoration: none;
}
a.levelNaviLink:visited {font-weight: bold;}
a.levelNaviLink:hover {font-weight: bold;}
a.levelNaviLink:hover {font-weight: bold;}

.navi {
	padding: 45px 0px 10px 0px;
	width: 261px;
	height: 345px;
}

.subNavi {
	position:absolute;
	top:240px;
	left:0px;
	width: 261px;
	/*height: 545px;*/
	z-index: 3;
}

.linkNavi {
	margin:0px 0px 0px 10px;
    padding:0px 0px 0px 100px;
	border-bottom: 1px solid #CC9933;/*FFCC00*/
}

/* sitemap */
a.txtSitemapFirstItem {
	font-family: Arial, Verdana, Helvetica, Geneva;
	font-size:12px;
	font-variant:normal;
	font-weight: bold;
	text-decoration:none;
	color: #000000;
}
a.txtSitemap {
	font-family: Arial, Verdana, Helvetica, Geneva;
	font-size:11px;
	font-variant:normal;
	font-weight: normal;
	text-decoration:none;
	color: #000000;
}

a.txtSitemapFirstItem:visited {color: #000000;}
a.txtSitemapFirstItem:hover {color: #000000;}
a.txtSitemapFirstItem:hover {color: #000000;}
a.txtSitemap:visited {color: #000000;font-weight: normal;}
a.txtSitemap:hover {color: #000000;font-weight: normal;}
a.txtSitemap:hover {color: #000000;font-weight: normal;}

.level2Sitemap{
	background: url("../gfx/nav_icon_green.gif") 10px 5px no-repeat;
	margin:0px 0px 0px 0px;
    padding:3px 0px 0px 18px;
}
.level3Sitemap{
	background: url("../gfx/nav_icon_green.gif") 5px 5px no-repeat;
	margin:0px 0px 0px 0px;
    padding:3px 0px 0px 13px;
}

/* content */
.content {
	position:absolute;
	top:195px;
	left:261px;
	width: 507px;
	padding: 0px;
	/*padding: 45px 0px 10px 36px;*/
	background-color: #FFFFFF;
	z-index: 3;
}
.pageContent {
	position:absolute;
	top:195px;
	left:261px;
	width: 765px;
	padding: 45px 0px 0px 45px;
	background-color: #FFFFFF;
	z-index: 3;
}
.introContent {
	position:absolute;
	top:195px;
	left:261px;
	width: 765px;
	padding: 0px 0px 0px 0px;
	background-color: #FFFFFF;
}
#scrollText {
 	position:absolute;
	top:45px;
 	left:36px;
 	overflow:auto;width:507px; height:492px;
}
#flashcontent {
	/*width:208px;
	height:160px;*/
	padding: 0;
	margin: 0;
	clear: both;
}
.flashContentMedia,
.flashContentMultiMedia {
	background-color:#000;
	width:400px;
	height:225px;
	margin: 0 0 5px 10px;
	clear: both;
	overflow: hidden;
}
.flashContentMultiMedia {
	width:320px;
	height:240px;
	margin: 0 0 15px 10px;
}
.contact {
	position:absolute;
	top:195px;
	left:824px;
	width: 202px;
	background-color: #FFFFFF;
	z-index: 3;
}
.contactInfo {
	padding: 83px 0px 10px 2px;
}
.headline {
	font-family: Arial, Verdana, Helvetica, Geneva;
	font-size:18px;
	font-variant:normal;
	font-weight:bold;
	text-decoration:none;
}
.txtContact {
	font-family: Arial, Verdana, Helvetica, Geneva;
	font-size:12px;
	font-variant:normal;
	text-decoration:none;
	
}
.txtPoint {
	/*background: url("../gfx/point.gif") 0px 3px no-repeat;*/
	margin:0px 0px 0px 0px;
    padding:0px 0px 0px 13px;
}
.txtFooter {
	font-family: Arial, Verdana, Helvetica, Geneva;
	font-size:11px;
	font-variant:normal;
	text-decoration:none;
	padding-left:2px;
	padding-bottom:2px;
	vertical-align:bottom;	
}
.divContactLink {
	background: url("../gfx/nav_icon_white.gif") 12px 5px no-repeat;
    padding:2px 0px 3px 20px;

}

.txtHeadline {
	font-family: Arial, Verdana, Helvetica, Geneva;
	font-size:14px;
	font-variant:normal;
	font-weight:bold;
	text-decoration:none;
	
}

.farnImage {
	/*position:absolute;
	top:545px;
	left:0px;*/
	margin:30px 0 0;
	width:261px;
	height:200px;
	z-index:4;
}

.sizeSubNavi {
	position:absolute;
	top:0px;
	left:0px;	
	margin-top:0px;
	margin-left:0px;
	height:100%;
	width:261px;
	z-index:1;
}

/* ---------- Team---------------------------------------- */ 
.teamRowImg {
	margin-top: 5px;
	width: 715px;
	height: 115px;
}
.teamRowName {
	width: 715px;
	height: 20px;
}
.teamRowDesc {
	background-color: #FFF2CD;
	width: 715px;
	height: 17px;
}
.teamRowFirst {
	float: left;
	width: 260px;
	padding-left: 0px;
	padding-bottom: 0px;
}
.teamRowFirstLastCol {
	float: left;
	width: 195px;
	padding-left: 0px;
	padding-bottom: 0px;
}
.teamRow {
	float: left;
	width: 130px;
	padding-left: 0px;
	padding-bottom: 0px;
}
.teamRowLastCol {
	float: left;
	width: 85px;
	padding-left: 0px;
	padding-bottom: 0px;
}

.teamRowImg img {
	border: none;
	width: 125px;	
	height: 115px;
}

/* ---------- form ---------------------------------------- */
.textblockDistance { 
	padding: 2px 0px 2px 4px;
	margin: 1px 0px 0px 0px;
}
.formRight {
	width: 285px;
}	
input.field, textarea.field
{
font-family: Verdana,Arial,Helvetica;
font-size: 9pt;
color: #000000;
border: #FFC00F 1px solid;
}
input.field {
	height: 23px;
}
textarea.field {
	height: 140px;
}
#errormessage {
	padding: 0px 0px 1px 0px;
	font-size: 9pt;
	height: 13px;
}
.infoField {
	font-family: Verdana, Arial, Helvetica, Geneva;
	font-size:11px;
	text-decoration:none;
	/*font-weight:bold;*/
	padding: 2px 10px 2px 10px;
	width: 250px;
	display: none;
	/*text-align:left;*/
	text-decoration:none;
	z-index:99;	
}
/* ---------- form ---------------------------------------- */ 

/* article */
/* article start */
.article-headline {
 	background-color: transparent;
	color: #000000;
	font-weight: bold;
 	text-align: left;
  	font-family:Arial, Verdana, Helvetica, Geneva;
	font-size:14px;
	line-height: 20px;
}
.article-headline-small {
 	background-color: transparent;
	color: #000000;
	font-weight: bold;
 	text-align: left;
  	font-family:Arial, Verdana, Helvetica, Geneva;
	font-size:12px;
}
div.article-text {
 font-size:12px;
 color: #000000;
 background-color: transparent;
 text-align: left;
 font-weight: normal;
 font-family:Arial, Verdana, Helvetica, Geneva; 
}

img.article-image {
 margin: 0px 13px 2px 0px;
}
div.article {
 padding: 10px 10px 10px 10px;
}
div.article-picture-left-text-float,
div.article-picture-right-text-float,
div.article-picture-left-text-bottom,
div.article-picture-right-text-bottom,
article-picture-center-text-top,
div.article-picture-center-text-bottom {
 margin-top: 0px; 
}
div.article-picture-left-text-float {
 text-align: left;
}
div.article-picture-left-text-float
 img.article-image {
  /*margin-right: 5px;*/
  float: left;
 }
div.article-picture-right-text-float {
 text-align: right;
}
article-picture-center-text-top {
 text-align: left;
}
div.article-picture-right-text-float
 img.article-image {
  float: right;
  margin-left: 5px;
 }
div.article-picture-right-text-bottom {
 text-align: right;
}
div.article-picture-center-text-bottom {
 text-align: center;
}

/* Table */
.tableBorder {
	border-top: 1px solid #FFCC00;
	border-left: 1px solid #FFCC00;
	border-right: 1px solid #FFCC00;
}

.tdContent {
	border-bottom: 1px solid #FDF9CE;
  	padding: 2px 10px 2px 10px;
	font-size:12px;
	color: #000000;
	background-color: transparent;
	text-align: left;
	font-family:Arial, Verdana, Helvetica, Geneva; 
}

/* Bullet Points */

ul {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style-type:none;
}

.bulletPoint, li {
	background: url("../gfx/nav_icon_green.gif") 12px 5px no-repeat;
	margin:0px 0px 0px 0px;
    	padding:2px 0px 3px 20px;
	font-size:12px;
	color: #000000;
	background-color: transparent;
	text-align: left;
	font-family:Arial, Verdana, Helvetica, Geneva; 
}

/* PopBox */
.PopBoxImageSmall
{
	border: none 0px #ffffff;
	cursor: url("../gfx/magplus.cur"), pointer;
}
.PopBoxImageLarge
{
	border: solid 1px #999999;
	cursor: url("../gfx/magminus.cur"), pointer;
}
.PopBoxImageShrink
{
	cursor: url("../gfx/magminus.cur"), pointer;
}
.PopBoxImageLink
{
	cursor: pointer;
}
.PopBoxImageMove
{
	border: none 0px #ffffff;
	cursor: pointer;
}

/* Colors */
.lightYellow {
	background-color: #FFCC00;
}
.pastelYellow {
	background-color: #FDF9CE;
}
.eggshellColor {
	background-color: #FFF2CD;
}	
.darkYellow {
	background-color: #FFC00F;
}
.darkGreen {
	background-color: #336633;
}
.white {
	background-color: #FFFFFF;
}
.red{
	background-color: #FF0000;
}
.textDarkGreen {
	color:#336633;
}
.textLightYellow {
	color:#FF9933 /*#FFCC00;*/
}
.textWhite{
	color:#FFFFFF;
}
/*FF9900*/
a.textYellow {
	color:#CC9933;
}

/* Spacer */
div.spacer5 {
 clear:left;
 height: 5px;
}
div.spacer10 {
 clear:left;
 height: 10px;
}
div.spacer20 {
 clear:left;
 height: 20px;
}

div.left10 {
  padding:0px 0px 0px 10px;
}

div.left13 {
  padding:0px 0px 0px 10px;
}

div.left15 {
  padding:0px 0px 0px 15px;
}

div.left25 {
  padding:0px 0px 0px 25px;
}
div.right5 {
  padding:0px 5px 0px 0px;
}
div.height35 {
 height: 35px;
}

div.height29 {
 height: 29px;
}

div.height25 {
 height: 25px;
}

div.height22 {
 height: 22px;
}

div.height15 {
 height: 15px;
}