/*************************************************************/
/*  Allgemein                                                */
/*************************************************************/
body {
	margin: 0;
	border: 0;
	padding: 0px 0px 0px 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: small;
	color: #333;
	background-color: #333;
	}

a {
	text-decoration: none;
	font-weight: bold;
	color: #306396;
	outline: none;
	}
a:visited {
	color: #660000;
	}
a:active {
	color: #FF9900;
	}
a:hover {
	color: #FF9900;
	text-decoration: underline;
	}
.ahem {
	display: none;
	}
strong, b {
	font-weight: bold;
	}
p, ul, ol {
	font-size: 110%;
	line-height: 130%;
	margin-top: 5px;
	margin-bottom: 10px; 
	}
/* weird ie5win bug: all line-height to font-size ratios must agree or box gets pushed around. UPDATE: this has turned out to be very rare. my current recommendation is IGNORE this warning. at the moment i'm leaving it in only in case the issue turns up again. possibly the original bug in march 2001 was caused by an unusual combination of factors, although this solved it at the time.*/

h1 {
	font: bold 170%/200% Arial, Helvetica, sans-serif;
	margin-top: 20px;
	margin-bottom: 0px;
	}
h2 {
	font: bold 135%/145% Arial, Helvetica, sans-serif;
	margin-top: 20px;
	margin-bottom: 0px;
	}
h3 {
	font: bold 130%/140% Arial, Helvetica, sans-serif;
	margin-top: 20px;
	margin-bottom: 0px;
	}
h4 {
	font: bold 125%/130% Arial, Helvetica, sans-serif;
	margin-top: 20px;
	margin-bottom: 0;
	}
h5 {
	font: bold 120%/125% Arial, Helvetica, sans-serif;
	margin-top: 20px;
	margin-bottom: 0px;
	}
h6 {
	font: bold 115%/120% Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-bottom: 0px;
	}
img {
	border: 0;
	}

/*************************************************************/
/*  Tabellen                                                 */
/*************************************************************/
table {
	border: 0px solid #CC6600; 
	border-spacing: 0px;
	margin-right: 15px;
}
td {
	border: 0px solid #CC6600; 
	padding: 3px 8px;
}
.tr_1 {
	background-color: #DFDFDF;
	font-size: 110%;
}
.tr_2 {
	background-color: #FFFFDD;
	font-size: 110%;
}

/*************************************************************/
/*  Header                                                   */
/*************************************************************/
#LayoutHeader {
	margin: 15px 15px 0px 15px;
	padding: 10px;
	background-image:url(Graphics/headercenter.gif);
	background-repeat: repeat-x;
	height: 80px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 65px;
}
html>body #LayoutHeader {
	height: 65px; /* ie5win fudge ends */
}
#headleft, #headright  {
	position: absolute;
	top: 15px;
	height: 80px;
}
#headleft {
	left: 15px;
	width: 70px;
}
#headright {
	right: 14px;
	width: 15px;
}
#utility{
	font-size: 100%;
	position: absolute;
	top: 27px;
	right: 30px;
	color: #f90;
}
#utility a{
	font-weight: normal;
	color: #ccc;
}
#utility a:hover{
	color: #fff;
	font-weight: normal;
	text-decoration: underline;
}

#sitename {
	position: absolute;
	top: 32px;
	left: 94px;
	}
#sitename_ib, #sitename_j, #sitename_enne, #sitename_se {
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 0;
	text-align: right;
	}
#sitename_ib {
	font-size: 16px;
	color: #ccc;
	}
#sitename_j, #sitename_enne {
	color: #fff;
	margin-top: 0;
	margin-bottom: 0;
	}
#sitename_j {
	position: relative;
	font-size: 36px;
	top:9px;
	}
#sitename_enne {
	font-size: 32px;
	color: #fff;
	margin-top: 0;
	margin-bottom: 0;
	}
#sitename_se {
	position: relative;
	top:12px;
	left: 9px;
	font-size: 16px;
	font-weight: normal;
	color: #e80;
	}


/*************************************************************/
/*  Navigation                                               */
/*************************************************************/
#LayoutNav {
	position: absolute;
	top: 95px;
	left: 0px;
	margin: 15px 15px 3px 15px;
	padding: 69px 0px 18px 0px;
	border: 1px solid #ffffff;
	background: #336699;
	background-image:url(Graphics/navtop.gif);
	background-repeat: repeat-x;
	width: 191px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 159px;
	}
html>body #LayoutNav {
	width: 159px; /* ie5win fudge ends */
	}
#NavCorner {
	position: absolute;
	top: -1px;
	left: -1px;
	width: 17px;
	height: 17px;
}
/*******************/
/* Main Navigation */
/*******************/
ul#NavMain {
	list-style: none;
	margin: 0;
	padding: 0;
	background-color: #D6D6D6;
}
ul#NavMain li a:link, ul#NavMain li a:visited {
	text-decoration: none;
	display: block;
	width: 88%;
	padding: 6px 6%;
	background: #306396;
	font: normal 16px/22px arial, sans-serif; 
	color: #ddd;
}
ul#NavMain li#NavMainFirst {
	border-top: 1px solid #A5B5C6;
}
ul#NavMain li {
	border-bottom: 1px solid #A5B5C6;
}
ul#NavMain li a:hover {
	background-color: #4477AA;
	color:#FFF;
}
/* geöffnetes Hauptmenü */
ul#NavMain li.Opened a:link, ul#NavMain li.Opened a:visited  {
	background-color: #114477;
}
/* geöffnetes Hauptmenü hover */
ul#NavMain li.Opened a:hover {
	background-color: #225588;
}


/******************/
/* Sub Navigation */
/******************/
ul#NavMain ul.NavSub {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul#NavMain ul.NavSub li {
	border-bottom: none; 
	padding-left: 18px;
}
ul#NavMain ul.NavSub li a:link,  ul#NavMain ul.NavSub li a:visited {
	padding: 1px;
	font: 14px/22px Verdana, sans-serif;
	color: #5C6F90;
	background-color: transparent; 
}
ul#NavMain ul.NavSub li a:hover {
	font: normal 14px/22px Verdana, sans-serif;
	color:#FFF;
	background-color: transparent; 
	text-decoration: underline;
}
/* geöffnetes Topic von Submenü */
ul#NavMain ul.NavSub li.Opened a:link, ul#NavMain ul.NavSub li.Opened a:visited {
	font: bold 14px/22px Verdana, sans-serif;
	background-color: transparent; 
	color: #114477;
}
/* geöffnetes Topic von Submenü hovered*/
ul#NavMain ul.NavSub li.Opened a:hover  {
	font: bold 14px/22px Verdana, sans-serif;
	background-color: transparent; 
	color:#FFF;
	text-decoration: underline;
}

/******************/
/* SubSub Navigation */
/******************/
ul#NavMain ul.NavSub ul.NavSubSub {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul#NavMain ul.NavSub ul.NavSubSub li {
	border-bottom: none; 
	padding-left: 12px; 
}
ul#NavMain ul.NavSub ul.NavSubSub li a:link,  ul#NavMain ul.NavSub ul.NavSubSub li a:visited {
	padding: 1px;
	font: 13px/15px Verdana, sans-serif;
	color: #5C6F90;
	background-color: transparent; 
}
ul#NavMain ul.NavSub ul.NavSubSub li a:hover {
	color:#FFF;
	font: 13px/15px Verdana, sans-serif;
	background-color: transparent; 
	text-decoration: underline;
}
/* geöffnetes Topic von SubSubmenü */
ul#NavMain ul.NavSub ul.NavSubSub li.Opened a:link, ul#NavMain ul.NavSub ul.NavSubSub li.Opened a:visited {
	font: bold 13px/15px Verdana, sans-serif;
	background-color: transparent; 
	color: #114477;
}
/* geöffnetes Topic von Submenü hovered*/
ul#NavMain ul.NavSub ul.NavSubSub li.Opened a:hover  {
	font: bold 13px/15px Verdana, sans-serif;
	background-color: transparent; 
	color:#FFF;
	text-decoration: underline;
}

/*************************************************************/
/*  Content Right                                               */
/*************************************************************/
#ContentRight {
	position: absolute;
	top: 95px;
	right: 0px;
	margin: 15px 15px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 1px solid #ffffff;
	background-color: #fff;
	background-repeat: repeat-y; 
	width: 164px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 150px;
}
html>body #ContentRight {
	width: 150px; /* ie5win fudge ends */
}
#ContentRight img {
	border: 0px;
}

/*************************************************************/
/*  Inhalt                                                   */
/*************************************************************/
#ContentCorner {
	position: absolute;
	top: 110px;
	z-index: 2;
	right: 14px;
	width: 17px;
	height: 17px;
}
#LayoutContent {
	margin: 10px 15px 3px 180px;
	background: #ffffff;
	padding: 0px 25px 0px 25px;
}
#LayoutContentNar {
	margin: 10px 165px 3px 180px;
	background: #ffffff;
	padding: 0px 25px 0px 25px;
}
#breadCrumb{
	padding: 5px 0px 5px 10px;
	font-family: Verdana,sans-serif;
	font-size: 95%;
	font-weight: normal;
	color: #FF9900;
	height: 15px;
}
#breadCrumb a{
	color: #AAAAAA;
	font-weight: normal;
}
#breadCrumb a:hover{
	color: #005FA9;
	font-weight: normal;
	text-decoration: underline;
}
#pageName{
	padding: 0px 0px 6px 10px;
	margin: 0px;
	border-bottom:1px solid #306396;
}
#pageName h1{
	font-family: Arial,sans-serif;
	font-size: 170%;
	line-height: 40px;
	color: #306396;
	margin:0px;
	padding: 0px;
}
#Content {
	padding: 10px;
/*	background: url(Graphics/BackgroundContent.gif) fixed; */
}
#Content h1, #Content h2, #Content h3 {
	padding-left: 10px;
	padding-right: 10px;
	color:#CC6600;
	background-color: #DFDFDF;
	}
#Content h4 {
	padding-left: 10px;
	padding-right: 10px;
	color:#000;
	background-color: #DFDFDF;
	}

/*************/
/*  Projekte */
/*************/
.Project {
	margin-left: 20px;
}
ol.Project li {
	margin-left: 20px;
	padding-bottom: 14px;
}
ol.Project li a {
	font-size: 110%;
	line-height: 120%;
	font-weight: normal;
}
.Project p {
	line-height: 120%;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.Project p.Top {
	margin-top: 10px;
	font-weight: bold;
	color: #888;
}
.Project p.Txt {
	font-weight: normal;
	padding-left: 90px;
	color: #000;
}
p.ProNav {		/* Navigationsleiste */
	position: static;
	text-indent: 0px;
	margin-top: 5px;
	margin-bottom: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 100%;
	font-weight: normal;
	background-color: #FFFFDD;
	color: #306396;
}
p.ProNav a {		/* Navigationsleiste */
	font-weight: normal;
	font-size: 100%;
	color: #306396;
}

/*************/
/*  Referenz */
/*************/
.Ref p {
	font-size: 110%;
	line-height: 115%;
	font-weight: bold;
}
p.RefNav {		/* Navigationsleiste */
	margin-bottom: 20px;;
	font-size: 90%;
	font-weight: normal;
	background-color: #FFFFDD;
	color: #306396;
}
p.RefNav a {		/* Navigationsleiste */
	font-size: 100%;
	font-weight: normal;
	color: #306396;
}
.hLine   {
	clear: both;
	border-top: 1px solid #306396;
}

/*************************************************************/
/*  Verschiedenes                                            */
/*************************************************************/
.Scroll {
	overflow: auto;
}

.tiny, .PicLegend {
	font-size: 85%;
	line-height: 90%;
	margin-top: 15px;
	margin-bottom: 5px; 
	}
	
.PicLegend {
	text-align: right; 
	padding-right: 0px;	
	padding-top: 20px;	
	border-top:1px solid #306396;
	}
/*************************************************************/
/*  Schriftfuss                                              */
/*************************************************************/
#LayoutFooter {
	clear: both;
	margin: 0px 15px 15px 15px;
	padding: 0;
	border: 0;
	background-image:url(Graphics/footercenter.gif);
	background-repeat: repeat-x;
	height: 32px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 32px;
	text-align: center;
	}
html>body #LayoutFooter {
	height: 32px;
	}
#footleft, #footright  {
	height: 32px;
	width: 16px;
}
#footleft {
	float: left;
}
#footright {
	float: right;
}
#copyright {
	font-weight: normal;
	font-size: 80%;
	color: #333;
	position: relative;
	top: 12px;
}