/* Website www.wasserschule-unterfranken.de
Autor: Astrid Bösser
Website www.tanoshii.de
Version 1.0, 28-06-2007 */

/*Formate allgemein*/

html,
body
 {
	margin:0;
	padding:0;
	color:#000;	
	min-width:750px;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	background-attachment: fixed;
	background-image: url(images/bg.gif);
	background-repeat: repeat-y;
	background-position: left top;
	}
	
* html body
 {	margin:0;
	padding:0;
	color:#000;	
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	background-attachment: fixed;	
	background-image: url(images/bg_iealt.gif);
	back\ground-image: url(images/bg.gif);
	background-repeat: repeat-y;
	background-position: left top;
	}	
	
h1 {
	margin:0px 0px 15px;
	padding:0px 0px 10px;
	font-size:20px;
	line-height:20px;
	font-weight:bold;
	color:#000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	}

h2 {
	margin:0px 0px 10px;
	padding:0px;
	font-size:14px;
	line-height:20px;
	color:#000;
	font-family: Arial, Helvetica, sans-serif;
}

h3 {
	font-size:small;
	color:#000;
	margin-bottom: 8px;
	text-align: left;
}					
	
p {
	margin:0px 0px 16px 0px;
	padding:0px;
	font-size: 12px;
	line-height: 20px;
	}
	
td,input,textarea {
	color:#333;
	font-size: 11px;
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}	

a {
	text-decoration:none;
	font-weight: bold;
}
	
a:link {color:#028DC6;}
a:visited {color:#028DC6;}
a:hover {color:#A3D0EC;}


/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct 
length values to user agents that exhibit the parsing error exploited above yet get 
the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */

#content {
	margin:27px 0px 50px;
	padding:0px;
	position: absolute;
	left: 130px;
	top: 116px;
	width: 720px;	
	height: auto;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
* html #content {
	margin:27px 0px 20px;
	position: absolute;
	left: 130px;
	top: 116px;
	width: 745px;
	w\idth: 725px;		
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-top: 15px;
	padding-left: 15px;
	}

#menu {
	font-family: Arial, Helvetica, sans-serif;
	position: absolute;	
	left: 0px;
	bottom: 0px;
	top: 116px;
	background-color:#141419;	
	height:auto;	
	width:125px;
	}	
	
* html #menu {
	/*height: 100%;*/
	width:126px;
	w\idth: 120px;
	}	
	
	
/* Again, "be nice to Opera 5". */
body>#menu {
width:125px;	
}	

#header {
	margin:0px;
	padding:0px;	
	background-color: #000000;
} 

html>body #header { 
z-index:10; /* Prevent certain problems with form controls */ 
} 

#header img {
	float: left;
	margin: 0px;
	padding: 0px;
	border: none;
}

html>body #content {padding:1em 1em 2em 1.3em;} 
/* 6em = height of #header and #footer + 1em, 1em = give the content some breathing space */ 

#footer {	
	height:1em;
	text-align: right;
	padding: 2px 5px 8px;
	bottom:0;
} 
html>body #footer { 
position:fixed; 
bottom:0; 
z-index:10; /* Prevent certain problems with form controls */ 
}

  a.infobox { border-bottom: 1px dashed #09c; text-decoration:none; }
  a.infobox:hover { cursor:help; color:#09c; background:white; }
  
a.infobox span {
	visibility:hidden;
	position:absolute;
	left:14em;
	padding:0.5em;
	text-decoration:none;
	margin-top: 1.5px;
}

* html a.infobox span {
width:30em;
w\idth:30em; }	   
				   
  a.infobox:hover span { 
  visibility:visible; 
  border:1px solid #09c;
  color:#000000; 
  background:#ffffff; 
  -moz-opacity:0.8;
  opacity:.80;
  filter: alpha(opacity=80);  
  }  

#footer a {
	font-weight: normal;
	color: #E8F2F9;
	text-decoration: none;
}
#footer a:hover {
	font-weight: normal;
	color: #E8F2F9;
	text-decoration: none;
	background-color: #99B1CA;
}
#footer p {
	text-decoration: none;
	text-align: right;
	padding-right: 30px;
}

/*Navigation*/

ul#navigation {
    font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	margin: 0;
	padding: 0px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #FFFFFF;	
  }  

ul#navigation li {
	list-style: none;	
  }
  
ul#navigation a {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	width: 120px;
	text-decoration: none;
	color: #fff;
	background-color: #000000;
	font-size: 11px;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	text-align: left;
	height: auto;
	vertical-align: middle;
	padding-top: 4px;
	padding-left: 5px;
	padding-bottom: 4px;
  }   
  
  
* html ul#navigation a {  /* Korrektur fuer IE 5.x */
    width: 128px;
    w\idth: 120px;	
  }
  
  
ul#navigation a:hover {
	color: #FFFFFF;
	background-color: #3399CC;
	background-image:  url(images/nav_bg_dark.gif);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 0px 0px;
  }
  
ul#navigation li a.active {
	color: #FFFFFF;
	background-color: #3399CC;
	background-image:  url(images/nav_bg_dark.gif);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 0px 0px;
  }  
  
ul#navigation ul li {
	list-style: none;
	margin-left: -2.5em;
  }  
  
ul#navigation ul li a {
	color: #006F93;
	background-color: #D0DEE6;
	background-image:  url(images/nav_bg_light.gif);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 10px;
	width: 115px;
	height: auto;
	padding-top: 4px;
	padding-bottom: 4px;
  }  
  
* html ul#navigation ul li a  {  /* Korrektur fuer IE 5.x */
    width: 128px;
    w\idth: 115px;	
  }  
  
  
 ul#navigation ul li a.active {
    color: #006F93;
	text-decoration: underline;	
	background-image:  url(images/nav_bg_light.gif);
  } 
  
ul#navigation li.erste {
	list-style: none;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-bottom-style: solid;
	height: auto;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 5px;
} 

ul#navigation li a.agws {
	padding-left: 5px;
	height: auto;
	font-size: 11px;
	font-variant: small-caps;
	font-weight: bold;
}

/*Navigation AGWS*/

ul#navigation_agws {
    font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	margin: 0;
	padding: 0px;
}

ul#navigation_agws li {
	list-style: none;	
  }
  
ul#navigation_agws a {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	width: 120px;
	text-decoration: none;
	color: #fff;
	background-color: #000000;
	font-size: 11px;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	text-align: left;
	height: auto;
	vertical-align: middle;
	padding-top: 4px;
	padding-left: 5px;
	padding-bottom: 4px;
  } 

ul#navigation_agws a.extern {
	color: #FFFFFF;
	background-color: #3399CC;
	background-image:  url(images/nav_bg_dark.gif);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 0px 0px;
  } 
  
#metanav {
	margin:3px 0px 0px -2px;
	position: absolute;		
	top: 116px;	
	background-color: #67AEDC;
	font-size: 11px;	
	vertical-align: middle;
	padding-top: 4px;
	padding-right: 5px;
	padding-left: 3px;
	background-attachment: scroll;
	background-image: url(images/bg_metanav.jpg);
	background-repeat: repeat-x;
	background-position: right 0px;
	color: #D0DEE6;
	font-weight: bold;
	text-indent: 2em;
	padding-bottom: 4px;	
	height: auto;
	left: 130px;	
	width: 737px;
}

* html #metanav { /* Korrektur fuer IE 5.x */
width: 745px;
w\idth: 737px;
left: 133px;
text-indent: 1.5em;
mar\gin:3px 0px 0px -5px;
}

#metanav a {
	color: #EDF0F3;
	font-weight: bold;
}

#wappen {
	font-size: 9px;
	color: #FFFFFF;
	margin-left: 4px;
	font-family: Arial, Helvetica, sans-serif;
	height: auto;
	width: 122px;
	position: fixed;
	bottom: 20px;
	padding-top: 5px;
	padding-bottom: 5px;	
}

*html #wappen {
	font-size: 9px;
	color: #FFFFFF;
	margin-left: 4px;
	font-family: Arial, Helvetica, sans-serif;
	width: 120px;
	w\idth: 110px;
	top: 550px;
	left: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 9em;
	position:static;	
}

#wappen_longnav {	
font-size: 9px;
	color: #FFFFFF;
	margin-left: 4px;
	font-family: Arial, Helvetica, sans-serif;
	height: auto;
	width: 122px;		
	padding-top: 10px;
	padding-bottom: 5px;	
}

*html #wappen_longnav {
	font-size: 9px;
	color: #FFFFFF;
	margin-left: 4px;
	font-family: Arial, Helvetica, sans-serif;
	width: 120px;
	w\idth: 110px;	
	left: 0px;
	padding-top: 10px;
	padding-bottom: 5px;
}

#wappen img {
	float: left;
	border: none;
	margin-right: 2px;
	margin-left: 2px;
}

#wappen_longnav img {
	float: left;
	border: none;
	margin-right: 2px;
	margin-left: 2px;
}


#wappen a {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
}

#wappen_longnav a {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
}

#agws {
	padding-top: 20px;
}

#ministerium {
	padding-top: 5px;	
}

#content img {
	border: 1px solid #666666;
	margin-bottom: 5px;
}

#content img.noframe {
	border: none;
	margin-bottom: 5px;
}

#content li {
	list-style-type: none;
	list-style-position: outside;
	list-style-image: url(images/btn_quad.gif);
	margin-bottom: 4px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	margin-left: -2em;
	line-height: 18px;
}
#content ul {
	margin-top: 7px;
}

#content img.sicherheitscode {
	margin: 0px;
	border: 1px solid #666666;
	float: left;
	padding: 0px;
}

#text {
	width: 338px;		
	float: left;
}

#bilder {
	float: right;
	width: 362px;	
}

*html #bilder {
	float: right;
	width: 362px;	
	w\idth: 362px;	
}

td.beschreibung{
	font-size: x-small;
	text-align: left;
}

.beschreibung {
	font-size: x-small;
	text-align: left;
}
#content img.ohne {
	border: none;
	margin-bottom: 5px;
}
.fett {

	font-weight: bold;
}
.von {
	font-size: x-small;
	text-align: right;
}
#lehrerkommentare {
	overflow: auto;
	height: 400px;
	width: 350px;
	background-color: #EDF0F3;
	padding: 2px 5px;
}

th {
	font-size: small;
}
table.download {
	background-color: #CEE6EE;
	width: 100%;
}

table.download td {
	padding: 2px;
	background-color: #E6F6F7;
}
#text.standard {
	border: none;
	width: 338px;
	float: none;
}
#eintragen {
	margin-left: -3px;
}