/* $Id: layout.css $ */

  *
  {
  margin:0px;
  padding:0px;
  }

/** body **/
  body, html
  {
  height:100%;
  }

  /*
   * #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: 1000px;
    position:relative;
    height:100%;
  }*/

  #page
  {
  }

  #page-inner
  {
  }

  #navigation-top,
  #navigation
  {
    position: absolute; /* Take the named anchors out of the doc flow    */
    left: -10000px;     /* and prevent any anchor styles from appearing. */
  }

/** header **/
  #header
  {
    position:relative;
    top:0;
    left:0;
    height:80px;
    margin:0 190px 0 190px;
    display:block;
  }

  #header-inner
  {
  }

  #logo-title
  {
  }

  #logo
  {
   float:left;
    height:80px;
  }

  #site-name
  {
  }

  #site-slogan
  {
  }

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

  div#navTop
  {
    position:relative;
    top:0;
    left:0;
    margin:0 190px 0 190px;
    height:19px;
		border-top:1px solid #FFFFFF;
		display:block;
  }
  
  #navTop-inner
  {
  }
  
  /* list entry in the top navigation bar */    
  ul#navTop li
  {
    display:block;
    float:left;
    font-size:0.9em;
    font-weight:bold;
    border-right:1px solid #FFFFFF;
    width:100px;
    text-align:center;
    height:19px;
    margin: 0;
  }
  
  ul#navTop li.longTitle
  {
    width:140px;
  }
  
  ul#navTop li a
  {
    display:block;
    height:19px;
    text-decoration:none;
    background-color:#8C294A;
    color:#FFFFFF;
    padding:2px 0 2px 0;
  }
  
  ul#navTop li a:hover
  {
    background-color:#FFFFFF;
    color:#8C294A;
  }
  
  ul#navTop li.highlighted a
  {
    background-color:#EEEEEE;
    color:#8C294A;
  }
  
  div#language_switch
  {
		height:19px;	
		width:40px;
		text-align:center;
		background-color:#666;
		margin-right: 1px;
		padding: 0px 2px;
		list-style-type:none;
		display:block;
		float:right;		
	}
	
	div#language_switch a:hover
	{
		height:18px;	
		width:40px;
		background-color:#EEE;
		border-bottom:1px solid #666;
		display:block;
	}
	
	div#language_switch img
	{
		height:15px;	
		padding-top: 2px;
	}


/** main (container for everything else) **/
  #main
  {
  }

  #main-inner
  {
  }

/** content **/
  #content
  {
    position:relative;
    top:0;
    left:0;
    margin:0 190px 0 190px;
    min-height:450px;
    border:1px dotted #8C294A; border-top:none; border-bottom:none;
    /* 1px top padding has to be set, no clue why, but otherwise it doesn´t work */
    padding:1px 10px 25px 10px;
  }

  #content-inner
  {
	overflow:hidden;
    margin:0;
    padding:0;
  }
  
/** sidebar-left **/
  #sidebar-left
  {
    position:absolute;
    top:0;
    left:0;
    width:190px;
  }

  #sidebar-left-inner
  {
    margin: 0 0 0 5px;
    padding:0;
  }
  
  a#logoTopLeft
  {
    display:block;
    height:100px;
    width:190px;
    text-indent:-9999px;
    background:url(images/logoTopLeft.png) center no-repeat;
  }

/** sidebar-right **/
  #sidebar-right
  {
    position:absolute;
    top:0;
    right:0;
    width:190px;
  }

  #sidebar-right-inner
  {
    margin: 0 0 0 5px;
    padding:0;
  }
  
  a#logoTopRight
  {
    display:block;
    height:100px;
    width:190px;
    text-indent:-9999px;
    background:url(images/logoTopRight.png) center no-repeat;
  }

/** footer **/
  #footer
  {
		position:relative;
		top:0;
		margin: 0 190px 0 190px;
		border:1px dotted #8C294A; border-top:none; border-bottom:none;
	}

  #footer-inner
  {
		padding: 0 10px 25px 10px;
		font-style:italic;
		font-size:0.8em;
  }
  
  #footer-upper
  {
  padding: 0 0 25px 0;
	}
	
	#footer-upper ul
	{
		font-size:0.8em;
		border:1px solid #AAAAAA; border-right:none; border-left:none;
		background-color:#D0D0D0;
		height:18px;
	}
	
	#footer-upper li
	{
		display:block;
		height:18px; 
		text-align:center;
		float:left;
	}
	
	#footer-upper li a
	{
		padding: 1px 15px;
		height:16px;
		display:block;
	}
	
	#footer-upper li a:hover
	{
		background-color:#EEEEEE;
	}

/** closure **/
  #closure-blocks /* See also the #page declaration above that this div shares. */
  {
  }
  
/** navigation left/right sidebar **/
  
  .blockHeader
  {
    font-size:0.9375em;
    font-weight:bold;
    width:180px;
  }
  
  ul.nav
  {
    font-size:1em;
    list-style-type:none;
    width:180px;
  }
  
  li.nav
  {
    padding:2px 0 2px 15px;
    list-style-type:none;
  }

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

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

/* If a div.clear-block doesn't have any content after it, Firefox and Safari
     will mistakenly place several pixels worth of space between the bottom of
     the div and the bottom of the viewport. This fixes it. */
  #page { overflow-y: hidden; } /* CSS3 property */

/** Some settings for displaying and underlining the blocks in the left/right sidebar **/
  .block
  {
    margin:10px 0 10px 0;
  }
  
  .block-inner
  {
		font-size:1em;
		list-style-type:none;
		padding: 0 0 10px 0;
		width:180px;
		border-bottom:1px solid #8C294A;
  }
  
/** limiting form elements to 100% of the content area's place **/
  
  .form-select, .form-textarea, .form-textfield
	{
		max-width: 100%;
	}
	
  div#content ul, div#content ol {
	margin: 5px 0px 5px 40px;
  }	

  #tinymce ul, #tinymce ol
    {
    margin: 5px 0px 5px 40px;
   }	
	
  .pictureLeft {
    margin-right: 5px;
  }