/*\
 *
 *  OrangeVirusIdent Stylesheet
 *
 *                             by Agahnim
 *
\*/

/***\ Basic \***/
body {
	font-family:Verdana, sans-serif;
	font-size:x-small;
	background-color:#FEF3C1;
}

table {
	font-family: Verdana, sans-serif;
	font-size: small;
}

img {
	border: none;
}

a, a:link, a:active {
    color: #993300;
    text-decoration: none;
}
a:visited {
    color: #996600;
    text-decoration: none;
}

/***\ Header \***/
#header {
	position: absolute;
	top: -1px; left: -1px;
	border: none;
	z-index: 1;
}

#n811 {
	position: absolute;
	top: 175px; left: 0px;
	-moz-opacity: 0.7; 			/* Transparenz für Browser mit GECKO Engine */
	filter: Alpha(opacity=70);	/* Internet Explorer Transparenz */
	z-index: 0;
}

/***\ Navigation \***/
#navigation {
	position: absolute;
	top: 150px; left: 10px;
}

#navigation table {
    width: 172px;
    margin-bottom: 6px;
}

#navigation table th img {
    margin-bottom: -4px;
}

#navigation .head {
    background: url('../img/navi_top.png') no-repeat;
    height: 8px;
}

#navigation .middle {
    background: url('../img/navi_middle.png') repeat-y;
    padding: 1px 5px 0 4px;
}

#navigation .middle a {
    display: block;
    border-top: 1px dotted #A98700;
    border-bottom: 1px dotted #A98700;
    padding: 4px 5px;
    margin-top: -1px;
    font-size: 80%;
    letter-spacing: 2px;
    text-decoration: none;
    color: #FFBA00;
}

#navigation .middle a:hover {
    background: #464336;
	-moz-opacity:0.9; 			/* Transparenz für Browser mit GECKO Engine */
	filter:Alpha(opacity=90);	/* Internet Explorer Transparenz */
}

#navigation .middle a.active {
    background: #464336;
    -moz-opacity:0.9;           /* Transparenz für Browser mit GECKO Engine */
    filter:Alpha(opacity=90);   /* Internet Explorer Transparenz */
}

#navigation .bottom {
    background: url('../img/navi_bottom.png') no-repeat;
    height: 8px;
}


/***\ Content \***/
#content {
	position: absolute;
	top: 155px; left: 226px; bottom: 0px;
	width: 761px;
}

#content table {
    width: 100%;
}

#content table th.head {
    background: url('../img/content_head.jpg') no-repeat;
    height: 19px;
    padding-left: 45px;
    text-align: left;
    font-weight: normal;
}

#content table td.box_top {
    background: url('../img/content_box_top.png') no-repeat bottom;
    height: 20px;
}

#content table td.box_middle {
    background: url('../img/content_box_middle.png') repeat-y;
		padding: 0 30px;
}

#content table td.box_bottom {
    background: url('../img/content_box_bottom.png') no-repeat top;
    height: 20px;
}


/***\ Gruppenfarben \***/
a.group_5, a.group_7, a.group_4, a.group_9, a.group_10, a.group_8, a.group_13, a.group_17{
    font-weight: bold;
}

a.group_4 {
    color: #00AA00;
}

a.group_5 {
    color: #FF002F;
}

a.group_7 {
    color: #0033E4;
}

a.group_8 {
    color: #FF4500;
}

a.group_9 {
    color: #3399CC;
}

a.group_10 {
    color: #9F00CC;
}

a.group_13 {
    color: #3366CC;
}

a.group_17 {
    color: #008FE3;
}

/***\ Formular \***/
form input, form select { 
	background: #0D1A2D url('../img/form_input.gif') repeat-x;
	border: 1px solid #7F7F7F;
	color: #FFAC04;
}

form input.standard {
    background: transparent none;
    border: none;
    color: none;
}

form textarea {
	background-color: #0D1A2D;
	border: 1px solid #7F7F7F;
	color: #FFAC04;
    height: 100px;
    width: 100%;
}

form textarea#rules_content{
	background-color: #0D1A2D;
	border: 1px solid #7F7F7F;
	color: #FFAC04;
	width:695px;
	height:800px;
}

form .error {
    border: 1px solid #FF0000;
}

/***\ Status \***/
p.status_online, p.status_offline {
    font-weight: bold;
    padding: 20px;
    width: 200px;
}

p.status_online {
    background-color: #7FFF00;
    border: 1px solid black;
}

p.status_offline {
    background-color: #FF0000;
    border: 1px solid black;
}


/***\ Table \***/
table.default {
    width: 100%;
}

.row1 {
    background-color:#464336;
    color: #FFBA00;
}
.row0 {
    background-color:#837C65;
    color: #FFBA00;
}

table.default th {
    background-color: #464336;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    color: #FFBA00;
    font-weight: normal;
    margin-bottom: 4px;
    padding: 2px 0;
    text-align: center;
}

table.default tr.underline td {
    border-bottom: 1px dotted #A98700;
}

/* ## Success ## */
table.success {
    background-color: #EEE;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    padding: 4px;
    width: 50%;
}

div.ovibox {
	background-color: #FAF3C1;
	border: 1px;
	border-color: #000000;
	width: 430px;
}

div.error {
    color: red;
    font-weight: bold;
    margin: 10px 0;
}

div.left {
    text-align: left;
}

div.center {
    text-align: center;
}

div.right {
    text-align: right;
}

.question_answer {
    width: 400px;
}

a.top { margin-left: 20px; font-size: 10px; }

.rules-index-level1 { margin-left: 0px; }
.rules-index-level2 { margin-left: 40px; }
.rules-index-level3 { margin-left: 80px; }

.rules-level1 { font-size: 140%; font-weight: bold; margin: 14px 0; margin-left: 0px; }
.rules-level2 { font-size: 120%; font-weight: bold; margin: 10px 0; margin-left: 40px; }
.rules-level3 { font-size: 100%; font-weight: bold; margin: 8px 0; margin-left: 80px; }
.rules-normal { font-size: 100%; font-weight: normal; margin-top: 0; margin-bottom: 0; }

ul {
    padding-left: 16px;
}

select.full {
    background-image: none;
    width: 100%;
}

form.quiz input {
    width: 100%;
}

form input.normal {
    width: auto;
}