/*

	filename:	/css/screen-skin.css
	version:	1.0 - 2007-01-24 - mkr

	author:		martin (dot) krause (at) gpm (dot) de 
	validated by W3C CSS Validator // jigsaw.w3.org

*/


/* Identitätsfarbe dunkel 
-------------------------------------------------------------------------*/

#branding {
	background: #00144D; 
}

#navSupplementary {
	border-color: #00144D;
}


/* Identitätsfarbe hell
-------------------------------------------------------------------------*/

#navMain {
	background-color: #B0CAE8 ! important;
}

/* boxes, right side */
#contentService form,
#contentService form#formSearch
{
	background-color: #B0CAE8;
}

/* button */
#contentMain input.inputFormSubmitKon {
	background: #B0CAE8;
}


/* 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: #111111;
}

#home #contentMain div.contentMainNews a,
#home #contentMain div.contentMainNews a:link,
#home #contentMain div.contentMainNews a:visited
{
	color: #111;
}

/* Schriftfarbe Überschrift 
-------------------------------------------------------------------------*/

#navSupplementary ul#navSupp li a,
#navSupplementary ul#lang li a,
#navSection ul li a,
#contentMain h2,
#contentMain h3,
#contentService
{
	color: #111111;
}


#contentMain h1
{
	color: #00144D;
}


/* 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: #111111;
}

/* dropdown  border color 
-------------------------------------------------------------------------*/
.navDropDownShow
{
	border: 1px solid #00144D ! important;
}

/* login_form 
-------------------------------------------------------------------------*/
#contentMain .loginFormBox {
	background: #F6F6F6;
	margin-top: 25px;
	margin-bottom: 15px;
	padding: 10px 10px 10px 10px;
	width: 556px;	
}

#contentMain .loginFormBox h2 {
	color: #00144D;
}

#contentMain .loginFormBox p {
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;
}

#contentMain .teaserPatSite h2{
	font-size: 0.625em;
	text-transform: uppercase;
	color: #00144D;
	background: transparent url(skin_img/base_dotted-arrows-sprite.gif) no-repeat 0 3px;
	padding: 0 0 2px 10px ! important;
	margin-bottom: 5px ! important;
	border-bottom: 1px solid #ccc;
}

#contentMain .teaserPatSiteText {
	padding: 0 5px 0 10px;
}


/* 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 #ccc; 
}

/*box object */
#contentService h2 {
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

/*box object */
#contentService ul {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

/* boxobject 2 */
#contentService a {
	border-right: 1px solid #ccc; 
	border-left: 1px solid #ccc; 
}

#contentService a.onlyAndLast {
	border-bottom: 1px solid #ccc; 
} 

#contentService #toolbox li {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#contentService #toolbox li#fontSizeDecrease {
	border-left: 1px solid #ccc;
}

#contentService #toolbox li#fontSizeIncrease {
	border-right:1px solid #ccc; 
}

#contentService #toolbox li#print {
	border-left: 1px solid #ccc; 
	border-right: 1px solid #ccc;
}

.navDropDownShow li a:hover,
.navDropDownShow li a:active,
.navDropDownShow li a.active {
	border-left: 2px solid #B0CAE8;
	border-right: 2px solid #B0CAE8;
}

/* button */
#contentMain input.inputFormSubmitKon {
	border: 1px solid #BAD5E4;
}

/* button */
#contentMain .coloredTextbox {
	width: 542px;
	background: #F6F6F6;
	border: 1px solid #ccc;
	padding: 6px;
	margin-bottom: 10px;	
}


/* 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: #F6F6F6 ! important;
}

#home .welcome {
	background-color: #F6F6F6 ! important;
	width: 556px;
}


/* box object */
#contentService h2,
#contentService ul,
/* boxobject 2 */
#contentService a 
{
	background-color: #F6F6F6;
}

.navDropDownShow li a {
	border-bottom: 1px solid #F6F6F6;

}

/* toolbox
-------------------------------------------------------------------------*/

#contentService #toolbox li {
	background-color: #00144D;
	color: #fff;
}

#contentService #toolbox li a {
	color: #fff;
}


/* Sonderfarben
-------------------------------------------------------------------------*/

#home h1,
#home #contentMain h2 
{
	color: #00144D ! important;
}

#home #contentMain div.contentMainNews li a img {
	border-left: 8px solid #00144D; 
}


/* formSuche == formLogin */

#contentService form#formSearch {
	margin: 0 0 10px 0 ! important;
	border-bottom: 1px solid #ccc ! important;
}


/*-------------------------------------------------------------------------
---------------------------------------------------------------------------
		under normal circumstances, no changes beyond this point.
---------------------------------------------------------------------------
-------------------------------------------------------------------------*/


/* form elements
-------------------------------------------------------------------------*/


/* buttons right*/
#contentService input.inputSubmitSearch,
#contentService input.inputSubmitLogin {
	color: #111;
	background: #fff;
	border: 1px solid #BAD5E4;
}

/* 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;
}

#contentMain a:hover,
#contentMain a:active, 
#home #contentMain div.contentMainNews a:hover,
#home #contentMain div.contentMainNews a:active
{
	color: #33c;
}


/* 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; 
}


/* 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_bg-sprite.gif) no-repeat 0 0;
}

#navSupplementary ul#lang li {
	background: #FDE1C9 url(skin_img/skin_lang-bg-normal.gif) repeat-x 0 100%;
}

#navSupplementary ul#lang li.active {
	background: #FBC493 url(skin_img/skin_lang-bg-active.gif) repeat-x 0 100% ! important;
}

#brandingClaim {
	background: transparent url(skin_img/skin_brandingclaim-bg.gif) no-repeat 97px 18px;
}

#navMain {
	background-image: url(skin_img/skin_bg-sprite.gif);
	background-repeat: repeat-x;
	background-position: 0 -208px;
}

#navMain li {
	background: transparent url(skin_img/skin_bg-sprite.gif);
	background-repeat: no-repeat;
	background-position: 0 -430px;
}

#navMain li#worldwide  {
	background: transparent url(skin_img/skin_bg-sprite.gif) ! important;
	background-repeat: no-repeat ! important;
	background-position: 16px -430px ! important;
}


#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_bg-sprite.gif) repeat-x 0 -607px; 
}

#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;
}

#navSection ul li a {
	background: #F6F6F6 url(skin_img/base_dotted-arrow-9dots-blue.gif) no-repeat 7px 9px; /* grey caption, left side*/
}

#home #contentSiteInfo p {
	background: #fff ! important; 
}

#contentMain .warning {
	background: #F6F6F6;
}


/* cyberpromote 2007.05.23 
-------------------------------------------------------------------------*/
/* style the outer div to give it width */
.merzmenu {
float:left;
position:relative;
top:-13px;
left:-86px;
width:100px;
font-size:0.9em !important;
margin:0;
font-family: Verdana, Arial, sans-serif;
z-index:1000;
background:#fff;
}

*+ html .merzmenu {
top:-7px;
}

* html .merzmenu {
margin:0 0 0 0;
padding-top:0;
font-size:0.9em !important;
}

* + html .merzmenu {
	font-size:0.9em !important;
	top:-12px;
}

/* remove all the bullets, borders and padding from the default list styling */
.merzmenu ul 
{
padding:0;
margin:0;
list-style-type:none;
font-size:0.9em !important;
background:#fff;
}

.merzmenu ul ul
{
width:150px;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.merzmenu li
{
float:left;
width:150px;
position:relative;
margin:0;
padding:0;
}

/* style the links for the top level */
.merzmenu a, .merzmenu a:visited
{
display:block;
font-size: 0.9em !important;
text-decoration:none; 
color:#000; 
width:139px; 
border:1px solid #fff;
background:#fff;
padding:0;
margin:0;
padding-left:2px; 
text-align:left;
}

/* a hack so that IE5.5 faulty box model is corrected */
* html .merzmenu a, * html .merzmenu a:visited
{
width:150px;
w\idth:139px;
}

/* style the second level background */
.merzmenu ul ul a.drop, .merzmenu ul ul a.drop:visited
{
background:#fffffe;
}

/* style the second level hover */
.merzmenu ul ul a.drop:hover
{
background:#fffffd;
}

.merzmenu ul ul :hover > a.drop
{
background:#fffffc;
}

/* style the third level background */
.merzmenu ul ul ul a, .merzmenu ul ul ul a:visited
{
background:#fffffb;
}

/* style the third level hover */
.merzmenu ul ul ul a:hover
{
background:#fffffb;
}

.merzmenu ul ul ul :hover > a
{
background:#fffffb;
}

/* style the table so that it takes no part in the layout - required for IE to work */
.merzmenu table {border-collapse:collapse; border:0; position:absolute; left:0; bottom:-1px;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.merzmenu ul ul
{
visibility:hidden;
position:absolute;
bottom:15px;
left:0; 
width:150px;
z-index:1001;
}

* html .merzmenu ul ul
{
bottom:10px;
}

/* position the third level flyout menu */
.merzmenu ul ul ul
{
left:140px; 
bottom:0;
width:150px;
}

/* position the third level flyout menu for a left flyout */
.merzmenu ul ul ul.left
{
left:-150px;
}


/* style the second level links */
.merzmenu ul ul a, .merzmenu ul ul a:visited
{
background:#fffffd; 
color:#000; 
height:auto; 
padding:0 5px; 
width:129px
/* yet another hack for IE5.5 */
}

* html .merzmenu ul ul a
{
font-size: 11px;
width:150px;
w\idth:129px;
}


/* style the top level hover */
.merzmenu a:hover, .merzmenu ul ul a:hover
{
color:#000;
font-size: 11px !important;
background:#fffffd;

}

.merzmenu :hover > a, .merzmenu ul ul :hover > a
{
color:#000;
font-size: 12px;
background:#fffffd;
}

/* make the second level visible when hover on first level list OR link */
.merzmenu ul :hover ul
{
visibility:visible;
height:auto;
}

/* keep the third level hidden when you hover on first level list OR link */
.merzmenu ul :hover ul ul
{
display:none;
}

/* keep the fourth level hidden when you hover on second level list OR link */
.merzmenu ul :hover ul :hover ul ul
{
display:none;
}

/* make the third level visible when you hover over second level list OR link */
.merzmenu ul :hover ul :hover ul
{ 
display:block;
bottom:0;
}

/* make the fourth level visible when you hover over third level list OR link */
.merzmenu ul :hover ul :hover ul :hover ul
{ 
display:block;
bottom:0;
}
.float
{
	float:left;
}