/* Layout Stylesheet PZW-Web*/ 

body {
	background:#FFFFFF center;
	color: #333333;
	text-align:center;
	padding:0px;
	margin: 0px 0px 0px 5px;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: smaller;
	
 }
p {
	clear: both;
	
}


 /*
 h3,h4,h5 {
 	color:#666699;
	}
 */
 
input:focus, input.sffocus { background: #ffffcc; }
select:focus, select.sffocus{ background: #ffffcc; }
textarea:focus, textarea.sffocus{ background: #ffffcc; }
checkbox:focus, checkbox.sffocus{ background: #ffffcc; }
 
 pre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*display: compact;*/
	border-top: thick none #8585ad;
	border-right: thick none #8585ad;
	border-bottom: thick none #8585ad;
	border-left: thick outset #8585ad;
}

acronym{
	cursor:help;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
}

.errormsg {
	color: #993300;
	list-style-image: url(../includes/sys_bilder/ico_cancel.png);
	list-style-position:inside;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	
}
.red {
	color: #993300;
	font-weight: bolder;
	text-decoration: underline overline;
}
.green {
	color:#006600;
}
.white {
	color:#FFFFFF;
	font-weight: bold;	
}
a:visited {
	text-decoration: none;
	color: #8585ad;
	
}
a:active {
	text-decoration: underline;
	color: #FF9900;
	;
}
a:link {
	text-decoration: none;
	color:#8585ad;
}
a:hover {
	
	text-decoration:underline;
	color:#FF9900;
}

#outer {
	text-align:left;
	border:1px solid #000000;
	/*width:950px;*/
	width:980px;
		
 }

#hdr {
	background-image: url(../includes/sys_bilder/pzw-titel.gif);
	height:50px;
	color: #FFFFFF;
	background-color: #8585ad;	
	/*background:#8585ad;
	text-align:center;
	color: #FFcc33;
	font-size: 3em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: oblique;
	font-variant: small-caps;
	font-weight: bold;
	*/
}

#bar {
	height:20px;
	/*color: #333333;*/
	color: #ffffff;
	background:#c0c0c0;
	border:solid #000000;
	border-width:1px 0 1px 0;
	background-image: url(../includes/sys_bilder/metal.gif);
	background-repeat: repeat-x;
	padding-left: 150px;
 }

#bodyblock {
	
	background: #FFFFFF;
	color: #333333;
	/*width: 950px;*/
	width: 980px;
	padding: 0px;
	
 }

#l-col {
	float: left;
	background:#dcdcdc;
	width:130px;
	height: 783px;
	background-image: url(../includes/sys_bilder/metal_nav.gif);
	background-repeat: repeat-y repeat-x;
}

#cont {
	float: right;
	padding-top: 5px;
	padding-right: 15px;
	overflow: auto;
	width:805px;
	/*width:800px;*/
	background:#ffffff;
	color: #333333;
	text-align:left;
	height: 773px;
	/*height: 733px; plus ftr 25+2 für border plus padding-top*/
	
 }
 /*
 a.cont:visited {
	color: #0000FF;
	text-decoration: none;
}
 a.cont:active {
	text-decoration: none;
	color: #FF0000;
	font-weight: normal;
}
 a.cont:link {
	text-decoration: none;
	font-weight: normal;
}
 a.cont:hover {
	color: #FF0000;
	text-decoration:normal;
	font-weight: normal;
}
*/

.bild {
	float:left;
	padding: 5px 0px 10px 0px;
}

.bild-re {
	float:right;
	padding: 5px 0px 10px 0px;
}

.logo {
	padding: 0px 20px 0px 17px;
}

#w3c {
	/*horizontal-align: middle;*/
	position: relative;
}

table{
	overflow: scroll;
	
	}
#ftr {
	clear: both;
	height:25px;
 	background:#c0c0c0;
	/*color: #333333;*/
	color: #ffffff;
	border:solid black;
 	border-width:1px 0 0 0;
 	margin:0;
	text-align: center;
	
	background-image: url(../includes/sys_bilder/metal.gif);
	background-repeat: repeat-y;
 }
 
.ez{
	/*color:#FFFFFF;*/
	font-weight:bold;
	color:#ffffff;
}
 
 a.ez:visited {
	text-decoration: none;
	color:#ffcc33;
}
a.ez:active {
	text-decoration: none;
	color:#ffcc33;
}
a.ez:link {
	text-decoration: none;
	color:#ffcc33;
}
a.ez:hover {
	text-decoration: none;
	color:#ffcc33;
}

.pzw{
	list-style-image: url(../includes/sys_bilder/ico_pzw.gif);
}

.pdf{
	list-style-image: url(../includes/sys_bilder/ico_pdf.gif);
}

.word{
	list-style-image: url(../includes/sys_bilder/ico_word.gif);
}

.xls{
	list-style-image: url(../includes/sys_bilder/ico_xls.gif);
}

.ppt{
	list-style-image: url(../includes/sys_bilder/ico_ppt.gif);
}

.mmp{
	list-style-image: url(../includes/sys_bilder/ico_mmp.gif);
}

.zip{
	list-style-image: url(../includes/sys_bilder/ico_zip.gif);
}

.fla{
	list-style-image: url(../includes/sys_bilder/ico_fla.gif);
}
.swf{
	list-style-image: url(../includes/sys_bilder/ico_swf.jpg);
}
.bb{
	list-style-image: url(../includes/sys_bilder/ico_forum.gif);
}

.lnk{
	list-style-image: url(../includes/sys_bilder/ico_link_ext.gif);
}
.usradd{
	list-style-image: url(../includes/sys_bilder/ico_usradd.png);
}
.usrlist{
	list-style-image: url(../includes/sys_bilder/ico_usrlist.png);
}
.cancel{
	list-style-image: url(../includes/sys_bilder/ico_cancel.png);
}
.usrdrop{
	list-style-image: url(../includes/sys_bilder/ico_usrdrop.png);
}
.usredit{
	list-style-image: url(../includes/sys_bilder/ico_usredit.png);
}
.stats{
	list-style-image: url(../includes/sys_bilder/ico_stats.gif);
}
.exclaim{
	list-style-image: url(../includes/sys_bilder/ico_excl.gif);
}
.success{
	list-style-image: url(../includes/sys_bilder/ico_haken.gif);
}
.key{
	/*list-style-position: inside;*/
	list-style-image: url(../includes/sys_bilder/ico_key.gif);
}
.true{
	list-style-image: url(../includes/sys_bilder/ico_haken.gif);
}
.false{
	list-style-image: url(../includes/sys_bilder/ico_x.gif);
}

/* bulletproof Listboxen mit fester Breite*/

/* bigbox TODO: Hintergrundbilder*/
.bigbox{
	float: left;
	width: 595px;
	background: url(../includes/sys_bilder/box_bottom.png) no-repeat bottom left;
	/*clear: both;	*/
}
.bigbox h4 {
	margin: 0;
	padding: 6px 8px 4px 30px;
	font-size: 100%;
	color: #333;
	border-bottom: 1px solid #bf0000;
	background: url(../includes/sys_bilder/box_top.png) no-repeat top left;
}
.bigbox h5 {
	margin: 0;
	padding: 6px 8px 4px 30px;
	font-size: 100%;
	color: #333;
	border-bottom: 1px solid #bf0000;
	background: url(../includes/sys_bilder/box_top.png) no-repeat top left;
}
.bigbox ul {
	margin: 0;
	padding: 14px 10px 14px 30px;
}
.bigbox ul li {
	margin: 0 0 6px;
	padding: 0;
}
.bigbox p {
	margin: 0;
	padding: 14px 10px 14px 30px;
}
/* Ende bigbox */

/* large redbox */
.redbox{
	float: left;
	width: 595px;
	background: url(../includes/sys_bilder/redbox_bottom.png) no-repeat bottom left;
	/*clear: both;	*/
}
.redbox h4 {
	margin: 0;
	padding: 6px 8px 4px 30px;
	font-size: 100%;
	color: #333;
	border-bottom: 1px solid #bf0000;
	background: url(../includes/sys_bilder/redbox_top.png) no-repeat top left;
}
.redbox h5 {
	margin: 0;
	padding: 6px 8px 4px 30px;
	font-size: 100%;
	color: #333;
	border-bottom: 1px solid #bf0000;
	background: url(../includes/sys_bilder/redbox_top.png) no-repeat top left;
}
.redbox ul {
	margin: 0;
	padding: 14px 10px 14px 30px;
}
.redbox ul li {
	margin: 0 0 6px;
	padding: 0;
}
.redbox p {
	margin: 0;
	padding: 14px 10px 14px 30px;
}
/* Ende large Hotbox */

.box{
	float: left;
	width: 335px;
	background: url(../includes/sys_bilder/box_bottom.png) no-repeat bottom left;
	/*clear: both;	*/
}
.box_re{
	float: right;
	width: 335px;
	background: url(../includes/sys_bilder/box_bottom.png) no-repeat bottom left;	
}
.box h4 {
	margin: 0;
	padding: 6px 8px 4px 30px;
	font-size: 100%;
	color: #333;
	border-bottom: 1px solid #e0cfab;
	background: url(../includes/sys_bilder/box_top.png) no-repeat top left;
}
.box h5 {
	margin: 0;
	padding: 6px 8px 4px 30px;
	font-size: 100%;
	color: #333;
	border-bottom: 1px solid #e0cfab;
	background: url(../includes/sys_bilder/box_top.png) no-repeat top left;
}
.box_re h4 {
	margin: 0;
	padding: 6px 8px 4px 30px;
	font-size: 100%;
	color: #333;
	border-bottom: 1px solid #e0cfab;
	background: url(../includes/sys_bilder/box_top.png) no-repeat top left;
}
.box_re h5 {
	margin: 0;
	padding: 6px 8px 4px 30px;
	font-size: 100%;
	color: #333;
	border-bottom: 1px solid #e0cfab;
	background: url(../includes/sys_bilder/box_top.png) no-repeat top left;
}
.box ul {
	margin: 0;
	padding: 14px 10px 14px 30px;
}
.box_re ul {
	margin: 0;
	padding: 14px 10px 14px 30px;
}
.box ul li {
	margin: 0 0 6px;
	padding: 0;
}
.box_re ul li {
	margin: 0 0 6px;
	padding: 0;
}
.box p {
	margin: 0;
	padding: 14px 10px 14px 30px;
}
.box_re p {
	margin: 0;
	padding: 14px 10px 14px 30px;
}
/* Breiter Container für ein Flashvideo und eine Listbox */
.videobox{
	float: left;
	width: 800px;
	padding: 20px 0;
	border: 0px solid #c8cdd2;
	/*clear: both;*/
}
.flash{
	float: left;
	width: 335px;
	/*background: url(../includes/sys_bilder/box_bottom.png) no-repeat bottom left;*/
	/*clear: both;	*/
}

/* Container für Startseite */

.boxstartseite{
	float: left;
	width: 800px;
	padding: 10px 0;
	border: 0px solid #c8cdd2;
	/*clear: both;*/
}

/* Container für zwei Listboxen */

.boxcontainer{
	float: left;
	width: 700px;
	padding: 20px 0;
	border: 0px solid #c8cdd2;
	/*clear: both;*/
}

.boxcontainer ul li {
	/*list-style-image: url(../includes/sys_bilder/ico_bullet.gif);*/
	list-style-image: url(../includes/sys_bilder/ico_bullet.gif);
}

.boxcontainer ul li.schule{
	list-style-image: url(../includes/sys_bilder/schule50x50.gif);
	list-style-position: inside;
}

.boxcontainer ul li.sport{
	list-style-image: url(../includes/sys_bilder/sport50x50.gif);
	list-style-position: inside;
}

/*Navigation*/

#navigation {
	/*display: inline;*/
	width: 130px;
	/*border-right: 1px solid #000;*/
	/*padding: 0 0 1em 0;*/
	margin-bottom: 1em;
	font-size: 90%;
	/*font-family: 'Trebuchet MS', 'Lucida Grande',
	  Verdana, Lucida, Geneva, Helvetica, 
	  Arial, sans-serif;*/
	background-color: #CCCCCC;
	color: #333;
	
	}
#navigation ul {
		
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		/*width: 130px*/;
		
		}
#navigation li {

		border-bottom: 1px solid #CCCCCC;
		margin: 0;
		/*width: 130px;*/
		
		}
#navigation li a {
		display: block;
		padding: 5px 5px 5px 0.5em;
		border-left: 10px solid #8585ad;
		border-right: 10px solid #8585ad;
		background-color: #8585ad;
		color: #fff;
		text-decoration: none;
		width: 100px;/* Fix für den IE*/
		
		}
html>body #navigation li a {
		width: auto;
		
		}
#navigation li a:hover {
		border-left: 10px solid #ffcc33;
		border-right: 10px solid #ffcc33;
		background-color: #8585ad;
		color: #fff;
		}



/*Navigation intern*/

#navigation_intern {
	width: 130px;
	/*border-right: 1px solid #000;*/
	/*padding: 0 0 1em 0;*/
	margin-bottom: 1em;
	font-size: 90%;
	/*font-family: 'Trebuchet MS', 'Lucida Grande',
	  Verdana, Lucida, Geneva, Helvetica, 
	  Arial, sans-serif;*/
	background-color: #CCCCCC;
	color: #333;
	}
#navigation_intern ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}
#navigation_intern li {
		border-bottom: 1px solid #CCCCCC;
		margin: 0;
		}
#navigation_intern li a {
		display: block;
		padding: 5px 5px 5px 0.5em;
		border-left: 10px solid #8585ad;
		border-right: 10px solid #8585ad;
		background-color: #8585ad;
		color: #fff;
		text-decoration: none;
		width: 100px;/* Fix für den IE*/
		}
html>body #navigation_intern li a {
		width: auto;
		}
#navigation_intern li a:hover {
		border-left: 10px solid #ff0000;
		border-right: 10px solid #FF0000;
		background-color: #8585ad;
		color: #fff;
		}
/* Navigationsstatus, gerade besuchte Seite im öffentlichen Bereich */
body#Startseite #navigation li#Startseite a,
body#Pilotprojekt #navigation li#Pilotprojekt a,
body#Zielsetzung #navigation li#Zielsetzung a,
body#Schulen #navigation li#Schulen a,
body#Aufnahme #navigation li#Aufnahme a,
body#Stipendium #navigation li#Stipendium a,
body#Medien #navigation li#Medien a,
body#Fragebogen #navigation li#Fragebogen a,
body#FAQ #navigation li#FAQ a,
body#Kontakt #navigation li#Kontakt a,
body#Impressum #navigation li#Impressum a {
		display: block;
		padding: 5px 5px 5px 0.5em;
		border-left: 10px solid #ffcc33;
		border-right: 10px solid #ffcc33;
		background-color: #666699;
		color: #fff;
		text-decoration: none;
		/*width: 100px; Fix für den IE */
		}		

/* Navigationsstatus, gerade besuchte Seite im internen Bereich */
body#Aktuelles #navigation_intern li#Aktuelles a,
body#PZW-Kids #navigation_intern li#PZW-Kids a,
body#Download #navigation_intern li#Download a,
body#Mitglieder #navigation_intern li#Mitglieder a,
body#MeineDaten #navigation_intern li#MeineDaten a,
body#Foren #navigation_intern li#Foren a,
body#Logout #navigation_intern li#Logout a {
		display: block;
		padding: 5px 5px 5px 0.5em;
		border-left: 10px solid #ff0000;
		border-right: 10px solid #ff0000;
		background-color: #666699;
		color: #fff;
		text-decoration: none;
		/*width: 100px; Fix für den IE*/
		}		
.pilotprojekt {
	font-style: normal;
	/*color: #8585ad;*/
	font-weight: bold;	/*font-variant: small-caps;*/
	}