/*
 * COLOURS
 * *******
 * text:				#221e1f;
 * text red:		#8c192a;
 * red:				#a42235; 
 * grey lightest:	#f2f2f2;
 * grey light:		#dcdcdd;
 * grey:				#939598;   
 *   
 */

/*
 * Probleme mit teilweise unterschiedlichen Rand und Innenabstandsdefinitionen
 * werden umgangen, indem die Werte dafuer einheitlich auf 0 gesetzt werden
 */
*, ul, li, dl, dt, dd, body {
	margin:				0;
	padding:				0;
}
/* container die nur floats enthalten trotzdem aufspannen */
.clearfix:after {
    content:			".";
    display:			block;
    height:				0;
    clear:				both;
    visibility:		hidden;
}
/* vor Mac-IE verstecken \*/
* html .clearfix {height: 1%;}
/* vor Mac-IE verstecken Ende */

/*
 * ALLGEMEINES
 */
body {
	color:				#221e1f;
	background-color:	#ffffff;
	font-size:			100.01%;
	font-family:		Verdana, Helvetica, sans-serif;
}
div#container {
	max-width:			960px;
	margin-right:		30px;
	background:			url(../gfx/gppi_background-head.gif) no-repeat right top;
	border-top:			1px solid #ffffff;
}
/* paragraph styles */
p {
	font-size:			0.75em;
	line-height:		140%;
	margin-bottom:		0.85em;
}
/* header styles */
h1, h2, h3, h4, h5 {
	line-height:		135%;
	margin-bottom:		0.5em;
	font-family:		Arial, Helvetica, sans-serif;
}
h1 {
	font-size:			1.25em;
	line-height:		135%;
	padding-top:		0.2em;
}
h1.style_one {
	border-top:			1px solid #dcdcdd;
	margin-top:			0.8125em;
	padding-top:		0.625em;
}
h1.style_two {
	border-bottom:		1px solid #dcdcdd;
	margin-bottom:		1em;
	padding-bottom:	0.625em;
}
h1.stdsubtitle {
	font-size:			1.25em;
	line-height:		135%;
	padding-top:		0.2em;
	margin-bottom:  0em;
}
h2 {
	margin-top:			1em;
	font-size:			1em;
}
h2.style_one {
	border-top:			1px solid #dcdcdd;
	margin-top:			0.875em;
	padding-top:		0.5em;
}
h2.style_two {
	border-bottom:		1px solid #dcdcdd;
	margin-bottom:		0.625em;
	padding-bottom:	0.5em;
}
h3 {
	font-size:			0.75em;
	font-family:		Verdana, Helvetica, sans-serif;
	margin-bottom:		0;
}
h3.style_one {
	border-top:			1px solid #dcdcdd;
	margin-top:			0.5em;
	padding-top:		0.375em;
}
h3.style_two {
	border-bottom:		1px solid #dcdcdd;
	margin-bottom:		0.5em;
	padding-bottom:	0.375em;
}
h3.teaser {
	font-size:			0.825em; 
	margin-top:			0.5em;
	margin-bottom:	0.2em;
}
h4 {
	font-size:			0.75em;
}
/* link styles */
a, a strong {
	color:				#8c192a;
	text-decoration:	none;
}
a:hover {
	text-decoration:	underline;
}
a.more,
span.more a {
	background:			url(../gfx/gppi_link-more_outline.gif) no-repeat right center;
	padding-right:		12px;
}

a.more:hover,
span.more a:hover {
	background:			url(../gfx/gppi_link-more_outline_hover.gif) no-repeat right center;
}
a.back,
span.back a {
	background:			url(../gfx/gppi_link-back_outline.gif) no-repeat left center;
	padding-left:		12px;
}
a.back:hover,
span.back a:hover {
	background:			url(../gfx/gppi_link-back_outline_hover.gif) no-repeat left center;
}
a.mail {
	background:			url(../gfx/gppi_link-mail_outline.gif) no-repeat right center;
	padding-right:		14px;
}
a.mail:hover {
	background:			url(../gfx/gppi_link-mail_outline_hover.gif) no-repeat right center;
}
a.download,
h3 a.download {
	background:			url(../gfx/gppi_link-download_outline.gif) no-repeat right center;
	padding-right:		12px;
}
a.download:hover,
h3 a.download:hover {
	background:			url(../gfx/gppi_link-download_outline_hover.gif) no-repeat right center;
}
/*
 * HEAD
 */
div#logo {
	margin-left:		30px;
	margin-top:			18px;
	float:				left;
	display:				inline;
}
div#navigation_path {
	margin-top:			18px;
	float:				right;
}
div#navigation_path p {
	font-size:			0.6875em;
}
div#content {
	max-width:			960px;
	margin-top:			17px;
	background-color:	#ffffff;
	clear:				both;
	background:			url(../gfx/gppi_background-main.gif) no-repeat right top;
}
div#column_normal {
	margin-left:		220px;
	margin-right:		230px;
	padding-top:		20px;
	border-top:			4px solid #a42235;
	background-color:	transparent;
}
div#column_right {
	width:				200px;
	float:				right;
	background-color:	transparent;
}
/*
 * COLUMN LEFT
 */
div#column_left {
	width:				160px;
	float:				left;
	border-top:			4px solid #939598;
	background-color:	transparent;
	margin-bottom:		20px;
	margin-left:		30px;
}
/* Navigation */
ul#navigation {
	margin-top:			20px;
	list-style-type:	none;
}
ul#navigation li ul li {
	list-style-type:	none;
}
ul#navigation li ul {
	display:			none;
}
ul#navigation li.nav_focus ul,
ul#navigation li.active ul {
	display:			block;
}
ul#navigation li.nav_focus a.nav_cross-cutting {
	margin-top:			10px;
	border-top:			1px solid #dcdcdd;
	color:				#939598;
	font-style:			italic;
	font-weight:		bold;
}
/* Navigation First Level */
ul#navigation li a {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			13px;
	font-weight:		bold;
	text-decoration:	none;
	line-height:		24px;
	display:				block;
	border-top:			1px solid #dcdcdd;
	border-left:		4px solid #939598;
	padding-left:		6px;
}
ul#navigation li a.active {
	background-color:	#f2f2f2;
	border-left:		4px solid #59595b;
}
ul#navigation li a:hover {
	background-color:	#f2f2f2;
	text-decoration:	none;
}
/* Seperate class for "Reasearch, Consulting, Debate"-menuitems */
ul#navigation li a.res_con_deb {
	border-left:		4px solid #a42235;
}
/* Navigation Second Level */
ul#navigation li.sub a {
	font-size:			12px;
	font-weight:		normal;
	line-height:		15px;
	display:				block;
	border:				none;
	border-left:		4px solid #ffffff;
	padding-left:		6px;
	padding-top:		3px;
	padding-bottom:	4px;
}
ul#navigation li.sub a:hover {
	background-color:	#f2f2f2;
}
ul#navigation li.sub a.active {
	background-color:	transparent;
	font-weight:		bold;
}
ul#navigation li.sub a.first {
	margin-top:			1px;
	padding-top:		4px;
}
ul#navigation li.sub a.last {
	margin-bottom:		1px;
	padding-bottom:	4px;
}
ul#navigation span.item_last a.last {
	border-bottom:		1px solid #dcdcdd;
}
ul#navigation .line_after {
	padding-bottom:	0px;
	margin-bottom:		0px;
	border-bottom:		1px solid #dcdcdd;
}
ul#navigation li.sub a.highlight {
	font-style:			italic;
	font-weight:		bold;
	color:				#aaa;
	border-top:			3px solid #f2f2f2;
}
/* Searchbox */
div#search h2 {
	font-size:			12px;
	font-weight:		bold;
	line-height:		22px;
	background-color:	#f2f2f2;
	padding:				0 0.625em 0 0.625em;
	margin-bottom:		4px;
}
div#search {
	margin-top:			30px;
	border-top:			1px solid #939598;
}
div#search form {
	display:				block;
}
div#search form input {
	margin:				4px 4px 4px 6px;
	border:				1px solid #939598;
	font-size:			10px;
	text-transform:	uppercase;
	color:				#7b7c7f;
	font-family:		Verdana, Helvetica, sans-serif;
	padding:				2px;
	float:				left;
	width:				113px;
	height:				13px;
}
div#search form input.submit {
	padding:				0;
	width:				auto;
	height:				auto;
	margin-left:		0px;		
}
/* Servicemenu */
ul#service {
	margin-top:			0px;
	list-style-type:	none;
}
ul#service li a {
	font-size:			10px;
	text-transform:	uppercase;
	text-decoration:	none;
	line-height:		24px;
	display:				block;
	color:				#7b7c7f;
	border-top:			1px solid #939598;
	padding-left:		6px;
}
ul#service li a:hover {
	background-color:	#ffffff;
}
/* the print link */
ul#service li a.print {
	background-image:		url(../gfx/gppi_service-print.gif);
	background-repeat:	no-repeat;
	background-position:	129px center;
	border-bottom:			1px solid #939598;
}
ul#service li a.print:hover {
	background-color:	#ffffff;
}
/* Content in left (menu) column */
div#content_left {
	margin-top:			48px;
}
div#content_left h1,
div#content_left h2,
div#content_left h3 {
	font-size:			11px;
}
div#content_left p {
	font-size:			10px;
	color:          #939598;
}
/*
 * COLUMN NORMAL
 */
div.frame_first {
	overflow:			hidden;			/* create seperate block formatting context for this div */
}
div.line_after,
.line_after {
	padding-bottom:	2px;
	margin-bottom:		5px;
	border-bottom:		1px solid #dcdcdd;
}
div#column_normal p.line_after {
	padding-bottom:	0.625em;
}
div.frame_second {
	width:				249px;
	float:				left;
	margin-right:		10px;
	overflow:			hidden;			/* create seperate block formatting context for this div */
}
div.frame_third {
	clear:				both;
}
/* tt_news styles */
div.frame_first h2 {
	margin-bottom:		0.75em;
}
/* additional <p> styles (subtitles et cetera) */
p.p_style_one {
	font-size:			10px;
	margin-bottom:		0px;
	text-transform:	uppercase;
}
p.p_style_one-1 {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			1.25em;
	font-weight:    bold;
	line-height:		135%;
	padding-top:		0.2em;
	margin-bottom:  0em;
	text-transform:	none;
}
/* additional paragraph style for small body text (front page teasers) */
p.p_small {
	font-size:			0.7em;
  padding-bottom: 0px;
  margin-bottom:  0px;	
}
/* additional paragraph style for front page welcome note */
p.p_large {
	font-size:			0.825em; 
	/*font-size:			0.75em;*/
	font-weight:    normal;
  padding-top:    0.6em;
	margin-bottom:	0.2em;
}
/* additional paragraph style for project durations */
p.p_style_two, p.p_style_two-1 {
  font-family:      Arial, Helvetica, sans-serif;
	font-size:        0.925em;
	font-weight:      normal;
	margin-top:       0em;
	margin-bottom:		0.875em;
}
/* additional paragraph style for project subtitles */
p.p_style_two-2 {
  font-family:      Arial, Helvetica, sans-serif;
	font-size:			  1em;
	font-weight:      bold;
	line-height:      135%
	padding-top:      0em;
	margin-top:       0.2em;
	margin-bottom:		0.875em;
}
/* list and sitemap */
div#column_normal ul,
div#column_normal ol {
	margin-left:		2em;
}
div#column_normal ul li,
div#column_normal ol li {
	margin-bottom:		0.85em;
}
div#column_normal ul,
div#column_normal ol {
	font-size:			0.75em;
	line-height:		135%;
}
div#column_normal ul {
	list-style-type:	disc;
}
div#column_normal ul ul {
	font-size:			1em;
}
div#column_normal div.csc-sitemap ul {
	list-style-type:	none;
	margin-left:		0;
}
div#column_normal div.csc-sitemap ul ul {
	margin-top:     0.5em;
	margin-left:		2em;
}
div#column_normal div.csc-sitemap ul ul ul {
  font-weight:    normal;
	margin-top:     0.2em;
	margin-bottom:  0.2em;
	margin-left:		2em;
}
div#column_normal div.csc-sitemap li {
  font-family:    Arial, Helvetica, sans-serif;
  font-size:      14px;
  font-weight:    bold;
	border-bottom:		1px solid #dcdcdd;
	margin-bottom:		0.5em;
	padding-bottom:	0.375em;
}
div#column_normal div.csc-sitemap li li {
  font-family:    Verdana, Helvetica, sans-serif;
  font-size:      0.85em;
  font-weight:    normal;
	border-bottom:	none;
	margin-bottom:	0.2em;
	padding-bottom:	0;
}
div#column_normal div.csc-sitemap li li li {
  font-family:    Verdana, Helvetica, sans-serif;
  font-weight:    normal;
	border-bottom:	none;
	margin-bottom:	0.2em;
	padding-bottom:	0;
}

/* this is for captions */
div#column_normal dd {
	font-size:			0.6125em;
}
/* projects list element */
div.project-item-single {
	margin-bottom:		0.5em;
}
div.project-item-single p {
	margin-bottom:		0;
}

/* styles for typo3 standard table elements, phr/GPPi 20070330 */ 
div#column_normal table.contenttable td {
  font-family:    Verdana, Helvetica, sans-serif;
  font-weight:    normal;
  font-size:      0.75em;
	line-height:		135%;
	padding:        2px;
	vertical-align: top;
}

/* Search results browser  -- 20070329 phr/GPPi */ 
DIV#column_normal table.csc-searchResultInfo {
  background:     #f2f2f2;
  width:          100%;
	padding-bottom:	0;
	margin-bottom:	15px;
	border-bottom:	1px solid #dcdcdd;
}
DIV#column_normal td.csc-searchResultRange {
  font-weight:    bold;  
  padding:        5px;
  margin-bottom:  0;
}
DIV#column_normal td.csc-searchResultPrevNext {
  text-align:          right;
  padding:        5px;
  margin-bottom:  0;
}
/* indexed_search -- 20070410 jho/minuskel */




/*
 * COLUMN RIGHT
 */
div#column_right {
	width:				200px;
	float:				right;
	background-color:	transparent;
}
/* frame_first in rechter Spalte: "Clearfix box for text and text w/ picture"
   Wird benutzt für record inserts (jeweils mit .line_after)
   Auch benutzt für Logos (2. und folgende in Liste) 
*/ 
div#column_right div.frame_first {
	margin-bottom:		0.3125em;
	padding-bottom:	  0.3125em;
}
div#column_right div.frame_seventh {
	margin-bottom:		20px;
}
div#column_right div.frame_fifth {
	border-top:			4px solid #939598;
	padding-top:		1px;
}
div#column_right .line_after {
	border-bottom:		1px solid #939598;
 	margin-bottom:		1.25em;
	padding-bottom:	0.3125em;
}
/* div#column_right div.frame_first .line_after {
	border-bottom:		1px solid #dcdcdd;
 	margin-bottom:		1.25em;
	padding-bottom:	  0.3125em;
}
*/
div#column_right h3 {
	font-family:		Verdana, Helvetica, sans-serif;
	font-size:			11px;
	font-weight:		normal;
	font-style:			italic;
	padding-right:		0.625em;
	padding-left:		0.625em;
	padding-bottom:	0;
	margin-bottom:		0.125em;
}
div#column_right h2 {
	font-size:			12px;
	font-weight:		bold;
	background-color:	#f2f2f2;
	padding:				0.2em 0.625em 0.2em 0.625em;
	margin-bottom:		4px;
	margin-top:			0px;
}
div#column_right p {
	padding:				0 0.625em 0.25em 0.625em;
	margin-bottom:		0px;
	font-size:			11px;
}
div#column_right p.line_after {
	border-bottom:		1px solid #dcdcdd;
	margin-bottom:		0.4375em;
	padding-bottom:	0.5em;
}
div#column_right p.p_style_one {
	font-family:		Verdana, Helvetica, sans-serif;
	padding-bottom:	auto;
	margin:				0 0.625em 0.125em 0.625em;
	padding:				0 0 0 0;
	font-size: 			11px;
	text-transform:	none;
}
div#column_right ul {
	padding-bottom:	4px;
	list-style-type:	none;
}
div#column_right li {
	float:				left;
	padding-right:		0.625em;
	padding-left:		0.625em;
	padding-bottom:	0.5em;
	font-size:			0.6875em;
	font-weight:		bold;
	margin-bottom:		0.5em;
}
div#column_right p.news-latest-date {
	font-size:			9px;
	text-transform:	uppercase;
	margin-left:		1px;
}
div#column_right ul.news-amenu-container li {
	font-weight:		normal;
	text-transform:	uppercase;
	width:				18px;
}
div#column_right ul.news-amenu-container li.news-amenu-item-year {
	clear:				both;
	float:				none;
	padding-top:		0.5em;
	margin-left:		0;
	width:				auto;
	border-bottom:		1px solid #dcdcdd;
}

/* phr/GPPi: additional CSC styles for mail, login forms */
DIV.frame_seventh form {
  line-height:  24px;
	display:			block;
  margin:       0px 0px 1.25em 0px;
	padding:	    0 6px 0.3125em 6px;
  border-bottom:		1px solid #939598;
}
fieldset.csc-mailform, fieldset#mailformaction, table.csc-loginform {
  margin:       0px 0px 0px 0px;
  padding:      0px 0px 0px 0px;
  border:       none;
}
DIV.csc-mailform-field label { 
	font-family:		Verdana, Helvetica, sans-serif;
	font-size:			11px; 
	width:				50px;
	display:				block;
	float:				left;
	clear:				left;
}
table.csc-loginform td.csc-form-labelcell {
	font-family:	Verdana, Helvetica, sans-serif;
	font-size:		11px; 
	width:				80px;
	display:			block;
	float:				left;
	clear:				left;
}
DIV.csc-mailform-field select { 
	border:				1px solid #939598;
  font-size:			10px;
  text-transform:	uppercase;
  color:				#7b7c7f;
  font-family:		Verdana, Helvetica, sans-serif;
  padding:				2px;
	margin-top:			4px;
  width:				100px;
  height:				18px;
}
DIV.csc-mailform-field input#mailformname, DIV.csc-mailform-field input#mailformemail {
	border:				1px solid #939598;
	font-size:			10px;
	text-transform:	uppercase;
	color:				#7b7c7f;
	font-family:		Verdana, Helvetica, sans-serif;
	padding:				2px;
	margin-top:			4px;
	width:				100px;
	height:				13px;
}
table.csc-loginform td.csc-form-fieldcell input {
	border:				  1px solid #939598;
	background:     white;
	font-size:			10px;
	text-transform:	uppercase;
	color:				  #7b7c7f;
	font-family:		Verdana, Helvetica, sans-serif;
	padding:				2px;
	width:				  105px;
}
DIV.csc-mailform-field input.csc-mailform-submit {
	border:				  1px solid #939598;
	background:     white;
  font-size:			10px;
  text-transform:	uppercase;
  color:				  #7b7c7f;
  font-family:		Verdana, Helvetica, sans-serif;
  padding:				2px;
  margin-top:     5px; 
  width:				  156px;
}  


/*
 * FOOTER
 */ 
div#navigation_meta {
	border-top:			1px solid #939598;
	margin:				20px 230px 20px 220px;
	clear:				both;
}
div#navigation_meta ul {
	padding-top:		8px;
	list-style-type:	none;
}
div#navigation_meta ul li {
	float:				left;
}
div#navigation_meta ul a {
	display:				block;
	font-size:			0.6875em;
	font-weight:		normal;
	border-right:		1px solid #8c192a;
	padding-right:		5px;
	margin-right:		5px;
}
div#navigation_meta ul a.last {
	border-right:		none;
	padding-right:		0px;
	margin-right:		0px;
}



/*
 * COLOURS
 * *******
 * text:				#221e1f;
 * text red:		#8c192a;
 * red:				#a42235;
 * grey lightest:	#f2f2f2;
 * grey light:		#dcdcdd;
 * grey:				#939598;
 *
 */