@charset "utf-8";
/* CSS Document */
/*
 *  Purple #6100A1
 *  Orange #FFC800
 *  Yellow #FFFF00
 *  Green  #8CC800
 *
 */


html, body {
	font-family: sans-serif;
	margin: 0;
	font-size: small;
	width: 100%;
	height: 100%;
}

h1 { color: #6100A1; } 

h2, h3, h4, caption { color: #8CC800; }

#wrapper { 
	position: absolute;
	top: 0;
	left: 0;
	font-size: 90%;
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	background: url(../images/bg_0.jpg) repeat-y left;
}

#col1 { 
	width: 150px;
	float: left;
	clear: left;
	padding: 0px;
	margin-right: 20px;
	background: #6100A1 url(../images/bg_0.jpg) repeat-y left;
}
#mainContent { 
	padding: 0;
	margin: 0;
	position: absolute; 
	top: 0;
	left: 170px;
}

ul.nav { 
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.nav li { 
	padding: 0;
	margin: 0;
	float: left;
	clear: left; 
}
ul.nav li.section { 
	color: #FFF;
	padding: 5px; 
	margin-top: 10px;
}
ul.nav li.section strong { 
	display: block;
	width: 126px;
	padding: 5px;
	border-left: 4px solid #FFC800;
	border-bottom: 1px solid #FFC800;
}


ul.nav li a { 
	float: left;
	width: 140px;
	display: block;
	text-decoration: none;
	color: #FFF;
	padding: 5px;
	margin: 0;
	font-weight: bold; 
}
ul.nav li a:hover { 
	background: #FFF;
	color: #6100A1;
}

#home .n-home a, 
#defArt .n-defArt a,
#indArt .n-indArt a,
#die .n-die a,
#jed .n-jed a,
#man .n-man a,
#wel .n-wel a,

#kein .n-kein a,
#mein .n-mein a,
#dein .n-dein a,
#sein .n-sein a,
#ihr .n-ihr a,
#unser .n-unser a,
#euer .n-euer a,
#ihr2 .n-ihr2 a,
#Ihr .n-Ihr a,
#pro .n-pro a,
#prep .n-prep a,
#adj1 .n-adj1 a,
#adj2 .n-adj2 a,
#adj3 .n-adj3 a
 { 
	color: #8CC800;
}


/*
 * Tables 
 *  Purple #6100A1
 *  Orange #FFC800
 *  Yellow #FFFF00
 *  Green  #8CC800
 *
 */

table { margin-bottom: 20px; } 

th, td.info { 
	color: #6100A1; 
}
th { padding: 20px; font-weight: bold; } 

td { padding: 10px 20px; vertical-align: top; }

td.info.male  { color: #FFF; background: #0083FE url(../images/bg_blue.jpg) no-repeat center top; }
td.info.female { color: #FFF; background: #FF3333 url(../images/bg_red.jpg) no-repeat center top; }
td.info.neuter { color: #FFF; background: #8CC800 url(../images/bg_green.jpg) no-repeat center top; }
td.info.plural { color: #FFF; background: #FFC800 url(../images/bg_orange.jpg) no-repeat center top; }

th.nominative { color: #FFF; background: #FFC800 url(../images/bg_orange.jpg) no-repeat center top; }
td.nominative { background: #FFEEB2 url(../images/bg_orange_row.jpg) repeat-y center; }

th.accusative { color: #FFF; background: #FF3333 url(../images/bg_red.jpg) no-repeat center top; }
td.accusative { background: #FFB2B2 url(../images/bg_red_row.jpg) repeat-y center; }

th.dative { color: #FFF; background: #0083FE url(../images/bg_blue.jpg) no-repeat center top; }
td.dative { background: #B2DAFF url(../images/bg_blue_row.jpg) repeat-y center; }

th.genitive { color: #FFF; background: #8CC800 url(../images/bg_green.jpg) no-repeat center top; }
td.genitive { background: #DCEEB2 url(../images/bg_green_row.jpg) repeat-y center; }

td.text.male, td.text.female, td.text.neuter, td.text.plural { color: #6100A1; }
td.info { font-weight: bold; color: #FFF; } 

caption { font-size: 130%; color: #8CC800; font-weight: bold; text-align: left; border-left: 4px solid #8CC800; padding: 5px;  }

input.text { background: transparent; border: none; border-bottom: 1px dashed #000; font-weight: bold; }

input.submit { border: none; cursor: pointer; } 
input.submit.mark { color: #FFF; background: #8CC800 url(../images/bg_green.jpg) no-repeat center top; margin-left: 50px; padding: 10px; } 
input.submit.reveal { color: #FFF; background: #FF3333 url(../images/bg_red.jpg) no-repeat center top; padding: 5px; } 
input.submit.reset {  color: #FFF; background: #FF3333 url(../images/bg_red.jpg) no-repeat center top;  margin-left: 10px; padding: 5px;} 

.correct { color: green; }

.incorrect { color: red; }