/* standarddefinitionen auf www.bretzger.net */

body {
        background: #c6d9ec url(http://www.bretzger.net/images/hintergrund.jpg) repeat-x;
        text-align: justify;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 13px;
        color: #000000;
        padding: 0px;
        margin: 0px;
        border: none;
}

h1 {
        background-color: #C6D9EC;
        margin: 30px 0px 10px 0px;
        padding: 5px 0px 5px 5px;
        color: #000099;
        font-size: 28px;
        font-style: italic;
}

h2 {
        background-color: #C6D9EC;
        margin: 30px 0px 5px 0px;
        padding: 5px 0px 5px 5px;
        text-transform: uppercase;
        font-size: 18px;
        font-style: italic;
        color: #000099;
}

h2.neuigkeiten {
        background-color: #B6956F;
        margin: 0px 0px 5px 0px;
        padding: 5px 0px 5px 5px;
        text-transform: uppercase;
        font-size: 18px;
        font-style: italic;
        color: #261D10;
}

h2.infos {
        background-color: #709290;
        margin: 0px 0px 5px 0px;
        padding: 5px 0px 5px 5px;
        text-transform: uppercase;
        font-size: 18px;
        font-style: italic;
        color: #181A0D;
}

h3 {
        color: #000099;
        margin: 20px 0px 0px 0px;
        padding: 0px;
        font-size: 16px;
        font-style: italic;
}

h3.neuigkeiten {
        color: #261D10;
        margin: 20px 0px 0px 0px;
        padding: 0px;
        font-size: 16px;
        font-style: italic;
}

h3.infos {
        color: #181A0D;
        margin: 20px 0px 0px 0px;
        padding: 0px;
        font-size: 16px;
        font-style: italic;
}

h4 {
        color: #000099;
        margin: 10px 0px 0px 0px;
        padding: 0px;
        font-size: 14px;
        font-style: italic;
}

h5 {
        color: #000099;
        margin: 10px 0px 0px 0px;
        padding: 0px;
        font-size: 13px;
        font-style: bold;
}

h6 {
}

p, ol, ul, dl, blockquote {
}

p.neuigkeiten {
        color: #261D10;
}

p.infos  {
        color: #181a0d;
        padding-right: 5px;
        padding-left: 5px
}


a {
        color: #000099;
        border: 0;
}

a:hover {
        text-decoration: none;
}

img {
        border: 0;
}

img.linksfloat {
        border: 0;
        float: left;
        margin-right: 20px;
        margin-bottom: 14px;
}

img.rechtsfloat {
        border: 0;
        float: right;
        margin-left: 20px;
        margin-bottom: 14px;
}

img.logolinks {
        border: 0;
        width: 100px;
        margin-right: 40px;
}

.bildbeschriftunglinksfloat {
        border: 0;
        float: left;
        margin-left: 20px;
        margin-bottom: 20px;
        font-size: 10px;
        text-transform: uppercase;
        text-align: left;
}

.bildbeschriftunglinksfloat img {
        border: 0;
        margin-bottom: 6px;
}

.bildbeschriftungrechtsfloat {
        border: 0;
        float: right;
        margin-left: 20px;
        margin-bottom: 20px;
        font-size: 10px;
        text-transform: uppercase;
        text-align: left;
}

.bildbeschriftungrechtsfloat img {
        border: 0;
        margin-bottom: 6px;
}


.blocksatz {
        text-align:justify; line-height:18px; vertical-align:bottom;
}

.kleinetexte {
        font-size: 11px;
}

.grossetexte {
        font-size: 15px;
}


/* header */

#header {
        width: 980px;
        height: 120px;
        margin: 0px auto 0px auto;
}

/* end header */

/* hauptnavigation */

#hauptnavigation {
        width: 980px;
        height: 42px;
        margin: 0px auto;
}

#hauptnavigation ul {
        margin: 0px;
        padding: 0px;
        list-style: none;
}

#hauptnavigation li {
        display: inline;
}

#hauptnavigation a {
        color: #000099;
        font-size: 14px;
        font-weight: bold;
        text-decoration: none;
        background: #c6d9ec;
        text-align: center;
        display: block;
        padding: 12px 0;
        width: 245px;
        height: 14px;
        float: left;
        border-bottom: 4px solid #c6d9ec;
}

#hauptnavigation a:hover {
        border-bottom: 4px solid #000099;
        background: #70B2E8;
        color: #000099;
}

#hauptnavigation .active {
        border-bottom: 4px solid #000099;
        background: #70B2E8;
        color: #000099;
}

/* end hauptnavigation */


/* hauptteil */

#content {
        background: #FFFFFF;
        width: 980px;
        margin: 0px auto;
        padding: 2px 0px 0px 0px;
}

/* seiteninhalt */

#colOne {
        float: right;
        width: 695px;
        margin-top: 20px;
        padding-right: 20px;
}

/* linke spalte und unternavigation */

#colTwo {
        float: left;
        width: 205px;
        margin-top: 20px;
        padding-right: 20px;
        padding-left: 20px;
}

#navigation {
        width: 205px;
        height: auto;
        margin: 0px auto;
}

#navigation ul {
        margin: 0px;
        padding: 0px;
        list-style: none;
        background: #C6D9EC;
}

#navigation li {
        display: inline;
}

#navigation ul li ul {
        margin-left: 4px;
        padding: 0px;
        list-style: none;
        background: #C6D9EC;
}

#navigation a {
        display: block;
        float: left;
        width: 185px;
        padding: 6px 10px 6px 6px;
        text-align: left;
        text-decoration: none;
        font-size: 13px;
        font-weight: bold;
        background: #C6D9EC;
        color: #000099;
        border-left: 4px solid #c6d9ec;
}

#navigation a:hover {
        background: #70B2E8;
        color: #000099;
        border-left: 4px solid #000099;
}

#navigation .active {
        display: block;
        background: #70B2E8;
        color: #000099;
        border-left: 4px solid #000099;
}

#navigation .untera {
        display: block;
        float: left;
        width: 181px;
        padding: 6px 10px 6px 6px;
        text-align: left;
        text-decoration: none;
        font-size: 13px;
        font-weight: bold;
        background: #C6D9EC;
        color: #000099;
        border-left: 4px solid #70B2E8;
}

#navigation .unteractive {
        display: block;
        float: left;
        width: 181px;
        padding: 6px 10px 6px 6px;
        text-align: left;
        text-decoration: none;
        font-size: 13px;
        font-weight: bold;
        background: #70B2E8;
        color: #000099;
        border-left: 4px solid #000099;
}

/* divs fuer zweispaltige Bloecke innerhalb colOne, jeweils ohne/farbigem Hintergrund */

.colLeft {
        float: left;
        width: 320px;
        margin: 20px 27px 20px 0px;
        padding: 0;
}

.colRight {
        float: right;
        width: 320px;
        margin: 20px 0px 20px 28px;
        padding: 0;
}

.colLeftbg   {
        float: left;
        width: 320px;
        margin: 20px 27px 20px 0px;
        padding: 0;
        background: #DDDDDD;
}

.colRightbg {
        float: right;
        width: 320px;
        margin: 20px 0px 20px 28px;
        padding: 0;
        background: #DDDDDD;
}



/* footer */

#footer {
        clear: both;
        width: 980px;
        margin: 0px auto;
        padding: 8px 0px 8px 0px;
        background: #333399;
        color:#99CCFF;
        text-align: center;
}

#footer p {
        padding:0px;
        text-align: center;
        font-size: 11px;
        color: #99CCFF;
}

#footer a {
        color: #99CCFF;
        padding: 1px;
        border: 1px solid #333399;
        text-decoration: none;
        font-size: 11px;
        background-color: #333399;
}

#footer a:hover {
        color: #000099;
        padding: 1px;
        border: 1px solid #F5F5F5;
        text-decoration: none;
        background-color: #99CCFF;
}

/* end footer */