/*
	Hier stehen Stilvorschriften, die sowohl von neuen XHTML- als auch alten 
	Ruema-Seiten gemeinsam verwendet werden. Die alten Seiten binden stellenweise 
	neues Markup ein (z.B. den Header). Statt nun aber Header-Styles in den 
	alten und neuen CSS-Dateien nachzutragen, binden beide diese Datei 
	ein, wodurch Anpassungen zentral, d.h. einmalig, erfolgen k÷nnen (DRY-Prinzip).
*/


#header
{
	position: relative;
	z-index: 1001;       /* sonst DropDown-Menues unter der fadeslideshow.js bei index 1000 */
	margin-top: 2em;
	margin-bottom: 2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-left: auto;
	margin-right: auto;
	text-align: left;    /* Muss explizit sein, einige Seiten setzen ueber dem header align=center */
}

#header #logo
{
	position: absolute;
	right: 0;
	top: auto;
	left: auto;
	bottom: -38px;
	z-index: 2;
}

#header #altlogotext
{
	display: none;
}

@media (max-width: 690px)
{
	#header #logo
	{
		display: none;
	}

	#header #altlogotext
	{
		display: block;
		position: absolute;
		right: 1em;
		top: 6px;
		color: #fff;
		font-weight: bold;
		border-bottom: 1px dotted #fff;
	}
}



#header a img, 
#header :link img, 
#header :visited img
{
	border: 0 none;
}

#header h1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 23px;
	font-weight: normal;
	line-height: normal;
	color: #003300;
	width: 85.5%;  /* Sonst laeuft der Text ins Logo rein */
	text-align: center;
	margin: 0 0 0.65em 0;
}

#header h2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666;
	font-weight: normal;
	margin: -0.65em 0 0.65em 0;
	padding: 0;
	text-align: center;
	width: 82.5%;  /* Sonst laeuft der Text ins Logo rein */
}


#header #toolbar
{
	margin-left: -1.25%;
	width: 102.75%;
	height: 30px;
	background-color: #005700;
	border: 1px solid white;
}

#header #toolbar img
{
	position: relative;
	top: 5px;
	margin: 0 6px 0 6px;
}

#header #toolbar a
{
	text-decoration: none;
	color: white;
	font-size: 12px;
	margin-right: 1em;
}

#header #toolbar .DropDown
{
	position: absolute;
	margin-top: -1px;
	z-index: 5000;
	/* Shadow Parameter:  Offset  Blur-Radius  Spread  Color */
	-moz-box-shadow: 0px 0px 12px #666;
	-webkit-box-shadow: 0px 0px 12px #666;
	box-shadow: 0px 0px 12px #666;
}


/* ------------------------- Soziale Medien ----------------------- */




/* ------------------ Geben Sie uns einen Tipp! ------------------- */

#header #toolbar #userTip
{
	float: left;
	margin-left: 0em;
}

#header #toolbar #userTip #btnWriteUserTip
{
	z-index: 5001;
	position: relative;
	display: block;
	height: 29px;
	padding: 0 0.75em 0 0;
}

#header #toolbar #userTip #btnWriteUserTip.Active
{
	color: #775511;
	background-color: #FFFFCC;
	border: 1px solid #aaaa88;	
	border-bottom: 1px dashed #aaaa88;
	background-color: #FFE88C;
}

#header #toolbar #frmUserTip
{
	padding: 1em 1em 1em 1em;
	border: 1px solid #aaaa88;
	color: #775511;
	background-color: #FFFFCC;
	background-color: #FFE88C;
	float: left;
	visibility: hidden; /* made visibile by JS */
	z-index: 5000;
	font-size: 12px;
}

#header #toolbar #frmUserTip label[for="userTipSubject"]
{
	font-size: 17pt;
	font-family: "Bitstream Charter", "URW Palladio L", Palatino, "Palatino Linotype", "Book Antiqua", serif;
}

#header #toolbar #frmUserTip label[for="userTipSubject"].Success
{
	color: green;
}

#header #toolbar #frmUserTip button.Success
{
	xxbackground-color: green;
	xxcolor: green;
}

#header #toolbar #frmUserTip select
{
	width: 100%;
	margin: 0.75em 0 0.75em 0;
	font-size: 14px;
}

#header #toolbar #frmUserTip textarea
{
	font-size: 14px;
	margin: 0.25em 0 1em 0;
	padding: 1%;
	width: 97%;
}

#header #toolbar #frmUserTip input[type="text"]
{
	width: 99%;
	font-size: 14px;
	margin: 0.25em 0 1em 0;
}

#header #toolbar #frmUserTip textarea.Error
{
	border: 3px solid #FF0000;
}

#header #toolbar #frmUserTip #btnSendUserTip
{
	width: 50%;
	height: 2.15em;
	font-weight: bold;
	font-size: 14px;
	margin-top: 0.5em;
}

#header #toolbar #frmUserTip #btnCancelUserTip
{
	color: #0000FF;
	text-decoration: underline;
}