body {
	background-color: #FFFFFF;
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #AF0619;
	margin: 0px auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.error {
  color: #ff0000;
  background-color: rgb(255, 255, 204);
}
.hinweis{
    position: absolute;
    z-index: 1000;
    width:40%;
    top:30%;
    left:20%;
    padding:20px;
    background-color: #d5ffda;
    color: #2941b0;
border:solid;
}
.warnung{
    position: absolute;
    z-index: 1000;
    width:25%;
    top:30%;
    left:30%;
    padding:20px;
    background-color: #fffcb4;
    color: #2941b0;
    border:solid;
}
.unactive{
    color:#DD8888;
    background-color:#FF0000;
    border:0;
}
.hide{
     display:none;
 }
.redbg{
    background-color:#FF0000;
}
.greenbg{
     background-color:green;
 }
.hlgreybg{
    background-color:#BABABA;
}
.whitebg{
    background-color:white;
}
div.error {
    margin:             0.3em 0 0 0;
    border:             2px solid;
    width:              1024px;
    background-repeat:  no-repeat;
    background-position: 10px 50%;
    padding:            0.1em 0.1em 0.1em 36px;
    border-top-color: #ff0000;
    border-right-color: #ff0000;
    border-bottom-color: #ff0000;
    border-left-color: #ff0000;
}
p.error {
    margin:             0.3em 0 0 0;
    border:             2px solid;
    width:              1024px;
    background-repeat:  no-repeat;
    background-position: 10px 50%;
    padding:            0.1em 0.1em 0.1em 36px;
    border-top-color: #ff0000;
    border-right-color: #ff0000;
    border-bottom-color: #ff0000;
    border-left-color: #ff0000;
}
.okinfo {
  color: #000000;
  background-color: rgb(220, 220, 220);
}
div.okinfo {
    margin:             0.3em 0 0 0;
    border:             2px solid;
    width:              100%;
    background-repeat:  no-repeat;
    background-position: 10px 50%;
    padding:            0.1em 0.1em 0.1em 36px;
    border-top-color: #00ff00;
    border-right-color: #00ff00;
    border-bottom-color: #00ff00;
    border-left-color: #00ff00;
}
#header {
  float:left;
  width:100%;
  background:#DAE0D2 url("images/tab/bg.gif") repeat-x bottom;
  font-size:93%;
  line-height:normal;
  }
#header ul {
  margin:0;
  padding:10px 10px 0;
  list-style:none;
  }
#header li {
  float:left;
  background:url("images/tab/norm_left.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  }
#header a {
  float:left;
  display:block;
  background:url("images/tab/norm_right.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#765;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius:5px;
    border-radius: 5px;

  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#header a {float:none;}
/* End IE5-Mac hack */
#header a:hover {
  color:#333;
  }
#header #current {
  background-image:url("images/tab/norm_left_on.gif");
  }
#header #current a {
  background-image:url("images/tab/norm_right_on.gif");
  color:#333;
  padding-bottom:5px;
  }




div {
	padding-right: 0px;
	display: block;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	position: relative;
}
div#content {
	width: 96%;
	position: absolute;
	left: 2%;
	padding-top: 1%;
}

div#main {
	width: 100%;
	position: relative;
	border: #999999 solid 1px;
}
div#detail {
	width: 250;
	position: relative;
	border: #999999 solid 1px;
}


div#copy {
	width: 100%;
	position: relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	text-align: right;
	padding-bottom: 10px;
}

div#image {
	position: relative;
	height: 100px;
	background-image: url(feedback_images/himmel_bg.jpg);
	padding-left: 10px;
	overflow: hidden;
}

div#text {
	position: relative;
	padding-left: 10px;
	padding-right: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	padding-bottom: 5px;
	padding-top: 5px;
}

div#text_bottom {
	position: relative;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	border-top-color: #999999;
	border-top-style: solid;
	border-top-width: 1px;
	padding-bottom: 2px;
}
div#periode{
    position: absolute;
    z-index: 100;
    width:450px;
    top:35%;
    left:25%;
    padding:10px;
    background-color:  #e6e6e6;
    color: #AF0619;
    border:solid;
}
div#periodekz{
     width:630px;
     margin:50px 0px 5px 0px;
    padding:15px;
    background-color:  #e6e6e6;
    color: #AF0619;
    border:solid;
}
.inaktiv{
    color: #999999;
}
.readonly{
    background-color:  #e6e6e6;
    color: #AF0619;
}
.klein {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 85%;
}
a:hover {
	color: A8A8A8
}
.copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000
}
.tdwidth{
    width:100px;
}
.tdwidth2{
     width:200px;
 }
.tdwidth4{
    width:400px;
}
.brown {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #AF0619;
	background-color: #e6e6e6;
	text-decoration: none
}
.dbrown {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	background-color: #32629a;
	text-decoration: none
}
.tbegrif {
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 12px;
     font-weight: bold;
     color: #FFFFFF;
     background-color: #b7b7b7;
     text-decoration: none
 }
.fnt10 {

    font-size: 10px;

}
.red {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #4A3B33;
	background-color: #FF6C57;
	text-decoration: none
}
.yellow {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #4A3B33;
    background-color: rgba(255,255,0,0.5);
    text-decoration: none
}
.weiss {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #AAAAAA;
	text-decoration: none
}
.grey {
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 11px;
     color: #7C7577;
     text-decoration: none
 }
.greybg {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    background-color: #7C7577;
    text-decoration: none
}
.lgreybg {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    background-color: rgba(226, 226, 226, 0.68);
    text-decoration: none
}
.kopf {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #AF0619;
	font-size: 60%;
	font-weight: bold;
	padding-left: 2px;
	horizontal-align: center
}
.warnkopf {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #FF0000;
	font-size: 60%;
	font-weight: bold;
	padding-left: 2px;
	horizontal-align: center
}
.menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #AF0619;
	font-size: 100%;
	font-weight: bold;
	padding-left: 2px;
	horizontal-align: left;
	text-decoration: none
}

#table_menu{
    margin-bottom: 25px;
}

.submenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #797A7C;
	background-color: #f3f3f3;
	font-size: 100%;
	padding-left: 2px;
	horizontal-align: left;
	text-decoration: none
}



div#frage_image	{
	width: 100px;
	left: -120px;
}

div#frage	{
	vertical-align: bottom;
	padding-left: 110px;
	padding-right: 10px;
}

.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #303030;
	font-weight: normal;
	text-decoration: none;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	padding-top: 10px;
	font-size: 130%;
}
textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #006699;
	border: 1px solid #999999;
	width: 80%;
}
.nondec:link IMG { border: 0px transparent }
.nondec:visited IMG { border: 0px transparent }
.nondec:active IMG { border: 0px transparent }

.iframe:link IMG { border: 0px transparent }
.iframe:visited IMG { border: 0px transparent }
.iframe:active IMG { border: 0px transparent }

.link {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: blue;
    background-color: #f8f8f8;
    font-weight: bold;
    padding-left: 2px;
    horizontal-align: left;

}

.rowdeep{
    background-color: #dfdfdf;
}
.rowlight{
    background-color: #eeeeee;
}
.selection:hover{
    background-color: #BEBEFF;
}
.btn {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #303030;
    color:#006699;
    font-weight: normal;
    text-decoration: none;
    border: 1px solid #ffffff;
    background-color: #F0F0F0;
    Margin: 2px;
    cursor:pointer;
}
.btn_std {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #303030;
    color:#006699;
    font-weight: normal;
    text-decoration: none;
    border: 1px solid #ffffff;
    background-color: #F0F0F0;
    Margin: 2px;
    padding: 5px;
    cursor:pointer;
}
.point{cursor:pointer;}


.gelb{background-color: #ffff00;}
.fixed{ position:fixed;top:0px;}
.fixedtbl{ position:fixed;z-index: 9999;}
#wkorb_contact{
    float:left;
    color:#006699;
    padding:20px 20px 20px 10px;
    margin:20px;
    background-color: #f8f8f8;
    border:solid 2px  #BEBEFF;
    border-radius:25px;
}
#wkorb_contact  td:first-child{
    font-weight: bold;
}

#wkorb_contact .btn{
    background-color: #ffffff;
    padding:5px;

}
#wkorb_contact textarea{


    width:auto;

}

div#wkorb_contact td a {
    display:inline-block;
    margin:10px;
    padding:10px 20px ;
    vertical-align: middle;
    border-radius:10px;
    font-weight: bold;
    border:solid 2px  #BEBEFF;
    text-decoration: none;
    color:#006699;
}
#suchen{
    margin:0px 0px 0px 50px;
    font-weight: bold;
    padding:0px 0px 2px 0px;;

}
#suche{
    margin:-5px 0px 5px 0px;
    border:solid 2px #ECEAE0;
    border-radius:5px;
    height: 25px;
}
#suchen img{
    margin:-10px 0px 0px -5px;
    padding:0px;
}
#artlst{
    border-collapse: collapse;

}
#artlst td{
    padding:2px 5px;
}
.kathead{
    background-color: #a1cad3;
    color:#ffffff;
    font-weight:bold;
    font-size:12px;
    height:20px;

    border:solid 1px #e6e6e6;;
}
.plusminus {
      width:10px;
      height:25px;
       Margin: 0px -1px 0px 0px;
    padding:0px 5px 0px 3px;
      cursor:pointer;
    float:left;
  }
.plusminus span{
    display:block;
    width:10px;
    height:10px;
    margin:3px 0px 0px 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color:#006699;
    font-weight: bold;
    font-size: 8px;
    text-decoration: none;
    border: 1px solid #ffffff;
    background-color: #F0F0F0;
    padding:0px;
    cursor:pointer;
    text-align: center;
    vertical-align: middle;

}
.plusminus span:hover,.btn:hover,.btn_std:hover{background-color: #BEBEFF;}
.white{  color:white; }
.black{  color:black; }
.tooltip {
    position: relative;
}
.tooltiptext{
    visibility: hidden;
    position:absolute;
    text-overflow: scroll;
    top: -50%;
    left: 98%;
    text-align:center;
    width:auto;
    height:auto;
    min-width:100px;
    color:#FF7145;
    background: #fcfcfc;
    border:1px solid #fcfcfc;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    padding:10px;
    z-index:1001;
}
.tooltip:hover .tooltiptext {
    visibility: visible;
}
.tooltip .tooltiptext::after {
    content: " ";
    position: absolute;
    bottom:50%;
    right: 100%; /* To the left of the tooltip */
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #fcfcfc transparent  transparent;
}

#header .linkButton {
    display: inline;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    text-decoration: none;
    border: none;
    color: #AF0619;
    background: none;
    cursor:pointer;
    font-size: 17px;
    margin-left: 4px
}