@charset "utf-8";
/* Author:	
			Matthias Oßwald
			team:orange GmbH
			2009
*/
@import url(http://www.personalpsychologie.de/themes/personalpsychologie/_reset.css);

/*=====================================================================================*/
/* ALLGEMEIN
=======================================================================================*/
.footer 											{ clear:both; }
a span												{ display:none; }
td													{ vertical-align:top;}
.hr	 												{ border-bottom:1px dashed #d6d6d6;}
.hr hr 												{ display:none; }

sup 												{ vertical-align:text-top; line-height:8px; font-size: 88%;}

/*=====================================================================================*/
/* STRUCT
=======================================================================================*/
body												{ background:url(http://www.personalpsychologie.de/themes/personalpsychologie/images/body-back.jpg) repeat-x #a2a2a2 top left; margin:0; padding-top:19px;}
#stage 												{  }
#page 												{ margin:0 auto; width:841px; }
	#header 											{ position:relative; }
	#content											{ background: url(http://www.personalpsychologie.de/themes/personalpsychologie/images/content-back.jpg) left 600px  no-repeat #FFF; padding-bottom:50px; }
		#mainnavi											{ float:left; width:211px; }
		#section											{ background: url(http://www.personalpsychologie.de/themes/personalpsychologie/images/section-back.jpg) left top no-repeat; float:right; padding:0 95px 0 0; width:515px; }
	#footer 											{ background:url(http://www.personalpsychologie.de/themes/personalpsychologie/images/footer-back.jpg) repeat-x; color:#FFF; height:29px; padding:0 10px; }
		#copyright											{ float:left; }
		#footernavi											{ float:right; }


/*=====================================================================================*/
/* HEADER
=======================================================================================*/
#header img											{ vertical-align:top; }
#header .button										{ position:absolute;
													right:0;
													bottom:-7px;}
#header .button img									{ vertical-align:top; }
#header .ccm-area .button							{ position:relative; bottom:0; }
/*=====================================================================================*/
/* CONTENT
=======================================================================================*/
	/*=====================================================================================*/
	/* MAINNAVI
	=======================================================================================*/
	#mainnavi ul									{ padding:31px 0 0 22px; }
	#mainnavi ul li									{ border-top:1px solid #d6d6d6; }
	#mainnavi ul li:last-child						{ border-bottom:1px solid #d6d6d6; }
	#mainnavi ul ul li:last-child					{ border-bottom:none; }
	#mainnavi ul li a								{ background:url(http://www.personalpsychologie.de/themes/personalpsychologie/images/lines-back.gif) no-repeat 170px 9px;
													border-top:1px solid #FFFFFF;  
													border-bottom:1px solid #FFFFFF;
													color:#000000;
													display:block;
													line-height:21px;
													font-family:Georgia, "Times New Roman", Times, serif;
													font-size:12px;
													padding-left:10px;
													text-decoration:none;}
	#mainnavi ul li a:hover							{ color:#0079bc; }
	#mainnavi ul li.selected a						{ background-color:#ebf4fa;
													color:#0079bc;}
	#mainnavi ul li.selected ul a					{ background-color:#f6f6f6;
													color:#000000;}
	
	#mainnavi ul ul									{ border-top:1px solid #d6d6d6; padding:0 0 14px 0; }
	#mainnavi ul ul li								{ border-top:2px solid #FFFFFF; }
	#mainnavi ul ul li a							{ background-color:#f6f6f6;
													 background-image:none;
													border:none;
													line-height:19px;
													font-family:Arial, Helvetica, sans-serif;}
	#mainnavi ul ul li a:hover						{ color:#0079bc; }
	/*=====================================================================================*/
	/* SECTION
	=======================================================================================*/
	#section h1										{ color:#0079bc;
													font-family:Georgia, "Times New Roman", Times, serif;
													font-size:16px;
													line-height:20px;
													margin:30px 0 15px 0;}
	#section h1:first-of-type						{ margin-top:0; }
	#section h1 .trademark							{ vertical-align:super; line-height: 0px; font-size: 60%; }
	#section h2										{ font-family:Georgia, "Times New Roman", Times, serif;
													font-size:22px;
													line-height:31px;
													height:70px; }
	#section p										{ font-size:12px;
													line-height:18px;
													padding:5px 10px 5px 0;}
	#section ul										{ }
	#section ul li									{ font-size:12px;
													list-style:url(http://www.personalpsychologie.de/themes/personalpsychologie/images/lines-back.gif) outside;
													line-height:20px;
													margin-left:22px;}
	#section a										{ color:#0477b6; }
	#section a:hover								{ color:#000000; }
	
	#section .table									{ background-color:#f4f5f9;
													border-top:1px dashed #c9c9c9;
													border-bottom:1px dashed #c9c9c9;
													padding:10px 5px 10px 17px;}
	#section .table td								{ vertical-align:bottom; }
	#section .table p								{ font-size:11px; line-height:15px; }
	#section .table p strong						{ color:#0975be; }
	/*-------------------------------------------------------------------------------------*/
	/* PRESSE
	---------------------------------------------------------------------------------------*/
	#section .presse h4								{ color:#0079bc;
													font-family:Georgia, "Times New Roman", Times, serif;
													font-size:16px;
													line-height:20px;
													font-weight:normal;
													margin:20px 0 5px 0; }
	#section .presse h5								{ background:url(http://www.personalpsychologie.de/themes/personalpsychologie/images/subtitle-back.gif) no-repeat 0 6px;
													font-size:11px;
													padding-left:18px;}
	#section .presse .content							{ background:url(http://www.personalpsychologie.de/themes/personalpsychologie/images/news-content-back.gif) no-repeat left 10px;
													padding-top:15px;}												
	/*-------------------------------------------------------------------------------------*/
	/* HIGHLIGHT-BOX
	---------------------------------------------------------------------------------------*/
	#section .highlight-box							{ width:508px;}
	#section .highlight-box .top					{ background:url(http://www.personalpsychologie.de/themes/personalpsychologie/images/highlight-box/top-back.jpg) no-repeat; height:4px; overflow:hidden;}
	#section .highlight-box .center					{ background:url(http://www.personalpsychologie.de/themes/personalpsychologie/images/highlight-box/center-back.jpg) repeat-y; padding:0 5px;}
	#section .highlight-box .center-back			{ background:url(http://www.personalpsychologie.de/themes/personalpsychologie/images/highlight-box/center-back-back.jpg) no-repeat right top; padding:5px 8px;}
	#section .highlight-box .bottom					{ background:url(http://www.personalpsychologie.de/themes/personalpsychologie/images/highlight-box/bottom-back.jpg) no-repeat; height:4px; overflow:hidden;}
	
	#section .highlight-box li						{ list-style:url(http://www.personalpsychologie.de/themes/personalpsychologie/images/highlight-box/list-arrow.jpg);}
	#section .highlight-box li a					{ background:url(http://www.personalpsychologie.de/themes/personalpsychologie/images/lines-back.gif) right center no-repeat;
													color:#000;
													padding-right:25px;}
	#section .highlight-box li a:hover				{ color:#0477b6;}
	
	/*-------------------------------------------------------------------------------------*/
	/* HOME
	---------------------------------------------------------------------------------------*/
	.home #section									{ background: url(http://www.personalpsychologie.de/themes/personalpsychologie/images/section-home-back.jpg) left top no-repeat!important; padding-top:61px;}
	.home #section h1								{ }
	.home #section h2								{ padding:10px 0 30px 0 ; }
	.home #section h3								{ color:#666666;
													font-size:11px;
													font-weight:normal;}
	
	/*-------------------------------------------------------------------------------------*/
	/* KONTAKT
	---------------------------------------------------------------------------------------*/
	#section .miniSurveyView						{ background-color:#f9f9f9; padding:30px 25px 5px 20px;}
	#section .miniSurveyView .question				{ width:140px; line-height:25px;}
	#section .miniSurveyView table					{ border-top:1px dashed #cbcbcb; }
	#section .miniSurveyView td						{ font-size:12px;  border-bottom:1px dashed #cbcbcb; padding:4px 0 2px 0; vertical-align:top}
	#section .miniSurveyView .text					{ width:315px;}
	#section .miniSurveyView select					{ width:100px;}
	#section .miniSurveyView textarea				{ width:315px; height:120px;}
	#section .miniSurveyView .ccm-input-captcha		{ margin-bottom:10px;}
	#section .miniSurveyView .send td				{ border:none; text-align:right;}
	

/*=====================================================================================*/
/* FOOTER
=======================================================================================*/
#footer a											{ color:#FFFFFF; }
#footer a:hover										{ color:#1F1F1F; }
#footer a.selected									{ color:#1F1F1F; }
	/*=====================================================================================*/
	/* COPYRIGHT
	=======================================================================================*/
	#copyright p										{ font-size:10px; line-height:29px; }
	/*=====================================================================================*/
	/* FOOTERNAVI
	=======================================================================================*/
	#footernavi ul										{ font-size:10px; line-height:29px; text-transform:uppercase; }
	#footernavi li										{ float:left; }
	#footernavi li a									{ float:left;
														line-height:29px;
														padding:0 3px;
														text-decoration:none;}