@font-face { font-family: Oswald; src: url("/img/fonts/Oswald.ttf"); }
@font-face { font-family: Chunkfive; src: url("/img/fonts/Chunkfive.otf"); }

@font-face { font-family: Kontrapunkt; src: url("/img/fonts/Kontrapunkt-Light.otf") }
@font-face { font-family: Kontrapunkt; src: url("/img/fonts/Kontrapunkt-Bold.otf"); font-weight: bold; }

/*
kräftig rot:   #AC1D15
kräftig blau:  #1D4272
*/

body {
  width: 95%;
  background:#555 url("/img/l/page_bg.jpg") repeat fixed;
  margin: 0 auto;
  padding: 24px 0;
  }


a { color: #1D4272; font-weight: bold; text-decoration:none;}
a:visited { color: #1D4272; }
a:hover { color: #AC1D15; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

h1, h2, h3, h4, h5, h6 {
  color: #444;
}

.container {
  padding-left: 3%;
  background: #fff url("/img/l/bg_main.jpg") repeat ;
  border: 1px solid #999;
  border-radius: 3px 3px 0 0;
  box-shadow: 5px 5px 8px 1px rgba(0, 0, 0, 0.6);
  }

.content {
  max-width: 800px;
}

header {
  background: #fff url("/img/l/bg_main.jpg") repeat ;
  border: 1px solid #999;
  border-radius: 3px 3px 0px 0px;
  box-shadow: 5px 5px 8px 1px rgba(0, 0, 0, 0.6);
}

header  h1 {
  background: url("/img/l/crest_logo.png") 25px 0 no-repeat;
  color: #AC1D15;
  font-family: Kontrapunkt, Impact, sans-serif;
  font-weight: bold;
  font-size: 3.2em;
  margin: 0.1em 0;
  padding: 0.5em 0 0.15em 2.8em;
  text-shadow:  0 1px 1px rgba(0,0,0,0.5);
  }

header  h1 span {
  color: #1D4272;
  font-size: 0.5em;
}

body > nav {
  position:relative;
  background-color:#c5dcbb;
  background:url('/img/l/noise.png'),-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dcead6), color-stop(50%, #c5dcbb), color-stop(100%, #a5c896));
  background:url('/img/l/noise.png'),-webkit-linear-gradient(#dcead6,#c5dcbb,#a5c896);
  background:url('/img/l/noise.png'),-moz-linear-gradient(#dcead6,#c5dcbb,#a5c896);
  background:url('/img/l/noise.png'),-o-linear-gradient(#dcead6,#c5dcbb,#a5c896);
  background:url('/img/l/noise.png'),-ms-linear-gradient(#dcead6,#c5dcbb,#a5c896);
  background:url('/img/l/noise.png'),linear-gradient(#dcead6,#c5dcbb,#a5c896);
  border-top:1px solid #f0f6ed;
  border-bottom:1px solid #7db067;
  padding-top:.35em;
  padding-bottom:.35em
  }


body > nav a, body > nav a:visited {
  color: #5D8C49;
  float: left;
  font-size: 1.1em;
  line-height: 1.5em;
  padding: 0.1em 0;
  text-decoration: none;
  text-shadow: 0 1px #E7F1E3;
  }

body > nav a:focus { outline: none; }

body > nav a:hover {
  /*color: #1D4272;*/
  color: #444;
  }

body > nav a {
  transition: color 0.4s ease 0s;
  }

nav li {
  display: inline;
  float: left;
  list-style-image: none;
  list-style-type: none;
  margin-left: 0;
  padding-right: 0;
  white-space: nowrap;
}

nav li + li {
  border-left: 1px solid #A5C896;
  margin-left: 0.8em;
}

nav li + li a {
  border-left: 1px solid #D9E8D3;
  padding-left: 0.8em;
}

nav ul#main-nav {
  float:left;
  margin-left:3%;
}
nav form {
  float: right;
  text-align: left;
  padding-right: 1em;
  }

nav form .search {
  width: 93%;
  background-clip: padding-box;
  background-color: #F0F6ED;
  border: 1px solid #A8CA9A;
  border-radius: 0.4em 0.4em 0.4em 0.4em;
  box-shadow: 0  1px 1px #CBDFC2;
  color: #888888;
  padding: 0.35em 0.5em 0.25em;
}

nav ul#rss {
  float:right;
  margin-right: 3%;
}

.container > #main {
  margin: 1em auto 2em 0;
  width: 94%;
}

h2.startpage_section {
color: #777;
font-family: Kontrapunkt, Impact, sans-serif;
margin-bottom: 0.3em;
margin-top: 0.3em;
}

ul#news_kontakt {
  list-style-type: none;
  margin-top: 0;
  padding: 0;

}

#news_kontakt li {
  float: left;
  margin-bottom: 0.5em;
  min-width: 220px;
}

#news_kontakt li.news {
  width: 64%;
  margin-right: 2%;
  line-height: 1.6em;
}

#news_kontakt li.news span {
  color: #ccc;
  display: inline-block;
  width: 5.4em;
}

#news_kontakt li.news span:hover {
  color: #444;
}
#news_kontakt li.news p.more_news {
  margin-top: 0;
}

#news_kontakt li.kontakt {
  width: 28%;
}

#news_kontakt li.kontakt a {
  background-repeat:no-repeat;
  background-position: 0 50%;
  display: block;
  font-size: 110%;
  margin-bottom: 0;
  margin-top:0;
  padding: 0.6em 0 0.15em 2.1em;

}

#news_kontakt li.kontakt a.kontakt     { background-image: url("../img/icons_24/mail-message-new.png")}
#news_kontakt li.kontakt a.spenden     { background-image: url("../img/icons_24/applications-other.png")}
#news_kontakt li.kontakt a.pgp         { background-image: url("../img/icons_24/emblem-readonly.png")}
#news_kontakt li.kontakt a.zertifikate { background-image: url("../img/icons_24/application-certificate.png"); background-position: 0 70%;}

ul#about {
  list-style-type: none;
  margin-top: 0;
  padding: 0;
}

#about h2 {
  color: #1D4272;
  font-family: Kontrapunkt, Impact, sans-serif;
  font-size: 200%;
  margin-top: 0;
  margin-bottom: 0.4em;

}

#about p{
  margin:0;
}

#about li {
  float: left;
  margin-bottom: 2em;
  min-width: 220px;
}

#about li.why {
  width: 62%;
  margin-right: 4%;
}

#about li.who {
  width: 28%;
}

#so36_services {
  list-style-type: none;
  padding: 0;
}

#so36_services li {
  float: left;
  margin-bottom: 2em;
  margin-right: 3%;
  width: 30%;
  min-width: 220px;
}

#so36_services a:focus { outline: none; }

#so36_services h2 {
  background-repeat:no-repeat;
  background-position: 0 0;
  color: #AC1D15;
  font-family: Kontrapunkt, Impact, sans-serif;
  font-size: 170%;
  margin-bottom: 0;
  margin-top:0;
  padding: 0.5em 0 0.4em 2.4em;
  text-shadow:  0 1px 1px rgba(0,0,0,0.5);
}

#so36_services h2.internet-mail        { background-image: url("../img/icons_48/internet-mail.png")}
#so36_services h2.mail-reply-all       { background-image: url("../img/icons_48/edit-copy.png") }
#so36_services h2.face-wink            { background-image: url("../img/icons_48/utilities-terminal.png") }
#so36_services h2.internet-web-browser { background-image: url("../img/icons_48/internet-web-browser.png")}
#so36_services h2.internet-group-chat  { background-image: url("../img/icons_48/internet-group-chat.png")}
#so36_services h2.preferences-system   { background-image: url("../img/icons_48/system-run.png")}

#so36_services p {
  margin: 0;
  padding-top: 0.5em;
}

#other_groups h2 {
  color: #AC1D15;
  font-family: Kontrapunkt, Impact, sans-serif;

  font-size:120%;
  margin-bottom:0.2em;
}

#other_groups {
  margin-left:3%;
}

#other_groups ul {
  list-style-type: none;
  margin-top:0;
  padding-left: 0;
}
#other_groups li{
  display: inline-block;
  margin-right: 1em;
  width: 110px;
}
#other_groups a {
  font-weight: normal;
  font-size: 90%;
}

footer {
  color: #A3B386;
  font-family: Courier, "Courier New", monospace ;
  font-size: 100%;
  height: 25px;
  padding-top: 6px;
  padding-bottom: 4px;
  text-align: center;
  letter-spacing: 0.2em;
  background-color: rgba(0,0,0,0.55);
}

footer span {
  transition: all 0.5s ease-in;
  display: block;
}

footer:hover > span {
  transform: scale(0.01) rotate(540deg);
  color: white;
}

/* ========================= */
/* =         Pages         = */
/* ========================= */

.page h1, h2 {
  font-family: Kontrapunkt, Impact, sans-serif;
  text-shadow: 0 1px 1px rgba(0,0,0,0.4);
  font-size: 180%;
  line-height: 125%;
  margin-bottom: 0.2em
}

.page h3 {
  border-bottom: 1px solid silver;
}

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

.article_list {
  list-style: none;
  padding-left: 0;
}
.article_list li {
  margin-bottom: 0.6em;
}
.article_list .date {
  color: #999;
  display: inline-block;
  margin-right: 0.4em;
}