body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
}

table {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
}
h2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    text-transform: uppercase;
    font-weight: bold;
}

.tooltip {
      position: absolute;
      top:20px; 
      left:20px;
      display: none;
      font-size: 10px;
      background-color: #FFFFFF;
      color: #000000;
      border: 1px solid #333333;
}


.small {  
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 9px; 
    color: #000000;
}

.title {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #ffffff;
    font-weight: bold;
    background-image: url(images/title_bg.gif);
    background-repeat: repeat;
    background-position: left top;
}

.category_big {  
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px; 
    color: #000000; 
    font-weight: bold; 
}

.category {  
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px; 
    color: #000000; 
    font-weight: normal; 
}

.marked {
    background-color: #000000;
    font-weight: bold;
}

a, a:visited, a:active {
    color: #333333;
    text-decoration: none;
    font-weight: normal;
}

a:hover {
    color: #000000;
    text-decoration: underline;
    font-weight: normal;
}

a.titlelink, a.titlelink:visited, a.titlelink:active {
    color: #c0c0c0;
    text-decoration: none;
    font-weight: bold;
}

a.titlelink:hover {
    color: #ffffff;
    text-decoration: underline;
    font-weight: bold;
}

a.category, a.category:visited, a.category:active {
    color: #c0c0c0;
    text-decoration: none;
}

a.category:hover {
    color: #666666;
    text-decoration: underline;
}

option, textarea, input, select, file {  
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 10px; 
    color: #000000; 
    background-color: #FFFFFF; 
    border: 1px solid #333333;
}

.footer {color: #FFFFFF;
	  size: 10px;
			}
			
.form_off {  
    color: #666666; 
    background-color: #DCDCDC; 
    border: 1px solid #666666;
}

.form_on {  
    color: #000000; 
    background-color: #EEEEEE; 
    border: 1px solid #000000;
}

.form_username {
	color: #000000;
    background-color: #eeeeee;
	border: 0px;
    background-image: url(style/images/login/username_box.jpg);
    background-repeat: no-repeat;
    background-position: left top;
	width: 120;
	height: 16;
}

.form_password {
	color: #000000;
    background-color: #eeeeee;
    border: 0px;
    background-image: url(style/images/login/password_box.jpg);
    background-repeat: no-repeat;
    background-position: left top;
	width: 120;
	height: 16;
}

.form_usernameoff {
	color:#000000;
	border: 0;
	background-image: url(style/images/login/leer_box.jpg);
	width: 120;
	height: 16;
}

.form_passwordoff {
	color:#000000;
	border: 0;
	background-image: url(style/images/login/leer_box.jpg);
	width: 120;
	height: 16;
}



.form_name {
    background-color: #eeeeee;
    border: 1px solid #333333;
    background-image: url(images/name.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

.form_text {
    background-color: #eeeeee;
    border: 1px solid #333333;
    background-image: url(images/message.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

.input { 
    background-color: transparent; 
    border: 1px none; 
    margin-top: 0px;
    margin-bottom: 0px;
}

.login {
	color: #000000;
    background-color: transparent;
    border: 0px;
    background-repeat: no-repeat;
    background-position: left top;
}
a.navi:link, a.navi:visited, a.navi:active {
	font-size:10px;
	font-weight:bold;
	color: #000000;
}
a.navi:hover {
	font-weight:bold;
	color: #323232;
}

/* BUBBLE TOOLTIP */
a.tt {cursor: help;}

.tt span { display: none; }
/*background:; ie hack, something must be changed in a for ie to execute it*/
.tt:hover {   position:relative;text-decoration:none; z-index:1000; color: #808080; background:transparent;}
.tt:hover span.tooltip {
  border: 0;
  background:transparent;
  color: #111;
  display:block;
  position:absolute;
  top:0px; left:-10px;
  padding: 15px 0 0 0;
  width:221px;
  text-align: left;
  text-decoration:none;
  z-index: 2000;
}
.tt:hover span.top {
  display: block;
  padding: 40px 8px 0;
  background: url(/images/blase_blau.png) no-repeat top;
}
.tt:hover span.middle { /* different middle bg for stretch */
  display: block;
  padding: 0 8px; 
  background: url(/images/blase_blau_zwischen.png) repeat bottom; 
}
.tt:hover span.bottom {
  display: block;
  padding:3px 8px 10px;
  color: #808080;
  background: url(/images/blase_blau.png) no-repeat bottom;
}
.tt .fakeLink {text-decoration: underline;}

