/**
 * Druck-Stylesheet
 *
 * @title:      	Stadtwerke Steinheim GmbH - Stylesheet for screen, projection media
 * @author:     	Markus Nolte
 * @updated:    	2008-10-30
 * @notes:    		Hand-crafted by Markus Nolte, company 'INTRAWAVE.DE' in Steinheim-Bergheim, Germany
 */

/*
+++ Colors +++
Schrift:          #707070
Blau:             #0c99ce
ul-hover:         #303030
ul:               #404040
li-hover:         #dddad3
li:               #f0f0f0
Dot:				      #c0c0c0
*/

/* Layout-independent adjustments | Layout-unabhängige Anpassungen ----------------------------------- */
@import url(print/print_start.css);

@media screen, projection
{
  /*	+html, body
  ------------------------------------------------------------------------------*/
  html { 
    /* Erzwingen vertikaler Scrollbalken in Netscape, Firefox und Safari Browsern */
    height: 100%; 
    margin-bottom: 1px; 
    /* Beseitigung von Rundungsfehler beim Skalieren von Schriftgrößen in Älteren Opera Versionen */
  	font-size: 100.01%;
  }
  body {
  	background: url(../bg-start.png) top left repeat-x #fff;
  	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 90.00%; 
  	color: #444;
  	margin: 0;
  	padding: 0;
  	text-align: center;
  }
  
  /* Stabilitätsverbesserungen durch 'position:relative' */
  body { position:relative; }  /* Essential in IE7 for correct layout scaling ... */
  * html body { position:static; }  /* ... but not for IE5.x and IE6 */
  
  	
  /*	+general
  ------------------------------------------------------------------------------*/
  img {
    border: none;
  }
  div, span, ul {
    margin: 0;
    padding: 0;
  }
  a:link, a:visited {
  	background-color: transparent;
  	color: #707070;
  	text-decoration: none;
  }
  a:focus, a:hover, a:active {
  	background-color: transparent;
  	color: #707070;
  	text-decoration: underline;
  }
  input.search {
    padding: 3px 4px;
    color: #707070;
    /*border-top: 2px solid #aaa;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    border-left: 2px solid #aaa;*/
    border: 1px solid #aaa;
  }
  input.searchbutton {
    width: 16px;
    height: 24px;
  	background: url(../search.gif) center center no-repeat transparent;
  	border: none;
  	cursor: pointer;
  }
  
  	
  /*	+wrapper
  ------------------------------------------------------------------------------*/
  #wrapper {
  	position: relative;
  	text-align: left;
  	margin: 0 auto;
  	width: 933px;
  }
  #skipnav {
    position: absolute;
    top: 15px;
    left: 90px;
    height: 25px;
    width: 300px;
    z-index: 1000;
  }
  /* Klassen für unsichtbare Elemente im Basislayout */
  .skip, .hideme, .print {
    position: absolute;
    top: -1000em;
    left: -1000em;
    height: 1px;
    width: 1px;
  }
      
  /* Skip-Links für Tab-Navigation sichtbar schalten */
  .skip:focus, .skip:active {
    position: relative;
    top: 0;
    left: 0;
    height: auto;
    width: auto;
  }	
  	
  /*	+header
  ------------------------------------------------------------------------------*/
  #header {
    position: relative:
    width: 933px;
    height: 106px;
  }
  #header-logo {
    position: absolute;
    top: 14px;
    left: 0;
  	background: transparent;
  	width: 340px;
  	margin: 0;
  	border: 0px solid #ccc;
  }
  #header-online-service {
    position: absolute;
    top: 0;
    right: 0;
  	background: url(../online-service-start.png) center center no-repeat transparent;
  	width: 221px;
  	height: 61px;
  	border: 0px solid #ccc;
  }
  #header-online-service div {
  	margin: 20px 0 0 60px;
  }
  #header-online-service div a:link, #header-online-service div a:visited {
  	background-color: transparent;
  	color: #b9e4f1;
  	font-weight: bold;
  	text-decoration: none;
  }
  #header-online-service div a:hover, #header-online-service div a:active {
  	background-color: transparent;
  	color: #b9e4f1;
  	text-decoration: underline;
  }
  #header-online-service {
  	display: none;
  }
  #suche {
    position: absolute;
    top: 20px;
    right: 250px;
    right: 0;
  	background: transparent;
  	border: 0px solid #ccc;
  }
  #suche label {
    display: none;
  }
  #headerbild {
  	position: relative;
  	width: 933px;
  	height: 226px;
  	padding: 0;
  	margin: 0;
  }
  
  	
  /*	+navigation
  ------------------------------------------------------------------------------*/
  ul#navigation {
  	/*position: absolute;
  	top: 0;
  	left: 0;*/
    font-size: 90%;
  	margin: -28px 0 0 0;
  }
  /* Verstecken vor IE5-Mac durc '* html {}'. Nur sichtbar für IE-Win. \*/
  * html ul#navigation {
  	/*bottom: 2px;*/
  	margin: -29px 0 0 0;
    font-size: 85%;
    
    /* ab hier ignoriert IE 5.x nachfolgende Deklarationen wg. Box-Model-Bug */
   	voice-family:"\"}\"";
  	voice-family:inherit;
  	margin: -31px 0 0 0;
  }
  ul#navigation, ul#navigation ul {
  	list-style: none;
  }
  ul#navigation li { 
  	position: relative;
  	float: left;
  }
  ul#navigation>li li { /* Needed for Opera 9, maybe because it's decent CSS. Hide from IE6 */
  	float: none;
  }
  ul#navigation li li {
  	/*border-bottom: 1px dotted #c0c0c0;
  	background: url(../bg-line-li-start.gif) bottom left repeat-x transparent;*/
  	background: url(../bg-li-start.gif) 10px 11px no-repeat #f7f7f7;
  }
  ul#navigation li a:link, ul#navigation li a:visited { 
  	width: 233px;
  	height: 17px;
  	display: block;
  	padding: 5px 0 5px 25px;
  	color: #fff;
  	background: url(../bg-ul-start.gif) 10px 10px no-repeat #404040;
  	border-top: 1px solid #fff;
  	border-right: 1px solid #fff;
  	border-bottom: 0px solid #fff;
  	
    /* ab hier ignoriert IE 5.x nachfolgende Deklarationen wg. Box-Model-Bug */
   	voice-family:"\"}\"";
  	voice-family:inherit;
  	width: 207px;
  }
  ul#navigation li a#first {
  	border-left: 1px solid #fff;
  }
  ul#navigation li a:focus, ul#navigation li a:hover, ul#navigation li a:active, ul#navigation li a#current {
  	background-color: #303030;
  	text-decoration: underline;
  }
  ul#navigation li li a:link, ul#navigation li li a:visited { 
  	float: none;
  	height: 17px;
  	color: #707070;
  	background: url(../bg-line-li-start.gif) bottom left repeat-x transparent;
  	text-decoration: none;
  	border: none;
  }
  ul#navigation li li a:focus, ul#navigation li li a:hover, ul#navigation li li a:active {
  	background: url(../bg-li-start.gif) 10px 11px no-repeat #ebebeb;
  	text-decoration: underline;
  }
  ul#navigation li ul {
  	position: absolute;
  	width: 232px;
  	top: 100%;
  	left: 0;
  }
  
  	
  /*	+footer
  ------------------------------------------------------------------------------*/
  #footer {
  	clear: both;
  	position: relative;
  	font-size: 80%;
  	*font-size: 75%; /* targets IE6 and IE7 | _color: #0000ff; targets IE6, not read by IE7 */
  	width: 933px;
  	background: transparent;
  	color: #707070;
  	margin: 260px 0 0 0;
  	padding: 4px 0 25px 4px;
  	border-top: 5px solid #0c99ce;
  }
  #footer span {
  	position: absolute;
  	top: 4px;
  	right: 4px;
    color: #0c99ce;
  }
  	
  	
  /*	+more general
  ------------------------------------------------------------------------------*/
  #print {
  	font-size: 12px;
  	display: none;
  }
}