/* #######################################################################
-> global.css
This file contains all css-definitions for the BG-website, 
there should be no css-definitions in HTML/PHP-files.
Layers are used for a barrier-free layout, following these rules:
- layers containing navigation have a z-index with at least a value of 10
- layers containing content have a z-index with at least a value of 20
####################################################################### */

/* tag-redefinitions and -classes
--------------------------------- */

body {
	background-color: #E8EFF7;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
}

#titleVideo{
	font-size:0.8em;
	font-weight: normal;
	padding-bottom: 5px;
	}

h1 {
	color: #0047B9;
	font-size: 1.2em;
	padding: 0;
	margin-top: 10px;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
}

h2 {
	color: #000000;
	font-size: 1.0em;
	padding: 0;
	margin: 0;
	font-weight: bold;
}

h3 {
	color: #000000;
	font-size: 0.9em;
	padding: 0;
	margin: 0;
}

h3.downloads {
	padding-top:15px;
	margin-top: 15px;
	border-top: 1px dotted #336699;	
}

h3.video {
	color: #000000;
	font-size: 0.9em;
	margin-bottom: 5px;
}

h3.blue {
	color: #336699;
	font-size: 0.9em;
	padding: 0;
	margin: 0;
}

h4 {
	color: #990000;
	font-size: 0.65em;
	font-weight: bolder;
	letter-spacing: 0.35em;
	padding: 0;
	margin-bottom: 5px;	
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
}

/* the h5 can be the current location in the navigation, too */
h5, a.h5:link, a.h5:visited, a.h5:hover, a.h5:active, a.h5:focus {
	color: #990000;
	font-size: 0.7em;
	padding: 0;
	margin-top: 0;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 0;
}

h6 {
	color: #336699;
	font-size: 0.8em;
	text-decoration: none;
	font-weight: bold;
	padding: 0;
	margin-top: 0;
	margin-left: 5px;
	margin-right: 5px;	
	margin-bottom: 0;
}

h6.grey {
	color: #999999;
	font-size: 0.8em;
	text-decoration: none;
	font-weight: bold;
	padding: 0;
	margin-top: 0;
	margin-left: 5px;
	margin-right: 5px;	
	margin-bottom: 0;
}

p, dl {
	color: #000000;
	font-size: 0.8em;
	text-decoration: none;
	font-weight: normal;
	line-height: 1.4em;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0;
}

p.downloads {
	padding-top: 5px;
}

li {
	color: #000000;
	font-size: 0.8em;			
}

ul {
	margin-top:0;	
	margin-bottom:0;	
}

ol {
	margin-top:0;	
	margin-bottom:0;
}

p.rightContent {
	color: #336699;
	font-size: 0.7em;
	text-decoration: none;
	font-weight: normal;
	padding: 0;
	margin-left: 5px;
	margin-right: 5px;	
	margin-top: 0;
	margin-bottom: 0;
}

h6.rightContent {
	color: #336699;
	font-size: 0.7em;
	text-decoration: none;
	font-weight: bold;
	padding: 0;
	margin-left: 5px;
	margin-right: 5px;	
	margin-top: 0;
	margin-bottom: 0;
}

/* use this <p>-tag without text in it,
like <p class="dottedLine" /> */
p.dottedLineBlue {
	clear: both;
	margin-top: 10px;
	border-top-color: #336699;
	border-top-width: 1px;
	border-top-style: dotted;
}

/* use this <p>-tag without text in it,
like <p class="dottedLine" />. 
Use only for right container. */
p.dottedLineBlueRight {
	clear: both;
	margin-top: 10px;
	margin-left: 4px;
	margin-right: 4px;
	margin-bottom: 0;	
	border-top-color: #336699;
	border-top-width: 1px;
	border-top-style: dotted;
}

/* use this <p>-tag without text in it,
like <p class="dottedLine" /> */
p.dottedLineWhite {
	clear: both;	
	font-size: 1em;
	/* only 5px here, compare to the blue dotted lines */
	padding: 0;
	margin-top: 5px;
	border-top-color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: dotted;
}

img.rightContent {
	margin-right: 3px;
	float: left; 	
}

form.searchContainer {
	margin: 5px;
	padding: 0;
}

input.searchContainer {
	width: 10em;
}

/* anker-definitions 
-------------------- */

a:link, a:visited {
	color: #336699;
	text-decoration: underline;
	font-weight: normal;
}

a:hover, a:active, a:focus {
	color: #990000;
	text-decoration: none;
	font-weight: normal;
}


a:hover.video, a:active.video, a:focus.video {
	color: #000000;
	text-decoration: none;
	font-weight: bold;	
}


a.head:link, a.head:visited {
	color: #336699;
	text-decoration: none;
	font-weight: normal;	
}

a.head:hover, a.head:active, a.head:focus {
	color: #990000;
	text-decoration: none;	
	font-weight: normal;
}

a.teaserHead:link, a.teaserHead:visited, a.teaserHead:hover, a.teaserHead:active, a.teaserHead:focus {
	color: #990000;
	text-decoration: underline;
	font-weight: bold;
}

a.glossar:link, a.glossar:visited {
	font-size: 0.75em;
	color: #336699;
	text-decoration: none;
	border: 1px;
	border-style: outset;
	padding-left: 1px;
	padding-right: 1px;
}

/* navigation links */
#naviLeft a:link, #naviLeft a:visited {
	color: #336699;	
	font-size: 1em;
	text-decoration: none;
	font-weight: normal;
}

/* navigation links. hover and active */
#naviLeft a:hover, #naviLeft a:active, #naviLeft a:focus  {
	color: #990000;		
	font-size: 1em;
	text-decoration: none;
	font-weight: normal;
}

/* navigation links, the current site is highlighted bold and red */
#naviLeft a.currentSite:link, #naviLeft a.currentSite:visited, #naviLeft a.currentSite:hover, #naviLeft a.currentSite:active, #naviLeft a.currentSite:focus {
	color: #990000;
	font-size: 1em;
	text-decoration: none;
	font-weight: bold;
}

a.footerRight:link, a.footerRight:visited, a.footerRight:hover, a.footerRight:active, a.footerRight:focus {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
}

/* other definitions
-------------------- */

/* layer-definitions 
-------------------- */

#head {
	position: absolute;
	z-index: 0;
	background-image:url(../images/title_00.png);
	/*top: 0px;
	left: 0;*/
	width: 790px;
	height: 103px;
	font-size: 0.7em;
	text-align: right;
	text-decoration: none;
	padding: 0;
	margin: 0;
}

/* navigation under the logo of the website */
#headNavi {
	position: absolute;
	z-index: 10;
	display: block;
	top: 103px;
	/*left: 0;*/
	width: 790px;
	height: 31px;
	padding: 0;
	margin-top: 0;
	margin-left: 10px;
	margin-right: 0;
	margin-bottom: 0;
}

/* navigation under the headNavi to show the user the current 
location on the website */
#locationNavi {
	position: absolute;
	z-index: 20;
	top: 134px;
	/*left: 0;*/
	width: 790px;
	padding: 0;
	margin-top: 0;
	margin-left: 10px;
	margin-right: 0;
	margin-bottom: 0;
}

#teaser {
	position: absolute;
	z-index: 0;
	top: 134px;
	/*left: 0;*/
	width: 780px;
	height: 155px;
	padding: 0;
	margin-left: 10px;
}

#contentArea {
	position: absolute;
	z-index: 20;
	top: 289px;
	/*left: 10px;*/
	width: 780px;
	padding: 0;
	margin-left: 10px;
	border-top-color: #990000;
	border-top-width: 2px;
	border-top-style: solid;
}

/* the navigation on the left */
#naviLeft {
/*	z-index: 20;	
	left: 0;	*/
	width: 165px; 
	height: auto;			
	padding-top: 5px;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
	margin: 0;
	background-color: #E8EFF7; 
	border-top-style: solid;
	border-top-width: 2px;
	border-top-color: #990000;
	float: left;
}

#mainContent {
/*	z-index: 20;
	left: 165px; */
	background-color: #FFFBFF;
	width: 410px;
	float: left; 
	padding-top: 0;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 0;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-bottom-color: #990000;
}

#rightContent {
/*	z-index: 20; */
	background-color: #E8EFF7;
/*	left: 585px; */
	width: 195px;
	height: auto;
	color: #336699;
	margin: 0;
	padding: 0;
	border-top-style: solid;
	border-top-width: 2px;
	border-top-color: #990000;
	float: left;
}

#searchContainer {
	background-color: #C2CDDF;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 0;
}

#searchContainer form {margin:0;padding:0;}

#footerLeft {
	z-index: 10;
	clear: both;	
	background-color: #0045BD; 	
	width: 390px;
	height: auto;
	color: #FFFFFF;	
	font-size: 0.7em;
	padding: 2px;
	float: left;
}

#footerRight {
	z-index: 10;
	background-color: #0045BD; 	
	width: 380px;
	height: auto;
	color: #FFFFFF;
	font-size: 0.7em;	
	text-align: right;
	padding: 2px;
	float: left;
}

/* this layer is integrated in HTML just to be shown
on the print-layout */
#logoPrint {
	display: none;
}

/* #######################################################################
-> additional styles for: kunden.tpl
This part contains additional style-information for the file named above.
####################################################################### */

/* tag-redefinitions and -classes
--------------------------------- */

img.customerThumbnail {
	float: left;
}

p.breakFloat {
	clear: both;
	padding: 0;
	margin: 0;
}

/* #######################################################################
-> additional styles for: zahlen_und_fakten.tpl
This part contains additional style-information for the file named above.
####################################################################### */

table {
	background-color: #EFEFFF;
	font-size: 0.7em;
	border-collapse: separate;
	width: 95%;
	padding-left: 0px
}

caption {
	background-color: #0047B9;
	width: 95%;
	font-size: 1.1em;
	color: #FFFFFF;
	font-weight: bold;
	position: static;
}

th {
	text-decoration: none;
	font-weight: bold;
	position: relative;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #FFFFFF;
}

tbody {

}

tr {

}

td {
	border: 1px solid white;
	text-align: center;
	vertical-align: middle;
}

tfoot {
	font-weight: bold;
	border: 1px solid white;	
}

img.zahlengrafik {
	border: none;
	margin-left: 15px;
	margin-top: 20px;
	margin-right: 15px;
	margin-bottom: 20px;
}

h3.blue {
	color: #336699;
}

.glossarLinks {
	text-align: center;
}

/* #######################################################################
-> additional styles for: kontakt.tpl
This part contains additional style-information for the file named above.
####################################################################### */

/* tag-redefinitions and -classes
--------------------------------- */

.contactFormElement {
	width: 260px;
}

/* layer definitions
----------------- */

#contactPageRight {
	text-align: center; 
	width: 115px; 
	float: right;
}

#contactPageLeft {
	text-align: left; 
	width: 280px;
}

#contactFormContainer {
	text-align: right;
}

/* #######################################################################
-> additional styles for: right_column.tpl
This part contains additional style-information for the file named above.
####################################################################### */

img.rightPadding {
	padding-right: 4px;
}

/* #######################################################################
-> additional styles for: sitemap.tpl
This part contains additional style-information for the file named above.
####################################################################### */

.sitemapEintrag {
	background-color: #FFFBFF;	
	margin: 0px;
	padding: 10px 20px 10px 50px;
	line-height: 160%;
}

.headlineSitemap {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;	
	font-weight: bold;	
	font-size: 1.0em;
	margin: 0px;
	padding: 10px;
}
.headlineSitemapwithoutline {	
	font-weight: bold;	
	font-size: 1.0em;
	margin: 0px;
	padding: 10px;
}

/* #######################################################################
-> additional styles for all pages
Adds home button function to the bg-logo
####################################################################### */

/* layer definitions
----------------- */
#homeButton {
position: absolute;
top: 0;
/*left: 0;*/
z-index: 40;
}

.bildunterschrift {
	color: #000000;
	font-size: 0.7em;
	text-decoration: none;
	font-weight: normal;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0;
}

.float_left {
	float: left;
	margin-right: 4px;
	margin-top: 4px;
}

h3.team {
	border-top:1px dotted #336699;
	clear:both;
	padding-top: 5px;
	margin-bottom: 10px;
}

div.team_new_list {
	clear:both; 
	margin: 0 0 10px 0;
}

div.team_new_list img {
	margin-right: 5px;
	float:left;
	margin-bottom: 10px;
}

div.team_new_list h6 span {color: #000; font-weight:normal;}