/*
* nothingoesright.de "Themed" Template Styles
* Browser: Mozilla optimized, IE6
*	Version: 05/09/02
*
*  1.  Basic Structure
*  2.  Header
*  3.  Navigation
*  4.  Sidebar
*  4.1  News
*  5.  Footer
*
*/

/* 1. Basic Structure */

	body {
		background: #1D214A url("../images/body_back.png") bottom center no-repeat;
	}
  
  #container {
  }

/* 2. Header */

	#header {
		position: relative;
		height: 128px;
    margin-bottom: 1.5em; /* Abstand zur Navigation */
	}
	
	#header h1 {
		position: absolute;
		top: 0;
		left: 0;
		margin: 0;
		font-size: 1px;
		height: 8px;
  }

	#header h1 a {
		display: block;
		width: 778px;
		height: 128px;
		background: transparent url("../images/header_logo.png") no-repeat;
		text-indent: -2000em; /* -> invisible text */
		text-decoration: none;
	}

  
/* 3. Navigation */

  #nav {
    position: relative;
    width: 100%;
    height: 32px;
	}
  
  #nav div.before {
    float: left;
    height: 100%;
    width: 20px;
    background: url("../images/nav_left.gif") no-repeat left;
	}
  
  #nav div.after {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 20px;
    background: url("../images/nav_right.gif") no-repeat right;
  }
  
  #nav ul {
    background: #000;
    height: 100%;
    width: 95%;
		list-style: none;
  }
    
  #nav li a {
    color: #FFF;
    font-size: 1.1em;
    display: block;
		padding: 6px 10px;
		text-decoration: none;
		background: #000;
		border: 1px solid #000;
	}
  
  #nav li a:hover {
    background: #D9511E;
    color: #FFF;
  }
  
  #nav li a.active {
    color: #000;
    background: #FFF;
  }
  
  #nav li a.active:hover {
    background: #D9511E;
    color: #FFF;
  }

  
/* 4. Sidebar */

	#subnav {
    margin-bottom: 1em;
	}
  
  #subnav, #subnav ul {
		margin: 0;
		padding: 0;
    clear: both;
	}
  
  #side div.before {
    height: 13px;
    width: 100%;
    background: url("../images/subnav_top.gif") no-repeat bottom left;
	}
  
  #side div.after {
    height: 13px;
    width: 100%;
    background: url("../images/subnav_bottom.gif") no-repeat top left;
  }
  
  #subnav ul {
    width: 100%;
    background: #000;
		list-style: none;
  }

	#subnav li {
		display: inline;
		padding: 0;
		margin: 0;
	}
	
	#subnav li a {
		color: #FFF;
    font-size: 1em;
    display: block;
		padding: 6px 10px;
		text-decoration: none;
		background: #000;
		border: 1px solid #000;
	}
  
  #subnav li li a {
		padding: 4px 8px 4px 20px;
    font-weight: normal;
	}

	#subnav li a:hover {
    background: #D9511E;
    color: #FFF;
	}
	
  #subnav li a.active {
    color: #000;
    background: #FFF;
  }
  
  #subnav li a.active:hover {
    background: #D9511E;
    color: #FFF;
  }
  
/* 4.1 News */
  
  #news {
    background: #000;
    width: auto;
    padding: 4px;
    text-align: center;
  }
  
  #news span {
    
  }
  
/* 5. Footer */

	#footer {
		border-top: 1px solid #999;
		margin: 1em 0;
		padding: 1em 0;
		text-align: center;
	}
	
	#footer ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	#footer li {
    padding: 0px;
		display: inline;
	}
	
	#footer span,#footer a {
		white-space: nowrap;
		padding: 0 1em;
	}
	
	#footer p span,#footer p a {
		white-space: nowrap;
		padding: 0 0.3em;
	}
	
	#footer p,#footer p a {
		color: #666;
	}
	
	#footer p a:hover {
		color: #000;
	}
