body {text-align: center; background-color: #336699; margin: 0px; padding: 0px; background-image:  url(../images/demo4.jpg); background-repeat: repeat-x; background-position: center top ;}
body, td, p, div, h1, h2, h3, h4, h5, h6, a, .weiss, .dick { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
p, td { color: #333333; line-height: 17px; }
h1, h2 { font-weight: bold; color: #666666}
h3, h4, h5, h6 { font-weight: bold; color: #006699}

a:link, a:visited { color: #000099; text-decoration: none;}
a:hover, a:active { color: #FF0000; text-decoration: none;}

.blue {color:#003366;}
.dick { color: #3F3F6D; font-weight: bold;}
.klein {font-size: 10px; color: #FFFFFF;}
.small {font-size: 10px; font-weight: normal; color: #003399}
.pfeil {display: block; text-indent: 15px; 	background-image:  url(../images/pfeil.gif); background-repeat: no-repeat;	background-position: 0 2px;}
.weiss {color: #FFFFFF}



.nachricht {margin: 0 3px 0 4px; padding: 1px 1px 10px 1px;  background-color: #FFFFFF;  border: 1px solid #FFFFFF;  width: 100%;  }
html>body .nachricht {  width: 98%; }
.nachricht ul, .nachricht li {margin: 0 15px;}
.titel { color: #003030; font-weight: bold; background-color:#C5D6EB; width: 100%; padding: 2px;  border: 1px solid #6699CC;}
html>body .titel {width: 98%; margin-left: 2px;}
.datum { float: right; text-align: right; color: #336699; width: 80px; border: none; margin: 1px 10px 0 0;}
.artikel {text-align: left; color: #000033; line-height: 17px;  width: 100%; padding: 6px 3px 3px 5px; }
html>body .artikel {  width: 98%; }
.artikel a{display: block; font-weight: bold; /*margin: 0 0 0 10px;*/}
.artikel b{font-weight: bold; color: #3F3F6D;}
/*.artikel>a{display: block; float: none; font-weight: bold; margin: 0; padding: 0;}*/

#Container {clear: both; text-align: left; width:777px; height:auto; z-index:1; margin: 0 auto 0 auto; padding: 0; /*background-color: #6393C3;*/  border: 1px solid #999999; border-top: 1px solid #336699 ;  background-image:  url(../images/bg_stripes.gif); background-repeat: repeat;}
#Seite     {clear: both; text-align: left; width:777px; height:auto; z-index:1; margin: 0 auto 0 auto; padding: 20px; background-color: #FFFFFF;   border: 0 none #FFFFFF;}
html>body #Seite {width:700px;}
/*ersetzt den Container durch eine grosse weisse Seite  */
#Navigation {clear: both; text-align: center; margin: 116px auto 2px auto; width:530px; height:auto; z-index:4;}
html>body #Navigation {width:600px;}
a.navi {display: block; float: left; width: 80px; height: auto; padding: 3px; margin: 2px; font-weight: bold; border: 1px solid #003366;}
a.navi:link, a.navi:visited { background-color: #6988B6;  color: #FFFFFF; text-decoration: none;}
a.navi:hover, a.navi:active {  background-color: /*#829DC8*/ #9EB7D5 ;  color: #FFFFFF; text-decoration: none;}
#Links  {float: left; width:180px; height:auto; z-index:2; margin: 2px;	background-color: #0099CC;  text-align: center;     border: 1px solid #336699;}
#Rechts {float: left; width:180px; height:auto; z-index:3; margin: 2px; background-color: #0099CC;  border: 1px solid #336699;}
/*#LinksWeiss {float: left; width:180px; height:auto; z-index:2; font-size: 11px;	text-align: center; margin: 2px; background-color: #FFFFFF;  color: #000099; border: 1px none #336699;}*/
#Links div, #Rechts div {text-align: left; margin: 2px; padding: 2px; background-color: #DFFFFF; color: #000099; border: 1px solid #336699;}
.wichtig {text-indent: 15px; 	background-image:  url(../images/pfeil.gif); background-repeat: no-repeat;	background-position: 2px 4px;}
#Links .wichtig, #Rechts .wichtig { background-color: #FCFCFC; font-weight: bold; /*border: 1px solid #FF0000;*/ }
#Links .download, #Rechts .download  { text-indent: 15px; 	background-image:  url(../images/pfeil_blau.gif); background-repeat: no-repeat;	background-position: 2px 4px; 	background-color: #FFFFFF; font-weight: bold; border: 1px solid #000099; }
#Links .gesetz {background-color: #FFFFDF; }
#Links .transp, #Rechts .transp {	text-align: center; color: #FFFFFF; background-color: #0099CC;  border: none;}
#Links .hell, #Rechts .hell {background-color: #FCFCFC; layer-background-color: #FDFEFF; border: 1px solid #0099CC; text-align: center;}

#Inhalt {float: left;  width:400px; height:auto; z-index:6; margin: 3px 2px 2px 2px; /*background-color: #0099CC;*/  border: 1px solid #336699;}
html>body #Inhalt{width: 398px; }
#Inhalt .transp {text-align: center; color: #FFFFFF; font-variant: small-caps; padding: 4px; border: none;}
#Inhalt .hell {text-align: center; margin: 0 3px 0 4px; padding: 1px 0 10px 1px;  background-color: #FFFFFF;  border: 1px solid #FFFFFF;  width: 100%;  }
html>body #Inhalt .hell { width: 98%;  padding: 1px 1px 10px 1px; border: 1px solid #FFFFFF;  }
#SeitenInhalt {float: left; text-align: left;  width:586px; height:auto; z-index:6; margin: 5px 0 0 0; padding: 10px 50px 50px 50px; background-color: #FFFFFF;  border: none;}
html>body #SeitenInhalt { width:480px;}
/*ersetzt den Container durch eine schmalere weisse Seite  */
#Footer {clear: both; width:777px; height:40px; z-index:5; /*margin: 2px; */background-color: #FFFFFF;  border: 1px solid #000000; text-align: center;}

.box {
	margin: 50px;
	padding: 10px;
	height: auto;
	width: auto;
	border: 1px solid #FF0000;
	font-weight: normal;
	color: #333333;
}