/*
	Stylesheet für profamilia Landesverbände
	© 2008-2009 ceytec® internet+software GmbH, Herrenberg, Deutschland
*/

/* Allgemeine Seitenformate
---------------------------------------------------------------------*/
*
{
}

body
{
	background-color: #f1572c; /* bisher ed6e30 */
/*	background-color: #d65d00; -offizieller Farbton- */
	color: #000000;
	font-family: verdana,arial,sans-serif;
	font-size: 80%;
	margin: 0;
	padding: 0;
}

div#wrapper
{
	background-color: #FFFFFF;
	color: #737A7F;
	margin: 0 auto 0 auto;
	padding: 0;
/*	min-height: 1100px;*/
	min-height: 101%;
	min-width: 776px;
/*	max-width: 100%; */
	width: 78em;
}

div#shadow_left
{
	background: url(/images/organization/shadow_left.png) repeat-y;
	background-position: left;
	margin: 0 0 0 -30px;
	padding: 0 0 0 30px;
	width: 100%;
}

div#shadow_right
{

	background: url(/images/organization/shadow_right.png) repeat-y;
	background-position: right;
	margin: 0 -30px 0 0;
	padding: 0 30px 0 0;
	width: 100%;
}


/* Intro: Unterstützung von Browsern ohne aktiviertem Javascript
---------------------------------------------------------------------*/
div#noscript
{
	float: right;
	margin-top: 2em;
	margin-right: 2em;
	text-align: right;
}


/* Navigation am oberen Seitenrand
---------------------------------------------------------------------*/
div#titelbar {
	border-bottom: 1px solid #ED6E30;
	margin: 0 0 2em 0;
	padding-top: 2.5em;
}

/* Sonderfall Intro: */
div#titelbar.intro{
	margin-bottom: 0;
}

div#titelbar div.top ul
{
	margin: 0;
	padding: 0;
	padding-bottom: 0.5em;
	padding-left: 20px;
}

div#titelbar div.top ul li
{
	display: inline;
}

div#titelbar div.top ul li a
{
	background-color: #ffffff;
	color: #737A7F;
	text-decoration: none;
}

div#titelbar div.top ul li a img#printer
{
	border: 0;
	height: 1em;
}

div#titelbar div.middle
{
	background-color: #f1572c;
	color: #000000;
	font-size: 5px;
	height: 12px;
/*	width: 100%; */
}

div#titelbar div.bottom
{
	background-position: top left;
	height: 133px; /* 113 */
	width: 100%;
}

/* Sonderfall: höheres Hintergrundbild im Intro */
div#titelbar div.bottom.intro
{
	background: url(/images/organization/title.jpg) no-repeat;
	height: 318px;
}

div#titelbar div.bottom img#logo
{
	border: 0;
	float: right;
	position: relative;
	top: -22px;
}


div#titelbar_print
{
	display: none;
}



/* Claim
---------------------------------------------------------------------*/
#claim
{
	float: right;
	position: relative;
	top: 5px;
}



/* Hauptnavigation (links)
---------------------------------------------------------------------*/
div#mainnav
{
	float: left;
	width: 14em;
/*	border-right: 1px solid #ED6E30; */
}

div#mainnav h2
{
	display: none;
}

div#mainnav div.menuseparator
{
	height: 2em;
}

div#mainnav ul.menu
{
	list-style-type: none;
	overflow:hidden; /* zu lange Menüeinträge notfalls abschneiden */
	margin: 0;
	padding: 0;
	width: 14em;
}

div#mainnav ul.level1
{
	border-bottom: 1px solid #737A7F;
}

div#mainnav ul.menu li
{
	border-top: 1px solid #737A7F;
	padding: 0;
	margin: 0;
}

div#mainnav ul.menu li p
{
	padding: 0.1em 0 0.1em 0;
	margin: 0;
}

div#mainnav ul.menu1 li p
{
	background-color: #F3E4DD;
}

div#mainnav ul.menu2 li p
{
	background-color: #E1E3E6;
}

div#mainnav ul.level2 li p
{
	padding: 0 0 0 1em;
	margin: 0;
}

div#mainnav ul.level3 li p
{
	padding: 0 0 0 2em;
	margin: 0;
}

div#mainnav ul.level4 li p
{
	padding: 0 0 0 3em;
	margin: 0;
}

div#mainnav ul.menu li p a:link,
div#mainnav ul.menu li p a:visited
{
	display: block;
	padding: 0 1em 0 1em;
	text-decoration: none;
}

div#mainnav ul.menu1 li p a:link,
div#mainnav ul.menu1 li p a:visited
{
	background-color: #F3E4DD;
	color: #737A7F;
}

div#mainnav ul.menu2 li p a:link,
div#mainnav ul.menu2 li p a:visited
{
	background-color: #E1E3E6;
	color: #782615;
}

div#mainnav ul.menu li p a:hover, /* important: this pseudo class should come after a:link (which is above) */
div#mainnav ul.menu li p a.here:link,
div#mainnav ul.menu li p a.here:visited
{
	background-color: transparent;
	color: #f1572c; /* ED6E30 */
}


/* Rechter Seitenrand
---------------------------------------------------------------------*/
div#sidebar
{
	float: right;
	width: 14em;
}


/* Suche am rechten Seitenrand
---------------------------------------------------------------------*/
div#sidebar div#suche
{
	background-color: #F3E4DD;
/*
	border-top: 1px solid #ED6E30;
	border-left: 1px solid #ED6E30;
*/
	color: #737A7F;
	padding: 0.1em 0 0.1em 0;
	margin-bottom: 2em;
}

div#sidebar div#suche input.query
{
	background-color: #F3E4DD;
/*	background-color: #505500; */
	border: 0;
	color: #000000;
	margin: 0 0 0 1em;
	width: 7.5em;
}

div#sidebar div#suche input.search
{
	background-color: #F3E4DD;
/*	background-color: #005500; */
	border: 0;
/*	border-left: 1px solid #ED6E30;  vertikale Trennlinie gewünscht? */
	color: #737A7F;
	float: right;
	padding: 0;
	margin: 0;
	width: 4.5em;
}



/* Links am rechten Seitenrand
---------------------------------------------------------------------*/
div#sidebar div#links ul
{
	list-style-type: none;
	padding: 0;
	margin: 0;
	width: 14em;
}

div#sidebar div#links ul li
{
	background-color: #E1E3E6;
	color: #782615;
	padding: 0.3em 1em 0.3em 1em;
	margin-bottom: 1px;
}

div#sidebar div#links ul li a:link,
div#sidebar div#links ul li a:visited
{
	background-color: #E1E3E6;
	color: #782615;
	text-decoration: none;
}

div#sidebar div#links ul li a:hover
{
	background-color: transparent;
	color: #f1572c;
}


div#sidebar div#links ul div
{
	background-color: #E1E3E6;
	color: #737A7F;
}


div#sidebar div#sextra
{
	margin: 3em 1em 1em 1em;
	text-align: center;
}

div#sidebar div#sextra a:link,
div#sidebar div#sextra a:visited
{
	background-color: transparent;
	color: #782615;
	text-decoration: none;
}

div#sidebar div#sextra a:hover
{
	background-color: transparent;
	color: #f1572c;
}

div#sidebar div#sextra img
{
	border: 0;
	vertical-align: middle;
}

/* Inhaltsbereich
---------------------------------------------------------------------*/
div#content
{
/*	border: 2px solid green; */

	margin-left: 20em;
	margin-right: 20em;
	margin-bottom: 7em; /* distance between end of content and footer */

	/* min-height hack fpr IE 6 support: http://www.dustindiaz.com/min-height-fast-hack/ */
	min-height: 700px;
	height: auto !important;
	height: 700px;
}

div#content .clear
{
	clear: both;
}

div#innercontent
{
/*
	border: 2px solid blue;
	padding-bottom: 15em;
	float:right !important;
	clear:both;
	overflow:hidden;
*/
}


div#innercontent h1
{
	font-size: 1.4em;
	line-height: 1.3em;
	margin: 0 0 1.0em 0;

}

div#innercontent h2
{
	font-size: 1.1em;
	line-height: 1.3em;
	margin: 0 0 0.5em 0;
}

div#innercontent h3
{
	font-size: 1.1em;
	line-height: 1.3em;
	margin: 2.5em 0 0.5em 0;
}

div#innercontent h4
{
	font-size: 1.1em;
	line-height: 1.3em;
	margin: 2.5em 0 0.5em 0;
}

div#innercontent h5
{
	font-size: 1.0em;
	line-height: 1.3em;
	margin: 2.5em 0 0.5em 0;
}

div#innercontent p
{
/*	border: 2px solid green;*/
/*	clear:both;*/
	font-size: 1.0em;
	line-height: 1.3em;
	margin: 0em 0 1.5em 0;
}

div#innercontent li
{
	line-height: 1.3em;
}

/*
div#innercontent a:before
{
	content: "> ";
}
*/

div#innercontent a:link,
div#innercontent a:visited
{
	background-color: transparent;
	color: #782615;
	text-decoration: none;
}

div#innercontent a:hover
{
	background-color: transparent;
	color: #f1572c;
	text-decoration: underline;
}

/*
div#innercontent .text
{
	border: 2px solid blue;
	margin: 0 0.5em 0 0;
}
*/

div#innercontent .textcontainer
{
	float: left;
	width: 100%;
}

div#innercontent .mediacontainer
{
	background-color: #E1E3E6;
	border: 1px solid #E1E3E6; /* important for white images */
/*	clear: right;*/
	clear: both;
	float: right;
	margin: 1em 0 1em 20px;
	width: 220px;
}

div#innercontent .mediacontainer a img
{
	border: 0;
}

div#innercontent .mediacontainer img.zoom
{
	float: right;
	margin: 0 0.2em 0.2em 0.2em;
}

div#innercontent br.clear
{
	clear: both;
}

div#innercontent #images img
{
	margin: 0 0 1em 0;
/*	padding: 0 0 1em 0; */
}

div#innercontent #images a:before,
div#innercontent #images a:link,
div#innercontent #images a:visited,
div#innercontent #images a:hover
{
/*	content: ""; */
	background-color: transparent;
	color: inherit;
	text-decoration: none;
}

div#innercontent #images img
{
	border: 0;
}


div#innercontent a.intern
{
}

div#innercontent a.extern
{
	padding-right: 14px;
	background: url(/images/organization/link-extern.png) no-repeat right;
	margin: 3px;
}

div#innercontent a.mail
{
}

div#innercontent a.pdf
{
	padding-right: 18px;
	background: url(/images/organization/link-pdf.png) no-repeat right;
	margin: 3px;
}


/* Spezialfall: Inhaltsbereich beim Intro
---------------------------------------------------------------------*/
div#content.intro
{
	background-color: #ffffff;
	color: #000000;
	margin: 0;
}

div#content.intro div#willkommen,
div#content.intro div#mitunsreden
{
	background-color: #ffffff;
/*
	border: 5px solid blue;
*/
	padding: 34px 20px 0 20px;
/*
	clear: both;
	padding: 0 5em 0 0;
	position: relative;
*/
}

div#content.intro div#willkommen img,
div#content.intro div#mitunsreden img
{
	float: right;
}

div#content.intro br.clear
{
	clear: both;
}

div#content.intro div#introwords
{
	background-color: #ffffff;
	padding: 34px 20px 0 20px;
/*
	position: relative;
*/
}



/* Spezialfall: ErrorPage
---------------------------------------------------------------------*/
div#content.error
{
	background-color: #ffffff;
	color: #000000;
	margin: 0 auto 0 auto;
	width: 50%;
}

div#content.error h1
{
	padding: 2em 0 0 0;
}


/* breadcrumbs
---------------------------------------------------------------------*/
div#breadcrumbs
{
	border-top: 1px solid #737A7F;
	border-bottom: 1px solid #737A7F;
	margin-bottom: 1.5em;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
}

div#breadcrumbs ul
{
	display: inline;
	margin: 0;
	padding: 0;
}

div#breadcrumbs ul li
{
	display: inline;
}

div#breadcrumbs ul li.here
{
	background-color: #ffffff;
	color: #ED6E30;
}

div#breadcrumbs ul li a:link,
div#breadcrumbs ul li a:visited
{
	background-color: #ffffff;
	color: #737A7F;
	text-decoration: none;
}
/* soll es einen farbeffekt für hover & active geben ?? */




/*
prefooter
{
	background-color: #EE00EE;
	float: right;
	width: 100%;
}

a.delicious
{
  background-image: url(/images/organization/delicious.gif);
  background-repeat: no-repeat;
	padding: 0 0 0 15px;
}
*/

a.delicious img
{
	border: 0;
}



/* Footer
---------------------------------------------------------------------*/
div#footer
{
	border-top: 1px solid #f1572c;
	background-color: #ffffff;
	clear: both;
	color: #737A7F;
	padding-left: 1.5em;
	padding-right: 1.5em;
	text-align: center;
}

div#footer a:link,
div#footer a:visited
{
	background-color: #ffffff;
	color: #737A7F;
	text-decoration: none;
}