/* ----------------------------------------------------------------------------
compeople Screen Stylesheet

version:	1.3
date:		20-04-2007
author:		Guido Bittner, Wiesbaden
website:	www.compeople.de
---------------------------------------------------------------------------- */

/*
blue-1: #F2F6F9;
blue-2: #E2EAEF;
blue-3: #C4D3DE;
blue-4: #9EBACE;
blue-5: #7DA1BD;
blue-6: #5982A1;
blue-7: #00416A;

orange: #F87532;
*/

* {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	color: #000;
	font-family: Verdana, 'Vera Sans', sans-serif;
	font-size: 76%;
	text-align: center;
	background-color: #F2F6F9;
}

/* ************************************************************************* */
a:link,
a:visited,
a:focus,
a:hover,
a:active {
	color: #000;
	text-decoration: none;
}

a:visited {
	color: #4D4D4D;
}

a:hover {
	text-decoration: underline;
}

/* ************************************************************************* */
h1,h2 {
	visibility: hidden;
	display: none;
}

img {
	border: 0 none;
}

/* ************************************************************************* */
#stripe {
	position: absolute;
	top: 0;
	left: 0;
	height: 9em;
	width: 100%;
	background-color: #FFF;
}

#container {
	text-align: left;
	position: relative;
	top: 1em;
	width: 81em;
	margin: 0 auto;
	margin-bottom: 2em;
	border-color: #FFF;
	border-width: 0 1px 0 1px;
	border-style: solid;
}

#header {
	position: relative;
	height: 4.7em;
	clear: both;
}

#logo {
	position: absolute;
	top: 0;
	left: 0;
}

#logo img {
	margin: 1em 0 0 1.5em;
}

#topnav {
	color: #00416A;
	width: 100%;
	float: left;
	clear: both;
}

#topnav ul {
	list-style-type: none;
	margin-left: 18em;
}

#topnav li {
	position: relative;
	float: left;
}

#topnav li a {
	color: #00416A;
	text-decoration: none;
	position: relative;
	width: 10em;
	height: 2.5em;
	display: block;
	margin: 0.5em 0 0.35em 0;
	padding: 0 0.8em 0 0.7em;
	border-left: 1px solid #7DA1BD;
}

#topnav li a:hover {
	background-image: url(cp_bulletpoint-blue.gif);
	background-repeat: no-repeat;
	background-position: left top;
	border-left: 1px solid #FFF;
}

#topnav li.active a,
#topnav li.active a:visited {
	background-image: url(cp_bulletpoint-orange.gif);
	background-repeat: no-repeat;
	background-position: left top;
	border-left: 1px solid #FFF;
	font-weight: bold;
}

/* ************************************************************************* */
#headbanner {
	position: relative;
	width: 100%;
	height: 11em;
	background-color: #C4D3DE;
	float: left;
	clear: both;
	overflow: hidden;
}

#headimg {
	position: absolute;
	left: 16em;
	width: 54em;
	height: 36em;
}

#headimg img {
	position: absolute;
}

#headstripe1 {
	position: absolute;
	top: 0;
	left: 13em;
	width: 11em;
	height: 11em;
	background-color: #5982A1;
	filter: alpha(opacity=20);
	-moz-opacity: 0.2;
	opacity: 0.2;
	display: block;
}

#headstripe2 {
	position: absolute;
	top: 0;
	left: 14em;
	width: 4em;
	height: 11em;
	background-color: #00416A;
	filter: alpha(opacity=20);
	-moz-opacity: 0.2;
	opacity: 0.2;
	display: block;
}

#headstripe3 {
	position: absolute;
	top: 0;
	left: 61em;
	width: 13em;
	height: 11em;
	background-color: #5982A1;
	filter: alpha(opacity=20);
	-moz-opacity: 0.2;
	opacity: 0.2;
	display: block;
}

#headstripe4 {
	position: absolute;
	top: 0;
	left: 65em;
	width: 2em;
	height: 11em;
	background-color: #00416A;
	filter: alpha(opacity=20);
	-moz-opacity: 0.2;
	opacity: 0.2;
	display: block;
}

/* ************************************************************************* */
#wrapper {
	position: relative;
	width: 100%;
	padding-bottom: 1em;
	background-color: #FFF;
	float: left;
	clear: both;
}

#contentnav {
	position: relative;
	font-size: 91%;
	width: 17.5em;
	padding-top: 1em;
	float: left;
}

#contentnav ul {
	position: relative;
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: left;
}

#contentnav li {
	width: 17.5em;
	position: relative;
	float: left;
	clear: left;
}

#contentnav li a {
	color: #00416A;
	text-decoration: none;
	margin: 0.3em 0 0 0;
	padding: 0 0 0.3em 1.5em;
	display: block;
	border-bottom: 1px solid #E2EAEF;
}

#contentnav li.current a {
	background-image: url(cp_bulletpoint-orange.gif);
	background-repeat: no-repeat;
	background-position: 0.4em top;
	font-weight: bold;
}

#contentnav li.current li a {
	font-weight: normal;
}

#contentnav li a:hover,
#contentnav li.current a:hover {
	background-image: url(cp_bulletpoint-blue.gif);
	background-repeat: no-repeat;
	background-position: 0.4em top;
}

#contentnav li li a,
#contentnav li.current li a {
	margin: 0.3em 0 0 0;
	padding: 0 0 0.3em 2.5em;
	background: transparent;
	border-bottom: 1px solid #E2EAEF;
}

#contentnav li li.current ul {
	padding-bottom: 0.3em;
	border-bottom: 1px solid #E2EAEF;
}

#contentnav li li.current li ul {
	padding-bottom: 0;
	border-bottom: 0 none;
}

#contentnav li li.current a {
	background-image: url(cp_bulletpoint-orange.gif);
	background-repeat: no-repeat;
	background-position: 1.4em top;
}

#contentnav li li a:hover,
#contentnav li li.current a:hover,
#contentnav li.current li a:hover {
	background-image: url(cp_bulletpoint-blue.gif);
	background-repeat: no-repeat;
	background-position: 1.4em top;
}

#contentnav li li li a,
#contentnav li li.current li a,
#contentnav li.current li li a,
#contentnav li.current li.current li a {
	margin: 0.3em 0 0 0;
	padding: 0 0 0.3em 3.5em;
	background: transparent;
	border: 0 none;
}

#contentnav li li ul {
	padding-bottom: 0.3em;
	border-bottom: 1px solid #E2EAEF;
}

#contentnav li li.current li li a,
#contentnav li li.current li.current li a {
	color: #7DA1BD;
	margin: 0.3em 0 0 0;
	padding: 0 0 0 4.5em;
	background: transparent;
	border: 0 none;
}

#contentnav li li.current li li li a,
#contentnav li li.current li.current li li a,
#contentnav li li.current li.current li.current li a {
	color: #7DA1BD;
	margin: 0.3em 0 0 0;
	padding: 0 0 0 5.5em;
	background: transparent;
	border: 0 none;
}

#contentnav li li li.current a,
#contentnav li li.current li.current a,
#contentnav li li.current li.current li.current a,
#contentnav li li.current li.current li.current li.current a {
	background-image: url(cp_bulletpoint-orange.gif);
	background-repeat: no-repeat;
	background-position: 2.4em top;
}

#contentnav li li li a:hover,
#contentnav li.current li li a:hover,
#contentnav li li.current li a:hover,
#contentnav li li li.current a:hover {
	background-image: url(cp_bulletpoint-blue.gif);
	background-repeat: no-repeat;
	background-position: 2.4em top;
}

/* ************************************************************************* */
#banner {
	position: relative;
	top: 8em;
	width: 16em;
	margin: 0;
	padding: 0;
	float: left;
}

/* ************************************************************************* */
#content {
	position: relative;
	left: 2em;
	width: 46em;
	height: 27em;
	margin-top: 1em;
	float: left;
	clear: right;
}

html>body  #content {
	height: auto;
	min-height: 27em;
}

/* ************************************************************************* */
.lcolumn {
	position: relative;
	left: 0;
	width: 23em;
	float: left;
}

.rcolumn {
	position: relative;
	left: 0em;
	width: 23em;
	float: left;
}

/* ************************************************************************* */
h3, h4, h5, h6 {
	color: #00416A;
	line-height: 1.3em;
}

h5, h6 {
	margin-top: 1em;
}

h3 {
	font-size: 1.3em;
	padding: 0;
}

h3.box {
	font-size: 1.3em;
	width: 23.75em;
	margin: 1.0em 0.25em 0.5em 1em;
	padding: 1.6em 0 1.4em 5em;
	background-color: #C4D3DE;
	background-image: url(cp_h3-bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

h4 {
	font-size: 1.2em;
}

h5 {
	font-size: 1em;
}

h6 {
	font-size: 1em;
	font-style: normal;
}

#content a:link,
#content a:visited,
#content a:focus,
#content a:hover,
#content a:active {
	color: #000;
	text-decoration: none;
	border-bottom: 1px solid #9EBACE;
}

#content a:hover {
	text-decoration: none;
	border-bottom: 1px solid #7DA1BD;
}

#content a:visited {
	text-decoration: none;
	border-bottom: 1px solid #E2EAEF;
}

#content a.blank:link,
#content a.blank:visited,
#content a.blank:focus,
#content a.blank:hover,
#content a.blank:active {
	text-decoration: none;
	border-bottom: 0 none;
}

/* ************************************************************************* */
#content a.intern {
	text-decoration: none;
	padding-left: 0.75em;
	background-image: url(cp_bulletpoint-orange.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#content a.extern {
	text-decoration: none;
	padding-left: 0.75em;
	background-image: url(cp_bulletpoint-blue.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#content a.any {
	text-decoration: none;
	padding-left: 1em;
	background-image: url(cp_fileicon-any.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#content a.pdf {
	text-decoration: none;
	padding-left: 1em;
	background-image: url(cp_fileicon-pdf.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#content a.txt {
	text-decoration: none;
	padding-left: 1em;
	background-image: url(cp_fileicon-txt.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#content p {
	line-height: 145%;
	margin: 0.5em 0 0.5em 0;
}

#content p.mb {
	margin: 0 0 1em 0;
}

#content p.ind {
	padding: 0 0 0 2em;
}

#content strong {
	font-weight: bold;
	color: #00416A;
}

#content blockquote {
	font-size: 1.2em;
	font-weight: bold;
	color: #00416A;
	line-height: 145%;
	width: 20em;
	margin: 0 0 0 1em;
	padding: 0.8em;
	background-color: #E2EAEF;
	float: right;
	text-align: right;
}

#content img {
	margin: 0.5em 1em 0em 0;
}

#content hr {
	border: 0 none;
	height: 1px;
	background-color: #C9D4DF;
	margin: 0.5em 0 0.5em 0;
}

#content ul,
#content ol {
	line-height: 140%;
	margin: 0.5em 0 0.5em 2em;
}

#content li ul,
#content li ol {
	line-height: 140%;
	margin: 0 1em 0 3em;
}

#content ul.cp {
	list-style-type: none;
	line-height: 140%;
	margin: 0.5em 0 0.5em 0.7em;
}

#content .cp li ul {
	list-style-type: none;
	margin-left: 1.5em;
}

#content .cp li {
	padding-left: 1.5em;
	padding-bottom: .5em;
	background-image: url(cp_bulletpoint-orange.gif);
	background-repeat: no-repeat;
	background-position: 0.1em top;
}

#content .imgwcapr {
	position: relative;
	background-color: #E2EAEF;
	margin: 0.5em 0 0.5em 0;
}

#content .imgwcapr img {
	position: relative;
	top: 0;
	margin: 1em;
	padding: 0;
}

#content .imgwcapr h5,
#content .imgwcapr p {
	position: absolute;
	top: 1em;
	left: 24em;
	color: #00416A;
	line-height: 140%;
	width: 22em;
	margin: 0;
}

#content .imgwcapr h4 {
	position: absolute;
	top: 0.7em;
	left: 21.0em;
	color: #00416A;
	line-height: 140%;
	width: 20em;
	margin: 0;
}

/* ************************************************************************* */
#content h5.pressdate {
	position: relative;
	left: 0;
	top: 0;
	width: 8em;
	margin-bottom: 0;
	clear: left;
	float: left;
}

#content h5.presstitle {
	position: relative;
	left: 0;
	top: 0;
	width: 38em;
	margin-bottom: 0;
	float: left;
	clear: right;
}

#content p.presstxt {
	width: 38em;
	padding: 0 0 1em 8em;
	margin: 0;
	clear: both;
}

/* ************************************************************************* */
#sidebar {
	position: relative;
	font-size: 91%;
	width: 16.5em;
	margin: 1em 0 0 0;
	padding-top: 4.7em;
	float: right;
}

html>body  #sidebar {
	height: auto;
	min-height: 27em;
}

#sidebar h5 {
	margin: 0;
	margin-bottom: 0.2em;
	padding-left: 1em;
	background-color: #F2F6F9;
	font-weight: normal;
}

#sidebar p {
	line-height: 1.5em;
	margin: 0;
	margin-bottom: 1em;
	padding-bottom: 0.5em;
}

#sidebar a {
	color: #00416A;
	line-height: 1.3em;
	text-decoration: none;
	margin-bottom: 0.5em;
}

#sidebar a.intern {
	position: relative;
	padding-left: 1em;
	background-image: url(cp_bulletpoint-orange.gif);
	background-repeat: no-repeat;
	background-position: left 0.1em;
	display: block;
}

#sidebar a.extern {
	position: relative;
	padding-left: 1em;
	background-image: url(cp_bulletpoint-blue.gif);
	background-repeat: no-repeat;
	background-position: left 0.1em;
	display: block;
}

#sidebar a.any {
	position: relative;
	padding-left: 1.2em;
	background-image: url(cp_fileicon-any.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
}

#sidebar a.pdf {
	position: relative;
	padding-left: 1.2em;
	background-image: url(cp_fileicon-pdf.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
}

#sidebar a.txt {
	position: relative;
	padding-left: 1.2em;
	background-image: url(cp_fileicon-txt.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
}

#sidebar a:hover {
	text-decoration: none;
	background-color: #F2F6F9;
}

#sidebar>#banner {
	position: absolute;
	right: 0.5em;
	bottom: 1em;
	width: 16em;
	padding: 0;
}

/* ************************************************************************* */
#footer {
	color: #00416A;
	position: relative;
	width: 100%;
	float: none;
	clear: both;
	background-color: #C9D4DF;
	border-top: 1px solid #F2F6F9;
}

#footer a {
	color: #00416A;
}

#footer p {
	font-size: 0.8em;
	padding: 0.5em;
}

/* ************************************************************************* */
body.home {
	background-color: #FFF;
}

.home * #headbanner {
	height: 1em;
	overflow: hidden;
}

#tagcloud {
	position: relative;
	height: 342px;
	clear: both;
}

#tagcloud img {
	position: relative;
	top: 3em;
	left: 0;
}

#homelogo {
	position: absolute;
	top: 0;
	left: 0;
	z-index:999;
}

#homecontent {
	position: relative;
	margin-top: 1em;
	background-color: #F2F6F9;
}

#homecontent a.intern {
	color: #00416A;
	text-decoration: none;
	padding-left: 0.75em;
	background-image: url(cp_bulletpoint-blue.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.colOne, .colTwo, .colThree {
	position: relative;
	width: 20em;
	border-right: 2px solid #FFF;
	float: left;
	cursor: pointer;
}

.colOne {
	width: 21em;
}

.bannercol {
	position: relative;
	width: 19em;
	float: right;
	clear: right;
}

/* we need this for IE 5.01 - otherwise the wrapper does not expand to the
necessary height (unless fixed, this problem becomes even more acute 
weirdness as the method is enhanced */
#homecontent {
/* Normally a Holly-style hack height: 1% would suffice but that causes 
IE 5.01 to completely collapse the wrapper - instead we float it */
	float: left;
/* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes 
(I saw it happen many moons ago) makes the width of wrapper too small 
the float: none with the comment is ignored by 5.01,
5.5 and above see it and carry on about their business
It's probably fine to just remove it, but it's left here 
just in case that many moons ago problem rears its head again */
	float/**/: none;
}
/* easy clearing */
#homecontent:after {
	content: '[DO NOT LEAVE IT IS NOT REAL]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

#homecontent {
	display: inline-block;
}
/*\*/

#homecontent {
	display: block;
}
/* end easy clearing */

.homeh {
	position: relative;
	padding: 0.5em;
	background-color: #C4D3DE;
	border-bottom: 1px solid #FFF;
}

.colOne>.homeh {
	padding: 0.5em 0.5em 0.5em 1.5em;
}

.homep {
	font-size: 1em;
	line-height: 1.5em;
	margin: 0.5em;
}

.colOne>.homep {
	margin: 0.5em 0.5em 0.5em 1.5em;
}

/* ************************************************************************* */
.fleft {
	float: left;
}

.fright {
	float: right;
}

.jcenter {
	text-align: center;
}

.indl {
	padding: 0 0 0 4em;
}

.sml { font-size: 76%; }

#content img.imgfr {
	margin: 0.5em 0 0.5em 1em;
	float: right;
}

.nofloat {
	float: none;
	clear: both;
}

.clearl {
	clear: left;
}

.nomargin {
	margin: 0;
}

/* ************************************************************************* */
.RSS_Feed{ }
h3.RSS_Titel { }

.RSS_Box{
	position: relative;
}
.RSS_Bild{ }

.RSS_TextBox, .RSS_TextBox p {
	margin: 0;
	padding: 0;
}
.RSS_TextBox p.Datum {
	position: relative;
	top: -.5em;
	float: right;
}
.RSS_TextBox p.Titel {
	font-weight: bold;
}
.RSS_TextBox p.Desc {}
.RSS_TextBox p.Datum {}
.clear {
	position: relative;
	height: 1em;
	float: none;
	clear: both;
	xborder: 1px solid green;
}