/*	=======================
	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;
								}


/*										======
										Layout
============================================== */






/*			html & body
======================= */
/*	Font-size in Pixel:
	Size:	12px
	Line-h:	18px
*/

body {
								position: relative;
								text-align: left;
								font: normal 75%/1.5 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
								background: #d0c984 url(images/interface/Bkgnd.jpg) repeat-x fixed;
								color: #39a300;
								}


/* 			CSS-Dev
=================== */

/*
div {	border: 1px solid red;}
p {		border: 1px solid green;}
ul {	border: 1px solid yellow;}
li {	border: 1px solid black;}

*/


/*			Wrapper
=================== */

div#Wrapper {
								position: fixed;
								overflow: hidden;
								top: 0;
								left: 0;
								width: 100%;
								height: 100%;
								}

div#Interface {
								position: fixed;
								overflow: hidden;
								top: 0;
								width: 100%;
								height: 100%;
								}

div#Bkgnd {
								position: absolute;
								overflow: hidden;
								top: 223px;
								right: 0;
								width: 100%;
								height: 631px;
								background: transparent url(images/interface/Sonne.png) no-repeat left -222px;
								}

div#Interface img.Baum {
								position: absolute;
								right: 0;
								top: 0;
								}


div#Sonne {
								position: absolute;
								overflow: hidden;
								top: 0;
								left: 0;
								width: 100%;
								height: 222px;
								background: transparent url(images/interface/Sonne.png) no-repeat;
								z-index: 100;
								}

div#Logo {
								position: absolute;
								overflow: hidden;
								top: 0;
								left: 0;
								width: 100%;
								height: 222px;
								background: transparent url(images/interface/Logo.png) no-repeat;
								}


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

div#Navigation {
								position: absolute;
								overflow: visible;
								width: 100%;
								height: 222px;
								background: transparent url(images/interface/Navigation.jpg) no-repeat;
								z-index: 400;
								}

div#Navigation img.Baum {
								position: absolute;
								right: 0;
								top: 0;
								border: 0 !important;
								}

div#Main-Navigation {
								position: absolute;
								top: 0px;
								left: 0px;
								width: 100%;
								height: 262px;
								background: transparent url(images/interface/Navigationsleiste.png) repeat-x left bottom;
								z-index: 600;
								}

div#Main-Navigation ul {
								position: absolute;
								top: 203px;
								left: 33px;
								width: 927px;
								}

div#Main-Navigation ul li {
								display: block;
								float: left;
								}

div#Main-Navigation ul li.last a {
								margin-right: 0;
								border-right: none;
								}

div#Main-Navigation ul li a {
								display: block;
								line-height: 12px;
								font-weight: bold;
								padding-right: 6px;
								margin-right: 6px;
								border-right: 1px solid #166a30;
								}

div#Main-Navigation ul li a:link,
div#Main-Navigation ul li a:visited {
								border-bottom: none;
								}

div#Main-Navigation ul li a:hover,
div#Main-Navigation ul li a:focus {
								border-bottom: none;
								}

div#Main-Navigation ul li a:active {
								border-bottom: none;
								color: #000;
								}

div#Main-Navigation ul li.active a {
								border-bottom: none;
								color: #000;
								}


/*			Footer
================== */
div#footer {
								display: none;
								position: absolute;
								top: 631px;
								left: 0;
								width: 100%;
								height: 100%;
								background: #d0c984 url(images/interface/Bkgnd.jpg) repeat-x fixed;
								z-index: 700;
								}
p.footer {
								position: relative;
								margin-left: 33px;
								top: 0;
								font-size: 11px;
								text-align: left;
								color: #166a30;
								border-top: 1px solid #166a30;
								z-index: 750;
								}

p.footer a {
								color: #39a300 !important;
								font-weight: normal !important;
								}

p.footer span.copyright {
								position: relative;
								display: block;
								top: 0;
								left: 0;
								margin: 0;
								padding-bottom: 8px;
								padding-top: 8px;
								}

p.footer span.design-coding {
								position: absolute;
								display: block;
								top: 0;
								right: 33px;
								padding-bottom: 8px;
								padding-top: 8px;
								}

p.footer span.copyright {
	padding-left: 24px;
	background: transparent url(images/f.png) no-repeat 0 6px;
}

p.footer span.copyright a:link,
p.footer span.copyright a:visited {
	color: #3c5c99 !important;
	border-bottom: none;
}

p.footer span.copyright a:hover,
p.footer span.copyright a:focus,
p.footer span.copyright a:active {
	color: #3c5c99 !important;
	border-bottom: 1px solid #3c5c99;
}




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

div#Content {
								position: relative;
								width: 593px;
								top: 0px;
								z-index: 200;
								}


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

div#Main-Content {
								position: relative;
								top: 242px;
								left: 33px;
								width: 593px;
								z-index: 300;
								}



/* 			Sub-Navigation
========================== */
div.Sub-Navigation {
								position: absolute;
								overflow: hidden;
								font-size: 11px;
								right: 0;
								top: 23px;
								}

div.Sub-Navigation p {
								display: block;
								float: left;
								line-height: 12px;
								}

div.Sub-Navigation ul {
								float: left;
								}

div.Sub-Navigation ul li {
								display: block;
								float: left;
								}

div.Sub-Navigation ul li.last {
								
								}

div.Sub-Navigation ul li a {
								display: block;
								line-height: 12px;
								padding-right: 6px;
								margin-right: 6px;
								border-right: 1px solid #166a30;
								}

div.Sub-Navigation ul li a:link,
div.Sub-Navigation ul li a:visited {
								
								}

div.Sub-Navigation ul li a:hover,
div.Sub-Navigation ul li a:focus {
								
								}

div.Sub-Navigation ul li a:active {
								
								}

div.Sub-Navigation ul li.active a {
								
								}

/* 			Aktuell
=================== */

div.eintrag {
								position: relative;
								border-bottom: 1px solid #166a30;
								margin-bottom: 10px;
								}

div.letzter-eintrag {
								border-bottom: none;
								margin-bottom: 0;
								}

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

div.Link-eintrag {
								margin-bottom: 18px;
								}

div.Link-eintrag p {
								margin-bottom: 0;
								}

div#Main-Content div.Link-eintrag a {
								padding-left: 0 !important;
								background: none !important;
								font-weight: bold;
								}

/*										=====================
										Elementformatierungen
============================================================= */




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

/* inaktiv */
a:link,
a:visited {
								color: #166a30;
								font-weight: normal;
								text-decoration: none;
								border-bottom: none;
								}

/* aktiv */
a:focus,
a:hover {
								color: #39a300;
								font-weight: normal;
								text-decoration: none;
								border-bottom: 1px solid #39a300;
								}

a:active {
								color: #000;
								font-weight: normal;
								text-decoration: none;
								border-bottom: 1px solid #39a300;
								}

div#Main-Content a {
								padding-left: 12px;
								background: transparent url(images/interface/Link.png) no-repeat left 4px;
								}

div#Main-Content a.hook {
								padding-left: 0;
								background: none;
								}


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

p {
								margin-bottom: 18px;
								}

p.no-margin {
								margin-bottom: 0px;
								}

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

h1, h2, h3, h4, h5, h6 {
								color: #166a30;
								font-weight: bold;
								}

h1 {
								font-weight: normal;
								text-transform: lowercase;
								font-size: 30px;
								margin-bottom: 9px;
								}

h2 {
								font-size: 12px;
								margin-bottom: 4px;
								}

h3 {
								}

h4 {
								
								}




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

ul li {
								
								}

dl {
								margin-bottom: 9px;
								}


/*			Tables
================== */




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

/* FDM */
div.fdm-bild form#fdmForm {
						
						}


/* Weblogin */
form#wlpeLoginForm label {
						position: relative;
						display: block;
						}

form#wlpeLoginForm label input#wlpeUsername {
						position: absolute;
						left: 100px;
						top: 0;
						}

form#wlpeLoginForm label input#wlpePassword {
						position: absolute;
						left: 100px;
						top: 0;
						}

/* Kontaktformulare */

div.errors {
								color: #ff0000;
								}

div.errors strong {
								font-weight: bold;
								}

p.form-sent {
								font-weight: bold;
								color: #166a30;
								font-size: 16px !important;
								}

form#kontaktFormular p {
								margin-bottom: 9px;
								}

form#kontaktFormular label {
								display: block;
								}

form#kontaktFormular span.required {
								color: #ff0000;
								}

form#kontaktFormular input[type="text"] {
								width: 250px;
								border: 1px solid #166a30;
								padding: 2px 4px;
								font-size: 12px;
								background: transparent url(images/interface/transparent-50.png);
								}

form#kontaktFormular textarea {
								width: 500px;
								height: 72px;
								border: 1px solid #166a30;
								padding: 2px 4px;
								font-family: 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
								font-size: 12px;
								background: transparent url(images/interface/transparent-50.png);
								}

form#kontaktFormular input[type="checkbox"] {
								margin-right: .6em;
								}

form#kontaktFormular input[type="radio"] {
								margin-right: .6em;
								}

input.button,
input[type="submit"],
button[type="submit"],
button[type="button"] {
								border: 1px solid #000;
								color: #000;
								background-color: #fff;
								padding: 4px 4px;
								font-size: 1em;
								font-weight: bold;
								background: transparent url(images/interface/transparent-50.png);
								}

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 {
								border: 1px solid #000;
								color: #166a30;
								background-color: #fff;
								cursor: pointer;
								}


/*			Farben
================== */

.fett {
								font-weight: bold;
								}
.schwarz {
								color: #000;
								}
.weiss {
								color: #fff;
								}
.hervorheben {
								color: #000;
								font-weight: bold;
								}
.kleiner {
								font-size: .8em !important;
								}
.rot {
								color: red;
								}


/*										============================
										Spezial/Einzelformatierungen
==================================================================== */


/* Infos
======== */

.hidden {
								display: none;
								}

p.mehr-link {
								font-size: 12px;
								margin-top: -18px;
								margin-bottom: 18px;
								}

p.back-link {
								font-size: 12px;
								}

p.back-link a {
								background: transparent url(images/interface/Link-Back.png) no-repeat left 4px !important;
								}

.infos {
								position: relative;
								}

.mehr {
								position: relative;
								}


p.mail-link {
								margin-bottom: 0;
								}

p.kontakt-link {
								margin-bottom: 0;
								}


/* Kontoangaben */
dl#kontoangaben {
								position: relative;
								overflow: hidden;
								}

dl#kontoangaben dt {
								clear: left;
								float: left;
								width: 120px;
								}


dl#kontoangaben dd {
								clear: right;
								width: 360px;
								}

/* FDM - Links
============== */

span.fdm-mod a,
a.link-normal {
								font-weight: normal;
								font-size: 11px;
								padding-left: 0 !important;
								background: none !important;
								}

span.fdm-menu-control {
								font-weight: bold;
								color: red;
								}

span.fdm-main {
								display: block;
								padding-bottom: 14px;
								}

/* Bilder */
div.bild {
								width: 150px;
								float: left;
								text-align: center;
								}



/* directresize */



/* 			Login/Logout
======================== */

span.login-logout {
								display: block;
								position: relative;
								top: 150px;
								padding-right: 10px;
								text-align: right;
								}

span.login-logout a {
								font-size: .8em;
								}

/* inaktiv */
span.login-logout a:link,
span.login-logout a:visited {
								text-decoration: none;
								}