/*************************************

This stylesheet is created by:
	Christof Franke
	Michael Klemm

All rights reserved 2009

*************************************/


/*************************************
	Allgemeines
*************************************/

p, ul, li, ol, Form, Input, IMG, H1,h2,h3 { padding:0px;margin:0px; }
IMG { border: none; }
TH, TD { text-align: left; font-weight: normal; }
a {position: relative; }
a span { display: none; }
 
a:hover span {
	position: absolute;
	top: -15px;
	left: 40px;
	width: 80px;
	height: 50px;
	display: block;
	background: #ddf;
	border: 1px solid white;
	color: #444;
	text-align: left;
	margin: 5px;
} 

body {
    font-family:Arial, sans-serif;
    font-size: 14px;
	background-color: #0085c7;   
	margin-left: 50px;
    color: #AAAAAA;
}

TD.formular {
    background-color: #075f8f;
    padding-left: 10px;
    font-family:Arial, sans-serif;  
    color: #CCCCCC;
    font-size: 12px; 
}



H1 {
	color: #1d5170;
	font-size: 40px;
	padding-top: 25px;
	padding-bottom: 20px;
	margin: 0px;
}



.input1 {
    background-color: #9fae8c;
    font-family:Arial, sans-serif;  
    color: #888888;
    font-size: 11px; 
    background-color:#FFFFFF;
    border-color: #444444;
    border-width:1px;border-style:solid;
    width: 60px;
    text-align:center;
}

input {
    background-color: #9fae8c;
    font-family:Arial, sans-serif;  
    color: #000000;
    font-size: 11px; 
    background-color:#FFFFFF;
    border-color: #444444;
    border-width:1px;border-style:solid;
    width: 200px;
    padding-left: 10px;
}

input.accept {
	background-color: #AFA;
}

input.cancel {
	background-color: #FAA;
}

.pflicht {
    font-family:Arial, sans-serif;  
    color: #000000;
    font-size: 11px; 
    background-color:#F7D5A7;
    border-color: #444444;
    border-width:1px;border-style:solid;
    width: 200px;
    padding-left: 10px;
}

.inputbutton {
    font-family:Arial, sans-serif;  
    color: #FF9999;
    font-size: 11px; 
    background-color:#F49212;
    border-color: #444444;
    border-width:1px;border-style:solid;
    width: 60px;
    padding-left: 0px;
    text-align:center;
}

.inputbutton2 {
    background-color: #9fae8c;
    font-family:Arial, sans-serif;  
    color: #FFFFFF;
    font-size: 11px; 
    background-color:#F49212;
    border-color: #AA0000;
    border-width:1px;border-style:solid;
    width: 150px;
    padding-left: 0px;
    text-align:center;
}


select {
    background-color: #9fae8c;
    font-family:Arial, sans-serif;  
    color: #000000;
    font-size: 11px; 
    background-color:#FFFFFF;
    border-color: #444444;
    border-width:1px;border-style:solid;
    width: 200px;
    margin:0; 
}

.select_day { width: 39px; }
.select_month {	width: 79px; }
.select_year { width: 79px; }

.checkbox {
    background-color: #9fae8c;
    font-family:Arial, sans-serif;  
    color: #000000;
    font-size: 11px; 
    background-color:#FFFFFF;
    border-color: #444444;
    border-width:1px;border-style:solid;
    width: 16px;
    height: 16px;
    padding-left: 0px;
}
.select2 {
    background-color: #9fae8c;
    font-family:Arial, sans-serif;  
    color: #000000;
    font-size: 11px; 
    background-color:#FFFFFF;
    border-color: #444444;
    border-width:1px;border-style:solid;
    width: 100px;
    padding-left: 10px;
}
.select3{
    background-color: #9fae8c;
    font-family:Arial, sans-serif;  
    color: #000000;
    font-size: 11px; 
    background-color:#FFFFFF;
    border-color: #444444;
    border-width:1px;border-style:solid;
    padding-left: 10px;
}
.textarea_{
    background-color: #9fae8c;
    font-family:Arial, sans-serif;  
    color: #000000;
    font-size: 11px; 
    background-color:#FFFFFF;
    border-color: #444444;
    border-width:1px;border-style:solid;
    width: 300px;
    height: 50px;
    padding-left: 10px;
}

.textarea_pflicht{
    font-family:Arial, sans-serif;  
    color: #000000;
    font-size: 11px; 
    background-color:#F7D5A7;
    border-color: #444444;
    border-width:1px;
	border-style:solid;
    width: 300px; 
    height: 50px;
    padding-left: 10px;
}
h5 {
    color: #FFFFFF;
    font-size: 14px;
}
h6 {
    color: #E5E329;
    font-size: 11px;
}


#wizbody{
	float:left;
	width:799px;
	background-color:#7aa7c2;
	border-width:1px;
	border-style:dashed;
/*	font-size:93%; */
	line-height:normal;
	color: #8fb7cf;
	padding: 0px;
	margin-bottom: 30px;
}

#wizbody { font-size: 12px; }

#wizbody h3{
	padding: 20px 0px 5px;
    color: #075f8f;
    font-size: 14px;
}
#wizbody h4{
    color: #000000;
    font-size: 13px;
}


/**************************************
	CONTENTBLOCK
**************************************/

#contentblock H2 {
	text-align: center;
	padding-bottom: 10px;
	padding-top: 25px;
	color: #075f8f;
    font-size: 17px;
	margin: 0px;
}

#contentblock {
  float:left;
/*  width:800px; */
	width: 100%;
  /*background:#DAE0D2 url("http://www.hoko-online.de/wizard/images/bg.gif") repeat-x bottom;*/
  background-color:#8fb7cf;
/*  font-size:93%; */
  line-height:normal;
  color: #000000;
}

#contentblock UL {
	list-style:square;
	padding-left:20px;
}

/**************************************
	CONTENT
**************************************/

#content {
	margin-left: 20px;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 30px;
}

#content TABLE {
	width:			100%;
	padding-top:	10px;
	padding-bottom:	10px;
}
#content TH{ width: 120px; }

#content TD, #content TH {
    background-color: #075f8f;
    padding-left: 10px;
    color: #EEE;
    font-size: 12px; 
}

#table-header TD, #table-header TH {
	background-image: url(/css/table-header.jpeg);
	background-repeat:repeat-x
	font-weight: bold;
}

#table-header {
	height: 23px;
}

#content A { color: #EEE; }
#content A:hover { color: #FFF; }

/***************************************
	HEADER (TOP-MENU)
***************************************/

#header {
  float:left;
  height: 34px;
  width:100%;
  padding:0px;
  margin: 0px;
  background-image: url(/css/menu-bg.jpeg);
  background-repeat:repeat-x;float:left;
  background-color: #0085c7;
/*  font-size:93%; */
  line-height:normal;
  }
#header ul {
  margin:0;
  padding:0px;
  list-style:none;
}
#header li {
  float:left;
  margin:0;
  padding:0;
  border-right-style: groove;
  border-right-width: 2px;
  border-right-color: #075f8f;
/*  border-bottom:1px solid #765; */
}

#header li:hover {
	background-image: url(/css/menu-bg-pushed.jpeg);
	background-repeat:repeat-x;float:left;
	color: #FFF;
}

li.active {
	background-image: url(/css/menu-bg-active.jpeg);
	background-repeat:repeat-x;float:left;
	color: #FFF;
}
#header a {
  float:left;
  display:block;
  background-image: none;
  padding: 10px 15px;
  margin: 0px;
  text-decoration:none;
  font-weight:bold;
  color:#FFFFFF;
  }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header a {float:none;}
/* End IE5-Mac hack */
#header #current {
  background-position:0 -150px;
  border-width:0;
  }
#header #current a {
  background-position:100% -150px;
  padding-bottom:5px;
  color:#333;
  }
/*
#header li:hover, #header li:hover a {
  background-position:0% -150px;
  color:#333;
}
  */
/*
#header li:hover a {
  background-position:100% -150px;
	background-color: #1978ac;
}
  */
#footer{
  float:left;
  width:800px;
  /*background:#DAE0D2 url("http://www.hoko-online.de/wizard/images/bg.gif") repeat-x bottom;*/
  font-size:10px;
  line-height:normal;
  padding-left: 200px;
  color: #8fb7cf;
}

#foot{
    float:right; 
    padding: 10px;
}

.logout {
    background-color: #AA0000;
    font-family:Arial, sans-serif;  
    color: #FFFFFF;
    font-size: 11px; 
    border-color: #440000;
    border-width:1px;border-style:solid;
    width: 150px;
    padding-left: 0px;
    text-align:center;
}

.new {
	width: 15px;
	height: 15px;
	border-width:1px;
}

.welcome {
    font-family:Arial, sans-serif;  
    color: #FFFFFF;
    font-size: 16px; 
}
.welcome_head {
    font-family:Arial, sans-serif;  
    color: #FFFFFF;
    font-size: 18px; 	
}

#mytable td {
    color:black;
}

.myInput {
    text-align: center;
    padding: 0px;
    width: 50px;
}

.deletecolumn {
	width: 30px;
}
.deletelink {
	background: url(icon_deletelink.gif) 0 50% no-repeat; padding-left:14px;
}

/**
div.notifyNEG{
	background:#fc6;
}
div.notifyContNEG{
    padding: 10px;
	font-size: 14px;
	background:#CCCCFF;
	border:#f90 5px solid;
	color: #5555FF;
}
**/

div.message{
	background:#FFF;
}
div.notifyCont{
	background: #CCF;
	border:#075f8f 5px solid;
	color: #33C;
}
div.errorCont{
	background:#FCC;
	border:#F66 5px solid;
	color: #C33;
}
div.successCont{
	background:#CFC;
	border:#6F6 5px solid;
	color: #3C3;
}
#Infobox { margin: 30px 60px; padding: 10px; font-size: 14px;}
#Infobox p {
	padding: 5px 0px 5px;
}

.errorlist {
	color: #F44;
	font-size: 12px;
	font-weight: bold;
}

div.markdown {
	color: #FFF;
}

 #required{
	color: red;
	font-weight: bold;
	font-size: 18px;
}

#markdown p, #markdown h1, #markdown h2 { text-align: left; }
#markdown em { font-style: italic; }
#markdown strong { font-weight: bold; }
#markdown h1 { font-size: 16px; color: #FFF; padding: 10px;}
#markdown h2 { font-size: 14px; color: #FFF; text-decoration: underline; padding: 5px;}
#markdown ol { list-style-type: decimal; padding:5px; padding-left:20px; }
#markdown UL { list-style:disc; padding:5px; padding-left:20px; }

#filter { color: #444; padding: 10px 0px; }
#filter a { color: #444; }
#filter a:hover { color: #000; }
#filter ul { list-style: disc; padding-left: 25px; }

#buttom { font-size: 12px; width: 100%; text-align: center; margin: 0px; padding: 0px;}
#buttom a {	color: #333333; }
#buttom a:hover { color: #000000; }

#terms_frame {
	font-size: 12px;
	width: 100%;
	height: 230px;
	background: #075f8f;
	overflow: auto;
}
#terms { color: #000; }
#terms_internal { padding: 8px; color: #DDD;}
#terms_external { padding: 3px; }
#terms_frame p, #terms p { padding: 5px; }
#terms_frame div, #terms div { padding: 15px; }
#terms_frame ol, #terms ol { list-style-type: decimal; padding: 5px 15px; }

#impress p { padding: 5px; }

.image { text-align: center; width: 45px; }
.select { text-align: center; width: 10px; }


#centered TD { text-align:center;vertical-align:middle; }

.unread TD, .unread TH { font-weight: bold; }
#odd TD, #odd TH { background-color: #096494; }
#even TD, #even TH { background-color: #055080; }