@charset "UTF-8";

/**
 * CSS Stile für Publiclink
 *
 * @author		Florian Ilch <post@fainomenal.de>
 * @copyright	Copyright 2009, Publicgarden GmbH
 * @package		de_publiclink
 * @version		0.3
*/

body{
	position:		relative;
	font:			normal .75em arial, helvetica, sans-serif;
	color:			#333;
	background:		#e1e1e1 url('../_img/p/bg.png') left top repeat-x;
}

#seite{
	position:	relative;
	width:		900px;
	margin:		0 auto;
	padding:		0 9px;
	padding-bottom:	6em;
}

/**
 * Allgemeines
 */
h1 a{
	display:		block;
	height:			116px;
	width:			226px;
	background:		transparent url('../_img/signet.png') left top no-repeat;
	text-indent:	-9999em;
}

h2{
	font-size:		2.3em;
	padding-bottom:	.7em;
	line-height:	1em;
	letter-spacing:	-1px;
}

h3{
	font-size:		1.5em;
}

h3 a{
	color:	#333;
}

p{
	padding-bottom:	.9em;
}

a{
	color:				#83b13d;
	text-decoration:	none;
}

a:hover{

}

/**
 * Navigation
 */
#navigation{
	position:	relative;
	height:		4.6em;
	width:		100%;
	overflow:	hidden;
}

#navigation li{
	border-top:		1px solid #e0e0e0;
	border-left:	1px solid #e0e0e0;
	border-right:	2px solid #fff;
	float:			left;
	font-size:		1.33em;
	font-size:		1.2em;
	height:			3.25em;
	height:			1.85em;
	letter-spacing:	-.01em;
}

#navigation li.last{
	border-right:	1px solid #e0e0e0;
}

#navigation li a,
#navigation li strong{
	display:		block;
	height:			2.33em;
	padding:		.3em .6em;
	color:			black;
	text-decoration:none;
	text-transform:	uppercase;
	font-weight:	bold;
	white-space:	nowrap;
}

#navigation li a:hover{
	color:			white;
	background:		#a0c170 url('../_img/sprites/navigation.png') left top repeat-x;
}

#navigation li strong{
	color:			white;
	margin-left:	1px;
}

#navigation li.aktiv{
	border-top:		none;
	border-left:	none;
	padding-left:	1px;
	padding-top:	1px;
	background:		#a0c170 url('../_img/sprites/navigation.png') left top repeat-x;
}

#navigation li span{
	background:	#a0c26e;
	display:	block;
	height:		1.7em;
	width:		900px;
	position:	absolute;
	top:		1.9em;
	left:		0;
	z-index:	5;
	border-top:	1px solid white;
}

#navigation ul{
	background:	#a0c26e;
	height:		1.6em;
	height:		1.7em;
	width:		900px;
	position:	absolute;
	top:		1.9em;
	left:		0;
	z-index:	10;
	border-top:	1px solid white;
}

#navigation ul li{
	float:			none;
	border:			none;
	display:		inline;
	font-size:		.75em;
	line-height:	2.2em;
	border-right:	1px solid #e7f0db;
}

#navigation li li.aktiv{
	background:		none;
}

#navigation ul li a,
#navigation ul li strong{
	color:		white;
	display:	inline;
	padding:	0em 1em;
}

#navigation ul li strong{
	padding-left:	.8em;
}

#navigation ul li a:hover,
#navigation ul li strong{
	color:		#3d4c27;
	background:	none;
}

#sprachen{
	height:		37px;
	position:	absolute;
	top:		0;
	right:		9px;
}

#sprachen li{
	float:			left;
	text-transform:	uppercase;
	font-weight:	bold;
}

#sprachen li a,
#sprachen li strong{
	color:			#5c5c5c;
	display:		block;
	padding:		2em .25em .25em;
	margin-right:	.15em;
	text-decoration:none;
}

#sprachen li a{
	border-right:	1px solid #e0e0e0;
}

#sprachen li a:hover,
#sprachen li a.hover{
	color:			white;
	background:		#a5c474 url('../_img/sprites/sprache.png') left top repeat-x;
}

#sprachen li strong{
	color:			white;
	background:		#a5c474 url('../_img/sprites/sprache.png') left top repeat-x;
}

.fusszeile li,
#fusszeile li{
	float:				right;
	font-weight:		bold;
	text-transform:		uppercase;
	letter-spacing:		-.01em;
	border:				1px solid #cecece;
	border-top:			none;
	overflow:			hidden;
}

.fusszeile li a,
#fusszeile li a{
	color:				#5c5c5c;
	background:			#e4e4e4;
	line-height:		1.2em;
	padding:			.2em .4em;
	display:			block;
	text-decoration:	none;
}

#adresszeile {
	font-size: 0.9em;
	padding-left: 1.15em;
	padding-right: 2.5em;
	color: #777;
}

#adresszeile a {
	color: #777;
	padding: 0 3px 0 3px;
}

#adresszeile a.first {
	padding: 0 3px 0 0;
}


/**
 * Struktur & Inhalte
 */
#kopf{
	clear:			both;
	margin-bottom:	1.5em;
	margin-left:	-9px;
	width:			918px;
	position:		relative;
	/*background:		transparent url('../_img/p/schatten_kopfbild.gif') left top no-repeat;*/
}

#kopf #schattenKopfLinks{
	position:	absolute;
	left:		0;
	top:		0;
	height:		100%;
	width:		9px;
}

#kopf #schattenKopfRechts{
	position:	absolute;
	right:		0;
	top:		0;
	height:		100%;
	width:		9px;
}

#kopf div{
	padding-left:	9px;
	width:			909px;
	/*background:		transparent url('../_img/p/schatten_kopfbild_unten.gif') left bottom no-repeat;*/
}

#kopf div img{
	display:		block;
}

.fusszeile,
#fusszeile{
	clear:		both;
	overflow:	hidden;
	border-top:	1px solid #cecece;
}

#links{
	float:			left;
	width:			405px;
	border-right:	1px solid #cecece;
	padding-right:	2.5em;
	padding-left:	1.15em;
}

#rechts{
	margin-left:	-1px;
	border-left:	1px solid #cecece;
	padding-right:	0;
	width:			435px;
}

#rechts:after{
	content: 	'.';
	display:	block;
	clear:		both;
	height:		0;
	visibility:	hidden;
}

#fusszeileDeutsch{
	width:	445px;
	float:	left;
}

#fusszeileEnglisch{
	width:	445px;
	float:	right;
	clear:	none;
}

#fusszeileDeutsch li,
#fusszeileEnglisch li{
	margin-left:	.4em;
}

/**
 * Klassen & Sonstiges
 */
.inhalt{
	float:		left;
	width:		35.00em;
	padding:	0 1.25em;
	overflow:	hidden;
	margin-bottom:	1em;
}

.clear{
	clear:	both;
}

.vorschaltseite #umfluss{
	height:		335px;
}

.startseite #umfluss{
	/*height:		520px;*/
	height:		555px;
}

.vorschaltseite #umfluss,
.startseite #umfluss{
	background:		transparent url('../_img/bg_vorschalt.png') left top repeat-y;
	overflow:		hidden;
	width:			909px;
	margin-bottom:	.5em;
	position:		relative;
}

.startseite #umfluss{
	background-image:	url('../_img/bg_start.png');
}

.vorschaltseite #kopf div img{
	padding-top:	2px;
	border-top:		1px solid #e0e0e0;
}

.vorschaltseite #links,
.startseite #links{
	padding-top:	1.5em;
	border-right:	0;
	width:			405px;
	position:		absolute;

	height:			100%;
}

.startseite #links {
        padding-left: 0;
        padding-right: 0;
	width: 449px;
}

.startseite #links .links-inner-text {
        padding-left: 1.15em;
        padding-right: 2.5em;
	width: 405px;
}

.startseite #links .links-inner-button {
        margin-top: 10px;
        padding-left: 3px;
        padding-right: 0;
	width: 436px;
	background-image: url(/_img/bg_links-inner-button.gif);
	background-position: 1.15em 0;
	background-repeat: no-repeat;
}

.vorschaltseite #rechts,
.startseite #rechts{
	padding-top:	1.5em;
	border-left:	0;
	margin-left:	0;
	/*background:		transparent url('../_img/p/schatten_oben.gif') -450px top no-repeat;*/
	width:			420px;
	padding-left:	23px;

	position:		absolute;
right:0;
	height:			100%;
}

.vorschaltseite #rechts{
	padding-right:	23px;
	width:			412px;
}

.schattenVorschalt{
	position:		absolute;
	right:			0px;
	top:			0;
	height:			335px;
}

.schattenStart{
	position:		absolute;
	right:			0px;
	top:			0;
	/*height:			520px;*/
	height:			555px;
}

.inhalt strong{
	font-weight:	bold;
	text-transform:	uppercase;
}

.inhalt .fließtext,
.inhalt p{
	line-height:	1.4em;
}

.inhalt ul{
	margin-bottom:	1.3em;
}

.inhalt ul li{
	line-height:	1.6em;
	color:			#83b13d;
	font-weight:	bold;
	font-size:		1.1em;
	padding-left:	2em;
	background:		transparent url('../_img/list_img.png') left .3em no-repeat;
}

.inhalt .zitat{
	float:			right;
	margin-bottom:	1em;
}

.inhalt a:hover{
	text-decoration:	underline;
}

.inhalt a.spezial{
	padding-left:	.9em;
	background:		transparent url('../_img/link_arrow.gif') left .4em no-repeat;
}

.inhalt .meldung h3{
	padding: 0;
	margin: 0;
}

.inhalt .referenz,
.inhalt .meldung{
	clear:			both;
	overflow:		hidden;
	margin-bottom:	1.5em;
	position:		relative;
}

.inhalt .meldung h3 a{
	color:			#83B13D;
	font-size:		.89em;
}

.inhalt .referenz div.imgLink,
.inhalt .meldung a.imgLink{
	float:	left;
	margin-right:	1.5em;
}

.inhalt .referenz p{
	padding-left:	163px;
}

.inhalt .meldung a.imgLink{
	margin: 0;
	padding-top:	.4em;
}

.inhalt .meldung p{
	padding-top:	.2em;
	float:			right;
	width:			285px;
	padding-bottom:	.5em;
}

.inhalt .referenz div.imgLink{
	width:		145px;
	/*background:	transparent url('../_img/schatten_referenz.png') right top no-repeat;*/
}

.inhalt .referenz div.imgLink img.schatten{
	position:	absolute;
	left:		135px;
	top:		0;
}

.startseite .inhalt .meldung p{
	padding-right:	1.5em;
	width:			285px;
}

.inhalt .meldung{
	overflow:		hidden;
	position:		relative;
	margin-bottom:	1em;
}

.inhalt.meldung h3{
	padding-bottom:	.5em;
}

.inhalt p.datum{
	padding-top:	2.3em;
	padding-bottom:	0;
}

.inhalt p.intro,
.inhalt p span.intro{
	font-weight:	bold;
}

p.einzeilig{
	padding-bottom:	0;
}

.inhalt .unternavigation li{
	background:		none;
	padding-left:	.8em;
	text-transform:	uppercase;
}

.inhalt .unternavigation li strong{
	color:	#000;
	text-transform:	uppercase;
}

.inhalt .unternavigation li.aktiv{
	background:		transparent url('../_img/menu_arrow.gif') left .5em no-repeat;
}

.inhalt .unternavigation.inline li{
	display:		inline;
	padding-left:	.2em;
	padding-right:	.4em;
	text-transform:	uppercase;
	border-right:	1px solid #83b13d;
}

.inhalt .unternavigation.inline li.first{
	padding-left:	0;
}

.inhalt .unternavigation.inline li.last{
	border-right:	none;
}

.inhalt .unternavigation.inline li strong{
	text-transform:	uppercase;
	background:		transparent url('../_img/menu_arrow.gif') left .3em no-repeat;
	padding-left:	.6em;
}

.inhalt p.blockquote,
.inhalt p span.blockquote{
	display:		block;
	text-align:		right;
	color:			#a9cb75;
	font-size:		1.9em;
	font-size:		1.8em;
	font-style:		italic;
	font-family:	"times new roman", serif;
	line-height:	1.2em;
}

.inhalt p.cite,
.inhalt p span.cite{
	display:		block;
	text-align:		right;
	font-size:		.9em;
	color:			#5C5C5C;
	padding-bottom:	1em;
	line-height:	1.2em;
}

.inhalt p.cite strong{
	text-transform:	none;
}

div.hr hr{
	display:	none;
}

div.hr{
	clear:			both;
	height:			1px;
	padding-top:	.55em;
	margin-bottom:	.05em;
	background:		transparent url('../_img/p/delimeter.gif') left bottom repeat-x;
	border-bottom:	none;
}



#bigde,
#bigen {
   display:block;
   position:absolute;top:0;z-index:9999
}

#bigde {
   left:0;
}

#bigen {
   right:0;
}

* html #bigde,
* html #bigen {
   background:white;
   filter:alpha(opacity=01);
}

*:first-child+html #bigde,
*:first-child+html #bigen {
   background:white;
   filter:alpha(opacity=01);
}