/* OBS Stylesheet - left 150 - content column 600 */

BODY {
 scrollbar-face-color:#003366;  /* dark blue */
 scrollbar-highlight-color:#FFFFFF;  /* white */
 scrollbar-3dlight-color:#C0C0C0;  /* lte grey */
 scrollbar-darkshadow-color:#303030; /* dark grey */
 scrollbar-shadow-color:#808080;  /* medium grey */
 scrollbar-arrow-color:#FFFFFF;  /* white */
 scrollbar-track-color:#E0E0E0;  /* lite blue grey */
   background-image:  url(../Documents/OBS_backup/html/hsp2/fileadmin/bilder/obs_bg_dreieck.gif);
   font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
   color: black;
   font-style: normal;
   font-size: small;
/*   line-height: 5.4em; */
}


/* Generelle Schrift */
P,DIV {
   font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
   font-size: x-small;
   margin: 0.25em 0.5em;
	line-height: 180%;
}

/* Listen */
OL,UL {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: x-small;
   font-weight: bold;
}

/* Punkteliste */
.bulletlist {
 font-family : Verdana, sans-serif;
 font-size : x-small;
 color : #000000;
}

/* Überschriften */
H1,H2 {
   font-family: "Lucida Grande", Trebuchet MS, Verdana, sans-serif;
   color: #EDA000;   /* hell braun */
   font-variant: small-caps;
   font-stretch: wider;
   margin-bottom: 0.5em;
   border-bottom: 2px solid ##DD9208; /* hell braun */
}

/* Überschriften */
H3,H4,H5 {
   font-family: "Lucida Grande", Trebuchet MS, Verdana, sans-serif;
   color: #D35911;   /* rot-braun */
   font-variant: small-caps;
   font-stretch: wider;
   margin-bottom: 0.5em;

}

/* Tabellen ohne Rand */
TABLE, TR, TD {
  padding: 0px;
  margin: 0px;
  border-collapse:collapse;
  font-size: small;
  font-family : Verdana, sans-serif;
/*  text-align : left; */ 
}

/* Ausrichtung oben */
TD {
  vertical-align: top;
}

/* haupttabelle */
.haupttabelle {
   padding: 0px;
   margin: 0px;
   text-align : left;
   vertical-align : top;
}

/* DRUCKVERSION */
.tipafrienddruck {
  position:relative;
  left:10px;
}

/* linksmenutd */
.linksmenutd {
   background-image:  url(../Documents/OBS_backup/html/hsp2/fileadmin/bilder/menu_bg.gif);
   background-repeat: repeat-y;
   padding: 0px;
   margin: 0px;
   text-align : left;
   vertical-align : top;
   width: 150px;
}

/* linksmenu */
.linksmenu {
   background-image:  url(../Documents/OBS_backup/html/hsp2/fileadmin/bilder/menu_bg.gif);
   background-repeat: repeat-y;
   padding: 0px;
   margin: 0px;
   text-align : left;
   vertical-align : top;
   position:relative;
   top:50px;
   width: 150px;
}

/* links */
.links {
   padding: 0px;
   margin: 0px;
   text-align : left;
   vertical-align : bottom;
   position:relative;
   top:80px;
   left:0px;
   width:150px;
   z-index:2;
   font-size: 10px;
   background-image:  url(../Documents/OBS_backup/html/hsp2/fileadmin/bilder/menu_bg_unt.gif);
   background-repeat: no-repeat;
   background-position: bottom left;
   background-image:  url(../Documents/OBS_backup/html/hsp2/fileadmin/bilder/menu_bg.gif);
   background-repeat: repeat-y;
}

.links a:visited{
	font-size: 10px;
	background-color: #FFFFFF;
}


/* inhalt_table */
.inhalt_mitte {
   width: 700px;
}

/* Rechts */
.rechts {
   padding: 0px;
   margin: 0px;
   text-align : right;
   vertical-align : top;
   width: 150px;
}

/* TOPMENU */
.topmenu {
   text-align: right;
   width: 750px;
}
/* Bilder ohne Rand */
IMG {
	border: none;
}


/* Fuss2 */
.fuss2 {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   padding: 20px;
   padding-left: 0px;

}

/* Bold Title same as text size */
.title {

   color: #00000;   /* black */
   font-weight: bold;  
   font-variant: small-caps;
   font-stretch: wider;
   font-size: x-small; 
   padding: 0.2em
}


/* Blue Border for Tables */
.border {
   border: 1px solid #COC8D4;                     /* lite blue grey */
}

/* Blocksatz */
.blocksatz {
   text-align:justify;
}

/* Zum Seitenanfang */
.totop {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  text-align : right;
  color: #AA0000;
}

#rundrum {
  border-width:1px;
  border-style:solid;
  border-color:blue;
  padding:5px;
  text-align:justify; }
}

/* Footer */
.footer {
   font-size: 10px;
   color: #003366;   /* dark blue */
   line-height: 150%;
   text-align: center;
}

 

/* Last Update */
.lastupdate {
   font-size: 10px;
   color: #003366;   /* dark blue */
   line-height: 150%;
   text-align: right;
}


/* Wo bin ich */
.wobinich {
   font-size: 9px;
   color: #FF0000;   /* dark red */
   text-align: left;
}

/* Quote */
.quote  {
  color: #9B193D;   /* dark burgundy */
  font-weight: 550;
}

.photodirlink {
   font-size: 14px;
   color: #530901;
   line-height: 150%;
   text-align: center;
}

.sitemap {
  text-align: center;
}

/* SITEMAP */
.sitemap_divl1 {
  text-align: center;
}

.sitemap_tdl1 {
  text-align: center;
}
  
/* In Text Hyperlinks */
a:link {
 font-weight: bold;
/* color: #000000;   /* black */
 text-decoration: none; 
}

a:visited {
 font-weight: bold;
/* color: #003366;   /* dark blue */
 text-decoration: none;
}

a:hover {
 font-weight: bold;
/* color: Red; */
 text-decoration: underline;
}



/* Top Navigation Menu */
.topnav {
/*   background: #C0C8D4;   /* lite blue grey */

   font-size: x-small;
   font-variant: small-caps;
}  
.topnav a:link {
   font-weight: bold;

   font-variant: small-caps;
   text-decoration: none;
   color: #003366;    /* dark blue */
   padding: 2px;
}
.topnav a:visited {
   font-weight: bold;

   font-variant: small-caps;
   text-decoration: none;
   color: #003366;    /* dark blue */
   padding: 2px;
}
.topnav a:hover {
   font-weight: bold;

   font-variant: small-caps;
   text-decoration: underline;
   background: #003366;   /* dark blue */
   color: #FFFFFF;    /* white */   
   padding: 2px;
}
.topnav_act a:active {
   font-weight: bold;

   font-variant: small-caps;
   text-decoration: underline;
   background: #003366;   /* dark blue */
   color: #FFFFFF;    /* white */   
   padding: 2px;
}

.topnav_act a:link {
   font-weight: bold;
   font-variant: small-caps;
   text-decoration: none;
   color: #003366;    /* dark blue */
   padding: 2px;
}
.topnav_act a:visted {
   font-weight: bold;
   font-variant: small-caps;
   text-decoration: none;
   color: #003366;    /* dark blue */
   padding: 2px;
}
.topnav_act a:hover {
   font-weight: bold;
   font-variant: small-caps;
   text-decoration: underline;
   background: #003366;   /* dark blue */
   color: #FFFFFF;    /* white */   
   padding: 2px;
}


/* Bottom Navigation Menu */
.bottomnav {
   font-size: x-small;
   font-variant: small-caps;
}  
.bottomnav a:link {
   font-weight: bold;
   font-variant: small-caps;
   text-decoration: none;
   color: #003366;    /* dark blue */
   padding: 2px;
}
.bottomnav a:visited {
   font-weight: bold;
   font-variant: small-caps;
   text-decoration: none;
   color: #003366;    /* dark blue */
   padding: 2px;
}
.bottomnav a:hover {
   font-weight: bold;
   font-variant: small-caps;
   text-decoration: underline;
   background: #003366;   /* dark blue */
   color: #FFFFFF;    /* white */   
   padding: 2px;
}
.bottomnav_act a:active {
   font-weight: bold;
   font-variant: small-caps;
   text-decoration: underline;
   background: #003366;   /* dark blue */
   color: #FFFFFF;    /* white */   
   padding: 2px;
}

.bottomnav_act a:link {
   font-weight: bold;
   font-variant: small-caps;
   text-decoration: none;
   color: #003366;    /* dark blue */
   padding: 2px;
}
.bottomnav_act a:visted {
   font-weight: bold;
   font-variant: small-caps;
   text-decoration: none;
   color: #003366;    /* dark blue */
   padding: 2px;
}
.bottomnav_act a:hover {
   font-weight: bold;
   font-variant: small-caps;
   text-decoration: underline;
   background: #003366;   /* dark blue */
   color: #FFFFFF;    /* white */   
   padding: 2px;
}

 

/* Left Navigation Menu */
.leftnav {

   font-size: x-small;
   color: #003366;    /* dark blue */
}  
.leftnav a:link {
   font-weight: bold;

   text-decoration: none;
   color: #003366;    /* dark blue */
   padding: 2px;
   margin-left: 10px;
   border-bottom: 1px dotted #003366;
}
.leftnav a:visited {
   font-weight: bold;

   text-decoration: none;
   color: #003366;    /* dark blue */
   padding: 2px;
   margin-left: 10px;
   border-bottom: 1px dotted #003366;
}
.leftnav a:active {
   font-weight: bold;

   text-decoration: none;
   color: #003366;    /* dark blue */
   padding: 1px 2px 2px 2px;
   margin-left: 10px;
   border: 1px solid #003366;  
   background-color: #C0C8D4;  /* lite blue grey */
}
.leftnav a:hover {
   font-weight: bold;

   text-decoration: none;
   color: #9B193D;    /* burgundy */
   padding: 1px 2px 2px 2px;
   margin-left: 10px;
   border: 1px solid #003366;
   background-color: #C0C8D4;  /* lite blue grey */
}
.leftnav_act a:link {
   font-size: x-small;
   font-weight: bold;

   text-decoration: none;
   color: #003366;    /* dark blue */
   padding: 1px 2px 2px 2px;
   margin-left: 10px;
   border: 1px solid #003366;  
   background-color: #C0C8D4;   /* lite blue grey */
}
.leftnav_act a:visited {
   font-size: x-small;
   font-weight: bold;

   text-decoration: none;
   color: #003366;    /* dark blue */
   padding: 1px 2px 2px 2px;
   margin-left: 10px;
   border: 1px solid #003366;  
   background-color: #C0C8D4;  /* lite blue grey */
}
.leftnav_act a:hover {
   font-size: x-small;
   font-weight: bold;

   text-decoration: none;
   color: #003366;    /* dark blue */
   padding: 1px 2px 2px 2px;
   margin-left: 10px;
   border: 1px solid #003366;
   background-color: #C0C8D4;  /* lite blue grey */
}


/* Left Navigation SubMenu Spacer */
.leftnavspc { 

   font-size: x-small;
   font-variant: small-caps;
   font-weight: bolder;
   color: #003366;   /* dark blue */
   text-decoration: none;
   padding: 2px;
   margin-left: 15px;
   background-color: #FFFFFF;  /* dark blue */
   border-bottom: thin dotted #9B193D;;
}


/* Left Navigation SubMenu */
.leftnav1 {

   font-size: x-small;
   color: #003366;    /* dark blue */
}  
.leftnav1 a:link {
   font-weight: bold;

   text-decoration: underline;
   color: #003366;    /* dark blue */
   padding: 2px;
   margin-left: 15px;
}
.leftnav1 a:visited {
   font-weight: bold;

   text-decoration: underline;
   color: #003366;    /* dark blue */
   padding: 2px;
   margin-left: 15px;
}
.leftnav1 a:active {
   font-weight: bold;

   text-decoration: none;
   color: #C0C8D4;    /* lite blue */
   padding: 2px;
   margin-left: 15px;
   background-color: #003366;  /* dark blue */
}
.leftnav1 a:hover {
   font-weight: bold;

   text-decoration: none;
   color: #C0C8D4;    /* lite blue */
   padding: 2px;
   margin-left: 15px;
   background-color: #003366;  /* dark blue */
}
.leftnav1_act a:link {
   font-size: x-small;
   font-weight: bold;

   text-decoration: none;
   color: #C0C8D4;    /* lite blue */
   padding: 2px;
   margin-left: 15px;
   background-color: #003366;  /* dark blue */
}
.leftnav1_act a:visited {
   font-size: x-small;
   font-weight: bold;

   text-decoration: none;
   color: #C0C8D4;    /* lite blue */
   padding: 2px;
   margin-left: 15px;
   background-color: #003366;  /* dark blue */
}
.leftnav1_act a:hover {
   font-size: x-small;
   font-weight: bold;

   text-decoration: none;
   color: #C0C8D4;    /* lite blue */
   padding: 2px;
   margin-left: 15px;
   background-color: #003366;  /* dark blue */
}

/* Left Navigation SubMenu Level 2 */
.leftnav2 {

   font-size: x-small;
   color: #003366;  /* dark blue */
}  
.leftnav2 a:link {
   font-weight: normal;

   text-decoration: underline;
   color: #003366;  /* dark blue */
   padding: 2px;
   margin-left: 20px;
}
.leftnav2 a:visited {
   font-weight: normal;

   text-decoration: underline;
   color: #003366;  /* dark blue */
   padding: 2px;
   margin-left: 20px;
}
.leftnav2 a:active {
   font-weight: normal;

   text-decoration: none;
    color: #9B193D;    /* burgundy */
   padding: 2px;
   margin-left: 20px;
   border: 1px solid #003366;  /* dark blue */
}
.leftnav2 a:hover {
   font-weight: normal;

    color: #9B193D;    /* burgundy */
   padding: 2px;
   margin-left: 20px;
   border: 1px solid #003366;  /* dark blue */
}
.leftnav2_act a:link {
   font-size: x-small;
   font-weight: normal;

   text-decoration: none;
   color: #9B193D;    /* burgundy */
   padding: 2px;
   margin-left: 20px;
   border: 1px solid #003366;  /* dark blue */
}
.leftnav2_act a:visited {
   font-size: x-small;
   font-weight: normal;

   text-decoration: none;
   color: #9B193D;    /* burgundy */
   padding: 2px;
   margin-left: 20px;
   border: 1px solid #003366;  /* dark blue */
}
.leftnav2_act a:hover {
   font-size: x-small;
   font-weight: normal;

   text-decoration: none;
   color: #9B193D;    /* burgundy */
   padding: 2px;
   margin-left: 20px;
   border: 1px solid #003366;  /* dark blue */
}

 

/* Feedback Links */
.fback A {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: #003366;    /* dark blue */
   font-weight: bold;
   font-size: x-small;
   font-stretch: wider;
   text-decoration: none;
   display: block;
   padding: 0.25em;
   border: 1px solid #003366;  /* dark blue */
}

.fback A:visited {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: #003366;    /* dark blue */
   font-weight: bold;
   font-size: x-small;
   font-stretch: wider;
   text-decoration: none;
   display: block;
   padding: 0.25em;
   border: 1px solid #003366;  /* dark blue */
}
.fback A:hover {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: #FFFFFF;    /* white */
   font-weight: bold;
   font-size: x-small;
   font-stretch: wider;
   text-decoration: none;
   display: block;
   background: #003366;   /* dark blue */
   padding: 0.25em;
   border: 1px solid #333333;  /* med grey */
}

 

/* Forms Fields */
SELECT { 
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 display: block;
}
TEXTAREA { 
 font-family: Verdana, Arial, Helvetica,  sans-serif;
 font-size: 10px;
 display: block;
}
INPUT { 
 font-family: Verdana, Arial, Helvetica,  sans-serif;
 font-size: 10px;
 display: block;
}

csc-mailform {
 display: block;
}


.caption {
 font-family : Verdana, sans-serif;
 font-size : 10px;
 color : #000000;
}


/* Search Formats */
.searchform {
 font-family : Verdana, sans-serif;
 font-size : x-small;
 color : #000000;
 font-weight : normal;
}
.searchresultpagetitle {
 font-family : Verdana, sans-serif;
 font-size : 15px;
 color : #333333;
 font-weight : bold;
}
.searchresultcontent {
 font-family : Verdana, sans-serif;
 font-size : x-small;
 color : #000000;
 font-weight : normal;
}
.searchresultheader {
 font-family : Verdana, sans-serif;
 font-size : 14px;
 color : #333366;
 font-weight : bolder;
}
.searchmarkup {
 color : #000000;
}


.loginform {
 font-family : Verdana, sans-serif;
 font-size : 14px;
 color : #000000;
 font-weight : normal;
}

 

/* Mailform Formattting */
.mailform {
 font-family : Verdana, sans-serif;
 font-size : x-small;
 color : #003366;
 font-weight : normal;
}
.mailformrequired {
 font-family : Verdana, sans-serif;
 font-size : x-small;
 color : #003366;
 font-weight : bolder;
}
.mailformcomment {
 font-family : Verdana, sans-serif;
 font-size : x-small;
 color : #CC0000;
 font-weight : bolder;
}
.mailformradio {
 font-family : Verdana, sans-serif;
 font-size : 10px;
 color : #003366;
 font-weight : normal;
}

 

.filelinks {
 font-family : Verdana, sans-serif;
 font-size : 12px;
 color : #000000;
}
.filelinkssize {
 font-family : Verdana, sans-serif;
 font-size : 12px;
 color : #000000;
}



/*************JW_CALENDAR*******************/
/*************LIST view RECHTS**************/
/*******************************************/
div.jwcalendar_list_rechts{
  width:150px;
  background-color:#FDF2D2;
  font-family: Verdana, sans-serif;
  font-size: 9px;
  color:#193A72;
  border: 1px  #FFC725 solid;
  margin:5px 0;

}

div.jwcalendar_list_rechts .title{
  font-size: 9px;
  font-weight: bold;
  color:#193A72;
  padding: 8px 5px;
}

div.jwcalendar_list_rechts .datum{
  font-size: 9px;
  font-weight: bold;
  color:#193A72;
  padding: 8px 5px;
}

div.jwcalendar_list_rechts .prev_items{
  float:left;
  font-size: x-small;
  font-weight: bold;
  text-align:left;
  color:#193A72;
  padding:8px 0 0 16px;
}

div.jwcalendar_list_rechts .next_items{
  float:right;
  font-size: x-small;
  font-weight: bold;
  text-align:right;
  color:#193A72;
  padding:8px 0 0 16px;
}

div.jwcalendar_list_rechts .next_items{
}

div.jwcalendar_list_rechts .itemslist{
  padding:0 5px;
}

div.jwcalendar_list_rechts table.items{
  table-layout:fixed;
  width:140px;
  font-family: Verdana, sans-serif;
  font-size: x-small;
  text-align:left;
  line-height:1.4em;
  empty-cells:show;
  border-collapse:separate;
  border-collapse:collapse;
  border-spacing:0;
  border: 1px  #FFC725 solid;
}

div.jwcalendar_list_rechts table.items td.catcolor{
  width:4px;
  float:none;
  font-size: 1px;
	padding:0;
}   

div.jwcalendar_list_rechts table.items td.label{
  background:#FCECC0;
/*  width:30%;	*/
  vertical-align:top;
  border: 1px  #FFC725 dotted;
  padding:5px;
}

div.jwcalendar_list_rechts table.items td.item{
  background:#FBE29F;
  width:133px;	
  border: 1px  #FFC725 dotted;
  vertical-align:top;
  padding:5px;
}

div.jwcalendar_list_rechts table.items p{
   font-size: x-small;
	padding:0;
}

div.jwcalendar_list_rechts table.items p{
   font-size: x-small;
	padding:0;
}

div.jwcalendar_list_rechts .submit{
   clear:both;	
   font-size: x-small;
   padding:0;
}

.ueberspezial {
	text-align: center;
	line-height: 270%;
}

iframe {
	position: relative;
	top: -50px;

}