/*

	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: #44b4d8; 
}

#navSupplementary {
	border-color: #44b4d8;
}


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

#navMain {
	background-color: #DFEAF7;
}

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

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




/* dropdown  border color 
-------------------------------------------------------------------------*/
.navDropDownShow
{
	border: 1px solid #44b4d8 ! 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 #b7d7e1; 
}

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

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

#contentService div.problem {
	border-top: 1px solid #b7d7e1;
}
/* boxobject 2 */
#contentService a {
	border-right: 1px solid #b7d7e1; 
	border-left: 1px solid #b7d7e1; 
}

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

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

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

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

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

#navMain_mini  .dropdown {
	border: 1px solid #b7d7e1;
	font-weight: bold;	
	background: #DFEAF7; 
}
.navDropDownShow li a:hover,
.navDropDownShow li a:active,
.navDropDownShow li a.active {
	border-left: 2px solid #b7d7e1;
	border-right: 2px solid #b7d7e1;
}

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


/* 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: #347286;
	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: #749fad;
	border: 1px solid #fff;
}

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

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

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

/* 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/viru/skin_navSupp-bg.gif) repeat-x 0 100%;
}

#navSupplementary ul#navSupp li {
	background: transparent url(/skin_img/viru/skin_navSupp-li-bg.gif) no-repeat 0 0;
}

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

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

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

#navMain {
	background-image: url(/skin_img/viru/skin_navMain-bg.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
}

#navMain li {
	background: transparent url(/skin_img/viru/skin_navMain-li-bg.gif) no-repeat 0 0;
}

#contentMain h2.deko {
	background: transparent url(/skin_img/viru/base_dotted-arrows-sprite.gif) no-repeat 0px -263px;
}

#contentService #toolbox li {
	background-image: url(/skin_img/viru/skin_toolbox-bg.gif);
	background-repeat: repeat-x ;
	background-position: 0 0;
}

#contentService h2 {
	background-image: url(/skin_img/viru/base_1px-white.gif);
	background-repeat: repeat-x;
	background-position: 0 100%;
}

#contentService #toolbox li#print a {
	background: transparent url(/skin_img/viru/skin_icon-print.gif) no-repeat 38px -3px;
}

#contentService form#formSearch {
	background-image: url(/skin_img/viru/base_1px-white.gif);
	background-repeat: repeat-x;
	background-position: 0 100%;
}

#contentService form h2 {
	background: #DFEAF7; 
	background: transparent url(/skin_img/viru/base_1px-white.gif) repeat-x 0 100%;
}

#contentSiteInfo {
	background: #fff url(/skin_img/viru/skin_contentMain-bg.gif) repeat-x 0 0; 
}

#contentSiteInfo li#backToTop{
	background: transparent url(/skin_img/viru/skin_contentSiteInfo-backToTop-bg.gif) no-repeat 0 100%; 
}

#home #contentMain h2.contentMainFocus {
	background: #fff url(/skin_img/viru/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: #749fad;
	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: #387a8f;
	padding: 2px 0 2px 4px ! important;
	font-size: 1em ! important;
	width: 51px !important;
}