body {
   margin: 0;
   padding: 0;
   font-family: Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
   font-size: 12px; 
   line-height: 16px;
   color: #000;
   background: #666f16 url(/css/bg_gross.jpg) top center repeat-x;
}

img { border: 0; }

#container {
  margin: 0px auto 70px auto;
  padding: 0 0 30px 0;
  width: 800px;
  color: #666;
}
#container-inner {
  background: transparent url(/css/container-bg.png) top left no-repeat;
  padding: 18px 18px 40px 18px;
  /* http://www.quirksmode.org/css/clearing.html */
  overflow: auto; 
  width: 100%
}

#home #container-inner { 
  padding: 0 0 40px 0;
}

#head {
   height: 120px;
}
#flash {
   height: 500px;
}

#content {
   margin: 0;
   padding-top: 30px;
}
#home #content {
   padding: 30px 18px 18px 18px;
}

#content a {
   color: #99bf28;
   text-decoration: underline;
}
#content a.pfeile {
  font-weight: bold;
  padding-right: 20px;
  background: transparent url(/css/a-pfeile1.png) right 3px no-repeat;
}
#content a.pfeile:hover {
  background: transparent url(/css/a-pfeile1.png) right -21px  no-repeat;
}

#content h1 {
  font-size: 24px;
  color: #3a693f;
  font-weight: bold;
  margin-bottom: 40px;
}
#content h3 a {
  text-decoration: underline;
  font-size: 20px;
  color: #3a693f;
}

#content h4 {
  border-bottom: 1px solid #587b56;
  padding: 0 0 5px 0px;
  text-indent: 20px;
  font-size: 14px;
  color: #587a55;
  background: transparent url(/css/h4-blatt.png) top left  no-repeat;
}
#content ul {
  color: #99bf28;
}
#content ul li {
  padding-bottom: 4px;
}

#content p.einleitung {
  font-size: 12px;
  color: #587a55;
  font-weight: bold;
}

#content #left div.clips-short {
  width: 100%; 
  margin-bottom: 10px; 
  overflow: auto;
}
#content #left div.clips-short img {
  float: left;
 padding-right: 20px;
}

#content #left div.clips-short p {
   margin-top: 0;
   width: 300px;
   float: left;
}
#content #left div.clips-short a span { display: none;}

#content h4.sponsoren {
  clear: left;
}


/* startseite */
#content #left #home-oben p {
   color: #999;
   font-weight: bold;
}

#content #left #home-oben h3 {
  font-size: 20px;
  color: #587a55;
  font-weight: bold;
  padding-bottom: 5px;
  margin-bottom: 20px;
  border-bottom: 1px solid #587a55;
}
#content #left #home-links {
  clear: left;
  width: 250px;
  float: left;
  margin-right: 25px;
}
#content #left #home-rechts {
  width: 250px;
  float: left;
}
#content p.article-image {
  float: left;
  margin-top: 0;
  padding-right: 15px;
}

#content p.dr-klima {
  margin-top: 30px;
  padding-bottom: 35px;
  font-style: italic;
  padding-left: 60px; 
}
#content p.kopf1 {
  background: transparent url(/css/kopf1.png) 0 0 no-repeat;
}
#content p.kopf2 {
  background: transparent url(/css/kopf2.png) 0 0 no-repeat;
}
#content p.kopf3 {
  background: transparent url(/css/kopf3.png) 0 0 no-repeat;
}
#content p.kopf4 {
  background: transparent url(/css/kopf4.png) 0 0 no-repeat;
}
#content p.kopf5 {
  background: transparent url(/css/kopf5.png) 0 0 no-repeat;
}
#content p.kopf6 {
  background: transparent url(/css/kopf6.png) 0 0 no-repeat;
}

#content #left {
  width: 525px;
  float: left;
}
#content #right {
  width: 200px;
  padding-top: 0;
  margin-top: 0;
  margin-left: 30px;
  float: left;
}
#content #right div.clips-teaser {
  margin-bottom: 50px;
}
#content #right div.clips-teaser img {
  margin: 0;
}

#content #right div.tipps-teaser {
}

#content #right div.tipps-teaser p {
  font-weight: bold;
  color: #666;
  margin-bottom: 0;
}

#content #right p#sponsoren {
  margin-top: 50px;
  color: #b4b4b4;
  font-size: 11px;
}

#container div.column {
   float: left;
   width: 200px;
   margin-right: 5px;
   font-size: 11px;
   color: #929496;
}
#container div.column-third {
   width: 170px;
}
#container div.column-last {
   width: 210px;
}
#container div.column h5 {
   font-size: 13px;
   font-weight: bold;
   color: #fff;
}
#container div.column span.date {
   color: #a5bf4a;
}
#container div.column a {
  color: #fff;
  text-decoration: none;
}
#container p.footer {
  clear: left;
  margin: 0;
  padding: 10px 0 0 0;
  color: #fff;
}
#container p.footer a {
  color: #fff;
  text-decoration: none;
}
#container p.footer img {
  vertical-align: middle;
  padding: 0 4px;
}


/* Dunkelgrüner Bereich
----------------------------------------------- */

#footer {
   background: transparent url(/css/footer.gif) top left repeat-x;   
   margin-top: 5px;
   clear: both;
   text-align: center;
   position: fixed;
   bottom: 0;
   height: 65px;
   width: 100%;
   position: fixed;
   color: #999;
   font-size: 10px;
   text-align: left;
}
#footer a {
  color: #83ae48;
  text-decoration: none;
  font-weight: bold;
}
#footer-inner {
  width: 770px;
  margin: 5px auto;
  padding: 20px 0 5px 0;
  height: 60px;
  background: transparent url(/css/klima-button.png) top right no-repeat;
}
#footer-inner p {
  margin: 0;
  padding: 0;
}

table.party-sponsoren td {
  width: 265px;
}

/* Blog und Kommentare
----------------------------------------------- */

#content div.blog {
   margin-bottom: 44px;
}

/* Datum im Blog */
#content h3.date {
  color: #fff;
  font-weight: bold;
  font-size: 12px;
  height: 26px;
  padding: 5px 0 0 20px;
  margin: 0;
  background: transparent url(/css/h3_date.png) top left no-repeat;
}

h5 {
  color: #006633;
  font-weight: bold;
  font-size: 12px;
  margin: 20px 0 5px 0;
}

div.comments {
  padding: 5px 10px;
  background-color: #ededed;
}

div.comments p.comment-meta {
  font-weight: bold;
  color: #666666;
}


.comments_error {
	color: #000;
	background-color: #fff4f4;
}

ul.comments_error {
	padding : 0.3em;
	list-style-type: circle;
	list-style-position: inside;
	border: 2px solid #fdd;
}

div#cpreview {
	color: #000;
	background-color: #f1f1f1;
	border: 2px solid #ddd;
}

form input,
form textarea {
   padding: 2px;
   background-color: #E8E8E8;
   border: 1px solid #c1c1c1;
}
form textarea {
  width: 525px; 
}

#comments-help {
	margin: 2px 0 15px 0;
	font-size: 0.7em;
}

/* Twitter
----------------------------------------------- */
#twitter-ticker{
	width:199px;
	height:405px;
	background: #899243 url(/css/twitter/twitter-ecke-oben.gif) left top no-repeat;
	color:#fdfed6;
	-moz-border-radius: 0px 0px 10px 10px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	text-align:left;
        padding-top: 75px;
    margin-bottom: 30px;
}

#tweet-container{
	height:350px;
	width:auto;
	overflow:hidden;
}

.tweet{
	padding:5px;
	margin:0 8px 8px;
	width:auto;
	overflow:hidden;
}

.tweet .avatar,
.tweet .user,
.tweet .time{
	float:left;
}

.tweet .time{
	text-transform:uppercase;
	font-size:10px;
	color:#AAAAAA;
	white-space:nowrap;
}

.tweet .txt{
	clear:both;
}

.tweet .user{
	font-weight:bold;
}

.tweet a, 
.tweet a:visited {
	color:#e7a10e !important;
	text-decoration:none !important;
	outline:none;
}

a:hover{
	text-decoration:underline;
}

#loading{
	margin:50px 55px;
}



/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(/css/slimbox/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(/css/slimbox/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(/css/slimbox/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(/css/slimbox/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}
