/***********************************************/
/* styles.css                                  */
/* PS Bregenz                                  */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

  #logo {
	position:absolute;
	font-size:smaller;
	width:300px;
	height:100px;
	z-index:1;
	left: 15px;
	top: 22px;
	visibility: visible;
   }

  body {
	color: black;
	background-color: FAFAFA;
	font-size: 90%;
	font-family: Verdana, Geneva, sans-serif;
	margin: 0;
	padding: 1em;
	min-width: 41em;
  }
  
/***********************************************/
/* Überschriften und Linkverhalten             */
/***********************************************/ 

  h1 {
	font-size: 1.5em;
	color:#003366;
	margin: 0 0 0.7em;
	padding: 0.3em;
	text-align: right;
	border-bottom: 4px solid #003366;
	height:100px;
	background-image:url(../images/gestaltung/background_sommer.png);
	background-repeat:no-repeat;
	background-position:right;
  }
  
  h1#a:link {
	color: #FFF;
  }
  h1#a:visited {
	color: #FFF;
  }
  h1#a:hover {
	color: #FFF;
  }
  h1#a:active {
	color: #FFF;
  }
  
  div#breadcrump {
	font-size: 0.9em;
	float: left;
	width: 100%;
	margin: 0.5em 0em 1em 0em;
	border: 1px dashed silver;
  }
  
  h2 {
	  font-size: 1.5em;
	  margin: 0 0 0.7em;
	  padding: 0.3em;
	  color:#003366;
  }
		  
/***********************************************/
/* Listen und Linkverhalten                    */
/***********************************************/ 

  ul#Navigation {
	font-size: 0.83em;
	float: left;
	width: 18em;
	margin: 0 0 1.2em;
	padding: 0;
	border: 1px dashed silver;
  }
  ul#Navigation li {
    list-style: none;
    margin: 0; padding: 0.5em;
  }
  ul#Navigation a {
    display: block;
    padding: 0.2em;
    font-weight: bold;
  }
  ul#Navigation a:link {
	color: #003366;
	background-color: #eee;
  }
  ul#Navigation a:visited {
	color: #666;
	background-color: #eee;
  }
  ul#Navigation a:hover {
    color: black; background-color: white;
  }
  ul#Navigation a:active {
	color: white;
	background-color: #333;
  }

  div#Info {
	font-size: 0.9em;
	float: right;
	width: 16em;
	margin: 0 0 1.1em;
	padding: 0;
	background-color: #FAFAFA;
	border: 1px dashed silver;
	background-image:url(../images/gestaltung/ecke.png);
	background-repeat: no-repeat;
	background-position: top right;
  }
  div#Info h2 {
    font-size: 1.33em;
    margin: 0.2em 0.5em;
	color:#003366;
  }
  div#Info p {
    font-size: 1em;
    margin: 0.5em;
  }

  div#Inhalt {
	margin: 0.5em 16em 1em 16em;
	padding: 0.5em 1em;
	background-image:url(../images/gestaltung/puzzle.gif);
	background-repeat: no-repeat;
  }
  * html div#Inhalt {
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */
  }
  div#Inhalt h2 {
    font-size: 1.2em;
    margin: 0.2em 0;
	color:#003366;
  }
  div#Inhalt p {
    font-size: 1em;
    margin: 1em 0;
  }
  
  

/***********************************************/
/* Fusszeile und Linkverhalten                 */
/***********************************************/ 

  p#Fusszeile {
	clear: both;
	font-size: 0.9em;
	margin: 0.1em;
	padding: 0.5em;
	text-align: center;
	background-color: #003366;
	color: #FFF;
  }
  
  p#Fusszeile a:link {
	color: #FFF;
  }
  p#Fusszeile a:visited {
	color: #CCC;
  }
  p#Fusszeile a:hover {
	color: #999;
  }
  p#Fusszeile a:active {
	color: #CCC;
  }

/***********************************************/
/* Links                                       */
/***********************************************/ 
 
 a{
	color: #003366;
	text-decoration: none;
  }

  a:link{
	color: #003366;
	text-decoration: none;
  }

  a:visited{
	color: #006699;
	text-decoration: none;
  }

  a:hover{
	color: #003399;
	text-decoration: underline;
  }
  
 
   
/***********************************************/
/* Klassen                                     */
/***********************************************/ 

.invisible{
	color:#FFF;
}

.fett_hervorheben {
	color: #036;
}

.submit {
	background-color: #003366;
	border-top: #006699;;
  	border-right: #006699;
  	border-bottom: #006699;
  	border-left: #006699;
	color: #FFFFFF
}

.bildabstand {
	padding: 0px 0px 0px 10px;
}

.ausgegraut {
	color:#999;
}


.c1 {
	font-size: 1.5em;
	color:#003366;
	font: strong;	
}