/*

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

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

*/


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

#branding {
	background: #001A4B; 
}

#navSupplementary {
	border-color: #001A4B;
}


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

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

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


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


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


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


/* border color 
-------------------------------------------------------------------------*/

/* border, boxes left*/
#navSection ul, 
/*border, boxes right*/
#contentService form,
/* homepage */
#home #contentMain div.contentMainFocus
{
	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 #ccc;
	border-right: 2px solid #ccc;
}


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

#contentMain .loginFormBox h2 {
	color: #ED1C24;
}

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

#contentMain .teaserPatSite h2{
	font-size: 0.625em;
	color: #ED1C24;
	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;
}
	
	
/* 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,
/* replaces semantic h1 / p construction  */
#home .welcome
{
	background-color: #F6F6F6 ! important;
}

/* 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: #001A4B;
	color: #fff;
}

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


/* misc
-------------------------------------------------------------------------*/

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

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


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


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


/* navigation within the current site section 
-------------------------------------------------------------------------*/

#navSection ul li a:hover,
#navSection ul li a:active,
#navSection ul li a.active {
	color: #666;
}

#navSection ul ul li a:hover,
#navSection ul ul li a:active,
#navSection ul 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 {
	color: #33c;
}

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

#home #contentMain div.contentMainNews li a img{
/*moved to screen-skin.css*/
	border: 1px solid #C9E3F0; 
	border-left: 8px solid #ED1C24; 
}



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

/* image with caption
-------------------------------------------------------------------------*/
#contentMain dl.imgCaption {
	background: #dfdfdf; 
}


/* diverse styles 
-------------------------------------------------------------------------*/
#contentMain .textboxContent {
	border: 1px solid #ccc;
	background: #F6F6F6;
}

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


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

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



/* Podcast */
div.podcastVideo-headline
{
	background: transparent url(http://www.depressionen-verstehen.de/skin_img/podcastHeadline_video.jpg) no-repeat;
	heigth: 30px;
}

div.podcastVideo-headline h2
{
	line-height: 30px !important;
	padding-left: 95px !important;
	color: #ED1C24 !important;
}


div.podcast-headline
{
	background: transparent url(http://www.depressionen-verstehen.de/skin_img/podcastHeadline.jpg) no-repeat;
	heigth: 30px;
}

div.podcast-headline h2
{
	line-height: 30px !important;
	padding-left: 95px !important;
	color: #ED1C24 !important;
}
div.thumbpodcast
{
	background: #F6F6F6 !important;
	border: 1px solid #CCCCCC !important;
	width: 542px;
	padding: 6px;
	margin-bottom: 10px;	
}

div.thumbpodcast h2.coloredHeadline {
	color: #46637E !important;
}