/* $Id: layout-fixed.css,v 1.5.2.3 2009/02/13 19:20:19 johnalbin Exp $ */

/*
 * LAYOUT STYLES
 *
 * Define CSS classes to create a table-free, 3-column, 2-column, or single
 * column layout depending on whether blocks are enabled in the left or right
 * columns.
 *
 * This layout is based on the Zen Columns layout method.
 *   http://drupal.org/node/201428
 *
 * Only CSS that affects the layout (positioning) of major elements should be
 * listed here.  Such as:
 *   display, position, float, clear, width, height, min-width, min-height
 *   margin, border, padding, overflow
 */


/** body **/
body
{
  font-size: 12px;
  margin-top: 0px;
  font-family: sans-serif; 
	background-image: url(images/Background.jpg);
}

#page,
#closure-blocks
{
  /*
   * If you want to make the page a fixed width and centered in the viewport,
   * this is the standards-compliant way to do that. See also the ie.css file
   * for the necessary IE5 hack to center a div.
   */
  margin-left: auto;
  margin-right: auto;
  width: 95%;
}

#page-inner
{ 
}

/** header **/
#header {
 	width: 100%; 
	height: 219px;
 	margin: 0 auto;
	overflow: hidden;
	background: url(images/Einladung_Web_Header_2.jpg) repeat-x left top;
}

#header-inner
{
	height: 219px;
	background: url(images/Einladung_Web_Header.jpg) no-repeat left top;
}

#headerForm {
	position: relative;
	left: 66px;
	top: 57px;
  width: 300px;
}

#headerFormInput {
	width: 220px;
	height: 20px;
	margin-bottom: 10px;
}

#headerFormLogin {
	position: relative;
	width: 120px;
	height: 35px;
	left: 105px;
	top: 4px;
	margin-bottom: 10px;
	border: 0px;
}

#headerFormLogin:hover {
	border: 0px;
}

input.hinweis {
	color: #aaaaaa;
	font-style: italic;
}

#inputBox  {
	width: 220px;
	height: 20px;
	margin-bottom: 10px;
}

#header-blocks
{
  clear: both; /* Clear the logo */
}

/** main (container for everything else) **/
#main
{
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 95%;
}

#main-inner
{
}

/** content **/
#content
{
  background-color: #ffffff;
  float: left;
  width: 100%; 
  margin-left: 0;
  padding: 0; /* DO NOT CHANGE. Add padding or margin to #content-inner. */
  -moz-opacity: 0.9;
  filter:alpha(opacity=90);
}

#content-inner
{
  margin: 0;
  padding: 10px;
  -moz-opacity: 1;
  filter:alpha(opacity=100);
}

/** navbar **/

  
  /*Credits: CSSplay */
/*URL: http://www.cssplay.co.uk/menus/pro_one */

#navbar {
  padding:0 0 0 0px; 
  margin:0; 
  list-style:none; 
  width: 100%; 
  min-height: 36px; 
  background:#fff url(images/button1.gif); 
  position:relative; 
  margin: 0px 0px 0px 0px;
}

#navbar li {
  float:left;
  display: inline;
  padding: 0 0 0 0;
}

#navbar li a {
  display:block; 
  float:left; 
  height:35px; 
  line-height:35px; 
  color:#fff; 
  text-decoration:none; 
  font-size: 1em;
  font-family: sans-serif; 
  font-weight:bold; 
  text-align:center; 
  padding:0 0 0 0px; 
  cursor:pointer;
  width: 109px;
}

#navbar li a b {
  float:left; 
  display:block; 
  padding:0 16px 0 0px; 
  color:#fff;
}

#navbar li.current a {
  color:#fff; 
  background:url(images/button2.gif);
  width: 109px;
}

#navbar li.current a b {
  background:url(images/button2.gif) no-repeat right top; 
  color:#fff;
}

#navbar li a:hover {
  color:#fff; 
  background:#000 url(images/button2.gif);
}

#navbar li a:hover b {
  background:url(images/button2.gif) no-repeat right top; 
  color:#fff;
}

#navbar li.current a:hover {
  color:#fff; 
  background:#000 url(images/button2.gif); 
  cursor:default;
}

#navbar li.current a:hover b {
  background:url(images/button2.gif) no-repeat right top;
}

#navbar ul /* Primary and secondary links */
{
  margin: 0;
  padding: 0;
  text-align: left;
}

ul.links /* Taxonomy links, node links, comment links */
{
  margin: 0;
  padding: 0;
}

ul.links.inline
{
  display: inline;
}

ul.links li
{
  display: inline;
  list-style-type: none;
  padding: 0 0.5em;
}

#navbar-inner
{
  margin: 0px;
}

#search-box
{
  width: 200px;
  margin-right: -200px; /* Negative value of #search-box's width. */
  float: left;
}

#primary
{
  
}

#secondary
{
  margin-left: 200px; /* Width of search-box */
}

/*
  #navbar li /* A simple method to get navbar links to appear in one line. */
/*
  {
    float: left;
    padding: 0 10px 0 0;
    text-align: left;
  }
*/
  /* There are many methods to get navbar links to appear in one line.
   * Here's an alternate method: */
  /*
  #navbar li
  {
    display: inline;
    padding: 0 10px 0 0;
  }
  */


/** footer **/
#footer
{
  padding:0 0 0 0px;
  float: left;
  width: 100%; 
  height: 35px; 
  background:#fff url(images/button1.gif); 
  position:relative; 
  margin: 0px 0px 0px 0px;
}

#footer-inner
{
  font-size: 0.8em;
  color: #ffffff;
  text-align: right;
  padding: 10px 10px 0 0;
}

/** closure **/
#closure-blocks /* See also the #page declaration above that this div shares. */
{
}

/** Prevent overflowing content **/
#header,
#content,
#navbar,
#sidebar-left,
#sidebar-right,
#footer,
#closure-blocks
{
  overflow: visible;/*
  word-wrap: break-word;  A very nice CSS3 property */
}

#navbar
{
  overflow: auto; /* May need to be removed if using a dynamic drop-down menu */
}

/* If a div.clear-block doesn't have any content after it and its bottom edge
   touches the bottom of the viewport, Firefox and Safari will mistakenly
   place several pixels worth of space between the bottom of the div and the
   bottom of the viewport. Uncomment this CSS property to fix this.
   Note: with some over-large content, this property might cause scrollbars
   to appear on the #page div.
*/
/*
#page
{
  overflow-y: hidden;
}
*/

a {
  font-weight: bold;
  color: #000000;
  text-decoration: none;
}

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

  Elemente des Sliders

******************************************/
.sliderBox {
  padding-right: 0px;
  margin-right: 0px;
  height: 60px;
}

.sliderGallery {
    overflow: hidden;
    position: relative;
    height: 100%;
    width: auto;
    min-width: 500px;
    /*border: 1px solid #EEEEEE;*/
    padding-right: 10px;
}

.sliderGallery  img{
  height: 40px;
  padding-right: 2px;
  cursor: pointer;
  cursor: hand;
}

.sliderGallery UL {
    position: absolute;
    list-style: none;
    white-space: nowrap;
    padding: 0;
    margin: 0;
    top: 0px;
}

.sliderGallery UL LI {
    display: inline;
}

.slider {
    position: absolute;
    width: auto;
    left: 5px;
    right: 5px;
    height: 17px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 0px;
    top: 42px;
    padding: 1px;
    background: url(images/linie.gif) repeat-x;
}

.handle {
    position: absolute;
    cursor: pointer;
    cursor: hand;
    height: 17px;
    width: 63px;
    top: 0px;
    background: url(images/slider.gif) no-repeat;
    z-index: 100;
}

.slider span {
    color: #bbb;
    cursor: pointer;
    position: absolute;
    z-index: 110;
    top: 3px;
}

.slider .slider-lbl1 {
    left: 50px;
}

.slider .slider-lbl2 {
    left: 107px;
}

.slider .slider-lbl3 {
    left: 156px;
}

.slider .slider-lbl4 {
    left: 280px;
}

.slider .slider-lbl5 {
    left: 455px;
}

#main_image {
  margin-top: 20px;
  height:438px;
  text-align: center;
  background:#ffffff;
}

#main_image_container img {
  margin-bottom:10px;
  margin-left: auto;
  margin-right: auto;
  height:438px;
  border: 1px solid silver;
}

img.upDownImages {
  border: 0px;
  width: 17px;
  height: 17px;
  padding: 0px;
  margin: 0px;
}

#myGallery
{
	text-align: left;
	margin: 0 auto;
}


/********************************************
*
* Überschriften
*
********************************************/

h1 {
  font-size: 1.4em;
  font-weight: bold;
  color: #3F0B03;
}

h2 {
  font-size: 1.2em;
  font-weight: bold;
  color: #3F0B03;
}

h3 {
  font-size: 1.1em;
  font-weight: bold;
  color: #3F0B03;
}


/********************************************
*
* Referenten-Seite
*
********************************************/

.referenten {
  clear: left; 
  width: 100%;  
  margin-bottom: 40px;
}

.referenten  img {
  border: 1px solid silver; 
  float: left;
  width: 200px;
  margin-right: 10px;
  margin-bottom: 10px;
}

.referenten_details {
  float: none;
  text-align: justify;
}

/********************************************
*
* Thema-Seite
*
********************************************/

.thema-zitat {
  font-weight: bold;
  font-size: 1.1em;
  text-align: justify;
  color: #3F0B03;
}

.thema {
  font-size: 1em;
  text-align: justify;
}

.thema-referent {
  font-size: 0.8em;
}

/********************************************
*
* Kontakt-Seite
*
********************************************/

.kontakt_container {
  clear: left;
  width: 100%;
  height: 400px;
  background-color: #E3000B;
}

.kontakt_image {
  width: 566px;
  height: 400px;
  background: url(images/Einladung_Kontakt.jpg) no-repeat left top;
  color: white;
  padding-left: 10px;
  padding-top: 10px;
  font-size: 1.3em;
}

.kontakt_eingabe {
  clear: left;
  margin-top: 10px;
  padding-bottom: 20px;
}

.kontakt_label {
  float: left;
  width: 100px;
  padding-bottom: 10px;
}

.kontakt_field {
  float: left;
  padding-bottom: 10px;
}

/********************************************
*
* Programm-Seite
*
********************************************/

.programm_container {
  clear: left;
  width: 100%;
  height: 400px;
  background-color: #E3000B;
}

.programm_image {
  width: 566px;
  height: 400px;
  background: url(images/Einladung_Programm.jpg) no-repeat left top;
}

/********************************************
*
* Home-Seite
*
********************************************/

.home_container {
  clear: left;
  width: 100%;
  height: 250px;
  background-color: #E3000B;
}

.home_image {
  width: 495px;
  height: 250px;
  background: url(images/Einladung_Home.jpg) no-repeat left top;
  color: white;
  padding-left: 10px;
  padding-top: 10px;
  font-size: 1.3em;
}

/********************************************
*
* Anfahrt-Seite
*
********************************************/

.anfahrt_container {
  clear: left;
  width: 100%;
  height: 400px;
  background-color: #E3000B;
}

.anfahrt_image {
  width: 566px;
  height: 400px;
  background: url(images/Einladung_Anfahrt.jpg) no-repeat left top;
}

/********************************************
*
* Guestbook-Seite
*
********************************************/

.guestbook_container {
  clear: left;
  width: 100%;
}

.guestbook_image {
  width: 566px;
  height: 400px;
  background: url(images/Einladung_Kontakt.jpg) no-repeat left top;
  color: white;
  padding-left: 10px;
  padding-top: 10px;
  font-size: 1.3em;
}

.guestbook_header {
  clear: left;
  margin-top: 10px;
  height: 35px; 
  background:#fff url(images/button1.gif);
  font-weight: bold;
  color: white;
}

.guestbook_number{
  float: left;
  padding-left: 10px;
  margin-top: 10px;
}

.guestbook_date {
  float: left;
  padding-left: 10px;
  margin-top: 10px;
}

.guestbook_name {
  float: left;
  padding-left: 10px;
  margin-top: 10px;
}

.guestbook_homepage {
  float: left;
  padding-left: 10px;
  padding-top: 6px;
}

.guestbook_mail {
  float: left;
  padding-left: 10px;
  padding-top: 11px;
}

.guestbook_entry {
  clear: left;
  margin-top: 5px;
  padding: 10px;
  border: 1px solid silver;
}

.guestbook_menu {
  clear: left;
  margin-top: 10px;
  height: 35px; 
  background:#fff url(images/button1.gif);
}

.guestbook_sites {
  float: left;
  padding-left: 10px;
  margin-top: 10px;
  color: white;
}

.guestbook_sitenumber {
  color: white;
}

.guestbook_eingabe {
  clear: left;
  margin-top: 10px;
  padding-bottom: 20px;
}

.guestbook_label {
  float: left;
  width: 100px;
  padding-bottom: 10px;
}

.guestbook_field {
  float: left;
  padding-bottom: 10px;
}