/* eigene styles von Dirk Schürjohann 29.04.2011
-------------------------------------------- */

body {
background: #e60003 url(img/bg_drot.gif) 0 0 repeat-x;
}

#header {
background: #69c url(img/kopf-susanne.jpg) 0 0 no-repeat;
}

#kiez {
position: absolute;
top: 0;
margin: 15px 0 0 310px;
padding: 0;
width: 370px;
}

#sticker {
position: absolute;
top: 0;
right: -43px;
width: 87px;
height: 99px;
background: transparent url(img/kiez-fraktion.jpg) 0 0 no-repeat;
}

#header a.home { /* background-logo wird unsichtbar klickbar */
position: relative;
margin: 0;
display: block;
top: 110px;
padding: 0;
width: 570px;
height: 60px;
display: block;
}





/**
 * Ergänzungen 04/2011
 */

html {
  height: 100%;
  overflow-y: scroll; /* always show vertical scrollbar */
}
body {
  background: #e1e6eb;
}

/* layout */

#site {
  width: 960px;
  margin: 10px auto 20px auto;
  padding: 2px;
  background: #fff;
  -moz-box-shadow: 0px 2px 5px #bbc0c5;
  -webkit-box-shadow: 0px 2px 5px #bbc0c5;
  box-shadow: 0px 2px 5px #bbc0c5;
}
#header,
html>body #header,
#global,
html>body #global,
#wrapper,
#footer {
  width: 920px;
  padding-left: 20px;
  padding-right: 20px;
  border-left: 0;
  border-right: 0;
}
#header {
  border: 0;
  border-bottom: 8px solid #de0000;
  height: 200px;
  background: url(img/kopf-susanne.jpg) 0 0 no-repeat;
  margin-bottom: 10px;
}
html>body #header {
  height: 202px;
}
#global {
  padding: 5px 0 7px 0;
  background-color: #de0000;
  background-image: -moz-linear-gradient(top, #de0000, #c70000);
  background-image: -o-linear-gradient(top, #de0000, #c70000);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#de0000), to(#c70000));
  background-image: -webkit-linear-gradient(top, #de0000, #c70000);
  background-image: linear-gradient(top, #de0000, #c70000);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#de0000', EndColorStr='#c70000');
  border-bottom: 2px solid #ddd;
}
#global,
html>body #global {
  margin: 55px 0 10px 0;
}
#wrapper {
  min-height: 620px;
}
#footer p {
  border-top: 0;
  padding: 0 0 15px 0;
  margin: 0;
}

div#navigation {
  top: 5px;
  left: 20px;
  width: 180px;
}
#main {
  margin: 0px 220px 0 210px;
}
#extras { /* randspalte */
  width: 200px;
  right: 20px;
}

/* headlines */

h1 {
  font-size: 160%;
  color: #555;
}
h2 {
  font-size: 120%;
}

/* links */

a,
a:link {
  color: #0079a0;
}
a:visited {
  color: #2c93b4;	
}
#print a:link, #print a:visited {
  color: #0079a0;
}
a.blaettern:link, a.blaettern:visited { /* Terminkalender */
  color: #0079a0;
}


/* images */

#main img { /* Big Bild - Einzelansicht */
  border: 1px solid #70a3b4;
  padding: 1px;
}
#main dl.bild { /* Bild mit Bildunterzeile */
  margin-bottom: 1em;
}
#main .fotos,
#fotobox {
  padding: 0;
  border: 1px solid #70a3b4;
}

/* navigation */

#nav li {
  background: none;
}
#nav li a {
  padding: 10px 0px 5px 10px;
  width: auto;
  border-bottom: 1px solid #8b9aaa;
  background-color: #9ba7b5;
  background-image: -moz-linear-gradient(top, #9ba7b5, #93a0af);
  background-image: -o-linear-gradient(top, #9ba7b5, #93a0af);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#9ba7b5), to(#93a0af));
  background-image: -webkit-linear-gradient(top, #9ba7b5, #93a0af);
  background-image: linear-gradient(top, #9ba7b5, #93a0af);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#9ba7b5', EndColorStr='#93a0af');
  text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
  font-size: 90%;
}
#nav li ul {
  margin-bottom: 1px;
}
#nav li ul li a {
  padding: 10px 0px 5px 10px;
  margin-left: 3px;
  margin-right: -3px;
  width: auto;
  font-weight: normal;
  border-bottom: 1px solid #8b9aaa;
}
#nav li a.standort,
#nav li a:hover,
#nav li a:focus {
  border-bottom-color: #5d7288;
  background-color: #708295;
  background-image: -moz-linear-gradient(top, #708295, #5f6e7e);
  background-image: -o-linear-gradient(top, #708295, #5f6e7e);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#708295), to(#5f6e7e));
  background-image: -webkit-linear-gradient(top, #708295, #5f6e7e);
  background-image: linear-gradient(top, #708295, #5f6e7e);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#708295', EndColorStr='#5f6e7e');
}

/* banner box (navigation) */

div.navbannerbox {
  width: auto;
  margin: 20px 0 0 0;
  border: 0;
}
div.navbannerbox img {
  border: 0;
  padding: 0;
  margin: 0;
}

/* suche */

#global p.suche {
  padding: 0;
}

/* global navigation */

ul#globalnav {
  margin: 0 -5px 0 0;
}

/* breadcrumb */

dl#breadcrumb {
  border-color: #70a3b4;
}
dl#breadcrumb dt {
  color: #888;
}
dl#breadcrumb dd {
  color: #333;
}
#breadcrumb a:link, #breadcrumb a:visited {
  color: #0079a0;
}

/* form */

legend {
  color: #70a3b4;
}
input#absenden {
  border-color: #2c93b4;
  background: #2c93b4;
}
.formularhilfe {
  width: 200px;
}

/* images */

#main img {
border-color: #acb6c1;
}
#main dl.bild dd, #main dl.bildrechts dd {
background-color: #acb6c1;
}

/* adapt colors
 * #b2a384 -> #70a3b4
 */

.box li,
input#stichwort,
input#stichwort:focus,
input.button,
h3, h4,
#termine h2,
.box,
#pressebox,
#kalender th, #kalender td,
input#newsletter,
table,
td, th,
#main fieldset,
#uebermich input, #main textarea, #newsletter #email {
  border-color: #70a3b4;
}
#kalender .heute {
  background: #70a3b4;
}