/*

	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

	
	rot = #CD0B23
	blau dunkel = #46637E
	blau hell = #8C9DAF
	blau noch heller = #B5C1CB
	
*/


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

#branding {
	background: #46637E; 
}

#navSupplementary {
	border-color: #6B8298;
}


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

#navMain {
	background-color: #8C9DAF ! important;
}

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

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

#contentMain div.frage,
#contentService div.backgroundHell {
	background: #46637E !important;
}


/* Schriftfarbe Navigation 
-------------------------------------------------------------------------*/
#navMain li a,
#navMain li a:link,
#navMain li a:visited,
#navMain li a:hover,
#navMain li a:active

{
	color: #fff;
}

.navDropDownShow li a {
	color: #111111 !important;
}

#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: #46637E;
}

#contentMain h2.subheadline {
	font-size: .85em;
	color: #46637E;
}






/* 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 #46637E ! 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 #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 #46637E;
	border-right: 2px solid #46637E;
}

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

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

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

#contentMain .loginFormBox h2 {
	color: #46637E;
}

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

#contentMain .teaserPatSite h2{
	font-size: 0.625em;
	color: #46637E;
	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;
	text-transform: uppercase;
}

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

#contentMain .teaserPatSiteText h2 {
	font-size: 0.75em;
	color: #46637E;
	background: none;
	padding: 0 ! important;
	margin-bottom: 0px ! important;
	border-bottom: none;

}


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

#home .welcome h1 a {
	color: #CD0B23;
}

#home .welcome h1 {
	color: #CD0B23;
}

#home .welcome p a {
	color: #000;
}

#home .welcome p a:hover {
	color: #3333CC;
}





/* 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: #46637E;
	color: #111;
}

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


/* Sonderfarben
-------------------------------------------------------------------------*/
#home #contentMain div.contentMainNews li a img {
	border-left: 8px solid #46637E; 
}

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

/* input, select */
#contentService input,
#contentService input.inputTextLogin,
#contentService select {
	color: #0A2352;
	border: 1px solid #8C9DAF;
}

#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 {
	color: #999;
}

#home #contentMain div.contentMainNews h2 {
	color: #46637E;
}

#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 {
	float: left; 
	width: 321px; 
	height: 84px; 
	color: #fff;
	text-indent: -99999em;
	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;
}

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


#contentMain div.picTextList ul {
	margin: 8px 0pt 20px
}

#contentMain div.picTextList li {
	list-style-type: none !important;
	margin: 0pt 0pt 8px 0px;
}

#contentMain div.picTextList li a img {
	border-left: 8px solid #006AB2;
}





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


/* for /service/haarinfo/ */
#infolayer1, #infolayer2, #infolayer3, #infolayer4, #infolayer5, #infolayer6, #infolayer7, #infolayer8 {
	margin-left: 10px;
	display: none;
	background-color: #F8FCE3;
	padding: 10px;
}

#contentMain ul.fragMonat li  {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	clear: both;
}

#contentMain ul.fragMonat li h3 {
	font-style: normal;
	float:left;
	width: 65px;
}

#contentMain ul.fragMonat a {
	float:left;
	width: 490px;
}

#contentMain h2.hlFragMonat {
	color: #B5C1CB;
	border-bottom: 1px solid #ccc;
	background: transparent url(skin_img/base_dotted-arrows-sprite.gif) no-repeat 0px -263px;
	font-weight: normal;
	font-size: .625em;
	padding: 0 0 2px 10px;
	margin-top: 25px !important;
	margin-bottom: 8px !important;
}

.noMargBot {
	margin-bottom: 0px !important;
}


.onlyprint {display: none; visibility: hidden;}

/* added rma 20070608 */

h1.axurared {
	font-family: Arial !important;
	color: #CD0B23 !important;
}

li.axurared {
	color: #CD0B23;
}

li.axurared div {
	color: #000;
}

img.margR30 {
	margin-right: 30px;
}

/* Honcode- und Afgis-Box
-------------------------------------------------------------------------*/
#contentService .subnavSimple {
	width: 155px;
	border: solid 1px #cccccc !important; 
	padding: 0px; 
	margin: 0px 0px 10px 0px;
}

#contentService .subnavSimple img{
	display: block;
	border: none !important; 
}

#contentService .subnavSimple a{
	background: none !important;
	border: none !important;
	color: #111111;
}

#contentService .subnavSimple table tr td{
	font-size: 12px;
	vertical-align: top;
}

#contentService .subnavSimple table tr td img{
	 width: 50px !important;
	 border: 1px solid green;
}

#contentService .subnavSimple table tr td a{
	display: inline;
}

.stoerer {
	float: left;
	margin-top: -10px;
	margin-right: 5px;
	margin-left: 10px;
}

#contentMain div.hasBorder {
	border: 1px solid #ccc;
}


.stoererkurzprofil {
	float: left;
	margin-top: -10px;
	margin-right: 5px;
}

.floatLeft {
	border: none !important;
}