/*

	Theme Name: GWG Luebbenau eG
	Theme URL: http://www.gwg-luebbenau.de
	Description: in modernes dreispaltiges Design fuer Typolight.
	Author: Matthias Dabitz
	Author URI: http://www.webbitz-media.de
	Version: 0.1

*/

/************************************************

*	CSS reset                     							  *
*	http://meyerweb.com/eric/tools/css/reset/     *

************************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
  }
body {
	line-height: 1;
  }
img {
  border: none;
  }
ol, ul {
	list-style: none;
  }
blockquote, q {
	quotes: none;
  }
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
  }

/* remember to define focus styles! */
:focus {
	outline: 0;
  }

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
  }
del {
	text-decoration: line-through;
  }

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
  }



/*******************************************************************************

*	Farben                      									                               *

*******************************************************************************/
/*
#275210: dunkles gruen
#FFCA01: goldgelb
#FFE401: hellgelb
#DBFF90: mintgruen
#6C9A2F: maigruen
#635E48: braun
#B90039: rot
#D7D7D7: Linien
*/



/*******************************************************************************

*	Layout, Grid                									                               *

*******************************************************************************/

*
	{
  margin: 0;
  padding: 0;
  border: 0;
  font-family: Arial, sans-serif;
  font-size: 100%;
  font-weight: normal;
  color: #333;
	}

body {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background: #FFF;
  /*background-color: #1B1B1B;*/
	overflow: auto;
	text-align: center;
	}


/* Seite */
#seite {
	margin: 0 auto;
 	width: 960px;
  background-color: #FFF;
	text-align: left;
  }


/* Kopfgrafik */
#kopf {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  height: 125px;
  }


/* Navigation */
#navigation {
  display: none;
}



/* Wrapper */
#wrapper {
  display: none;
  }



/* Seitenbereiche */
#main_frame {
  margin: 0px 10px 0px 10px;
  padding: 10px 0px 10px 0px;
  /*background-color: #EFEFFF;  nur fuer Testzwecke*/
  }


/* Raster */
.eine-spalte-links, .eine-spalte-mitte {
  width: 310px;
  float: left;
  margin: 0px 0px 30px 0px;
  padding: 0px 10px 0px 0px;
  }

.eine-spalte-rechts {
  display: none;
  }

.zwei-spalten-links { /* inhalt */
  width: 620px;
  float: left;
  margin: 0px 0px 30px 0px;
  padding: 0px 10px 0px 0px;
  }

.zwei-spalten-rechts {
  width: 600px;
  float: left;
  margin: 0px 0px 30px 0px;
  }

object.fotoanimation {
  /*position: absolute;
  top: 0px;

  width: 700px;
  height: 376px;
  padding: 5px;
  background-color: #635E48;
  border: 1px solid #141414;*/
}


.block {
  overflow: hidden;
  /*border: 1px solid #000;*/
  }


/* Navigationspfad */
.mod_breadcrumb {
  margin: 0em 0em 2em 0em;
  padding: 0em 0em 0.5em 0em;
  font-family: 'Trebuchet MS', sans-serif;
  font-size: 0.8em;
  color: #635E48;
  border-bottom: 3px solid #D7D7D7;
}

.mod_breadcrumb span {
  color: #635E48;
}

/* vertikaler Abstand zwischen den Teasern */
.vertical-teaser-grid {
  margin: 0px 0px 30px 0px;
  }


#subnavigation {
  margin: 0px 0px 40px 0px;
  padding: 5px 5px 5px 5px;
  border: 1px solid #DBFF90;
}

#partner {  /* Startseite */
  margin: 0px 0px 40px 0px;
  padding: 5px 5px 5px 5px;
  border-top: 2px solid #DBFF90;
  border-bottom: 2px solid #DBFF90;
}

#footer {
  display: none;
  }


.c {
	clear:both;
	}
.invisible {
  display: none;
}



/*******************************************************************************

*	Typo                        									                               *

*******************************************************************************/

/* -----------------------------------------------------------------------------
   Links
   --------------- */
a {
  text-decoration:none;
  }
a:link {
  color:#6C9A2F;
  }
a:visited {
  color:#6C9A2F;
  }
a:hover {
  color:#635E48;
  }
a:active {
  color:#635E48;
  }



/* -----------------------------------------------------------------------------
   Ueberschriften
   --------------- */
/* Ueberschrift - Artikel bzw. Themen */
h1 {
  clear: both;
  margin: 0em 0em 0.5em 0em;
  border-bottom: 1px solid #6C9A2F;
  padding: 0 0 0.5em 0;
  /*border-bottom: 1px solid #6C9A2F;*/
  font-family: 'Trebuchet MS', sans-serif;
  font-size: 1.4em;
  color: #6C9A2F;
	}
h1.zeile {
  clear: both;
  margin: 0em 0em 0.5em 0em;
  padding: 1em 0 0em 0.5em;
  height: 50px;
  background-color: #6C9A2F;
  font-family: 'Trebuchet MS', sans-serif;
  font-size: 2em;
  color: #FFF;
	}

/* Ueberschrift - in Artikeln etwas kleiner */
h2 {
  margin: 1em 0em 1em 0em;
  font-family: 'Trebuchet MS', sans-serif;
  font-size: 1em;
  font-weight: bold;
  color: #635E48;
	}

/* Ueberschrift - Subnavigation */
h3 {
  background-image: url(../layout/themen-bg.jpg);
  background-repeat: no-repeat;
  margin: 0em 0em 0.5em 0em;
  padding: 0.5em 0em 0.5em 0.8em;
  height: 35px;
  font-family: 'Trebuchet MS', sans-serif;
  font-size: 1em;
  color: #FFF;
	}
/* Ueberschrift - Footer Navigation */
h4 {
  margin: 0em 0em 1em 0em;
  padding: 0em 0em 0.5em 0.5em;
  font-family: 'Trebuchet MS', sans-serif;
  font-size: 0.8em;
  font-weight: bold;
  color: #635E48;
  text-align: left;
  /*text-transform: uppercase;*/
  border-bottom: 1px solid #635E48;
	}
/* Ueberschrift - Events */
h5 {
  margin: 0.5em 0em 1em 0em;
  font-family: 'Trebuchet MS', sans-serif;
  font-size: 1em;
  font-weight: bold;
  color: #635E48;
	}


/* -----------------------------------------------------------------------------
   Bilder
   --------------- */
img.teaser {      /* nur fuer Migration */
  float: left;
  margin: 0em 1em 2em 0em;
  }
img.links {      /* nur fuer Migration */
  float: left;
  margin: 0em 1em 1em 0em;
  }
div .rechts {      /* nur fuer Migration */
  float: left;
  margin: 0em 0em 1em 1em;
  }



/* -----------------------------------------------------------------------------
   Texte
   --------------- */

p, li, td, label, .empty {  /* .empty  leere eventliste */
  font-family: 'Trebuchet MS', sans-serif;
  font-size: 1em;
  line-height: 1.5em;
  color: #635E48;
	}
p {
	margin: 0em 0em 0em 0em;
	}

p b, p strong {
  font-weight: bold;
	}

p a.teaser {
  background: url('../layout/inhalt-navigation.gif') no-repeat 0 0;
  padding: 0 0 0 1em;
  }

#footer p {
  padding: 0em 0em 0em 0.5em;
  font-family: 'Trebuchet MS', sans-serif;
  font-size: 0.8em;
  line-height: 1.4em;
  color: #635E48;
  text-align: left;
  }
.ce_text {
  margin-bottom: 2em;
}



/* -----------------------------------------------------------------------------
   Listen
   --------------- */
ul {
	list-style-image: none;
	}


/* ---------- Listen - Subnavigation */
#subnavigation ul {
	display: block;
  padding: 0.3em 0em 0em 0em;
	}

#subnavigation ul li {
  line-height: 2em;
  background: url('../layout/inhalt-listen-subnavigation.gif') no-repeat 0 0;
  padding: 0px 0px 0px 20px;
  font-size: 0.8em;
	}




/* -----------------------------------------------------------------------------
   Events - Akutelle Informationen
   --------------- */
#news {
  background-color: #ECFFC2;
  border: 1px solid #DBFF90;
  margin-bottom: 10px;
  padding: 5px;
}
.date {
  font-family: 'Trebuchet MS', sans-serif;
  font-size: 0.8em;
}



/* ---------------
   Formulare
   --------------- */
/* Angebote */
#angebotsformular option {
  padding: 0px 0px 3px 0px;
  color: #635E48;
  }

#angebotsformular select {
  margin: 0px 0px 5px 0px;
  border: 1px solid #635E48;
  padding: 3px;
  width: 200px;
  font-size: 0.8em;
  color: #635E48;
	}
#angebotsformular input.button {
  margin: 10px 0px 0px 0px;
  border: 1px solid #635E48;
  padding: 5px 5px 5px 5px;
  width: 200px;
  background-color: #6C9A2F;
  font-size: 0.8em;
  color: #FFF;
	}



/* Kontakt */

#kontaktformular .ce_form {
  border: 1px solid #6C9A2F;
  padding: 1px;
  background-color: #FFF;
}

#kontaktformular form {
  padding: 10px;
  background-color: #6C9A2F;
  }

#kontaktformular label {
  clear: both;
  margin: 0px 0px 5px 0px;
  width: 100px;
  font-family: 'Trebuchet MS', sans-serif;
  font-size: 1em;
  float: left;
  color: #FFF;
}

#kontaktformular option {
  padding: 0px 0px 3px 0px;
  color: #635E48;
  }

#kontaktformular select {
  margin: 0px 0px 5px 0px;
  border: 1px solid #635E48;
  padding: 3px;
  width: 100px;
  font-size: 0.8em;
  color: #635E48;
	}

#kontaktformular input, textarea {
  margin: 0px 0px 5px 0px;
  /*overflow: auto;*/
  border: 1px solid #635E48;
  padding: 3px;
  width: 280px;
  background-color: #FFF;
	font-size: 0.8em;
  color: #635E48;
	}

#kontaktformular input:focus, textarea:focus {
  border: 1px solid #6C9A2F;
  }

#kontaktformular input.captcha {
  width: 80px;
  }

#kontaktformular input.submit {
  margin: 20px 0px 0px 100px;
  width: 180px;
  }

#kontaktformular .captcha_text {
  font-family: 'Trebuchet MS', sans-serif;
  font-size: 1em;
  color: #FFF;
}

#kontaktformular form p {
  color: #FFF;
}

#kontaktformular input.error, textarea.error {
  border: 2px solid #B90039;
  }




/* -----------------------------------------------------------------------------
   alte Tabellen
   --------------- */
td {
  border-bottom:1px solid #B2AD95;
  padding:2px 0px 6px 0px;
  vertical-align:top;
  }
td.no-border {
  border-bottom: 1px solid #FFF;
  }

/* --- LAYOUT - ANGEBOTE -------------------------------------------- */
#angebote-hintergrund {
  background-image:url('../layout/layout-themen-hintergrund.gif');
  background-position:695px 0px;
	background-repeat:repeat-y;
  }
#expose-news {
  margin:0px 15px 0px 0px;
  padding:0px 10px 5px 5px;
  width:175px;
  float:right;
  }
#expose-news select {
  width:170px;
  margin-bottom:10px;
  }
#expose-themen {
  padding:0px 0px 0px 0px;
  width:685px;
  float:left;
  }
.expose-media {
  width:225px;
  float:left;
  }
.expose-daten {
  width:380px;
  float:right;
  }
.expose-icons {
  vertical-align:bottom;
  }
td.expose-spalte1 {
  width:150px;
  }
td.expose-spalte2 {
  width:300px;
  }
td.treffer-titel {
  font-weight:bold;
  color:#275210;
  border-bottom:2px solid #6C9A2F;
  }
td.treffer-titel-spacer {
  width:30px;
  border-bottom:2px solid #6C9A2F;
  }
td.treffer-rechts {
  text-align:right;
  }
tr.treffer-zeile:hover {
  background-color:#DBFF90;
  }
td a {
  font-family:'Trebuchet MS', sans-serif;
  font-size:1em;
  text-decoration:none;
  }
td a:link {
  color:#6C9A2F;
  }
td a:visited {
  color:#6C9A2F;
  }
.angebotsliste-treffer {
  padding:0px 4px 0px 4px;
  color:#B90039;
  font-weight:bold;
  border:1px solid #B90039;
  }
a.angebotsliste-kein-treffer {
  text-decoration:none;
  padding:0px 4px 0px 4px;
  border:1px solid #6C9A2F;
  }
a:hover.angebotsliste-kein-treffer {
  text-decoration:none;
  padding:0px 4px 0px 4px;
  color:#000;
  border:1px solid #000;
  }
.expose-verlauf {
  border-bottom:1px solid #B2AD95;
  margin-bottom:1em;
  }