/* color.css */

body {
    background: #FFFFFF url("../needlestripes.png") center top repeat;
    background: -moz-linear-gradient(top,#D3D7CF 0%,rgba(255,255,255,0) 30%,rgba(255,255,255,0) 100%) no-repeat,url("../needlestripes.png") center top repeat #FFFFFF;
    background: -webkit-linear-gradient(top,#D3D7CF 0%,rgba(255,255,255,0) 30%,rgba(255,255,255,0) 100%) no-repeat,url("../needlestripes.png") center top repeat #FFFFFF;
    background: -o-linear-gradient(top,#D3D7CF 0%,rgba(255,255,255,0) 30%,rgba(255,255,255,0) 100%) no-repeat,url("../needlestripes.png") center top repeat #FFFFFF;
    background: -ms-linear-gradient(top,#D3D7CF 0%,rgba(255,255,255,0) 30%,rgba(255,255,255,0) 100%) no-repeat,url("../needlestripes.png") center top repeat #FFFFFF;
    background: linear-gradient(to bottom,#D3D7CF 0%,rgba(255,255,255,0) 30%,rgba(255,255,255,0) 100%) no-repeat,url("../needlestripes.png") center top repeat #FFFFFF;
    background: -pie-linear-gradient(top,#D3D7CF 0%,rgba(255,255,255,0) 30%,rgba(255,255,255,0) 100%) no-repeat,url("../needlestripes.png") center top repeat #FFFFFF;
}

a:link,
h1,
h2,
h3,
h4,
h5,
h5,
h6,
a#logo {
    color: #888A85;
}

a:hover,
a:focus,
a:active {
    color: #BABDB6;
}

a:visited {
    color: #555753;
}

a:visited:hover,
a:visited:focus,
a:visited:active {
    color: #2E3436;
}

#wrapper {
    background-color: rgba(255,255,255,.7);
}

#main:before {
    background: #888A85 url("../gemeinde_2016.jpg") center center no-repeat;
    background-size: cover;
    border-color: #888A85;
}

#header,
#footer {
    border-color: #888A85;
}

.pink a:link,
.pink h1,
.pink h2,
.pink h3,
.pink h4,
.pink h5,
.pink h5,
.pink h6,
.pink a#logo {
    color: #A4003E;
}

.pink a:hover,
.pink a:focus,
.pink a:active {
    color: #C22663;
}

.pink a:visited {
    color: #860035;
}

.pink a:visited:hover,
.pink a:visited:focus,
.pink a:visited:active {
    color: #680029;
}

.pink #main:before {
    background-color: #A4003E;
    border-color: #A4003E;
}

#mainnavi .level_1 > li >  a.pink,
#mainnavi .level_1 > li >  strong.pink {
    background-color: #A4003E;
    font-weight: normal;
}

#mainnavi .level_1 > li > a.pink:hover,
#mainnavi .level_1 > li > a.pink:focus,
#mainnavi .level_1 > li > a.pink:active {
    background-color: #C22663;
}

.pink #header,
.pink #footer {
    border-color: #A4003E;
}

.sand a:link,
.sand h1,
.sand h2,
.sand h3,
.sand h4,
.sand h5,
.sand h5,
.sand h6,
.sand a#logo {
    color: #D69C00;
}

.sand a:hover,
.sand a:focus,
.sand a:active {
    color: #F4BF30;
}

.sand a:visited {
    color: #B88600;
}

.sand a:visited:hover,
.sand a:visited:focus,
.sand a:visited:active {
    color: #9A7A00;
}

.sand #main:before {
    background-color: #D69C00;
    background-image: url("../cross.jpg");
    background-position: right bottom;
    border-color: #D69C00;
}

#mainnavi .level_1 > li > a.sand,
#mainnavi .level_1 > li > strong.sand {
    background-color: #D69C00;
    font-weight: normal;
}

#mainnavi .level_1 > li > a.sand:hover,
#mainnavi .level_1 > li > a.sand:focus,
#mainnavi .level_1 > li > a.sand:active {
    background-color: #F4BF30;
}

.sand #header,
.sand #footer {
    border-color: #D69C00;
}

.blue a:link,
.blue h1,
.blue h2,
.blue h3,
.blue h4,
.blue h5,
.blue h5,
.blue h6,
.blue a#logo {
    color: #40557B;
}

.blue a:hover,
.blue a:focus,
.blue a:active {
    color: #6E7D99;
}

.blue a:visited {
    color: #31415D;
}

.blue a:visited:hover,
.blue a:visited:focus,
.blue a:visited:active {
    color: #212C3F;
}

.blue #main:before {
    background-color: #40557B;
    background-image: url("../agenda.jpg");
    background-position: left top;
    border-color: #40557B;
}

#mainnavi .level_1 > li > a.blue,
#mainnavi .level_1 > li > strong.blue {
    background-color: #40557B;
    font-weight: normal;
}

#mainnavi .level_1 > li > a.blue:hover,
#mainnavi .level_1 > li > a.blue:focus,
#mainnavi .level_1 > li > a.blue:active {
    background-color: #6E7D99;
}

#mainnavi ul.level_1 > li > a,
#mainnavi ul.level_1 > li > strong {
    color: #FFFFFF;
}

.blue #header,
.blue #footer {
    border-color: #40557B;
}

tr.odd td,
th {
    background-color: rgba(211, 215, 207, .5);
}

.kontakt #main:before {
    background-image: url("../postbox_meadow.jpg");
}