/*	=======================
	leadsheet.css
===========================
	Author: Sascha Merkofer
			http://endif.ch
=========================== */


/*										=========================
										Normalisierung aller Tags
================================================================= */

/* margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
								margin: 0;
								padding: 0;
								}

/* list-styles */
ol, ul {
								list-style: none;
								}

/* table border-collapse und -spacing */
table {
								border-collapse: collapse;
								border-spacing: 0;
								}

/* fieldset und img border */
fieldset, img {
								border: 0;
								}

/* Anfuehrungs- und Schlusszeichen */
q:before, q:after {
								content: '';
								}

/* font-size der header */
h1, h2, h3, h4, h5, h6 {
								font-size: 100%;
								}

/* font-style und font-weight */
address, caption, cite, code, dfn, em, strong, th, var {
								font-style: normal;
								font-weight: normal;
								}

/* caption und th Text-Positionierung */
caption, th	{
								text-align: left;
								}



/*										===================
										Elementformatierung
=========================================================== */


/*			html & body
======================= */

body {
								position: relative;
								text-align: center;
								font: normal 100%/1.4 'Helvetica Neue', 'Helvetica', Arial, Geneva, sans-serif;
								background-color: #ebeadc;
								color: #383d44;
								}


/* 			Branding
==================== */

div#branding {
								position: relative;
								overflow: hidden;
								margin: 0 auto;
								width: 100%;
								height: 5em;
								color: #ebeadc;
								background-color: #23282d;
								}
								
div#branding h1 {
								overflow: hidden;
								position: relative;
								margin: 0 auto;
								width: 61.25em;
								height: 5em;
								text-indent: -9999px;
								color: #ebeadc;
								background: transparent url(images/branding.gif) no-repeat right bottom;
								}


/* 			Navigation
====================== */

div#nav_bar {
								position: relative;
								overflow: visible;
								z-index: 100;
								width: 100%;
								margin: 0 auto;
								border-bottom: 1px solid #c3b9a5;
								font-family: 'Lucida Grande', 'Lucida', 'Lucida Sans', Arial, Geneva, sans-serif;
								color: #ebeadc;
								background: #c3b9a5 url(images/nav-bkgnd.gif) repeat left top;
								}


/* 			Content
=================== */

div#ef_content {
								position: relative;
								overflow: hidden;
								width: 61.25em;
								margin: 0 auto;
								padding: 1em 0;
								text-align: left;
								background-color: #ebeadc;
								}


/* 			Main Content
======================== */

div#content_main {
								position: relative;
								float: left;
								width: 56.25em;		/* 45em/0.8 da font-size .8em ist */
								padding: 0;
								font-size: .8em;
								}

div.content-main-box {
								overflow: hidden;
								padding: 0 1.25em 1.25em 1.25em;
								margin-bottom: 1.25em;
								background-color: #f8f8f3;
								border: 1px solid #d9d2c4;
								}

div.content-main-box-comments {
								padding: 0;
								margin-bottom: 1.25em;
								}


/* 			Sub Content
======================= */

div#content_sub {
								float: right;
								overflow: hidden;
								font-size: .8em;
								width: 19em; /* 16.25em/0.8 = 20.3125 (- 2.3125 Rand) */
								min-height: 6em;
								padding: 0;
								margin-bottom: 1.25em;
								color: #635d52;
								background: transparent;
								}

div.content-sub-box {
								padding: 0 1.25em 1.25em 1.25em;
								margin-bottom: 1.25em;
								background: #ebeadc url(images/content-sub-bkgnd.gif) repeat-x;
								border: 1px solid #d9d2c4;
								}


/* 			Footer
================== */

div#footer {
								position: relative;
								overflow: hidden;
								width: 100%;
								padding: 1.25em 0 0 0;
								margin: 0 auto;
								background: #e1dcc8 url(images/site_info-bkgnd.gif) repeat-x;
								border-bottom: 1px solid #c3b9a5;
								}


/* 			Site Info
===================== */

div#site_info {
								position: relative;
								overflow: hidden;
								width: 100%;
								padding: 1.25em 0 1.25em 0;
								margin: 0 auto;
								}




/*										===================
										Grundformatierungen
=========================================================== /*


/*			Links
================= */

/* inaktiv */
a:link,
a:visited {
								text-decoration: none;
								color: #489e43;
								}

/* aktiv */
a:focus,
a:hover {
								text-decoration: none;
								color: #326ea1;
								}

a:active {
								text-decoration: none;
								color: #383d44;
								}


.outbound {
								padding-right: 1.25em;
								background: url(images/arrow-very_small-up-beige.gif) no-repeat right 0.25em;
								}

a:hover.outbound,
a:focus.outbound {
								padding-right: 1.25em;
								background: url(images/arrow-very_small-up-blue.gif) no-repeat right 0.25em;
								}

a:active.outbound {
								padding-right: 1.25em;
								background: url(images/arrow-very_small-up-green.gif) no-repeat right 0.25em;
								}

.inbound {
								padding-right: 1.25em;
								background: url(images/arrow-very_small-beige.gif) no-repeat right 0.25em;
								}

a:hover.inbound,
a:focus.inbound {
								padding-right: 1.25em;
								background: url(images/arrow-very_small-blue.gif) no-repeat right 0.25em;
								}

a:active.inbound {
								padding-right: 1.25em;
								background: url(images/arrow-very_small-green.gif) no-repeat right 0.25em;
								}

/*			Headings
==================== */

h1, h2, h3, h4, h5, h6 {
								font: 500 1em 'Lucida Grande', 'Lucida', 'Lucida Sans', Arial, Geneva, sans-serif;
								color: #383d44;
								}

h1 {
								font-weight: 500;
								font-size: 100%;
								}

h2 {
								font-size: 1.25em;
								font-weight: normal;
								border-bottom: 1px solid #c3b9a5;
								margin-top: 2em;
								}

h3 {
								font-size: 1.25em;
								font-weight: normal;
								color: #635d52;
								border-bottom: 1px solid #c3b9a5;
								margin-top: 2em;
								margin-bottom: .4em;
								}

h4 {
								margin-top: 1.25em;
								font-weight: bold;
								}

h5 {
								font-weight: normal;
								}

h6 {
								font-weight: normal;
								}


/*			Sub Content Headings
================================ */

div#content_sub h2 {
								text-align: right;
								font-weight: normal;
								}

div#content_sub h3 {
								font-size: 1em;
								text-align: right;
								font-weight: normal;
								}

div.content-sub-box > h2 {
								margin-top: 1.25em;
								}

div.content-sub-box > h3 {
								margin-top: 1.25em;
								}


/*			Main Content Headings
================================= */

div.content-main-box > h2 {
								margin-top: 1.25em;
								}

div.content-main-box > h3 {
								margin-top: 1.25em;
								}


/*			Paragraphs
====================== */

p {
								margin-bottom: 1.25em;
								}

.fett {
								font-weight: bold;
								}

.kursiv {
								font-style: italic;
								}

.durchgestrichen {
								text-decoration: line-through;
								}

.heller {
								color: #635d52;
								}

.klein {
								font-size: .86em;
								}

.kleiner {
								font-size: .8em;
								}

.sehr_klein {
								font-size: .72em;
								}

.blau {
								color: #326ea1;
								}

.zitat {
								font-family: Georgia, serif;
								padding: 0 2em;
								color: #635d52;
								background: transparent url(images/zitat.gif) no-repeat;
								position: relative;
								}

.frage {
								font-family: Georgia, serif;
								padding: 0 2em;
								color: #635d52;
								background: transparent url(images/frage.gif) no-repeat;
								position: relative;
								}

.notitz {
								font-family: Georgia, serif;
								padding: 0 2em;
								color: #635d52;
								background: transparent url(images/stern.gif) no-repeat;
								position: relative;
								}

.ausruf {
								padding: 0 2em;
								color: #e89a21;
								background: transparent url(images/ausruf.gif) no-repeat;
								position: relative;
								}

.code {
								font-family: Monaco, 'Courier New', Courier, monospace;
								padding: 1.25em 1.25em 1.25em 2.5em;
								border: 1px solid #c3b9a5;
								color: #000000;
								background: #ffffff url(images/code.gif) no-repeat;
								position: relative;
								}

pre, code {
								display: block;
								font-family: Monaco, 'Courier New', Courier, monospace;
								padding: 1.25em 1.25em 1.25em 2.5em;
								border: 1px solid #c3b9a5;
								color: #000000;
								background: #ffffff url(images/code.gif) no-repeat;
								position: relative;
								}

blockquote {
								font-family: Georgia, serif;
								padding: 0 2em;
								color: #635d52;
								}



/*			Lists
================= */

ul {		
								margin-bottom: 1.25em;
								}

ul li {
								padding-left: 1em;
								background: url(images/arrow-very_small-beige.gif) no-repeat 0 .44em;
								}

ul li ul li,
ul ul li {
								padding-left: 1em;
								background: url(images/arrow-very_small-green.gif) no-repeat 0 .44em;
								}

ul li ul li ul li,
ul ul ul li {
								padding-left: 1em;
								background: url(images/arrow-very_small-blue.gif) no-repeat 0 .44em;
								}

ul li ul li ul li ul li,
ul ul ul ul li {
								padding-left: 1em;
								background: url(images/arrow-very_small-orange.gif) no-repeat 0 .44em;
								}

ul li ul li ul li ul li ul li,
ul ul ul ul ul li {
								padding-left: 1em;
								background: url(images/arrow-very_small-beige.gif) no-repeat 0 .44em;
								}


/*			Forms
================= */

input.button,
input[type="submit"],
button[type="submit"],
button[type="button"] {
								border: 1px solid #c3b9a5;
								color: #489e43;
								background-color: #FFFFFF;
								line-height: 1.4;
								padding: .2em .3em;
								}

input.button:hover, 
input.button:active,
input[type="submit"]:hover,
input[type="submit"]:active,
button[type="submit"]:hover,
button[type="submit"]:active,
button[type="button"]:hover,
button[type="button"]:active {
								color: #383d44;
								background-color: #ebeadc;
								cursor: pointer;
								}



/*			Images
================== */

.bild-mittig {
								display: block;
								margin: 1.25em auto;
								text-align: center;
								}

.bild-mittig-mit_rahmen {
								display: block;
								margin: 1.25em auto;
								text-align: center;
								padding: 1.25em;
								background-color: #fff;
								border: 1px dotted #c3b9a5;
								}

div.bild_block {
								margin-bottom: 1.25em;
								}

img.beitrags_bild {
								border: 1px solid #ebeadc;
								padding: .4em;
								background-color: #ffffff;
								display: block;
								margin: auto;
								}

a img.beitrags_bild {
								border: 1px solid #c3b9a5;
								padding: .4em;
								background-color: #ffffff;
								display: inline;
								}

a:hover img.beitrags_bild,
a:active img.beitrags_bild {
								border: 1px solid #635d52 !important;
								padding: .4em !important;
								}


/* Bilder mit Float */
span.rechts a img.rechts,
span.rechts a img.rechts {
								
								float: right;
								margin: 0 0 0 .4em;
								border: 1px solid #c3b9a5;
								border-top: 0 !important;
								padding: 2px;
								background-color: #ffffff;
								}

img.links {
								
								float: left;
								margin: .4em 0 0 0;
								}

img.rechts {
								
								float: right;
								margin: 0 0 0 .4em;
								}


/*										===============
										Main Navigation
======================================================= */

ul.nav_main {
								overflow: hidden;
								margin: 0 auto;
								width: 61.25em;
								}
								
ul.nav_main li {
								display: inline;
								padding: 0 !important;
								background: transparent !important;
								}
								
ul.nav_main li a {
								float: left; 
								border-bottom: 0;
								font-weight: 700;
								font-size: .8em;
								line-height: 2em;
								vertical-align: middle;
								padding-right: 32px;
								text-decoration: none;
								background: transparent url(images/nav-spacer.gif) no-repeat right center;
								color: #635d52;
								}

/* inaktiv */
ul.nav_main a:link,
ul.nav_main a:visited {
								border-bottom: 0;
								color: #635d52;
								}

/* aktiv > fokus */
ul.nav_main a:focus,
ul.nav_main a:hover {
								border-bottom: 0;
								color: #383d44;
								}

/* aktiv > klick */
ul.nav_main a:active {
								border-bottom: 0;
								color: #489e43;
								}

/* aktiv > gewaehlt */
ul.nav_main li.active a {
								border-bottom: 0;
								color: #383d44 !important;
								}


/*										===========
										Sub Content 
=================================================== */


/*			Sub Navigation
========================== */

ul.nav_sub {
								margin-top: .4em;
								}


								
ul.nav_sub li {
								background: url(images/arrow-very_small-beige.gif) no-repeat 0 .3em;
								line-height: 1.4em;
								padding-left: 1em;
								margin-bottom: .4em;
								}

ul.nav_sub li a {
								font-size: 1em;
								}


/* inaktiv */
ul.nav_sub li a:link,
ul.nav_sub li a:visited {
								color: #489e43;
								}

/* aktiv > fokus */
ul.nav_sub li a:focus,
ul.nav_sub li a:hover,
ul.nav_sub li a:active {
								color: #326ea1;
								}

/* Pfad bis und mit aktivem Eintrag */
ul.nav_sub li.nav_sub_here {
								background: url(images/arrow-very_small-blue.gif) no-repeat 0 .3em;
								}
								
/* Aktiver Eintrag */
ul.nav_sub li.nav_sub_self a.nav_sub_self {
								text-decoration: none;
								color: #326ea1;
								background-color: transparent;
								border-bottom: 0;
								}
								
/* Subitems Zaehler Anzeige > Chunk: endif-sub_nav-wf_ParentRowTpl */
ul.nav_sub li span.subitem_count_style {
								font-size: .8em;
								color: #c3b9a5;
								background-color: transparent;
								}


/*			Sub Content Tags/Date Auswahl
========================================= */

/* Date */
ul.nav_sub li.reflect_month {
								line-height: 1.4em;
								margin-bottom: 0;
								}

/* Tags */
ul.nav_sub li.tag_name {
								line-height: 1.4em;
								margin-bottom: 0;
								}

/* Sub Content Tags */
ul#news-tags .csub-item-count {
								font-size: .8em;
								}


/*			Sub Content Listings
================================ */

ul.sub_list {
								margin-top: 0.4em;
								}

ul.sub_list li {
								overflow: hidden;
								height: 3.1em;
								padding: 0 !important;
								background: transparent !important;
								margin-bottom: 0.4em;
								}

ul.sub_list li div.icon {
								margin-right: .4em;
								float: left;
								}

ul.sub_list li div.icon img {
								border: 1px solid #c3b9a5;
								padding: 2px;
								background-color: #ffffff;
								}

ul.sub_list li div.icon a:hover img,
ul.sub_list li div.icon a:active img {
								border: 1px solid #c3b9a5;
								padding: 2px;
								background-color: #c3b9a5;
								}

ul.sub_list li div.icon img.active {
								border: 1px solid #c3b9a5;
								padding: 2px;
								background-color: #c3b9a5;
								}


/*			Sub Content Listings - News
======================================= */

ul.news_listing_c_sub h4 {
								overflow: hidden;
								height: 2.408em;
								font-size: .86em;
								line-height: 1.2em;
								font-weight: bold;
								margin-top: 0;
								}

ul.news_listing_c_sub p.date {
								font-size: .86em;
								margin: 0;
								line-height: 1.2em;
								}


/*			Sub Content Listings - Portfolio
============================================ */

ul.portfolio_listing_c_sub li h4 {
								overflow: hidden;
								height: 1.204em;
								font-size: .86em;
								font-weight: bold;
								margin-top: 0;
								}

ul.portfolio_listing_c_sub li p.portfolio-tags {
								font-size: .86em;
								line-height: 1.2em;
								}

/*			Sub Content Listings - Ohne Bilder
============================================== */

ul.no-image {
								font-size: .86em;
								}

ul.no-image li {
								background-image: none;
								padding-left: 0;
								}



/*										============
										Main Content 
==================================================== */

/*			Home
================ */

h2.home {
								text-indent: -9999px;
								background: transparent url(images/logo-endif-klein.gif) no-repeat center 0;
								border: 0;
								height: 88px;
								}

p.home-intro,
p.base-intro {
								padding-top: 22px;
								}

div.spalten-layout {
								overflow: hidden;
								position: relative;
								margin-bottom: 1.25em;
								}

div.spalte_1 {
								overflow: hidden;
								width: 24.75em;
								padding-right: 1.25em;
								margin-right: 1.25em;
								
								}


div.spalte_2 {
								overflow: hidden;
								width: 26em;
								float: right;
								}



/*			Kontakt
=================== */

div.kontakt {
								padding-left: 29.5em;
								min-height: 425px;
								background: #f8f8f3 url(images/kontakt.jpg) no-repeat;
								}

div.kontakt h3:first-child {
								margin: 1.25em 0 0 0;
								}

div.kontakt p.kontakt-offline {
								float: left;
								width: 9.25em;
								}

div.kontakt p.kontakt-online span.tel {
								padding-left: 1.25em;
								}

p#map {
								clear: left;
								}


/*			Portfolio Post
========================== */

div.portfolio_beitrag div.icon {
								float: right;
								margin: 0 0 0 .4em;
								}

div.portfolio_beitrag div.icon img {
								border: 1px solid #c3b9a5;
								border-top: 0;
								padding: 2px;
								background-color: #ffffff;
								}

div.portfolio-info {
								overflow: hidden;
								margin: 1em 0 1em 0;
								}

div.portfolio-info img {
								margin-right: 1em;
								float: left;
								}

div.portfolio-info p {
								color: #635d52;
								}

div.portfolio_post {
								clear: left;
								}


/*			News Post
===================== */

div.news_beitrag h2 span.date {
								position: relative;
								vertical-align: bottom;
								bottom: -.2em;
								float: right;
								font-size: .76em;
								padding-right: .6em;
								border-bottom: 0;
								color: #635d52;
								}

div.news_beitrag p.longtitle {
								color: #635d52;
								}

div.news_beitrag p.introtext {
								padding-top: 1.25em;
								color: #635d52;
								}

div.news_beitrag div.icon {
								float: right;
								margin: 0 0 0 .4em;
								}

div.news_beitrag div.icon img {
								border: 1px solid #c3b9a5;
								border-top: 0;
								padding: 2px;
								background-color: #ffffff;
								}

div.news_beitrag p.introtext a {
								border-bottom: 0;
								}


/*			News Listing
======================== */

div.news_listing_main {
								
								}
								
div.news_listing_main h2 {
								overflow: hidden;
								position: relative;
								font-weight: bold;
								font-size: 1em;
								width: 100%;
								color: #383d44;
								border-bottom: 1px solid #c3b9a5;
								cursor: pointer;
								margin-top: 1.25em;
								}

div.news_listing_main h2 span.note {
								color: #635d52;
								}

div.news_listing_main h2:hover {
								color: #326ea1;
								}

div.news_listing_main p.intro {
								font-size: .86em;
								color: #635d52;
								}

div.news_listing_main p.tags {
								font-size: .86em;
								color: #635d52;
								}

div.news_listing_main div.icon {
								float: right;
								margin: 0 0 0 .4em;
								}

div.news_listing_main div.icon img {
								border: 1px solid #c3b9a5;
								border-top: 0;
								padding: 2px;
								background-color: #ffffff;
								}

div.news_listing_main div.icon a:hover img,
div.news_listing_main div.icon a:active img {
								border: 1px solid #c3b9a5;
								border-top: 0;
								padding: 2px;
								background-color: #c3b9a5;
								}

div.news_listing_main p.intro span.date {
								color: #635d52;
								}

div.news_listing_main p.ditto-pagination {
								margin-top: 1.25em;
								margin-bottom: 0;
								}

div.news_listing_main p.ditto-pagination a.ditto_page,
div.news_listing_main p.ditto-pagination span.ditto_currentpage {
								font-size: 1em;
								font-weight: bold;
								padding: 0 .625em 0 .625em;
								border-right: 1px solid #c3b9a5;
								}

div.note_listing h2 {
								cursor: auto;
								}

div.note_listing h2:hover {
								color: #383d44;
								}


/*			Jot Comments
======================== */

div#news_comments {
								color: #635d52;
								}

div#news_comments p,
div#news_comments ul {
								margin: 0 !important;
								}

div#news_comments ul li {
								padding: 0 !important;
								background: transparent !important;
								}


/*										=========
										Site Info
================================================= */

div#site_info-content {
								width: 61.25em;
								margin: 0 auto;
								}

/* Copyright */
p#copyright {
								text-align: center;
								font-size: .7em;
								}

/* Manager Login/Logout Link */
span.login-logout {
								
								}


/*										======
										Footer
============================================== */

div#footer-content {
								width: 61.25em;
								margin: 0 auto;
								}

div#footer-content p {
								font-size: .7em;
								text-align: left;
								}

/* Weblogin */
div#footer-login {
								text-align: right;
								font-size: .7em;
								}

legend#wlpeLegend {
								font-weight: bold;
								}

div#footer-login input[type="text"],
div#footer-login input[type="password"] {
								width: 12em;
								border: 1px solid #c3b9a5;
								margin-left: .4em;
								}

div#footer-login label,
div#footer-login button#wlpeLoginButton {
								margin-left: 1em;
								}


div#footer-login fieldset {
								
								}

div#footer-login fieldset#wlpeLoginButtons,
div#footer-login fieldset#wlpeUserProfileButtons,
div#footer-login fieldset#wlpeRegisterButtonFieldset,
div#footer-login fieldset#wlpeResetButtonFieldset {
								padding-top: .625em;
								margin-top: .625em;
								border-top: 1px solid #c3b9a5;
								}


/*										====================
										Override Snippet CSS
============================================================ */

/*			directresize
======================== */

.highslide img {
								border: 1px solid #c3b9a5 !important;
								padding: .4em !important;
								background-color: #ffffff !important;
								}

.highslide:hover img,
.highslide:active img {
								border: 1px solid #635d52 !important;
								padding: .4em !important;
								}