/*
 * style sheets for text elements
 * 
 * @author     maik mettenheimer
 * @project    phantastische feste
 * @version    2008-11
 */

/* default font settings
----------------------------------------------------------------------------- */

body {
    background-color: #fff;
    color: #4f2254; 
    font-size: 13px;
    font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
    line-height: 1.6;
}

/* headings
----------------------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
}

h2 {
    font-size: 1.3em;
    line-height: 1em;
    margin: 2em 0 0.6em;
    text-transform: uppercase;
}

h2.first {
    margin-top: 125px;
}

h3 {
    font-size: 1.1em;
    line-height: 1em;
    margin: 1.3em 0 0.6em;
    font-weight: bold;
}

h4 {
    font-size: 1em;
    line-height: 1em;
    margin: 1em 0 0.5em;
}

h5 {
    font-size: 1em;
    margin: 1em 0 0.6em;
}

h6 {
    font-size: 1em;
}

/* text elements
----------------------------------------------------------------------------- */

p {
    margin: 0 0 0.6em;
    text-align: justify;
}

div.left {
    float: left;
    width: 48%;
}

div.right {
    float: right;
    width: 48%;
}

p img {
    float: right;
    margin: 0.2em 0 1em 1em;
}

p img.left {
    float: left;
    margin: 0.2em 1em 1em 0;
    padding: 0;
}

blockquote {
    font-style: italic;
    margin: 1.5em;
}

strong {
    font-weight: bold;
}

em, dfn {
    font-style: italic;
}

dfn {
    font-weight: bold;
}

sup, sub {
    line-height: 0;
}

abbr, acronym {
    border-bottom: 1px dotted #666;
}

address {
    font-style: italic;
    margin: 0 0 1.5em;
}

pre, code {
    margin: 1.5em 0;
    white-space: pre;
}

pre, code, tt {
    font: 1em 'andale mono', 'lucida console', monospace;
    line-height: 1.5;
} 

/* links, icons for links based on protocol or file type.
----------------------------------------------------------------------------- */

a:link, a:visited {
    color: #4f2254;
    text-decoration: underline;
}

#container a:hover, a:focus, a:active {
    color: #3c7c90;
}

a:active {
    position: relative;
    left: 1px;
    top: 1px;
    z-index: 2;
}

/* make sure the icons are not cut */
a[href^="mailto:"],
a[href$=".pdf"],
a[href$=".doc"],
a[href$=".xls"],
a[href$=".rss"], 
a[href$=".rdf"] {
    background-position: right center;
    background-repeat: no-repeat;
    padding: 2px 13px 2px 0;
    margin: -2px 0;
}

a[href^="mailto:"] {
    background-image: url(../img/icons/email.png);
    padding: 2px 20px 2px 0;
}

/* files */

a[href$=".pdf"] {
    background-image: url(../img/icons/pdf.png);
}

a[href$=".doc"] {
	background-image: url(../img/icons/doc.png);
}

a[href$=".xls"] {
	background-image: url(../img/icons/xls.png);
}

/* misc links */

a[href$=".rss"], a[href$=".rdf"] {
	background-image: url(../img/icons/feed.png);
}

/* lists
----------------------------------------------------------------------------- */

li ul, li ol {
    margin: 0 1.5em;
}

ul, ol {
    margin: 0 1.5em 1.5em 1.5em;
}

ul {
    list-style-type: disc;
}

ol {
    list-style-type: decimal;
}

dl {
    margin: 0 0 1.5em 0;
}

dl dt {
    font-weight: bold;
}

dd {
    margin-left: 1.5em;
}

/* tables
----------------------------------------------------------------------------- */

table {
    margin-bottom: 1.4em;
    width: 100%;
}

th {
    background: #C3D9FF;
    font-weight: bold;
}

th,td {
    padding: 4px 10px 4px 5px;
}

tr.even td {
    background: #E5ECF9;
}

tfoot {
    font-style: italic;
}

caption {
    background: #eee;
}