/*

	filename:	/css/screen-skin.css
	version:	1.1 - 2007-003-07 - mkr

	author:		martin (dot) krause (at) gpm (dot) de 
	validated by W3C CSS Validator // jigsaw.w3.org

	1.1 - mkr: added deko
	
*/


/* IdentitŠtsfarbe dunkel 
-------------------------------------------------------------------------*/

#branding {
	background: #062E77; 
}

#navSupplementary {
	border-color: #062E77;
}


/* IdentitŠtsfarbe hell
-------------------------------------------------------------------------*/

#navMain {
	background-color: #DFEAF7;
}

/* boxes, right side */
#contentService form,
#contentService form#formSearch
{
	background-color: #DFEAF7;
}

/* button */
#contentMain input.inputFormSubmitKon {
	background: #DFEAF7;
}


/* Schriftfarbe Navigation 
-------------------------------------------------------------------------*/
#navMain li a,
#navMain li a:link,
#navMain li a:visited,
#navMain li a:hover,
#navMain li a:active,
.navDropDownShow li a
{
	color: #062E77;
}


/* Schriftfarbe †berschrift 
-------------------------------------------------------------------------*/

#navSupplementary ul#navSupp li a,
#navSupplementary ul#lang li a,
#navSection ul li a,
#contentMain h2,
#contentMain h3,
#contentService
{
	color: #062E77;
}




#contentMain h1
{
	color: #062E77;
}


/* Schriftfarbe Mengentext
-------------------------------------------------------------------------*/

#contentMain,
#contentService fieldset a,
#contentService label,
#contentService li,
#contentService li a,
#contentService li a:link,
#contentService li a:visited,
#contentService li a:hover,
#contentService li a:active 
{
	color: #009;
}

/* dropdown  border color 
-------------------------------------------------------------------------*/
.navDropDownShow
{
	border: 1px solid #062E77 ! important;
}


/* border color 
-------------------------------------------------------------------------*/

.navDropDownShow,
/* border, boxes left*/
#navSection ul, 
/*border, boxes right*/
#contentService form,
#contentMain .warning,
/* homepage */
#home #contentMain div.contentMainFocus,
#home #contentMain div.contentMainNews li a img {
	border: 1px solid #BAD5E4; 
}

/*box object */
#contentService h2 {
	border-top: 1px solid #BAD5E4;
	border-right: 1px solid #BAD5E4;
	border-left: 1px solid #BAD5E4;
}

/*box object */
#contentService ul {
	border-right: 1px solid #BAD5E4;
	border-bottom: 1px solid #BAD5E4;
	border-left: 1px solid #BAD5E4;
}

/* boxobject 2 */
#contentService a {
	border-right: 1px solid #BAD5E4; 
	border-left: 1px solid #BAD5E4; 
}

#contentService a.onlyAndLast {
	border-bottom: 1px solid #BAD5E4; 
} 

#contentService #toolbox li {
	border-top: 1px solid #BAD5E4;
	border-bottom: 1px solid #BAD5E4;
}

#contentService #toolbox li#fontSizeDecrease {
	border-left: 1px solid #BAD5E4;
}

#contentService #toolbox li#fontSizeIncrease {
	border-right:1px solid #BAD5E4; 
}

#contentService #toolbox li#print {
	border-left: 1px solid #BAD5E4; 
	border-right: 1px solid #BAD5E4;
}

.navDropDownShow li a:hover,
.navDropDownShow li a:active,
.navDropDownShow li a.active {
	border-left: 2px solid #BAD5E4;
	border-right: 2px solid #BAD5E4;
}

/* button */
#contentMain input.inputFormSubmitKon {
	border: 1px solid #BAD5E4;
}


/* colored box background 
-------------------------------------------------------------------------*/

/* dropdown hover */
.navDropDownShow li a:hover,
.navDropDownShow li a:active,
.navDropDownShow li a.active,
/* homepage */
#home #contentMain h2.contentMainFocus,
#home #contentMain div.contentMainFocus,
/* Intro box, homepage*/
#home #contentMain h1,
#home #contentMain p
{
	background-color: #F7FAFD ! important;
}


#home #contentMain p {
	margin: 0 0 0px 0;
}

/* newsletter */
#contentService #formNlBox,
#contentService #formNlBox .inputSubmitNlBox,
/* box object */
#contentService h2,
#contentService ul,
/* boxobject 2 */
#contentService a 
{
	background-color: #F7FAFD;
}

.navDropDownShow li a {
	border-bottom: 1px solid #F7FAFD;

}

#contentMain .coloredTextbox {
	width: 542px;
	background: #DFEAF7;
	border: 1px solid #CCCCCC;
	padding: 6px;
	margin-bottom: 10px;	
}

/* toolbox
-------------------------------------------------------------------------*/

#contentService #toolbox li {
	background-color: #48649A;
	color: #fff;
}

#contentService #toolbox li a {
	color: #fff;
}


/* Sonderfarben
-------------------------------------------------------------------------*/


/*-------------------------------------------------------------------------
---------------------------------------------------------------------------
		under normal circumstances, no changes beyond this point.
---------------------------------------------------------------------------
-------------------------------------------------------------------------*/


/* form elements
-------------------------------------------------------------------------*/


/* buttons right */
#contentService input.inputSubmitSearch,
#contentService input.inputSubmitLogin {
	color: #fff;
	background: #8296BB;
	border: 1px solid #fff;
}

/* input, select */
#contentService input,
#contentService input.inputTextLogin,
#contentService select {
	color: #0A2352;
	border: 1px solid #BAD5E4;
}

#contentMain input:hover,
#contentMain input:focus,
#contentMain select:hover,
#contentMain select:focus,
#contentMain textarea:hover,
#contentMain textarea:focus
{
	background : #FEFEC5;
	border: 2px solid #fc0;
}


/* navigation within the current site section 
-------------------------------------------------------------------------*/

#navSection ul li a:hover,
#navSection ul li a:active,
#navSection ul li a.active {
	color: #666 ! important;
}

#navSection ul ul li a {
	color: #0A2352;
}

#navSection ul ul a.active {
	color: #009 ! important;
}


/* links
-------------------------------------------------------------------------*/



#contentMain a,
#contentMain a:link,
#contentMain a:visited {
	color: #009;
	text-decoration: none
}

#contentMain a:hover,
#contentMain a:active, 
#home #contentMain div.contentMainNews a:hover,
#home #contentMain div.contentMainNews a:active
{
	color: #33c;
	text-decoration: underline
}
#contentMain a.underline {
	color: #009;
	text-decoration: underline
}

/* deko
-------------------------------------------------------------------------*/

#contentMain h2.deko {
	color: #999;
	border-bottom: 1px solid #ccc; 
}

#contentMain ul.deko a,
#contentMain ul.deko a:link,
#contentMain ul.deko a:visited {
	color: #000;
}

#contentMain ul.deko a:hover,
#contentMain ul.deko a:active {
	color: #33c;
}

#contentMain ul.deko li img.deko {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 8px solid #062E77;
}
 

/* image with caption
-------------------------------------------------------------------------*/
#contentMain dl.imgCaption {
	background: #dfdfdf; 
}

/* table styles 
-------------------------------------------------------------------------*/

#contentMain table.tCom { 
	border: 1px solid #ccc; 
	background: #fff
}

#contentMain table.tCom td {
	border-bottom: 1px solid #ccc; 
}

#contentMain table.tCom tr th {
	background: #DFDFDF;
}

#contentMain table.tCom tr.odd {
	background: #fff;
}

#contentMain table.tCom tr.even {
	background: #F6F6F6;
}


/* breadcrumb trail 
-------------------------------------------------------------------------*/

/*
#contentMain #breadcrumb {
	border-bottom: 1px solid #ccc; 
	color: #888;
}
*/

#contentMain #breadcrumbo a,
#contentMain #breadcrumb a:link,
#contentMain #breadcrumb a:visited {
	color: #888;
}

#contentMain #breadcrumb a:hover,
#contentMain #breadcrumb a:active,
#contentMain #breadcrumb a.active {
	color: #555;
}


/* =suchergebnisse, =search result
-------------------------------------------------------------------------*/

#contentMain .searchResultBreadcrumb {
	color: #888 ! important;
}

#contentMain .searchResultBreadcrumb,
#contentMain .searchResultBreadcrumb a,
#contentMain .searchResultBreadcrumb a:link,
#contentMain .searchResultBreadcrumbb a:visited {
	color: #888 ! important;
}

#contentMain .searchResultBreadcrumb a:hover,
#contentMain .searchResultBreadcrumb a:active,
#contentMain .searchResultBreadcrumb a.active {
	color: #555 ! important;
}

#contentMain .highlight {
	background-color: #FF9 ! important;
}

/* site info / metanavigation
-------------------------------------------------------------------------*/

#contentSiteInfo,
#contentSiteInfo a,
#contentSiteInfo a:link,
#contentSiteInfo a:visited,
#home #contentMain div.contentMainNews h2 {
	color: #999;
}

#contentSiteInfo li#backToTop,
#contentSiteInfo li#backToTop a {
	color: #082C7A; 
}


#contentSiteInfo a:hover,
#contentSiteInfo a:active,
#contentSiteInfo a.active
{
	color: #777;
}

#home #contentMain h2.contentMainFocus {
	color: #F89134; /* orange */
}

#home #contentMain div.contentMainNews h2 {
	border-bottom: 1px solid #ccc; 
}

#home #contentMain h2.uNews {
	border-bottom: 1px solid #B7D6EA;
}


/* background images
-------------------------------------------------------------------------*/

#navSupplementary {
	background: #fff url(../skin_img/skin_navSupp-bg.gif) repeat-x 0 100%;
}


#navSupplementary ul#navSupp li {
	background: transparent url(../skin_img/skin_navSupp-li-bg.gif) no-repeat 0 0;
}


#navSupplementary ul#lang li {
	background: #FFF url(../skin_img/skin_lang-bg-normal.gif) repeat-x 0 100%;
}


#navSupplementary ul#lang li.active {
	background: #FFF url(../skin_img/skin_lang-bg-active.gif) repeat-x 0 100% ! important;
}


#brandingClaim {
	background: transparent url(../skin_img/skin_brandingclaim_100years_bg.gif) no-repeat 97px 18px;
}

#navMain {
	background-image: url(../skin_img/skin_navMain-bg.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
}

#navMain li {
	background: transparent url(../skin_img/skin_navMain-li-bg.gif) no-repeat 0 0;
}

#contentMain h2.deko {
	background: transparent url(../skin_img/base_dotted-arrows-sprite.gif) no-repeat 0px -263px;
}

#contentService #toolbox li {
	background-image: url(../skin_img/skin_toolbox-bg.gif);
	background-repeat: repeat-x ;
	background-position: 0 0;
}

#contentService h2 {
	background-image: url(../skin_img/base_1px-white.gif);
	background-repeat: repeat-x;
	background-position: 0 100%;
}

#contentService #toolbox li#print a {
	background: transparent url(../skin_img/skin_icon-print.gif) no-repeat 38px -3px;
}

#contentService form#formSearch {
	background-image: url(../skin_img/base_1px-white.gif);
	background-repeat: repeat-x;
	background-position: 0 100%;
}

#contentService form h2 {
	background: transparent url(../skin_img/base_1px-white.gif) repeat-x 0 100%;
}

#contentSiteInfo {
	background: #fff url(../skin_img/skin_contentMain-bg.gif) repeat-x 0 0; 
}

#contentSiteInfo li#backToTop {
	background: transparent url(../skin_img/skin_contentSiteInfo-backToTop-bg.gif) no-repeat 0 100%; 
}

#home #contentMain h2.contentMainFocus {
	background: #fff url(../skin_img/skin_contentMainFocus-h2-bg.jpg) repeat-x 0 100%;
}



/* misc 
-------------------------------------------------------------------------*/

#navSupplementary {
	border-top-width: 3px;
	border-top-style: solid;
}



.navDropDownShow li a {
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
}

	
#home #contentSiteInfo p {
	background: #fff ! important; 
}

#contentMain .warning {
	background: #F6F6F6;
}



/* =news =teaser / homepage */
#home #contentMain .teaser li {
	margin: 0 0 25px 5px;
	padding: 0;
	list-style: none;
	font-size: 1em! important;
}

#home #contentMain .teaser p {
	font-size: .75em ! important;
	margin: 0 ! important;
	padding: 0 ! important;
	float: left;
	background: #F7FAFD;
}

#home #contentMain .teaser div {
	background: #fff;
	height: 43px;
	border-top: 2px solid #fff;
	border-right: 1px solid #B7D6EA;
	border-bottom: 1px solid #B7D6EA;
	border-left: 2px solid #fff;
	font-size: .75em ! important;
	padding: 0 ! important;
	margin: 5px 11px 0 0 ! important;
	float: left;
}

#home #contentMain .teaser div h3 {
	background: #E0EAF6;
	height: 17px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	padding: 0px 0px 0 4px;
	font-style: normal ! important;
	margin: 0 ! important;
	color: #8296BB;
	font-size: 1em ! important;
	float: none ! important;
	width: 51px ! important;
}

#home #contentMain .teaser div p.nDatum {
	background: #F7FAFD ! important;
	font-weight: bold;
	margin: 0 ! important;
	color: #062E77;
	padding: 2px 0 2px 4px ! important;
	font-size: 1em ! important;
	width: 51px !important;
}