@media screen {
  h3
  {
     margin: 0 0 0.5em 0;
     color: #33356E;
  }
  
  a:link, a:visited, a:active, a:hover
  {
     text-decoration: none;
     color: #33356E;
  }
  
  a:active, a:hover
  {
     text-decoration: underline;
     outline-style: none;
  }
  
  input.file
  {
     position: relative;
     text-align: right;
     -moz-opacity:0 ;
     opacity: 0;
     z-index: 2;
  }
  
  div.ilink
  {
     position: fixed;
     z-index: 200;
     bottom: 0;
     left: 775px;
     padding-bottom: 0.05em;
  }
  
  div.ilink img
  {
     float: left;
  }
  
  #content .anchor
  {
     margin: 20px 0 20px 0;
     padding: 8px;
     background-color: #FAFAFC;
     font-size: 90%;
     font-weight: bold;
  }
  
  #content .anchor ul
  {
     clear: both;
     position: relative;
     margin: 0;
     padding: 0 0 2px 0;
     list-style: none;
  }
  
  #content .anchor li
  {
     display: block;
     padding: 2px 0 2px 22px;
     background: url(/img/symbol_right.gif) no-repeat 1px 0.4em;
     list-style: none;
  }
  
  #content .a_z
  {
     font-weight: bold;
     padding: 0 2px 0 2px;
  }
  
  #content .hr_vv
  {
     clear: both;
     position: relative;
     margin: 10px 0 10px 0;
     z-index: 100;
     height: 1px;
     background: url(/img/dotted_line.gif);
  }
  
  #content .hr_vv hr
  {
     display: none;
  }
  
  #content .imgleft
  {
     float: left;
     position: relative;
     margin: 0 10px 8px 0;
  }
  
  #content .imgleft br
  {
     clear: both;
  }
  
  #content .imgleft img
  {
     float: left;
     margin: 0.4em 0 4px 0;
  }
  
  #content .imgright
  {
     float: right;
     position: relative;
     margin: 0 0 10px 0;
  } 
  
  #content .imgright br
  {
     clear: both;
  }
  
  #content .imgright img
  {
     float: left;
     margin: 0.4em 0 4px 0;
  }
  
  #content .vv_content
  {
     /* postion: relative; gefixt OB 08.03.2006 */
     width: 370px;
     margin: 8px 0 20px 0;
     padding: 6px 8px 8px 8px;
     background-color: #FAFAFC;
     line-height: 130%;
     font-size: 90%;
  }
  
  #content .vv_content .p
  {
     line-height: 130%;
     font-size: 100%;
  }
  
  #content .vv_content h4
  {
     margin-bottom: 8px;
     padding: 6px 0 2px 20px;
     color: #9698B5;
     font-size: 100%;
  }
  
  #content .vv_content span
  {
     font-weight: bold;
  }
  
  #content .vv_padding
  {
     padding: 0 20px 0 20px;
  }
  
  #content .vv_padding ul
  {
     margin: 0;
     padding: 0;
     list-style: none;
  }
  
  #content .zoom
  {
     float: right;
     margin: 2px 0 5px 7px;
  }
  
  #content .zoom img
  {
     margin: 0;
  }
  
  #content td
  {
     color: #333366;
     font-weight: bold;
     line-height: 120%;
     text-align: left;
     padding: 15px 0 0 15px;
  }
  
  #content td input
  {
     font-weight: normal;
     border-top: 1px solid #383A3E;
     border-left: 1px solid #383A3E;
     border-bottom: none;
     border-right: none;
     color: #383A3E;
  }
  
  #content td input.radio
  {
     width: 1.1em;
     height: 1.1em;
     margin: 0px 2px 0px 0px;
     border: 0;
     vertical-align: middle;
  }
  
  #content td textarea
  {
     font-weight: normal;
     border-top: 1px solid #383A3E;
     border-left: 1px solid #383A3E;
     border-bottom: none;
     border-right: none;
     color: #383A3E;
  }
  
  #content td select
  {
     border-top: 1px solid #383A3E;
     border-left: 1px solid #383A3E;
     border-bottom: none;
     border-right: none;
  }
  
  #content td input.button
  {
     position: relative;
     z-index: 100;
     min-height: 20px;
     height: 20px;
     margin: 0;
     padding: 2px 10px 0px 16px;
     border: 0;
     text-align: left;
     background: url(/img/bg_pfeil_suche.gif) no-repeat 0 0.4em;
     cursor: pointer;
     color: #33356E;
     font-weight: bold;
     font-size: 95%;
  }
  
  #content th
  {
     width: 55px;
     color: #333366;
     font-weight: bold;
     line-height: 160%;
     text-align: left;
     padding: 15px 0 0 0;
  }
  
  #footer a:active, #footer a:hover
  {
     text-decoration: underline;
  }
  
  #menue .mainmenue a:link, #menue .mainmenue a:visited
  {
     text-decoration: none;
     color: #B8BBD7;
  }
  
  #menue .mainmenue a:link.active, #menue .mainmenue a:visited.active
  {
     text-decoration: none;
     color: white;
  }
  
  #menue .mainmenue a:hover, #menue .mainmenue a:active
  {
     text-decoration: none;
  }
  
  #menue .mainmenueFirst
  {
     width: 97px;
  }
  
  #menue ul
  {
     margin: 0;
     padding: 0;
     width: 772px;
  }
  
  #menue li
  {
     margin: 0;
     padding: 0;
     float: left;
     list-style: none;
  }
  
  #menue div
  {
     padding-left: 5px;
     width: 178px;
     display: block;
  }
  
  #menue .search
  {
     width:14px;
     height:14px;
     margin: 8px 0 0 12px;
     border-left: 1px solid #C6C6D6;
     border-top: 1px solid #C6C6D6;
     border-right: 1px solid #686896;
     border-bottom: 1px solid #686896;
     background-color: #686896;
     background: url(/img/bg_pfeil_suche.gif) no-repeat -1px;
     color: #FFFFFF;
  }
  
  .subpage #navigation, .contentpage #navigation
  {
     padding-bottom: 2.5em;
  }
  
  #navigation .menueleft li.active a:link, #navigation .menueleft li.active a:visited
  {
     color: white;
  }
  
  #navigation .padding h4
  {
     padding: 0;
     margin: 0;
     font-size: 85%;
     font-weight: normal;
  }
  
  #submenu
  {
     position: absolute;
     z-index: 200;
     margin: 0;
     padding: 0;
     min-width: 150px;
     background-color: #B5B6CB;
     border-left: 1px solid #EAEDF2;
     border-right: 1px solid #EAEDF2;
     text-align: left;
     -moz-opacity: 0.9;
  }
  
  #submenu a:link, #submenu a:visited
  {
     display: block;
     padding: 4px 20px 4px 16px;
     color: #33356E;
  }
  
  #submenu a:active, #submenu a:hover
  {
     background: url(/img/bullet_pfeil_weiss.gif) no-repeat 7px;
     background-color: #7676A1;
     color: #FFFFFF;
     text-decoration: none;
  }
  
  #submenu a:link.active, #submenu a:visited.active
  {
     background: url(/img/bullet_pfeil_lila.gif) no-repeat 7px;
  }
  
  #submenu li
  {
     height: 1.2em;
     line-height: 1.2em;
     margin: 0;
     padding: 0;
     border-bottom: 1px solid #EAEDF2;
     background: url(/img/bullet_pfeil_lila.gif) no-repeat 7px;
     font-size: 65%;
     list-style: none;
  }
  
  #submenu li
  {
     height: auto;
  }
  
  #submenu li a:active.active, #submenu li a:hover.active
  {
     background-color: white;
     text-decoration: none;
  }
}

/* aktionsbox Contentseite Bezirke */
@media screen {
  .vv_aktionsbox_bezirke
  {
     width: 155px;
     overflow: hidden;
     margin: 8px -8px 0 0;
     padding: 0 8px 8px 8px;
     background-color: #FAFAFC;
     font-size: 90%;
     float: left;
  }
  
  .vv_aktionsbox_bezirke h4
  {
     padding: 6px 0 4px 20px ! important;
     color: #9698B5;
  }
  
  .vv_aktionsbox_bezirke .p
  {
     line-height: 120%;
     margin: 0 0 0 0;
     color: #33356E;
     font-weight: normal;
  }
  
  .vv_aktionsbox_bezirke ul
  {
     clear: both;
     position: relative;
     margin: 0;
     padding: 8px 0 2px 0;
     font-size: 90%;
     list-style: none;
  }
  
  .vv_aktionsbox_bezirke li.linkbold
  {
     padding: 0 0 2px 8px;
     background:url(/img/bullet_pfeil_lila.gif) no-repeat 0 0.4em;
     font-weight: bold;
  }
  
  .vv_aktionsbox_bezirke li.linknormal
  {
     padding: 0 0 2px 8px;
     background:url(/img/bullet_pfeil_lila.gif) no-repeat 0 0.4em;
  }
}

/* aktionsbox Contentseite Liste Aemter */
@media screen {
  .vv_aktionsbox_amt
  {
     width: 155px;
     overflow: hidden;
     margin: 8px -8px 0 0;
     padding: 0 8px 8px 8px;
     background-color: #FAFAFC;
     font-size: 90%;
     float: left;
  }
  
  .vv_aktionsbox_amt h4
  {
     padding: 6px 0 4px 20px ! important;
     color: #9698B5;
  }
  
  .vv_aktionsbox_amt .p
  {
     line-height: 120%;
     margin: 0 0 0 0;
     color: #33356E;
     font-weight: normal;
  }
  
  .vv_aktionsbox_amt ul
  {
     clear: both;
     position: relative;
     margin: 0;
     padding: 8px 0 2px 0;
     font-size: 90%;
     list-style: none;
  }
  
  .vv_aktionsbox_amt li.linkbold
  {
     padding: 0 0 2px 8px;
     background:url(/img/bullet_pfeil_lila.gif) no-repeat 0 0.4em;
     font-weight: bold;
  }
  
  .vv_aktionsbox_amt li.linknormal
  {
     padding: 0 0 2px 8px;
     background:url(/img/bullet_pfeil_lila.gif) no-repeat 0 0.4em;
  }
}

/* aktionsbox Subbereich Virtuelle Verwaltung Kontakt */
@media screen {
  .vv_aktionsbox_kontakt
  {
     width: 155px;
     overflow: hidden;
     margin: 8px -8px 0 0;
     padding: 0 8px 8px 8px;
     background-color: #FAFAFC;
     float: left;
  }
  
  .vv_aktionsbox_kontakt h4
  {
     padding: 8px 0 8px 20px ! important;
     color: #9698B5;
     background:url(/img/picto_telefon.gif) no-repeat 1px;
  }
  
  .vv_aktionsbox_kontakt .p
  {
     line-height: 120%;
     margin: 0 0 0 0;
     padding-top: 5px;
     color: #33356E;
     font-size: 75%;
     font-weight: normal;
  }
  
  .hr hr
  {
     display: none;
  }
}

/* Styles fuer die Linkliste Virtuelle Verwaltung */
@media screen {
  .vv_linklist ul
  {
     clear: both;
     position: relative;
     margin: 0;
     padding: 8px 0 2px 0;
     font-size: 90%;
     list-style: none;
     font-weight: bold;
  }
  
  .vv_linklist li
  {
     padding: 0 0 2px 8px;
     background:url(/img/bullet_pfeil_lila.gif) no-repeat 0 0.4em;
  }
}

/* Styles fuer die Linkliste Virtuelle Verwaltung Themenbereiche */
@media screen {
  .vv_linklist_themen
  {
     position: relative;
     width: 170px;
     margin: 0 0 0 10px;
     padding: 0;
     font-size: 90%;
     font-weight: bold;
     float: left;
  }
  
  .vv_linklist_themen ul
  {
     position: relative;
     margin: 0;
     padding: 8px 0 2px 0;
     list-style: none;
  }
  
  .vv_linklist_themen li
  {
     list-style-type: none;
     list-style-image: none;
     list-style-position: outside;
     padding: 0 0 2px 8px;
     background:url(/img/bullet_pfeil_lila.gif) no-repeat 0;
  }
  
  .vv_link_1
  {
     padding: 0 0 0 8px;
     background: url(/img/bullet_pfeil_lila.gif) no-repeat 0;
     font-weight: normal;
  }
  
  .vv_link_2
  {
     padding: 0 0 10px 0;
     font-weight: bold;
  }
}

/**
 * Style sheet for CalendarPickerControl
 * System-colors theme
 */
@media screen {
  div.calendarbutton
  {
     position: absolute;
     width: 15px;
     height: 16px;
     background: transparent url("/img/calendar_icon.png") no-repeat center;
  }
  
  #CalendarPickerControl
  {
     background-color: transparent;
     width: 250px;
     height: 200px;
  }
  
  #CalendarPickerControl table.calframe
  {
     width: 100%;
     border: 1px solid black;
     background-color: buttonface;
     text-align: center;
  }
  
  #CalendarPickerControl td.monthname
  {
     width: 100%;
     font: normal 13px Verdana;
     color: captiontext;
     font-weight: bold;
     background-color: activecaption;
  }
  
  #CalendarPickerControl td.monthnameLNX
  {
     width: 100%;
     font: normal 13px Verdana;
     color: highlighttext;
     font-weight: bold;
     background-color: highlight;
  }
  
  #CalendarPickerControl table.navigation
  {
     width: 100%;
     text-align: center;
  }
  
  #CalendarPickerControl td.navbutton
  {
     font: normal 11px Verdana;
     color: buttontext;
     font-weight: bold;
     background-color: buttonface;
     border-width: 1px;
     border-style: solid;
     border-color: buttonhighlight buttonshadow buttonshadow buttonhighlight;
     cursor: pointer;
  }
  
  #CalendarPickerControl td.navbutton:hover
  {
     text-decoration: underline;
     border-color: threeddarkshadow buttonhighlight buttonhighlight  threeddarkshadow;
     background-color: buttonshadow;
  }
  
  #CalendarPickerControl span.yearbutton
  {
     cursor: pointer;
  }
  
  #CalendarPickerControl span.yearbutton:hover
  {
     text-decoration: underline;
  }
  
  #CalendarPickerControl td.dayname
  {
     font: normal 11px Verdana;
     color: captiontext;
     font-weight: bold;
     background-color: activecaption;
  }
  
  #CalendarPickerControl td.daynameLNX
  {
     font: normal 11px Verdana;
     color: highlighttext;
     font-weight: bold;
     background-color: highlight;
  }
  
  #CalendarPickerControl td.today
  {
     font: normal 11px Verdana;
     font-weight: bold;
     background-color: threedshadow;
     color: buttontext;
     text-decoration: none;
     cursor: pointer;
     border-width: 1px;
     border-style: solid;
     border-color: buttonhighlight threeddarkshadow threeddarkshadow buttonhighlight;
  }
  
  #CalendarPickerControl td.today:hover
  {
     text-decoration: underline;
     background-color: threedshadow;
     border-color: threeddarkshadow buttonhighlight buttonhighlight threeddarkshadow;
  }
  
  #CalendarPickerControl td.current
  {
     font: normal 11px Verdana;
     font-weight: bold;
     background-color: highlight;
     color: highlighttext;
     text-decoration: none;
     cursor: pointer;
     border-width: 1px;
     border-style: solid;
     border-color: threeddarkshadow buttonhighlight buttonhighlight threeddarkshadow;
  }
  
  #CalendarPickerControl td.current:hover
  {
     text-decoration: underline;
  }
  
  #CalendarPickerControl td.day
  {
     font: normal 11px Verdana;
     background-color: buttonface;
     color: buttontext;
     text-decoration: none;
     cursor: pointer;
     border-width: 1px;
     border-style: solid;
     border-color: buttonhighlight buttonshadow buttonshadow buttonhighlight;
  }
  
  #CalendarPickerControl td.day:hover
  {
     text-decoration: underline;
     background-color: threedshadow;
     border-color: threeddarkshadow buttonhighlight buttonhighlight threeddarkshadow;
  }
  
  #CalendarPickerControl td.weekend
  {
     font: normal 11px Verdana;
     color: red;
     text-decoration: none;
     background-color: buttonface;
     cursor: pointer;
     border-width: 1px;
     border-style: solid;
     border-color: buttonhighlight buttonshadow buttonshadow buttonhighlight;
  }
  
  #CalendarPickerControl td.weekend:hover
  {
     background-color: buttonshadow;
     text-decoration: underline;
     border-color: threeddarkshadow buttonhighlight buttonhighlight threeddarkshadow;
  }
  
  #CalendarPickerControl td.dayothermonth
  {
     font:normal 11px Verdana;
     background-color: buttonhighlight;
     color: inactivecaptiontext;
     border: 1px solid buttonhighlight;
  }
  
  .btn_calendar
  {
     position:relative;
     padding:0px 1px 0px 15px;
  }
}