/*
*
* @version         1.0
* @lastmodified    $Date: 2009-08-08 17:26:40 +0200 (Sa, 08 Aug 2009)$
* @type			   Stylesheet Dateien
*
* Color Schema: Hintergrund
* Typo:					#444444
* Headlines: 			#052538
* Hintergrund Content:	#ECEBE9
* Hellbau:				#EEF0F1
* Hintergrund Footer:	#96856A
*
*
* Umrechnungsfaktor Schriftgroesse:
* Pixel in em Standardwert body: font-size: 100% = 16Pixel
*
* 14 / 16 = 0.875
* 12 / 16 = 0.75
*
* 16 x 0.875 = 14 (retour)
*
* Umrechnung Line height
* Standardsgroesse: 18px
* bei einer Standardgroesse Schrift: 16px
*
* Line height in em: 18 / 16 = 1.125em
*
*
* px / Prozent
* Basis: 16px
* font-size: 80% = 12.8px / 16 * 100 = 80%
*
*/


/* px/em Board:

30px 1.88em
25px 1.56em
20px 1.25em
10px 0.63em
6px  0.38em

*/


/*
* @version         1.0
* @lastmodified    $Date: 2009-08-08 17:26:40 +0200 (Sa, 08 Aug 2009)$
* @type			   all Stylesheet
*/
@media all {


/* ___ Basics ___ */
* {padding: 0; margin: 0; vertical-align: baseline;}
body {
	background: #FFF;
	color: #444;
	font: 100.01% Arial, Helvetica, serif;
}
h1, h2, h3, h4, h5, h6, .news strong {
	color: #052538;
	font-style: italic;
}
h2, h3, h4, h5, h6 {
	padding: 0 0 0.5em;
}
h1 {
	font-size: 130%;
}
h2 {
	font-size: 110%;
}
h3 {
	font-size: 100%;
}
h4 {
	font-size: 95%;
}
h5, h6 {
	font-size: 90%;
}
address {
	font-style: normal;
}
img {
	border: 0 none;
}
/* defalut form */
fieldset {
	border: 0 none;
}


}
/* end madia all */


/*
* @version         1.0
* @lastmodified    $Date: 2009-08-08 17:26:40 +0200 (Sa, 08 Aug 2009)$
* @type			   screen Stylesheet
*/
@media screen {

/* ___ Basics ___ */
.col66 h1 {
	margin: 0 0 0.95em;
}
p, dd, dt {
	font-size: 0.8em;
	line-height: 1.55em;
}
a {
	text-decoration: none;
}
a:focus, a:hover, a:active {
	text-decoration: underline;
}
hr {
	border: 1px solid #D1D0CE;
	margin: 0; padding: 0; height: 0;
}

#servicenav, #accessiblenav, #metanav, #mainnav, .searchbutton, #breadcrumb, .subnav li a {
	font-style: italic;
}
#header ul, #servicenav2 ul, .news ul, .subnav ul, .downloads ul, .sidebarteaser ul, .sidebarteaser-order ul {
	list-style: none;
}

/* ___ Layout ___ */
/* group of layout elements */
#header .section, #content, #footer {
	width: 58.18em;
	margin: 0 auto;
	padding: 0 1em;
}
#branding, #servicenav, #accessiblenav, #metanav, #mainnav, #keyvisual, #search, #breadcrumb, .col33, .col66, .article, .sidebar, .newscol, .galleryimage, .news img, .frauenhilfe img, .tagespflege img, .duenenklinik img, .integration img {
	float: left;
}
.banderolle, #search {
	background: #EEF0F1;
}
#branding, #mainnav, #search, .col33 {
	border-left: 4px solid #FFF;
	width: 16.88em;
}
#branding, #mainnav, #keyvisual, #search, .col33, .col66, .imprint {
	border-right: 4px solid #FFF;
}
.banderolle, #mainnav, #keyvisual, #keyvisual img {
	height: 13.44em;

}
#keyvisual img, #servicenav, #breadcrumb, .col66 {
	width: 40.3em;
}
/* out of the viewport */
dfn, .invisible, .accesskey {
	left: -6000px;
	position: absolute;
	top: -6000px;
}
/* clear */
.section, .banderolle, .news li {
	clear: both;
	float: none;
}
.floatbreaker {
  	display: block;
  	clear: both;
  	float: none;
  	height: 0px;
  	font-size: 0px;
  	line-height: 0px;
  	overflow: hidden;
}

/* single layout elements */
#container {

}
#content {
	margin: 4px auto;
}
#content .section {
	margin: 0 0 4px;
}
#footer {
	margin: 1.88em auto;
}
#branding {
	height: 6.69em;
}
.col66 {
	background: #ECEBE9;
	padding: 0 0 1.88em;
}
.banner {
	text-align: center;
	padding: 1em 0 0;
}
.article {
	width: 24.38em; /* 435px */
	padding: 1.88em 1.25em 0 1.56em;
}
.fullarticle {
	padding: 1.88em 1.25em 0 1.56em;
}
.fullcontent {
	padding: 0;
}
.fullcontent .article {
	padding: 0 1.25em 1em 1.56em;
}
.sidebar {
	background: url("../images/hintergrund/bg-sidebar.gif") no-repeat top left;
	width: 13.1em;
}
.sidebarcontent {
	padding: 6.5em 1em 2em 1.88em;
}
#servicenav2 {
	border-left: 1px solid #D9D9DA;
	margin: 0 0 1.88em 17.4em;
	height: 1%;
}
.imprint {
	background: #96856A;
	color: #FFF;
	margin-left: 17.4em;
	padding: 30px;
}

/* ___ Formats Content Elements ___ */
/* group of layout elements */
#content li  {
	font-size: 0.8em;
	line-height: 1.55em;
}
#content li p  {
	font-size: 100%;
}

/* single layout elements */
/* news and donwloads */
.col33 h1 {
	font-size: 90%;
	text-align: right;
	padding: 0.5em 1.5em 0.5em 0;
}

.news h1 {background: #EEF0F1 url("../images/icons/icon_aktuelles.gif") no-repeat center left;}
.news li {
	padding: 10px 0; /* padding: 10px 15px 10px 0; */
	height: 6em;
}
.news img {
	background: url("../images/hintergrund/bg-image.gif") no-repeat 0 0;
	padding: 8px 16px 8px 8px;
}
.news a {
	color: #052538 !important;
	font-weight: bold;
	text-decoration: underline;
}
.newscol {
	border-left: 1px dotted #D9D9DA;
	width: 12.95em;
	overflow: hidden;
	padding: 0.5em;
	margin: 0.2em 0 0;
}
.newscol:hover {
	background: #ECEBE9 url("../images/hintergrund/bg-newscol-arrow.gif") no-repeat top right;
}


.downloads h1 {background: #EEF0F1 url("../images/icons/icon_downloads.gif") no-repeat center left;}
.downloads ul {
	margin: 1em 0 1em 0.5em;
}
.col33 a {
	color: #444;
}

/* banner */
.banner img {
	margin: 0.75em 0;
}

/* article */
.article ul  {
	margin: -1.25em 0 0.5em 1em;
}
.article .tx-ttaddress-pi1 .text ul {
	margin: 0 0 0.5em 0;
}
.article .tx-ttaddress-pi1 li {
	list-style: none;
	padding-left: 0;
}
.article li  {
	font-weight: normal;
}
.article p, .fullarticle p {
	margin: 0 0 2em;
}
.article strong {
	color: #052538;
	font-weight: bold;
	font-style: italic;
}
/* von zwex geändert: wegen der typo3-Sprungmarken
.article a {
	background: url("../images/icons/icon_kreis_blau_c.gif") no-repeat left center;
	color: #052538;
	font-weight: bold;
	padding: 0.1em 0 0.1em 1.5em;
}
*/
.article p a,
.fullarticle p a {
	background: url("../images/icons/icon_kreis_blau_c.gif") no-repeat left center;
	color: #052538;
	font-weight: bold;
	padding: 0.1em 0 0.1em 1.5em;
}

/* Bildergalerie */
.galleryimage {
	border: 1px solid #444;
	text-align: center;
	vertical-align: middle;
	padding: 5px;
	margin: 0 10px 10px 0;
	width: 170px;
	height: 170px;
}
.galleryimage img {
	vertical-align: middle;
}
/* Funktions links */
.documentfunction, .documentactions {
	border-top: 1px solid #D1D0CE;
	padding: 0.5em 0;
}
.documentfunction p strong {
	font-style: italic;
}
.documentfunction p {
	margin: 0 0 0.3em;
}
.documentfunction h2 {
	font-size: 80%;
	margin: 0 0 0.3em;
}
.documentfunction p a, .documentactions p a {
	font-weight: normal;
	padding: 0.1em 0 0.1em 1.5em;
	color: #444;
}
.documentactions p a {
	background: url("../images/icons/bg-back-link.gif") no-repeat left center;
}
.documentfunction p a {
	background: url("../images/icons/icon_kreis_blau_c.gif") no-repeat left center;
}

/* sidebar */
.sidebarteaser {
	margin: 0 0 0 1.3em;
}
.sidebarteaser-order {
 margin: 5em 0 0 1.3em;
}
.sidebarteaser ul {
	margin: 0.5em 0 1em 0;
}
/* von zwex wg. typo3-Sprungmarken zunächst ausgeblendet */
.sidebarteaser .text a,
.sidebarteaser-order a,
.tx-ttaddress-pi1 .text a {
	color: #052538;
	background: url("../images/icons/icon_kreis_blau_c.gif") no-repeat left center;
	font-weight: bold;
	padding: 0.1em 0 0.1em 1.5em;
}

.sidebarteaser p a {
	background: url("../images/icons/icon_kreis_blau_c.gif") no-repeat left center;
	padding: 0.5em 0 0.5em 1.4em;
	color: #052538;
}
.bild {
	background: #D9D2CA;
	height: 74px;
	padding: 0 0 0 0.85em;
}
.text {
	padding: 1em 0 1em 0.85em;
}
.text strong {
	color: #052538;
}
.text p {
	margin: 0 0 0.5em;
}

/* fullcontent Elements */
.frauenhilfe p, .tagespflege p, .duenenklinik p, .integration p {
	margin: 0 0 0.5em;
}
.frauenhilfe img, .tagespflege img, .duenenklinik img, .integration img {
	padding: 1.5em 0 0 0.5em;
}
.frauenhilfe h2, .tagespflege h2, .duenenklinik h2 {
	font-size: 95%;
	padding: 0.1em 0 0.1em 2em;
	margin: 0 0 1em;
}
.frauenhilfe h2 {
	background: url("../images/nav/icon_oben_orange.gif") no-repeat left center;
}
.tagespflege h2 {
	background: url("../images/nav/icon_oben_gruen.gif") no-repeat left center;
}
.duenenklinik h2 {
	background: url("../images/nav/icon_oben_hellblau.gif") no-repeat left center;
}
.integration h2 {
	font-size: 95%;
	margin: 0 0 1em;
}

/* footer */
#footer p {
	font-size: 78%;
}
.imprint a {
	background: url("../images/icons/bg-footer-link.gif") no-repeat left center;
	color: #fff;
	padding: 0.1em 0 0.1em 0.8em;
	margin: 0 0 0 0.2em;
}

/* ___ Navigation ___ */
/* group of navigation elements */
#servicenav ul li, #accessiblenav h3, #accessiblenav ul, #accessiblenav ul li, #metanav ul li, #servicenav2 li {
	float: left;
}
#header a {
	text-decoration: none;
}

/* Skiplinks */
.skip {
	background: #0D3C58;
	color: #fff;
	outline: 0 none;
    position: absolute;
    top: -1000em;
    left: -1000em;
    height: 1px;
    width: 1px;
    padding: 1px 5px;
}
.skip:focus, .skip:active {
    position: static;
    top: 0;
    left: 0;
    height: auto;
    width: auto;
}

/* servicenav */
#servicenav {
	margin: 10px 0 45px;
}
#servicenav ul {
	float: right;
	overflow: hidden; /* IE7 */
}
#servicenav a {
	margin: 0 0 0 4px;
}

/* accessiblenav and metanav */
/* group elements */
#accessiblenav, #metanav {
	font-size: 80%;
	margin: 0 0 4px;
}
#accessiblenav ul , #metanav li {
	border-right: 1px solid #D9D9DA;
}
#accessiblenav a, #metanav a, .searchbutton, #breadcrumb a {
	color: #052538;
}
#mainnav li a, .subnav li a, .searchbutton, #breadcrumb {
	font-weight: bold;
}

/* single accessiblenav elements */
#accessiblenav h3, #accessiblenav ul {
	font-weight: normal;
}
#accessiblenav h3 {
	padding: 1.5em 0 0 2em;
	font-size: 100%;
}
#accessiblenav ul {
	padding: 1.5em 1em 0.8em;
}
#accessiblenav li {
	padding: 0 0.4em;
}

/* single metanav elements */
#metanav li {
	padding: 1.5em 1.75em 1em 1.75em;
}
#metanav a:focus, #metanav a:hover, #metanav a:active, #metanav a.current {
	text-decoration: underline;
}

/* search */
#search {
	padding: 0.3em 0 0.25em;
}
.suchfeld, .searchbutton {
	border: 0 none;
}
.suchfeld {
	background: #D5DBDE url("../images/hintergrund/bg-searchinput.gif") no-repeat top left;
	margin: 0 0.5em;
	padding: 4px;
	width: 12em;
}
.searchbutton {
	background: #EEF0F1 url("../images/hintergrund/bg-searchbutton.gif") no-repeat center left;
	padding: 0 0 0 18px;
}

/* breadcrumb */
#breadcrumb {
	background: #D1C9BD url("../images/hintergrund/bg-breadcrumb.gif") repeat-x top left;
	color: #052538;
	height: 2em;
}
#breadcrumb p {
	padding: 0.5em 1.56em;
}

/* mainnav */
#mainnav ul {
	text-align: right;
	margin-top: 0.5em;
}
#mainnav li {
	display: inline; /* fucking ie6 */
}
#mainnav li a {
	color: #FFF;
	display: block;
	padding: 0.38em 0.63em;
}
#mainnav li a:focus, #mainnav li a:hover, #mainnav li a:active, #mainnav li a.current {
	border-right: 10px solid #D9D0C7;
	color: #D9D0C7;
}

/* subnav sidebar */
.subnav {
	padding: 4.3em 0 2em 1.34em;
	width: 90%;
}
.subnav ul ul {
	margin: 0.5em 0 0.5em 1em;
	width: 93%;
}
.subnav li {
	display: inline; /* fucking ie6 */
}
.subnav a {
	color: #3D3E3E;
	display: block;
}
.subnav li a {
	font-size: 110%;
	padding: 0.4em 0.94em;
}
.subnav li li a {
	font-size: 130%;
	padding: 0.3em 1.2em;
}
.subnav a:focus, .subnav a:hover, .subnav a:active, .subnav a.current {
	color: #052538;
	text-decoration: none;
}
.subnav li a:focus, .subnav li a:hover, .subnav li a:active, .subnav li a.current {
	background: #D1C9BD url("../images/hintergrund/bg-sidebar-nav.gif") repeat-x center left;
}
.subnav li li a:focus, .subnav li li a:hover, .subnav li li a:active, .subnav li li a.current {
	background: #ECEBE9 url("../images/icons/bg-subnav-link.gif") no-repeat center left;
}

/*  */
#servicenav2 img {
	height: 3.88em;
	width: 11.56em;
}
#servicenav2 li {
	border-right: 1px solid #D9D9DA;
	padding: 0 0.9em;
}
#servicenav2 a {
	display: block;
}
/* sitemap */
#content .tx-flseositemap-pi1 ul {
	margin: 0px;
	padding-left: 0.8em;
}
#content .tx-flseositemap-pi1 ul li ul {
	padding-left: 1em 
}
#content .tx-flseositemap-pi1 ul li ul li ul {
	padding-left: 1.25em 
}
#content .tx-flseositemap-pi1 ul li {
	margin: 0px;
	padding: 0px;
	font-size: 1em;
	font-weight: bold;
}
#content .tx-flseositemap-pi1 a {
	color: #052538;
}
#content .tx-flseositemap-pi1 ul li ul li {
	font-size: 0.8em;
	font-weight: normal;
}
#content .tx-flseositemap-pi1 ul li ul li ul li {
	font-size: 1em;
}
/* Formulare */
.ordercol {
	padding: 0.5em 0;
}
.orderform label, .orderform input, .orderimg, .ordertext, .menge, .wert, span.art, span.kosten {
	float: left;
}
.menge, .wert {
	font-weight: bold;
}
.menge {
	margin-top: 1em; width: 11em;
}
.wert {
	margin-top: 0.65em; width: 10em;
}
.orderimg {
	text-align: center;
	width: 5em;
}
.ordertext {
	width: 19em;
}
span.art, span.kosten {
	display: block;
}
span.art {
	width: 6em;
}
span.kosten {
	text-align: right; width: 6em;
}
.orderform h2, .ordercol {
	border-bottom: 1px solid #9F9F9F;
}
.orderheadline {
	margin-top: 1.5em;
}
.article .ordercol p {
	margin: 0;
}
.article .ordercol a {
	background-image: none;
	display: block;
	padding: 0;
}
.menge label {
	margin-right: 0.5em;
}
.menge input {
	width: 2em;
}
.mitgliedschaft {margin: 0 0 1em;}
.mitgliedschaft input {
	margin: 1px 16px 1px 6px;
}
.orderform input.knopp, .csc-mailform input.formbutton {
	background-color: #0b3651;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 2px 4px;
	border: 1px solid #fff;
	cursor: pointer;
}
.csc-mailform label, .csc-mailform input, .csc-mailform h2, .csc-mailform span, .csc-mailform table, .text h2, .menge, .mitgliedschaft label {
	font-size: 80%;
}
.csc-mailform span {
	font-weight: normal;
	font-style: normal;
	color: #838280;
}
.csc-mailform label, .csc-mailform input {float: left;}
.csc-mailform label {width: 8em;}
.csc-mailform input {
	background: #CBC3B6;
	border-left: 1px solid #CBC3B6;
	border-top: 1px solid #CBC3B6;
	border-right: 1px solid #9F9F9F;
	border-bottom: 1px solid #9F9F9F;
	margin: 0 0 0.5em;
	width: 20em;
}
/*
.csc-mailform input.formbutton {
	background: #C0C0C0;
	border-left: 1px solid #FFF;
	border-top: 1px solid #FFF;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	margin: 1em 0 2em;
	width: 14em;
}
*/
.csc-mailform-field, .formheadline, .wert p {
  	clear: both;
  	float: none;
}
.formheadline {
	padding-top: 2em;
}
h1.order {
	margin: 1.25em 0 0.5em;
}
.csc-mailform table {
	color: #838280;
	font-weight: bold;
	margin-bottom: 20px;
}
.csc-mailform table td {
	padding: 0.25em 0;
}
.td-0 {width: 14em; text-align: left;}
.td-1 {width: 6em; text-align: right;}
.td-2 {text-align: right; width: 8em;}
td.td-0, td.td-1, td.td-2 {font-weight: normal;}
.csc-mailform td.summe {
	border-top: 1px solid #838280;
	border-bottom: 1px solid #838280;
	color:#052538;
}
.csc-mailform td.mwst, .csc-mailform td.versand {
	font-size: 75%;
}
.csc-mailform td.mwst {
	border-bottom: 1px solid #838280;
}
/* Ende Formulare */



}
/* end media screen */



/*
* @version         1.0
* @lastmodified    $Date: 2009-08-08 17:26:40 +0200 (Sa, 08 Aug 2009)$
* @type			   Print Stylesheet
*/
@media print {


body {
	font-size: 12pt;
	line-height: 18pt;
}
.col66 {
	border-bottom: 1px solid #000;
	padding: 0 0 18px;
	margin: 0 0 24pt;
}
.sidebar {
	border-top: 1px solid #000;
	padding: 18px 0 0;
	margin: 24pt 0 0;
}
#servicenav, #accessiblenav, #metanav, #search, #mainnav, hr, .subnav ul, .invisible, .banner, #breadcrumb a[href]:after {
	display: none;
}
h1, h2, h3, h4, h5, h6, .news li, .imprint p {
	margin: 18pt 0 8pt;
	clear: both;
	float: none;
}
a {
	color: #052538;
	text-decoration: none;
}
p {
	margin: 0 0 18pt;
}
ul {
	list-style: square;
	margin: 0 0 18pt 18pt;
}
ol {
	list-style: decimal;
	margin: 0 0 18pt 18pt;
}
li {
	line-height:1.6em;
}
li p {
	margin: 0;
}
abbr[title]:after, acronym[title]:after {
	content:' (' attr(title)')';
	color: #052538;
	font: italic 11pt consolas, "Bitstream Vera Mono", monaco, courier, "Courier New", fixed;
}
a[href]:after {
	content:" link: <"attr(href)">";
	color: #052538;
	font: italic 11pt consolas, "Bitstream Vera Mono", monaco, courier, "Courier New", fixed;
}
#servicenav2 {
	margin: 12pt 0;
}
.news img {
	float: left;
	margin: 0 10pt 10pt 0;
}
.news ul, #servicenav2 ul {
	list-style: none !important;
	margin: 0;
}
.documentfunction {
	margin: 12pt 0 24pt;
}
.documentfunction p, .documentfunction h2 {
	margin: 0 0 2pt;
}


}
/* end media print */