/***********************************************************************
    CSS fuer die Website des Bonsai Regionalverbands NRW eV
    (c) 2009 Bianka Martinovic
    Datei: style.css
    Farbdefinitionen in colors.css
***********************************************************************/
html {
    height               : 100%; /* fix height to 100% for IE */
    max-height           : 100%; /* fix height for other browsers */
    padding              : 0; /*remove padding */
    margin               : 0; /* remove margins */
    border               : 0; /* remove borders */
    background           : #fff; /*color background - only works in IE */
    /* hide overflow:hidden from IE5/Mac */
    /* \*/
    overflow             : hidden; /*get rid of scroll bars in IE */
    /* */
}

body {
    height               : 100%; /* fix height to 100% for IE */
    max-height           : 100%; /* fix height for other browsers */
    overflow             : hidden; /*get rid of scroll bars in IE */
    padding              : 0; /*remove padding */
    margin               : 0; /* remove margins */
    border               : 0; /* remove borders */
}

th, td {
    vertical-align       : top;
    padding              : 10px 0;
}

body, th, td {
    font-family          : Verdana, Helvetica, Arial, sans-serif;
}

/***********************************************************************
    Ueberschriften
***********************************************************************/
h1 {
    color                : #a9ac96;
    font-size            : 1.6em;
    font-style           : italic;
    font-family          : Georgia, "Times New Roman", Times, serif;
}

h2 {
    color                : #b3b79b;
    font-size            : 1.4em;
    font-style           : italic;
    font-family          : Georgia, "Times New Roman", Times, serif;
}

h3 {
    font-size            : 1.2em;
    font-style           : italic;
    color                : #8D926A;
    font-family          : Georgia, "Times New Roman", Times, serif;
}

/***********************************************************************
    Definitionslisten
***********************************************************************/
dt {
    font-weight          : bold;
}
dd {
    padding              : 10px 0;
}

/***********************************************************************
    Seitenkopf
***********************************************************************/
#header {
    position             : fixed;
    margin               : 0;
    padding              : 0;
    top                  : 0;
    left                 : 0;
    right                : 18px;
    display              : block;
    height               : 160px;
    padding-left         : 220px;
    z-index              : 5;
}

/***********************************************************************
    Seitenfuss
***********************************************************************/
/* derzeit nicht genutzt (war fuer Breadcrumb gedacht)
	#footer {
    position             : fixed;
    margin               : 0;
    padding              : 0;
    bottom               : -1px;
    right                : 16px;
    left                 : 200px;
    display              : block;
    height               : 25px;
    font-size            : 0.6em;
    z-index              : 4;
    text-align           : center;
    vertical-align       : bottom;
    z-index              : 6;
}
*/

#footer-left {
    position             : fixed;
    display              : block;
    bottom               : -1px;
    left                 : 0;
    width                : 150px;
    font-size            : 0.5em;
    text-align           : center;
    padding-bottom       : 5px;
    z-index              : 99;
}

#footer-left a {
    text-decoration      : none;
}

/***********************************************************************
    zur Jahrezeit passender Streifen am Seitenfuss
***********************************************************************/
#footer_season {
    position             : fixed;
    margin               : 0;
    padding              : 0;
    bottom               : -1px;
    right                : 18px;
    left                 : 200px;
    display              : block;
    height               : 30px;
    z-index              : 9;
    border-bottom        : 2px solid #ccc;
    background-position  : left 2px;
    background-repeat    : repeat-x;
    background-color     : #ccc;
}

#footer_season.spring {
    background-image     : url(images/bottom_spring.jpg);
}

#footer_season.summer {
    background-image     : url(images/bottom_summer.jpg);
}

#footer_season.autumn {
    background-image     : url(images/bottom_autumn.png);
}

#footer_season.xmas {
    background-image     : url(images/bottom_xmas.jpg);
}

#footer_season.winter {
    background-image     : url(images/bottom_winter.jpg);
}


/***********************************************************************
    Seiteninhalt
***********************************************************************/
#content {
    display              : block; /* set up as a block */
    height               : 100%; /* set height to full page */
    max-height           : 100%;
    overflow             : auto; /* add scroll bars as required */
    padding-left         : 220px; /* pad left to avoid navigation div if required */
    padding-right        : 330px;
    position             : relative; /* set up relative positioning so that z-index will work */
    z-index              : 3; /* allocate a suitable z-index */
}

/***********************************************************************
    Links
***********************************************************************/
#content a[href] {
    text-decoration      : none;
    border-bottom        : 1px dotted #8D926A;
    color                : #8D926A;
}
#content a[href] img {
    border               : 0;
}
#content a.extern {
    padding-left         : 10px;
    background-image     : url(link.png) top left no-repeat;
}


/***********************************************************************
    Navigationsbereich links
***********************************************************************/
#left {
    position             : fixed;
    left                 : 0;
    top                  : 0;
    height               : 100%;
    width                : 200px;
    z-index              : 6;
}

/***********************************************************************
    Newsbereich rechts
***********************************************************************/
#right {
    position             : fixed;
    right                : 18px;
    top                  : 0;
    height               : 100%;
    width                : 200px;
    z-index              : 6;
    font-size            : smaller;
    overflow             : auto;
}

#right h2 {
    font-size            : 1.1em;
}

/***********************************************************************
    Logo oben links
***********************************************************************/
.logo {
    z-index              : 6;
    width                : 160px;
}

/***********************************************************************
    Topnavigation
***********************************************************************/
#topnav {
    height               : 30px;
    margin-right         : 200px;
    padding-right        : 20px;
}

#navcontainer {
    text-align: right;
}

#navcontainer ul {
    margin               : 0;
    padding              : 0;
    list-style-type      : none;
    color                : #006633;
    font-size            : 0.9em;
}

#navcontainer li {
    display              : inline;
}

#navcontainer li a  {
    text-decoration      : none;
    padding              : .2em 1em;
    padding-left         : 25px;
    display              : block;
    float                : left;
    height               : 30px;
    line-height          : 25px;
    vertical-align       : middle;
    margin-left          : 5px;
    font-weight          : bold;
}

#navcontainer li a.current {
    font-weight          : bold;
    color                : #333;
}

#searchbox {
    height               : 30px;
    line-height          : 30px;
    max-height           : 30px;
}

#searchbox input {
    width                : 200px;
}

#searchbox input[type=submit] {
    width                : 80px;
    padding-left         : 20px;
}

/***********************************************************************
    Hauptnavigation (vertikal, links)
***********************************************************************/

#menu_BonsaiNRW_Left ul {
    list-style           : none;
    width                : 150px;
    margin               : 20px 0 20px 0;
    padding              : 0;
}

#menu_BonsaiNRW_Left li {
    margin-bottom        : 5px;
}

#menu_BonsaiNRW_Left li a {
    font-size            : 0.9em;
    font-weight          : bold;
    height               : 20px;
    text-decoration      : none;
    display              : block;
    padding              : 6px 0 0 25px;
}

#menu_BonsaiNRW_Left ul ul {
    margin               : 5px 0 5px 15px;
    font-size            : 0.8em;
    width                : 135px;
}

#menu_BonsaiNRW_Left ul ul a {
    height               : 16px;
    margin               : 0;
    padding              : 4px 0 0 25px;
}

#menu_BonsaiNRW_Left h2 {
    font-size            : 1.5em;
    font-weight          : normal;
}

/***********************************************************************
   Simple scalable breadcrumb by Veerle Pieters
   http://veerle.duoh.com/blog/comments/simple_scalable_css_based_breadcrumbs/
***********************************************************************/
#menu_BonsaiNRW_Bread {
	  height           : 25px;
}
#menu_BonsaiNRW_Bread ul,
#menu_BonsaiNRW_Bread li {
    list-style-type  : none;
    padding          : 0;
    margin           : 0;
}
#menu_BonsaiNRW_Bread li {
	  float            : left;
	  line-height      : 25px;
	  padding-left     : .75em;
}
#menu_BonsaiNRW_Bread li a {
	  display          : block;
	  padding          : 0 15px 0 0;
}
#menu_BonsaiNRW_Bread li a:link,
#menu_BonsaiNRW_Bread li a:visited {
    text-decoration  : none;
}

/* Abstand von oben */
.pad_top {
    display              : block;
    height               : 160px;
}

/* Abstand von unten */
.pad_bottom {
    display              : block;
    height               : 150px;
}

/***********************************************************************
    Modul "Members"
***********************************************************************/
span.member-name {
    font-size            : 1.2em;
    font-style           : italic;
    color                : #8D926A;
    font-family          : Georgia, "Times New Roman", Times, serif;
    margin-bottom        : 15px;
}
img.memberimg {
    border               : 1px solid #ccc;
    -moz-border-radius   : 5px;
    padding              : 8px;
    margin-right         : 15px;
}
.member-link a {
    padding-left         : 22px;
}

/***********************************************************************
    Modul "Download Gallery"
***********************************************************************/

.line, .line_rightalign {
	  border-bottom        : 1px solid #DDDDDD;
}
.line img {
    padding-right        : 15px;
}
.line_rightalign {
	  text-align           : right;
	  white-space          : nowrap;
	  font-size            : 10px;
}
.line_text {
	  padding              : 0px 0px 0px 0px;
}
.dgheader {
	  font-size            : 14px;
	  font-weight          : bold;
	  padding              : 5px 0px 10px 0px;
}

/***********************************************************************
    Forms
***********************************************************************/
input,
textarea {
    border               : 1px solid #c0c0c0;
    width                : 400px;
}
textarea.textarea {
    width                : 400px !important;
}
td.field_title {
    width                : 400px !important;
    padding-right        : 5px !important;
}
.text_captcha,
.captcha_expl {
    font-size            : 0.8em;
}

/***********************************************************************
    Tooltip
***********************************************************************/

a.tooltip {
    text-decoration     : none;
}

a.tooltip:hover {
    position        : relative;
    background      : transparent; /* Fix f. IE, Farbe egal */
}

a.tooltip span {
    position        : absolute;
  	left            : -999em;
  	padding         : 5px;
    margin          : 10px 0;
}

/* Border fuer IE 6 ausblenden, da es sonst einen unschoenen Effekt gibt */
#right[id] a.tooltip span {
    border          : 1px solid #aaa;
}

a.tooltip:hover span {

    display         : block;
    right           : 10px;
    width           : 100px;
    top             : -20px;
    left            : -25px;
    position        : absolute;
    padding         : 5px;
    text-align      : left;
    z-index         : 100;
    background      : #fff;
    text-decoration : none;
   	-moz-border-radius   : 3px;
    -khtml-border-radius : 3px;
}

/***********************************************************************
    Modul "ExpCounter"
***********************************************************************/
.expTable
{
	width: 170px;
	border-width: 1px;
	border-color: #c0c0c0;
	border-style: solid;
	text-align: left;
	background-color: #e8e7e3;
}
.expHeaderRow
{
	background-color: #D92A15;
	color: #FFFFFF;
	font-size: 13;
	font-weight: bold;
	padding: 5px;
  text-align: center;
}
.expLeftRow
{
	background-color: #F2F0F0;
	color: #000000;
	font-size: 10px;
	padding: 4px;
}
.expLeftRowAlt
{
	background-color: #E0DFDF;
  color: #000000;
}
.expRightRow
{
	background-color: #F2F0F0;
	color: #000000;
	font-size: 11px;
	font-weight: bold;
	padding: 4px;
	text-align: right;
}
.expRightRowAlt
{
	background-color: #E0DFDF;
  color: #000000;
}
.expStats
{
  text-align:center;
  padding:5px 0 0 0;
  font-size:10px;
}
.expLinks
{
  color: #1C1CFB;
}
.expStats img
{
  width:15px;,
  height:15px;
  border:0;
  vertical-align:middle;
}
.expCounterLink
{
  text-align:center;
  padding:10px 0 0 0;
}
.expCounterLink img
{
  width:80px;
  height:15px;
  border:0;
}

* html #header,
* html #footer,
* html #footer-left,
* html #footer_season,
* html #left,
* html #right,
* html #footer-left
{
    position             : absolute;
}