/*	
***********************
*
* HTML-Tags
*
***********************
*/
html { 
  padding:0px;
  margin:0px;
}

body {
  font-size: 10px;
  font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
  color:#000000;
  background-color: #FF0000;
  padding:0px;	
  margin:0px;
  text-align: left;
  font-style : normal;
  vertical-align: middle;
  background-image: url(./../images/background1.gif);
  background-attachment:fixed;
}

H1 {
    font-size : 12px;
}
H2 {
    font-size : 11px;
}
.telegramm{
    font-size : 11px;
}
p {
    text-align: justify;
    padding: 2px;
}
p A:link{
    text-decoration: none;
    font-weight: normal;
    color : #000188;
}
p A:visited {
    text-decoration: none;
} 
p A:active  {
    text-decoration: none;
}
p A:hover {
    text-decoration: underline;
}
table{
    text-align : left;
    vertical-align: top;
    font-size: 10px; 
}
th{
    padding: 2px;
}
td{
    padding: 2px;
    text-align : justify;
}

table A:link  {
    text-decoration: none;
    font-weight: normal;
    color : #000188;
}
table A:visited {
    text-decoration: none;
} 
table A:active  {
    text-decoration: none;
}
table A:hover {
    text-decoration: underline;
}

dl, dt, dd, ul, li {
    margin: 0;
    padding: 0;
    list-style-type: none;  
}
textarea{
  font-size: 10px;
  font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
}
/*	
***********************
*
* Header
*
***********************
*/
#header1 {
  position: absolute;
  margin: 0px 0px 0px 200px;
  width:90px;
  background-color: #FF0000;
  color: #FFFFFF;
}
#header2 {
  position: absolute;
  margin: 0px 190px 0px 290px;
  right: 0px;
  left: 0px;
  background-color: #FF0000;
  color: #FFFFFF;
  
}
#headerText {
  position:absolute;
  margin: 5px 190px 0px 290px;
  left: 0px;
  right: 0px;
  text-align: center;
  z-index: 10;
  background-color: #000000;
  color: #FFFFFF;
  z-index: 50;

}
#headerText A:link  {
  z-index: 10;
  text-decoration: none;
  color: #FFFFFF;
  background-color: #000000;
  font-size : 11px;
  font-weight: normal;
}
#headerText A:visited {
  z-index: 10;
  color: #FFFFFF;
  background-color: #000000;
  text-decoration: none;
} 
#headerText A:active  {
  z-index: 10;
  color: #FFFFFF;
  background-color: #000000;
  text-decoration: none;
}
#headerText A:hover {
  z-index: 10;
  color: #FFFFFF;
  background-color: #000000;
  text-decoration: underline;
}

#header3 {
  position:absolute;
  margin: 0px 100px 0px 0px;
  right: 0px;   
  text-align: right;
  background-color: #FF0000;
  color: #FFFFFF;
}
#header4 {
  position:absolute;
  left: 0px;
  right: 0px;
  margin: 60px 100px 0px 200px;
  font-weight : bolder;
  font-size : 18px;
  color: #FFFFFF;
  text-align: center;
  background-color: #FF0000;
}

/*	
***********************
*
* Inhalt
*
***********************
*/
#inhalt {
    position: absolute;
    left: 0px;
    right: 0px;
    margin: 100px 100px 0px 200px;
    z-index: auto;
    text-align: center;
    background:transparent;
}
.screenlet{
    display: table;
    border: 2px solid #B30000;
    margin-bottom: 50px;
}
.screenlet-float{
    display: table;
    border: 2px solid #B30000;
    margin-left: 10px;
    margin-bottom: 10px;
    float:left;
}
.screenlet-header{
    color: #000000;
    background-color: #FFBFBF;
    font-size : 12px;
    font-weight: bolder;
    text-align : center;
    padding: 5px;
    height: 15px;
    background-image: url(./../images/screenlet-header.gif);
}
.screenlet-body{
    color: #000000;
    background-color: #FFFFFF;
    padding: 10px 10px 10px 10px;
    text-align:justify;
}

.screeneltseperator{
    border: none;
    background: transparent;
    float: left;
    width: 800px;
}
.tableRollOverEffect{
	background-color:#ffcf87;
	color:#000000;
	white-space: nowrap;
	vertical-align : top;
}
.tableRollOverEffectNW{
	background-color:#ffcf87;
	color:#000000;
	white-space: normal;
	vertical-align : top;
}

.hellGrau{
	vertical-align: top;
    white-space : nowrap;
    background : #DEDEDE;
    color:#000000;
    
}
.grau{
	vertical-align: top;
    white-space : nowrap;
    background : #C4C4C4;
    color:#000000;
}

.hellGrauNW{
    vertical-align: top;
    white-space : normal;
    background: #DEDEDE;
    color:#000000;
}
.grauNW{
    vertical-align: top;
    white-space : normal;
    background : #C4C4C4;
    color:#000000;
}
.button{
    text-align : center;
    font-size: 10px;
}
.center{
	text-align : center;
	white-space : nowrap;
}
.right{
    text-align : right;
}
.left{
	text-align : left;
}
.top{
	vertical-align : top;
}
.middle{
	vertical-align : middle;
}
.formInput{
    font-size:10px;
}
/*	
***********************
*
* Footer
*
***********************
*/
#footer {
  width: 200px;
  height: 200px;
  overflow : hidden;
  text-align: left;
}
#footer #navFooterBild {
  position: absolute;
}
#footer #navFooterText {
  position: absolute;
  margin: 35px 20px 20px 45px;
  height : 50px;
  padding: 2px;
}
#footer, #footerImage {
  border: 0;
  width : 200px; 
  height : 120px;
}
/*	
***********************
*
* Menu rechts
*
***********************
*/
#rechts {
    position: fixed;
    z-index: 100;
    top:0px;
    right: 0px;   
	width: 100px;
}

/*
***********************
*
* Navigations Zeugs
*
***********************
*/

#nav {
  position: fixed;
  z-index: 100;
  top:0px;
  left: 0px;
  width: 200px;
  height: 100%;
  margin: 0px 0px 0px 0px; 
  padding: 0px;
}

#menu {
  padding: 0px 0px 15px 15px;
  z-index: 101;
  font-weight:bolder;
  width: 185px;
  text-align: left;
}
#menu dt {
    z-index: 102;
    cursor: pointer;
    padding-left:5px;
    padding-bottom: 2px;
    background: #000000;
    color: #FFFFFF;
    height: 20px;
    line-height: 20px;
    border-left: 5px solid #B30000;
    border-right: 2px solid #B30000;
    border-top: 1px solid #B30000;
    border-bottom: 1px solid #B30000;
    text-align: left;
    font-weight: bold;
    font-size: 12px;
}
#menu dd {
    position: absolute;
    z-index: 103;
    margin-top: -25px;
    left: 180px;
    width: 180px;
    background-color: #FFFFFF;
    color: #000000;
    border: 2px solid #B30000;
    display: none;
}

#menu ul {
    z-index: 104;
    padding: 0px;
}
#menu li {
    z-index: 105;
    padding-left:5px;
    text-align: left;
    height: 18px;
    line-height: 18px;
    font-size: 8pt;
}
#menu dt a {
    background-color: #000000;
    color: #FFFFFF;
    text-decoration: none;
    display: block;
}
#menu li a{
    background-color: #FFFFFF;
    color: #000000;
    text-decoration: none;
    display: block;
}
#menu li a:hover {
    text-decoration: underline;
}

#mentions {
    font-family: verdana, arial, sans-serif;
    position: absolute;
    bottom : 200px;
    left : 10px;
}
#mentions a {
    text-decoration: none;
}
#mentions a:hover{
    text-decoration: underline;
}
/*
    ***********************
    *
    * SiteMap
    *
    ***********************
*/
.siteMap{
      text-align:center;
      color : #000000;
      background-color: #FFFFFF;
      font-size: 10pt;
      background-image: url(./../images/siteMap.jpg);
}
.siteMap ul{
      background-color : #FF0000;
      padding-left: 20px;
      background: transparent;
      text-align:left;
}
.siteMap A:link  {
    color:black;
	text-decoration: none;
}
.siteMap A:visited {
    color:black;
	text-decoration: none;

} 
.siteMap A:active  {
    color:black;
	text-decoration: none;
}
.siteMap A:hover {
    color:black;
	text-decoration: underline;
}
/*
    ***********************
    *
    * PopUp (siteMap, Impressum)
    *
    ***********************
*/
.person{
    background-image: url(./../images/showPerson.jpg);
}
.impressum{
    background-image: url(./../images/impressum.jpg);
}

/*
    ***********************
    *
    * Browser Kompatibilität
    *
    ***********************
*/
.firefox{
    text-align: justify;
    padding: 0px 20px 0px 20px;
}

/* CSS needed for the script */

#ajax_tooltipObj{
	z-index:1000000;
	text-align:left;
}
#ajax_tooltipObj div{
	position:relative;
}

/* If you don't want the arrow - Just set the width of this div to 1 or something like that and drop the background selectors from the CSS below */

#ajax_tooltipObj .ajax_tooltip_arrow{	/* Left div for the small arrow */
	background-image:url('../images/arrow.gif');
	width:1px;
	position:absolute;
	left:0px;
	top:0px;
	background-repeat:no-repeat;
	background-position:center left;
	z-index:1000005;
	height:60px;
}

#ajax_tooltipObj .ajax_tooltip_content{
	border:2px solid #B30000;	/* Border width */
	left:18px;	/* Same as border thickness */
	top:0px;
	position:absolute;
	width:350px;	/* Width of tooltip content */
	height:120px;	/* Height of tooltip content */
	background-color:#FFF;	/* Background color */
	padding:5px;	/* Space between border and content */
	font-size:1.0em;	/* Font size of content */
	overflow:auto;	/* Hide overflow content */
	z-index:1000001;
	
}
#ajax_tooltipObj .table_tooltip th td{
    padding : 0px;
}

/*
	Bild im Blog darstellen...
*/
.image-left {
	padding-right: 20px;
	float: left;
}
.image-right {
	padding-left: 20px;
	float: right;
}

.image-left p, .image-right p {
	padding-right : 10px;
	font-style: italic;
	font-size: 10px;
	font-weight : bold;
	text-align : center;
	margin: 2px 0px 5px 0px;
}