/* --  Elements -- */

		#footerbox{
		background:#fc6;
		border:1px solid #000;
		width:780px;
		padding: 2px 10px;
		}


/* --  BASICS -- */

BODY {
	background-color: #fff;
	color: #000;
	text-align: center;
	margin:2px;
	font-family :  Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
	font-size:12px;
}

/* choose font family for nearly all cases */
all,P,TD,TH,LI,DT,DD,A,DIV,UL,OL,FORM {
	font-family :  Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
	font-size:12px;
}

PRE,CODE,SAMP {
	font-family : Courier New, Courier, Monaco, monospace;
}
.fixed {
	font-family : Courier New, Courier, Monaco, monospace;
}


/* --- TEXT LAYOUT --- */

SMALL {
	font-size: 11px;
}

.small {
		font-size:11px;
}
.middle {
	font-size:12px;
}
.big {
	font-size:14px;
}
.blocksatz {
  text-align: justify;
	}

b {
	font-weight : bold;
}


SUP,SUB {
	font-size: 6px;
	text-decoration:none;
}

/* --- HEADERS --- */
/* generell weniger margins (ausser NS4) */

h1,h2,h3,h4  {
					margin:1px;
					font-family :  Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
					font-weight : bold;
					}

H1 {
	font-size: 14px;
	border-bottom:1px dotted #369;
}

H1.header {
		font-size: 16px;
		background:#ccf;
		border-style: solid;
		border-width: 1px 1px 1px 1px;
		padding:5px;
}

H2 {
	font-size: 13px;
}

H3 {
	font-size:12px;
}

H4 {
	font-size:12px;
}
H5 {
	font-size:12px;
}





/* --- LISTS --- */
/* --- beware the ie-ns differences !!! :-( --- */

LI {
	margin-left: 10px;
	font-size: 12px;
}


/* --- LINKS  --- */

/*  LINKS standard  */
/*  Der ganz normale Link im Text...  */

A:LINK {
		color: #369;
		text-decoration:underline;
		font-size: 12px;
}

A:VISITED {
		color: #69c;
		text-decoration:underline;
		font-size: 12px;
 }

A:HOVER {
		color: #c90;
		text-decoration:underline;
		font-size: 12px;
 }
A:ACTIVE {
		color: #ccc;
		text-decoration:underline;
		font-size: 12px;
 }

/*  LINKS - ( Menue)*/

A.menu:LINK {
		font-family :  Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
		color: #000;
		text-decoration:none;
		font-weight : bold;
		font-size: 11px;
}
A.menu:VISITED {
		font-family :  Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
		color: #000;
		text-decoration:none;
		font-weight : bold;
		font-size: 11px;
 }

A.menu:HOVER {
		font-family :  Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
		color: #000;
		text-decoration:none;
		font-weight : bold;
		background-color:#ffc;
		font-size: 11px;
 }
A.menu:ACTIVE {
		font-family :  Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
		color: #000;
		text-decoration:none;
		font-weight : bold;
		font-size: 11px;
}


A.menusmall:LINK {
		font-family :  Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
		color: #000;
		text-decoration:none;
		font-weight : normal;
		font-size: 11px;
}
A.menusmall:VISITED {
		font-family :  Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
		color: #000;
		text-decoration:none;
		font-weight : normal;
		font-size: 11px;
 }

A.menusmall:HOVER {
		font-family :  Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
		color: #000;
		text-decoration:none;
		font-weight : normal;
		background-color:#ffc;
		font-size: 11px;
 }
A.menusmall:ACTIVE {
		font-family :  Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
		color: #000;
		text-decoration:none;
		font-weight : normal;
		font-size: 11px;
}

A.menubig:LINK {
		font-family :  Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
		color: #000;
		text-decoration:none;
		font-weight : bold;
		font-size: 14px;
}
A.menubig:VISITED {
		font-family :  Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
		color: #000;
		text-decoration:none;
		font-weight : bold;
		font-size: 14px;
 }

A.menubig:HOVER {
		font-family :  Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
		color: #000;
		text-decoration:none;
		font-weight : bold;
		background-color:#ffc;
		font-size: 14px;
 }
A.menubig:ACTIVE {
		font-family :  Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
		color: #000;
		text-decoration:none;
		font-weight : bold;
		font-size: 14px;
}

/*  LINKS - (Breadcrumb)*/

A.breadcrumb:LINK {
		font-family :  Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
		color: #000;
		text-decoration:none;
		font-weight : bold;
		font-size: 11px;
}
A.breadcrumb:VISITED {
		font-family :  Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
		color: #000;
		text-decoration:none;
		font-weight : bold;
		font-size: 11px;
 }

A.breadcrumb:HOVER {
		font-family :  Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
		color: #000;
		text-decoration:none;
		font-weight: bold;
		background-color:#ccf;
		font-size: 11px;
 }
A.breadcrumb:ACTIVE {
		font-family :  Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
		color: #000;
		text-decoration:none;
		font-weight: bold;
		font-size: 11px;
}


/*  LINKS - (EXTERNE)*/

A.extern:LINK {
				color:#369;
}
A.extern:VISITED {
				color:#369;
 }

A.extern:HOVER {
				color:#369;
				background-color:#eef;
 }
A.extern:ACTIVE {
				color:#369;
}

/* --- TABLES --- */

a img {
	border: 0;
}


td {
	font-family :  Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
	vertical-align:top;
}

ul {margin-left: 10px; padding-left: 10px;}
ul li {margin-top: 0; margin-bottom:0; padding-left: 5px;}
ul ul li {margin-top: 0; margin-bottom:0; padding-left: 15px;}

.sectionindex {
	list-style-position: inside;
	margin-left: 0px;
	padding-left: 5px;
}
.ieproblem li,
.sectionindex li {
	margin-left: 0px;
	padding-left: 0px;
}
.ieproblem {
	margin-left: 0px;
	padding-left: 5px;

}


/* --- COLORS (inherit) --- */


/* --- ENGLISCH = HINTERGRUNDFARBE--- */
.white {
	background-color : #fff;
}
.black {
	background-color : #000000;
}

.grey {
	background-color : #cccccc;
}
.lightgrey {
	background-color : #eeeeee;
}
.darkgrey {
	background-color : #999999;
}

.blue {
	background-color : #aaaacc;
}
.lightblue {
	background-color : #ddeeff;
}

.dremelblue {
	background-color : #9BA1D8;
}

.middleblue {
	background-color : #abc;
}
.darkblue {
	background-color : #003366;
}

.green {
	background-color : #aaccaa;
}
.lightgreen {
	background-color : #ddffee;
}
.lightgreen2 {
	background-color : #CEDFA5;
}
.darkgreen {
	background-color : #006633;
}

.yellow {
	background-color : #ffcc66;
}
.lightyellow {
	background-color : #ffffcc;
}
.darkyellow {
	background-color : #cc9900;
}

.lime {
	background-color : #cdd778;
}
.lightlime {
	background-color : #adb652;
}
.darklime {
	background-color : #efefce;
}


.mint {
	background-color : #99cccc;
}
.darkmint {
	background-color : #99cccc;
}
.lightmint {
	background-color : #ddffff;
}

.brown {
	background-color : #CFC6C2;
}
.darkbrown {
	background-color : #D78432;
}
.lightbrown {
	background-color : #E3BD97;
}

.red {
	background-color : #cc3333;
}
.darkred {
	background-color : #cc0000;
}
.lightred {
	background-color : #ff6666;
}
.orange {
	background-color : #ffcc99;
}
.yellow {
	background-color : #FFEF73;
}
.darkorange {
	background-color : #cc6600;
}
.lightorange {
	background-color : #ffeecc;
}

.violet {
	background-color : #c9f;
}
.darkviolet {
	background-color : #93c;
}
.lightviolet {
	background-color : #cc99cc;
}

/* --- DEUTSCH = TEXTFARBE--- */
.schwarz {
	color : #000000;
}
.weiss {
	color : #fff;
}

.grau {
	color : #999999;
}
.dunkelgrau {
	color : #666666;
}
.hellgrau {
	color : #cccccc;
}

.gelb {
	color : #ffff99;
}
.dunkelgelb {
	color : #cc9900;
}

.rot {
	color : #cc0000;
}
.dunkelrot {
	color : #cc0000;
}
.blau {
	color : #0000cc;
}
.hellblau {
	color : #6699ff;
}
.dunkelblau {
	color : #000099;
}

.content {
  line-height:1.2em;
}



.deviblau {
	background-color : #336699;
	color : White;
}


.duluxblau {
	background-color : #0c2a6c;
	color : White;
}



.deviblau {
	background-color : #336699;
	color : White;
}


.xylagelb {
	background-color : #ffdd00;
}