/* Ed's Web1 CSS

www.edsperber.de
Start: 23.12.2008
Letzte Aenderung: 14.01.2009
*/

/* Farbschema
--------------------------------------------------------------------------------------- */

/*
Farbton (body_bg): #ECE1B4
Farbton (schrift): #89570f
Farbton (footer): #543C37
*/

/* Reset
--------------------------------------------------------------------------------------- */

* {
        padding: 0;
        border: none;
        margin: 0;
}

a {outline:none;}

/* Globals und Typo
--------------------------------------------------------------------------------------- */
body {
        height: 100%;
         max-width: 100%;
         text-align: center;
        background: #ECE1B4 url(../image/bg_body_top.jpg) top left repeat-x;
}

html {
        height: 100%;
        font-size: 75%;
         margin-bottom: 1px;
}

html>body {
        font-size: 12px;
}


li {
        list-style-type: none;
}

/* IE PNG fix ------------------*/
img, div, a { behavior: url(../image/iepngfix.htc) }


/* Überschriften und Fließtext
--------------------------------------------------------------------------------------- */

p {
        color: #89570f;
        font-family: Arial, Tahoma, Verdana, sans-serif;
        font-size: 1.2em;
        line-height: 1.5em;
        padding-top: 5px;
        padding-bottom: 5px;
}

#header h1 {
        width:100px;
        position: absolute;
        text-indent: -9999em;
        font-size: 9px;
}

h1 {
        font: 2.5em/1.1em Georgia, "Times New Roman", Times, serif;
        margin-top: 0.75em;
        margin-bottom: 1.2em;
         color: #89570f;
}

h2 {
        font: 1.5em/1em Georgia, "Times New Roman", Times, serif;
        margin-top: 1em;
        margin-bottom: 1em;
         color: #89570f;
}

h2#einleitung {
        font: 1.7em/1em Georgia, "Times New Roman", Times, serif;
        margin-top: 1em;
        margin-bottom: 1em;
         color: #89570f;
}

h3 {
        font: 1.33em/1.13em Georgia, "Times New Roman", Times, serif;
        margin-top: 1.13em;
        margin-bottom: 1.13em;
         color: #89570f;
}

h3#formation {
        font: 1.8em/1.13em Georgia, "Times New Roman", Times, serif;
        margin-top: 1em;
        margin-bottom: 1em;
         color: #89570f;
}

h4 {
        font: 1.17em/1.29em Georgia, "Times New Roman", Times, serif;
        margin-top: 1.29em;
        margin-bottom: 1.29em;
         color: #89570f;
}

#footer p {
        font: normal 95%/2 "Trebuchet MS", Tahoma, Verdana, sans-serif;
        text-align: center;
        color: #F4F1DD;
        padding-top: 15px;
}

#footer a {
        text-decoration: underline;
         color: #F4F1DD;
         outline:none;
}

ul#vita {
        margin-top: 1.5em;
         margin-bottom: 1.5em;
}

#vita li {
         padding: 0 0 10px 25px;
         font: 1.2em/1.5em Arial, Tahoma, Verdana, sans-serif;
         color: #89570f;
        background: url(../image/sax.png) top left no-repeat;
}

ul#ref {
        margin-top: 1.5em;
         margin-bottom: 1.5em;
}

#ref li {
        list-style-type: none;
         font: 1.2em/1.5em Arial, Tahoma, Verdana, sans-serif;
         color: #89570f;
}

.maillink {
        font: 1.4em/1.5em Arial, Tahoma, Verdana, sans-serif;
         color: #89570f;
}

p.adresse {
         font: 1.4em/1.5em Arial, Tahoma, Verdana, sans-serif;
        margin-top: 1.5em;
        margin-bottom: 1.5em;
         color: #89570f;
}

p#erläuterung {
        color: #FF1F00;
}

p#bildunterschrift {
         font: 1.2em/1.5em Arial, Tahoma, Verdana, sans-serif;
        margin-top: 0;
        margin-bottom: 1.5em;
         color: #89570f;;
}

p.unterschrift {
        color: #89570f;
        font-family: "Kunstler Script", serif;
        font-size: 3.5em;
        line-height: normal;
        margin-top: 0.6em;
}

/* Bilder und verlinkte Bilder ohne Rahmen
--------------------------------------------------------------------------------------- */

img, a img {
        border: 0;
}

/* Links- bzw. Rechtsausrichtung für Elemente
--------------------------------------------------------------------------------------- */

.links {
        float: left;
        margin: 0 0.5em 0.5em 0;
}

.rechts {
        float: right;
        margin: 0 0 0.5em 0.5em;
}

/* Layoutelemente
--------------------------------------------------------------------------------------- */

#wrapper {
        min-height: 100%;
        width: 1000px;
        margin-top: 0;
        margin-right: auto;
        margin-bottom: 0;
        margin-left: auto;
        position: relative;
}

#header  {
         height: 300px;
         background: transparent url(../image/bg_header.jpg) top left no-repeat;
}

#header a {
         position: absolute;
         top: 160px;
         left: 900px;
}

#content {
        margin-top: 50px;

}

#contentkontakt {
        margin-top: 50px;
        margin-bottom: 130px;
}

#contentmain {
        float: left;
        width: 630px;
        text-align: left;
        padding-left: 10px;
        padding-bottom: 30px;
}

#contentsidebar {
        float: right;
         width: 300px;
         text-align: left;
         padding-left: 10px;
         padding-bottom: 30px;
}

#footer {
        clear: both;
        height: 60px;
        width: 100%;
        margin-top: -60px;
        background: #543C37 url(../image/footer.jpg) bottom left repeat-x;
}

p#intro {
        padding-left: 25px;
        background: url(../image/sax.png) center left no-repeat;
}
/*------ Hauptnavigation
-------------------------------------------------------------------------------------*/

ul#hauptnavi {
        position: absolute;
         top: 280px;
         right: 0px;
         width: 650px;
}

ul#hauptnavi li{
        float: left;
}

ul#hauptnavi li a {
        float: left;
         padding: 0 0 0 15px;
         font: 1.2em/1.1em Georgia, "Times New Roman", Times, serif;
}

ul#hauptnavi a:link {
        color: #9187AC;
        text-decoration: underline;
}

ul#hauptnavi a:visited {
        color: #9187AC;
        text-decoration: underline;
}

ul#hauptnavi a:hover {
        text-decoration: underline;
         cursor: pointer;
}

ul#hauptnavi a:focus {
        outline: none;
}

ul#hauptnavi li a.active {
        color: #543C37;
         text-decoration: none;
}

/*----- slimbox
---------------------------------------*/

#lbOverlay {
        position: absolute;
        z-index: 9999;
        left: 0;
        width: 100%;
        background-color: #000;
        cursor: pointer;
}

#lbCenter, #lbBottomContainer {
        position: absolute;
        z-index: 9999;
        left: 50%;
        overflow: hidden;
        background-color: #fff;
}

.lbLoading {
        background: #fff url(../js/loading.gif) no-repeat center;
}

#lbImage {
        position: absolute;
        left: 0;
        top: 0;
        border: 10px solid #fff;
        background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
        display: block;
        position: absolute;
        top: 0;
        width: 50%;
        outline: none;
}

#lbPrevLink {
        left: 0;
}

#lbPrevLink:hover {
        background: transparent url(../js/prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
        right: 0;
}

#lbNextLink:hover {
        background: transparent url(../js/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
        font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
        font-size: 10px;
        color: #666;
        line-height: 1.4em;
        text-align: left;
        border: 10px solid #fff;
        border-top-style: none;
}

#lbCloseLink {
        display: block;
        float: right;
        width: 66px;
        height: 22px;
        background: transparent url(../js/closelabel.gif) no-repeat center;
        margin: 5px 0;
        outline: none;
}

#lbCaption, #lbNumber {
        margin-right: 71px;
}

#lbCaption {
        font-weight: bold;
}

/* flashplayer
----------------------------------------------------------------------------------*/
#demokal {
         padding-top:5px;
         padding-bottom: 50px;
}

#democd {
         padding-top:5px;
         padding-bottom: 50px;
}

#dixie {
         padding-top:5px;
         padding-bottom: 50px;}

/* table
----------------------------------------------------------------------------------*/
table#disco {
         width: 619px;
         border: 0;
         align: center;
}

td#cover {
         width: 67px;
}

td#leer {
         width: 55px;
}

td#beschreibung {
         width: 361px;
         height: 90px;
}

td#demo {
         width:118px;
}