/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
   >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
   >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
   >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
   BASIC ELEMENTS
   
   Colors
   Light blue (e.g. links)                     : #17008c
   Darker blue (e.g. active/hover links)       : #0d0055
   dark grey (e.g. Text)                       : #111111
   mid grey (e.g. footer)                      : #666666
   light grey                                  : #dadada
   red-orange                                  : #bc2001
   orange                                      : #f35d02
   
   
   */

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
   GLOBAL RESET : 
   Forces every browser to display HTML elements with the same margins, paddings etc.
   see: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { position: relative; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; margin: 0; padding: 0; outline: 0; vertical-align: baseline; }
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "»" "«"; }
html { font-size:100.01%; }
body { font-size:1em; }
* html body {
		behavior:url("./failes/sitestyle/css/csshover2.htc");
}


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
   CLEARFIX HACK:
   fixes mistakes in displaying floating containers
   see: http://positioniseverything.net/easyclearing.html
*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
   INVISIBLE-CLASS
   will hide elements from the screen but will be recognized in screen reader applications
*/
.invisible { position: absolute; left: -1000em; width: 20em; }

a {
  text-decoration: none;
  color: #666666;
}
a:hover {
  color: #851532;
}
strong {
  font-weight: bold;
}
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
   >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
   >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
   >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
   MAIN ELEMENTS */

html {
  margin-bottom    : 1px;
  height           : 100%;
}
body {
  position: absolute;
  width: 100%; min-height: 100%;
  padding: 1px 0 0 0;

  background: url(../images/muster.jpg) #ffffff;
  font-family: Arial, Helvetica, sans-serif;
  color: #333333;

  font-size: 0.625em;
  line-height: 1.6em;    
}
* html body {
  height: 100%;
}


#content {
  position: relative;
  margin: 24em 0 7em 50px;
  width: 85em;
  background: no-repeat;
  z-index: 50;
}
html* #content {
/* MSIE 6, 7 */
}
*html #content {
/* MSIE 6 */
}
.withsubmenu #content {
  margin: 26em 0 7em 50px;
}


#row1 {
  position: relative;
  width: 32.3em;
  margin: 0 2.5em 0 0;
  float: left;
}
#subsite #row1,
#subsite #row2 {
  width: 53.2em;

}
#row2 {
  position: relative;
  width: 32.3em;
  margin: 0 2.5em 0 0;
  float: left;
}
#row3 {
  position: relative;
  width: 13.8em;
  margin: 0;
  float: left;
}





#header {
  position: absolute;
  margin: 0; padding: 20px 0 50px 0;
  width: 100%; height: 14em;
  top:0; left: 0;
  background: #ffffff;  
  z-index: 60;      
}

#headerbar {
  position: absolute;
  margin: 0; padding: 0;
  width: 100%; height: 50px;
  bottom: 0; left: 0;
  background: url(../images/balken_djf_right.gif) no-repeat right #f35d02;
  overflow: hidden;
}
#header_image {
  position: absolute;
  left: 0px; top: -10px;
  background: url(../images/balken_djf_left.gif);
  width:537px;
  height:70px
}
#header_image a {
  display: block;
  width: 100%; height: 100%;
  background: transparent;
}

#main_menu {
  position: relative;
  margin: 0 0 0 50px;
  border-left: solid #dadada 1px;
  height: 13em;
  overflow: auto;
  line-height: 1.2em;
  z-index: 60;
}
* html #header {
  padding: 20px 0 50px 0;
  height: 14em;
}
*+html #header {
  padding: 20px 0 50px 0;
  height: 14em;
}
#main_menu li {
  position: relative;
  padding: 0 0.4em;
  border-right: solid #dadada 1px;

  float: left;
  width: 13em; height: 100%;
  overflow: hidden;
}
#main_menu li h6 {
  position: relative;
  display: inline;
  text-transform: uppercase;
  font-weight: bold;
  color: #333333;
  font-size: 1.4em;
  line-height: 1em;
  margin: 0;
}

#main_menu li ul {
  position: relative;
  margin: 1em 0 0 0;
}

#main_menu li ul li {
  position: relative;
  display: block;
  padding: 0 0 0 1em;
  border-right: 0;
  float: none;
  width: 12em; min-height: 1.6em;  height: auto;
  overflow: visible;
  background: no-repeat url(../images/mainmenu_liststyleimage.gif);
  background-position: 0 5px;
}
* html #main_menu li ul li {
  margin: 0 0 -0.2em 0;
  min-height: 0;
}
*+html #main_menu li ul li {
  margin: 0 0 -0.2em 0;
  min-height: 0;
}
#main_menu li ul li.current {
  background: no-repeat url(../images/mainmenu_liststyleimage_act.gif) 0 0.65em;
}
#main_menu li ul li.current a,
#submenu ul li.current a {
  color: #111111;
  font-weight: bold;
}

#main_menu li ul li a,
#submenu ul li a {
  position: relative;
  display: block;

  text-transform: none;
  font-weight: normal;
  color: #111111;
  font-size: 1.2em;
  line-height: 1.5em;
}
* html #main_menu li ul li a {
  line-height: 1.4em;
}
*+html #main_menu li ul li a {
  line-height: 1.4em;
}
#main_menu li ul li a:hover, #main_menu li ul li a:focus,
#submenu ul li a:hover, #submenu ul li a:focus {
  color: #666666;
}

#logo {
  position: absolute;
  width: 50px; height: 125px;
  top: 2em; left: 84em;
  margin: 0 0 0 70px;
  display: block;
  background: url(../images/djf_logo.gif) no-repeat;
  z-index: 65;
}
#logo a {
  display: block;
  width:100%; height: 100%;
  background: transparent;
}

#submenu {
  position: absolute;
  top:21em; left: 0;
  width: 100%; height: 3em;
  padding: 0.5em 0 0 0;
  background: #ffffff;
  z-index: 55;
}

#submenu ul {
  margin: 0.5em 0 0.5em 50px;
  display: block;
  border-left: solid #cccccc 1px;
  float: none;
}
#submenu ul li.current ul {
  margin: 0 0 0 1em;
  display: inline;
  border-left: 0;
  float: none;
  background: no-repeat url(../images/mainmenu_liststyleimage.gif) 0 2px;
}
* html #submenu ul li.current ul {
  padding: 0 0 0 0;
  background: none;
}
*+html #submenu ul li.current ul {
  background: no-repeat url(../images/mainmenu_liststyleimage.gif) -50% 2px;
}

#submenu ul li {
  float: left;
  padding: 0 1em 0 1em;
  border-right: solid #cccccc 1px;
}

#submenu ul li.current ul li {
  display: inline;
  float: none;
  padding: 0 0 0 2em;
  border-right: 0;
}

#submenu ul li a {
  float: none;
  display: inline;
}
#submenu ul li.current a {
  color: #f35d02;
}
#submenu ul li.current ul li a {
  color: #111111;
}
#submenu ul li.current ul li a:hover,
#submenu ul li.current ul li.current a {
  color: #f35d02;
}



.container {
  position: relative;
  width: 100%; min-height: 226px;
  margin: 0 0 2.5em 0;
  background-color: #ffffff;
}
* html .container {
  height: 226px;
}

#row3 .container .content {
  background-color: #0d0055;
  padding: 0.5em;
}
#row3 .container .content p,
#row3 .container .content h5,
#row3 .container .content h6 {
  color: #ffffff;
}


.imagegallery {
  width: 102%;
  margin: 0 -2% 0 0;
}
.imagegallery img {
  margin: 0 0.25em 0.25em 0;
}

/* The shadow styles for the stencil look */
.container .content {
  position: relative;
  z-index: 51;
  background-color: #ffffff;
  padding: 1.5em;
  overflow: hidden;
}
* html .container .content {
  overflow: visible;
}
.bg {
  position: absolute;
  z-index: 1;
}
.tl {
  top: -6px; left: -6px;
  width: 100px; height: 119px;
  background: url(../images/bg_tl_djf.gif) no-repeat;
}
.tr {
  top: -6px; right: -7px;
  width: 136px; height: 92px;
  background: url(../images/bg_tr_djf.gif) no-repeat;
}
.br {
  bottom: -7px; right: -6px;
  width: 115px; height: 102px;
  background: url(../images/bg_br_djf.gif) no-repeat;
}
.bl {
  bottom: -7px; left: -7px;
  width: 129px; height: 107px;
  background: url(../images/bg_bl_djf.gif) no-repeat;
}

#row3 .container {
  background-color: #0d0055;
  min-height: 118px;
}
*html #row3 .container {
  height: 118px;
}

#row3 .container .tl {
  top: -5px; left: -6px;
  width: 57px; height: 70px;
  background: url(../images/bg_tl_blue.gif) no-repeat;
}
#row3 .container .tr {
  top: -5px; right: -4px;
  width: 47px; height: 54px;
  background: url(../images/bg_tr_blue.gif) no-repeat;
}
#row3 .container .br {
  bottom: -5px; right: -4px;
  width: 55px; height: 62px;
  background: url(../images/bg_br_blue.gif) no-repeat;
}
#row3 .container .bl {
  bottom: -5px; left: -6px;
  width: 29px; height: 46px;
  background: url(../images/bg_bl_blue.gif) no-repeat;
}

#row3 .ad .content {
  background-color: #dadada;
}
#row3 .ad .content p {
  color: #111111;
}
#row3 .ad .tl {
  top: -4px; left: -5px;
  width: 11px; height: 50px;
  background: url(../images/bg_tl_grey.gif) no-repeat;
}
#row3 .ad .tr {
  top: -4px; right: -5px;
  width: 62px; height: 61px;
  background: url(../images/bg_tr_grey.gif) no-repeat;
}
#row3 .ad .br {
  bottom: -5px; right: -5px;
  width: 45px; height: 51px;
  background: url(../images/bg_br_grey.gif) no-repeat;
}
#row3 .ad .bl {
  bottom: -5px; left: -5px;
  width: 44px; height: 27px;
  background: url(../images/bg_bl_grey.gif) no-repeat;
}





h5 {
  font-weight: bold;
  text-transform: uppercase;
  color: #17008c;
  font-size: 1.8em;
  line-height: 1.1em;
  margin: 0 0 0.4em 0;
}
h6 {
  font-weight: bold;
  font-size: 1.2em;
  line-height: 1.6em;
  margin: 0 0 1em 0;
  color: #17008c;
}

.container p, .container ul, .container ol, .container table {
  font-weight: normal;
  font-size: 1.2em;
  line-height: 1.6em;
  margin: 0 0 0 0;
}
.container p.skyline {
  color: #999999;
}

.container ul {
  list-style-type: disc;
  list-style-position: inside;
}
.container ul.downloadlist {
  list-style-type: none;
}
.container ul.sitemap,
.container ul.sitemap ul {
  list-style-type: none;
  padding: 0; margin: 0;
}
.container ul.sitemap ul {
  font-size: 1em;
  padding: 0 0 0 1em;
}
.container ul.sitemap ul.articles {
  padding: 0;
}
.container ol {
  list-style-type: decimal;
  list-style-position: inside;
}
.container ul li, .container ol li {
  background-color: #dadada;
  margin: 0.25em 0 0.25em 0em;
  padding: 0 1em 0 1.9em;
  text-indent: -1.6em;
}
.container ul.downloadlist li {
  background-color: transparent;
  text-indent: 0;
  background-image: url(../images/brandspankingnew/icon_generic.gif);
  background-repeat: no-repeat;
  background-position: top left;
}
* html .container ul.downloadlist li {
  background-position: left 0.25em;
}
*+html .container ul.downloadlist li {
  background-position: left 0.25em;
}

.container ul.sitemap li {
  text-indent: 0;
  margin: 0;
  font-size: 1em;
  padding: 0 0 0 1em;
  background: transparent no-repeat url(../images/mainmenu_liststyleimage.gif);
  background-position: 0 5px;
} 
.container ul.sitemap ul.articles li a {
  font-weight: normal;
}


.container ul.downloadlist li.icon_doc { background-image: url(../images/brandspankingnew/icon_doc.gif); }
.container ul.downloadlist li.icon_xls { background-image: url(../images/brandspankingnew/icon_xls.gif); }
.container ul.downloadlist li.icon_ppt { background-image: url(../images/brandspankingnew/icon_ppt.gif); }
.container ul.downloadlist li.icon_html { background-image: url(../images/brandspankingnew/icon_html.gif); }
.container ul.downloadlist li.icon_php { background-image: url(../images/brandspankingnew/icon_php.gif); }
.container ul.downloadlist li.icon_script { background-image: url(../images/brandspankingnew/icon_script.gif); }
.container ul.downloadlist li.icon_pdf { background-image: url(../images/brandspankingnew/icon_pdf.gif); }
.container ul.downloadlist li.icon_zip { background-image: url(../images/brandspankingnew/icon_zip.gif); }
.container ul.downloadlist li.icon_image { background-image: url(../images/brandspankingnew/icon_image.gif); }
.container ul.downloadlist li.icon_video { background-image: url(../images/brandspankingnew/icon_film.gif); }
.container ul.downloadlist li.icon_mov { background-image: url(../images/brandspankingnew/icon_mov.gif); }
.container ul.downloadlist li.icon_audio { background-image: url(../images/brandspankingnew/icon_audio.gif); }

/*
html* .container ul li, html* .container ol li {
  margin: 0;
  padding: 0.25em 1em 0.25em 1.9em;
  text-indent: -1.3em;  
}
*/
.container ul li {
  padding: 0 1em 0 1.8em;
  text-indent: -1.05em;  
}
* html .container ul li, * html .container ul.downloadlist li {
  margin: 0;
  padding: 0.25em 1em 0.25em 1.8em;
  text-indent: -1.3em;  
}
*+html .container ul li, *+html .container ul.downloadlist li {
  margin: 0;
  padding: 0.25em 1em 0.25em 1.8em;
  text-indent: -1.3em;  
}


.container ul.article_extras {
  list-style-type: none;
  list-style-position: outside;
  margin: 3em 0 0 0;
  padding: 1em 0 0 0;
  border-top: solid 1px #dadada;
  font-size: 1em;
  text-align: center;
  
}
.container ul.article_extras li {
  display: inline;
  background: 0;
  margin: 0 2em 0 0;
  padding: 0;
  color: #666666;
}

.container ul.article_extras li a {
  font-weight: normal;
  color: #666666;
}
.container ul.article_extras li a img {
  vertical-align: middle;
}
.container ul.article_extras li a:hover {
  color: #111111;
}


/* ########### CHECK */
.container a {
  color: #f35d02;
  font-weight: bold;
}
.container a:hover, .container a:focus {
  color: #bc2001;
}
.container .morelink {
  text-align: right;
  text-transform: uppercase;
}
.container .morelink a {
  padding: 0 0 0 10px;
  background: url(../images/morelink_back.gif) no-repeat 0 0.3em;
}
.container .morelink a:hover, .container .morelink a:focus {
  background: url(../images/morelink_back_act.gif) no-repeat 0 0.3em;
}
*html .container .morelink a,
*html .container .morelink a:hover,
*html .container .morelink a:focus {
  padding: 0;
  background: 0;
}
.container table th, .container table td {
  background-color: #dadada;
  border: 1px solid #ffffff;
  padding: 0 0.5em 0 0.5em;
}
.container table th, .container table thead td {
  background-color: #dadada;
  font-weight: bold;
}

.container .image_left, .container .image_right, .container .image {
  display: inline;
  float: left;
  margin: 0.5em 1em 1em 0;
  overflow: hidden;
  z-index: 70;  
}
.container .image_right {
  float: right;
  margin: 0.5em 0 1em 1em;
}
.container .image {
  width: 100%;
  display: block;
  margin: 1em 0 1em 0;
  float: none;
  text-align: center;
}
.container .image_large {
  overflow: hidden;
  width: 100%;
}

#row3 .container .image_left, #row3 .container .image_right, #row3 .container .image {
  float: none;
  margin: 0.5em 0 0.5em 0;
}

.container .image_left .description, .container .image_right .description, .container .image .description {
  color: #0d0055;
  font-size: 0.9em;
}
.container .image_left,
.container .image_right {
  overflow-x: hidden;
}
#row3 .container .image_left .description, #row3 .container .image_right .description, #row3 .container .image .description,
.homepage .description {
  display: none;
}

.container .image_left img, .container .image_right img, .container .image img {
  display: block;
  margin: 0 0 0.5em 0;
}
.container .image img {
  margin: 0 auto 0.5em auto;
}
#row3 .container .image_left img, #row3 .container .image_right img, #row3 .container .image img {
  display: block;

  margin: 0;
}
/* ######### CHECK ####### */







#footer {
  position: absolute;
  bottom: 0; left: 0;
  width: 100%; height: 75px;
  background: transparent url(../images/footer_bg.gif) repeat-x;
  z-index: 62;
  overflow: hidden;
}
#footerimage {
  position:absolute;
  bottom:0; left:0;
  width:1000px; height:75px;
  background: transparent url(../images/footer_djf.gif) repeat-x;
  z-index: 1;
}


#footer_menu {
  position: absolute;
  margin: 40px 0 0 50px;
  z-index: 63;
  vertical-align: text-bottom;
}
#footer_menu li {
  display: block;
  float: left;
  font-size: 1.2em;
  font-weight: bold;
  color: #ffffff;
  margin: 0 2em 0 0;
  vertical-align: text-bottom;
}
#footer_menu li a {
  display: block;
  color: #ffffff;
  
  vertical-align: text-bottom;
}
#footer_menu li a:hover, #footer_menu li a:focus {
  color: #fcd6c0;
}
#footer_menu form {
  display: inline;
  vertical-align: text-bottom;
}

#footer_menu #loginform {
  display: none;
}
#footer_menu form input.text {
  border: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: #222222;
  font-size: 1em;
  padding: 0em 0.5em;
  width: 5em;
}
html* #footer_menu #searchform input.text {
  width: 10em;
}
#footer_menu form input.submit {
  border: 0;
  background: transparent;
  padding: 0;
  margin: -0.1em 0 0 0;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  color: #ffffff;
  font-size: 1em;
}

#footer_menu #searchform input.text:focus {
  width: 10em;
}

#textsizer {
  position: fixed;
  top: 20px; left: 5px;
  width: 30px; height: 14em;
  z-index: 70;
}
*html #textsizer {
  position: absolute;
}
#textsizer a {
  display: block;
  width: 30px;
  padding: 9px 0 9px 0;
  margin: 0 0 5px 0;
  background: #dddddd;
  color: #111111;
  font-size: 20px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  line-height: 12px;
}
*html #textsizer a {
  background: #dadada;
}



.container form ul {
  list-style-type: none;
  list-style-position: outside;
}
.container form ul li {
  background: transparent;
  margin: 0;
  padding: 0;
  text-indent: 0;
  margin: 0 0 0.5em 0;
}
.container form label {
  display: block;
  float: left;
  width: 10em;
  margin: 0 1em 0 0;
  vertical-align: middle;
}
#homepage #row1 .container form label,
#homepage #row2 .container form label {
  width: 5em;
}
.container form input.input_text,
.container form input.si_query,
.container form input.rex_368_input,
.container form input.rex_368_file {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  display: block;
  float: left;
  width: 20em;
  padding: 0.25em 0.5em 0.25em 0.5em;
  border: solid #dddddd 1px;
  vertical-align: middle;
}
.container form input.rex_368_file {
  width: 8em;
}
#homepage #row1 .container form input.input_text,
#homepage #row1 .container form input.si_query,
#homepage #row1 .container form input.rex_368_input,
#homepage #row2 .container form input.input_text,
#homepage #row2 .container form input.si_query,
#homepage #row2 .container form input.rex_368_input {
  width: 17em;
}
*+html #homepage #row1 .container form input.input_text,
*+html #homepage #row1 .container form input.si_query,
*+html #homepage #row1 .container form input.rex_368_input,
*+html #homepage #row2 .container form input.input_text,
*+html #homepage #row2 .container form input.si_query,
*+html #homepage #row2 .container form input.rex_368_input {
  width: 15.8em;
}
* html #homepage #row1 .container form input.input_text,
* html #homepage #row1 .container form input.si_query,
* html #homepage #row1 .container form input.rex_368_input,
* html #homepage #row2 .container form input.input_text,
* html #homepage #row2 .container form input.si_query,
* html #homepage #row2 .container form input.rex_368_input {
  width: 15.8em;
}

#homepage #row1 .container form input.rex_368_file,
#homepage #row2 .container form input.rex_368_file {
  width: 17em;
}
.container form input.input_submit,
.container form input.si_start_search,
.container form input.rex_368_submit {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  display: block;
  float: left;
  width: 21.15em;
  padding: 0.25em 0.5em 0.25em 0.5em;
  border: solid #dddddd 1px;
  background: #dddddd;
  font-weight: bold;
  vertical-align: middle;
}
.container form input.input_submit:hover,
.container form input.si_start_search:hover,
.container form input.rex_368_submit:hover {
  cursor: pointer;
  background: #17008c;
  color: #ffffff;
}
#homepage #row1 .container form input.input_submit,
#homepage #row1 .container form input.si_start_search,
#homepage #row1 .container form input.rex_368_submit,
#homepage #row2 .container form input.input_submit,
#homepage #row2 .container form input.si_start_search,
#homepage #row2 .container form input.rex_368_submit {
  width: 18.15em;
}
*+html #homepage #row1 .container form input.input_submit,
*+html #homepage #row1 .container form input.si_start_search,
*+html #homepage #row1 .container form input.rex_368_submit,
*+html #homepage #row2 .container form input.input_submit,
*+html #homepage #row2 .container form input.si_start_search,
*+html #homepage #row2 .container form input.rex_368_submit {
  width: 16.95em;
}
* html #homepage #row1 .container form input.input_submit,
* html #homepage #row1 .container form input.si_start_search,
* html #homepage #row1 .container form input.rex_368_submit,
* html #homepage #row2 .container form input.input_submit,
* html #homepage #row2 .container form input.si_start_search,
* html #homepage #row2 .container form input.rex_368_submit {
  width: 16.95em;
}

.container form.searchform {
  margin: 0 0 3em 0;
}

.container p.search_result {
  margin: 0.25em 0 0.75em 0;
  border-bottom: 1px #dddddd solid;
}
.container p.search_pagination {
  margin: 0.25em 0 1em 0;
  padding: 0 0 0.75em 0;
  border-bottom: 1px #dddddd solid;
}
.container .search_description {
  font-size: 0.8em;
  color: #cccccc;
}


#bgobject01,
#bgobject02,
#bgobject03,
#bgobject04,
#bgobject05,
#bgobject06,
#bgobject07,
#bgobject08,
#bgobject09,
#bgobject10 {
  position: absolute;
  z-index: 1;
  top: 0; left: 0;
  width: 100%; height: 100%;

  background-repeat: no-repeat;
  background-position: 700px 279px;
  /* TOP 279px, 620px, 961px  */
  /* LEFT -100px  300px  700px  1100px */
  
}

#bgobject01 {
  background-image: url(../images/bgobjects/01_hydrantenschild.jpg);
}
#bgobject02 {
  background-image: url(../images/bgobjects/02_bvag20_schlauch.jpg);
}
#bgobject03 {
  background-image: url(../images/bgobjects/03_bvag20_feuerloescher.jpg);
}
#bgobject04 {
  background-image: url(../images/bgobjects/04_bvag20_telefon.jpg);
}
#bgobject05 {
  background-image: url(../images/bgobjects/05_bvag20_brandmelder.jpg);
}
#bgobject06 {
  background-image: url(../images/bgobjects/06_bvag20_leiter.jpg);
}
#bgobject07 {
  background-image: url(../images/bgobjects/07_bvag20_richtung.jpg);
}
#bgobject08 {
  background-image: url(../images/bgobjects/08_feuerloescher.jpg);
  background-position: 745px 279px;
}
#bgobject09 {
  background-image: url(../images/bgobjects/09_keinfeuer.jpg);
}
#bgobject10 {
  background-image: url(../images/bgobjects/10_anleitung.jpg);
}

.justforprint {
  display: none;
}

#content form {
  display: block;
  clear: both;
}
#content .left_row form ul li, .left_row_with_submenu form ul li, .right_row form ul li, .right_row_with_submenu form ul li {
  margin: 0 0 0.25em 0;
  padding: 0;
}
#content form label {
  display: block;
  width: 10em;
  float: left;
}

#content form input,
#content form select,
#content form textarea {
  border: 1px solid #17008c;
  background: #ffffff;
  font-family: Arial, Helvetica, sans-serif;
  width: 20em;
  padding: 0.25em 0.5em 0.25em 0.5em;
  font-size: 1em;
}
#content form input.warning,
#content form select.warning,
#content form textarea.warning {
  border: 1px solid #f35d02;
}
#content form label.warning {
  font-weight: bold;
  color: #f35d02;
}

#content form textarea {
  height: 10em;
}
#content form select {
  padding: 0;
}
#content form input.submit,
#content form select {
  width: 21.2em;
}
#content form input.submit:hover {
  cursor: pointer;
  background: #17008c;
  color: #ffffff;
}
#content form input.small{
  width: 4em;
}
#content form select.small {
  width: 5.2em;
}


#content form input.checkbox,
#content form input.radio,
#content form input.rex_339_checkbox {
  float: left;
  width: auto;
  margin: 0.5em 0.5em 0.5em 11em;
  border:0;
  background: transparent;
  vertical-align: middle;
}
*+html #content form input.checkbox { margin: 0.5em 0.5em 0.5em 10.7em; }
*+html #content form input.radio { margin: 0.5em 0.5em 0.5em 10.7em; }

#content form label.checkbox,
#content form label.radio,
#content form label.rex_339_checkbox {
  width: 18.5em; 
  margin: 0.5em 0 0.5em 0;
  vertical-align: top;
}

#content form input:focus,
#content form select:focus,
#content form textarea:focus {
  border: 1px solid #17008c;
  background: #f1f2f8;
}


#content .ec_items {
}
#content .ec_items_day {
  margin: 1em 0 0 0;
  border-top: 1px solid #dadada;
  padding: 1em 0 0 0;
}
#content .ec_day_headline {
  font-weight: bold;
  color: #f35d02;
}
#content .ec_item {
  margin: 0 0 1em 0;
}
#content .ec_item_headline {
  font-weight: bold;
}
#content .ec_item_time,
#content .newslist_headline {
  color: #666666
}

#content .ec_item_description {
}
#content .ec_item_export {
  display: block;
  background: url(../images/icon_ical.gif) no-repeat;
  width: 80px; height: 15px;
}
#content .ec_item_export span {
  display: none;
}
#content .ec_item_location {
  color: #666666
}
#content .ec_items_day .ec_item_location {
  font-size: 0.9em;
}
.container table.ec_datepicker {
  font-size: 1em;
  border: 0;
  border-bottom: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
}
.container table.ec_datepicker th, .container table.ec_datepicker td {
  background-color: #dadada;
  border: 0;
  border-top: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  padding: 0px 1px 0px 2px;
  text-align: center;
}
.container table.ec_datepicker th, .container table.ec_datepicker thead td {
  background-color: #dadada;
  font-weight: bold;
}
.container table.ec_datepicker .ec_datepicker_header {
  font-weight: bold;
  font-size: 1.2em;
}
.container table.ec_datepicker td.ec_datepicker_cell_empty {
  color: #999999;
}
.container table.ec_datepicker td.ec_datepicker_cell_events {
  color: #f35d02;
  font-weight: bold;
}

#ec_tooltiplayer {
  position: absolute;
  width: 200px;
  visibility: hidden;
  border: 1px solid #f35d02;
  background-color: #ffffff;
  padding: 3px;
  text-align: left;
  z-index: 90;
  font-size: 1.2em;
}
.ec_tooltip_headline {
  font-weight: bold;
  color: #f35d02;
}




#content .newslist_item_text {
  width: 78%;
  margin: 0 2% 0 0;
  float: left;
}

#content .newslist_item_image {
  width: 20%;
  float: left;
  overflow: hidden;
}
#content div.breaker {
  height: 0.5em;
  overflow: hidden;
  border: 0;
  border-bottom: 1px solid #dadada;
  margin: 0 0 1.5em 0;
  background-color: transparent;
}
#content .newslist p.morelink {
  text-align: left;
}
#content .col1, #content .col2 {
  width: 48%; margin: 0 2% 1em 0; float: left;
  display: block;
  font-size: 1.2em;
  padding: 0;
}
.container div.col2 {
  margin: 0 0 1em 0;
}



#content .rex_330_comments,
#content .rex_332_extras,
#content .rex_332_elementbox,
#content .rex_332_recommend {
  border-top: 1px solid #dadada;
  margin: 1em 0 0 0;
  padding: 1em 0 0 0;
}


#rex_330_showformlink,
#rex_332_links {
  text-align: center;
}

#content form input.rex_330_submit,
#content form input.si_start_search,
#content form input.rex_332_submit {
  width: 21.2em;
}
#content form input.rex_330_submit:hover,
#content form input.si_start_search:hover,
#content form input.rex_332_submit:hover,
#content form input.rex_339_submit:hover {
  cursor: pointer;
  background: #17008c;
  color: #ffffff;
}
#content .rex_330_sentmessage {
  font-size: 1.2em;
}
#content .rex_330_comment {
  background-color: #f6f6f6;
  margin: 0.5em 0 0.5em 0;
  padding: 1em;
}
#content .rex_330_comment_name {
  color: #f35d02;
  font-weight: bold;
}
#content .rex_330_comment_date {
  color: #666666;
  padding: 0 0 0 0.5em;
}
#content .rex_330_text,
#content .rex_332_text {
  margin: 0 0 1em 0;
  font-size: 1em;
}
#content .rex_330_text a,
#content .rex_332_text a {
  font-size: 1.2em;
}
#content .si_date {
  color: #666666;
  padding: 0 0 0 0.5em;
}
#content .si_small {
  color: #666666;
  font-size: 0.9em;
}
#content .si_small a {
  font-weight: normal;
  color: #666666;
}
#content .si_small a:hover {
  color: #f35d02;
}
#content .si_pageitem {
  padding: 0 0.5em;
}
#content a.si_pageitem {
  margin: 0;
}
#content span.si_highlight {
  color: #f35d02;
}
#content .si_item {
  border-top: 1px solid #dadada;
  margin: 1em 0 0 0;
  padding: 1em 0 0 0;
}
#content .si_pages {
  display: block;
  text-align: center;
  padding: 0.25em 0.5em;
  font-size: 1em;
  background-color: #f6f6f6;
  margin: 1em 0;
}
#content .si_pages a {
  display: inline;
  font-weight: bold;
}

#rex_332_links {


}
#rex_332_links a {
  background-repeat: no-repeat;
  background-position: 0 0;
  margin: 0 0.25em 0 0.25em;
  width: auto; height: auto;
  line-height: 20px;
  font-size: 22px;
  color: #666666;
  vertical-align: middle;
}
* html #rex_332_links a {
  background-repeat: repeat;
  background-position: 5px 0;
  font-size: 20px;
}
#rex_332_links a:hover {
  color: #111111;
}
#content .rex_332_text {
  font-size: 1.2em;
}


#rex_332_links a.rex_332_mrwong { background-image: url(../images/bookmarks/mrwong.gif); }
#rex_332_links a.rex_332_icio { background-image: url(../images/bookmarks/icio.gif); }
#rex_332_links a.rex_332_linkarena { background-image: url(../images/bookmarks/linkarena.gif); }
#rex_332_links a.rex_332_favoriten { background-image: url(../images/bookmarks/favoriten.gif); }
#rex_332_links a.rex_332_digg { background-image: url(../images/bookmarks/digg.gif); }
#rex_332_links a.rex_332_delicious { background-image: url(../images/bookmarks/delicious.gif); }
#rex_332_links a.rex_332_google { background-image: url(../images/bookmarks/google.gif); }
#rex_332_links a.rex_332_stern { background-image: url(../images/bookmarks/tausendreporter.gif); }
#rex_332_links a.rex_332_help { background-image: url(../images/bookmarks/help.gif); }


#rex_332_links a.rex_332_showform,
#rex_332_links a.rex_332_print {
  width: auto;
  padding: 0;
  margin: 0 2em;
  line-height: 1.6em;
  font-size: 1em;
}
#rex_332_links a.rex_332_showform span,
#rex_332_links a.rex_332_print span {
  display: inline;
}

#content .rex_332_ecardthumbs {
  float: left;
  width: 28em;
}
#content .rex_332_ecardthumb {
  float: left; 
  margin: 0 0.25em 0.5em 0;
  background: #e3e3e3;
  text-align: center;
}
#content .rex_332_ecardthumb img {
  border-bottom: 3px solid #ffffff;
}
#content .rex_332_ecardthumb a {
  display: block;
}
#content form input.rex_332_radio  {
  width: auto;
  border: 0;
  background: transparent;
}
#content form.rex_332_form {
  margin: 1em 0 0 0;
  border-top: 1px solid #e3e3e3;
  padding: 1em 0 0 0;
}

#content .rex_332_ecard,
#content .rex_332_ecardtext {
  border: solid 1px #e3e3e3;
  padding: 4px;
  overflow: hidden;
  text-align: center;
  margin: 0 0 0.5em 0;
}
#content .rex_332_ecardtext {
  text-align: left;
}
#content .rex_332_ecardsubinfos {
  color: #666666;
  font-size: 1em;
}


#rex_339_addblog {
  padding: 1em 0 0 0;
}

#content .rex_339_post {
  padding: 0.5em 0 0.5em 0;
  border-top: solid 1px #dadada;
}

#content .rex_339_posthead {
  display: block;
  font-size: 1.2em;
  margin: 0;
}
#content .rex_339_small {
  color: #666666;
  font-size: 0.9em;
  display: block;
}
#content #row3 .rex_339_small {
  color: #ffffff;
}

#content .rex_339_small a {
  font-weight: normal;
}
#content .rex_339_logintext {
  display: none;
}
#content #row3 .rex_339_logintext {
  display: block;
  font-weight: bold;
}
#content #row3 .rex_339_form {
  color: #ffffff;
}

#content #row3 form.rex_339_form label {
  display: block;
  width: 8em;
}
#content #row3 form.rex_339_form input {
  width: 9em;
}
#content #row3 form.rex_339_form input.rex_339_submit {
  margin: 1em 0 0 0;
  width: 10.2em;
}
#content #row3 form.rex_339_form input.rex_339_submit:hover {
  background: #0d0055;
  color: #ffffff;
  border: 1px solid #ffffff;
}



/* REXVOTE STYLES */
#content p.rex_379_headline {
  font-weight: bold;
  color: #17008c;
}
#content .container ul.rex_379_vote {
  margin: 1em 0 0 0;
  list-style-position: outside;
}
#content ul.rex_379_vote li {
  clear: both;
  padding: 0 0 0 0;
  text-indent: 0;
  
}
#content input.rex_379_option {
  width: auto;
  display: block;
  border: 0;
  background: 0;
  margin: 0.25em 0.5em 0 0;
  padding: 0;
  float: left;
}
* html #content input.rex_379_option {
  margin: 0 0.5em 0 0;
}
*+html #content input.rex_379_option {
  margin: 0 0.5em 0 0;
}

#content label.rex_379_option {
  width: 35em;
  margin: 0; padding: 0;
  float: left;
}
#content .rex_379_crosslink {
  font-size: 1em;
}
#content .rex_379_numberofvotes {
  font-size: 0.9em;
  color: #999999;
}

#content form input.rex_379_submit {
  margin: 1em 0 1em 0;
}
#content input.rex_379_submit:hover {
  cursor: pointer;
  background: #17008c;
  color: #ffffff;
}

#content .container ul.rex_379_results {
  margin: 1em 0 0 0;
  list-style-type: none;
  list-style-position: outside;

}

#content ul.rex_379_results li {
  background: transparent;
  text-indent: 0;
  margin: 0 0 0.5em 0;
  padding: 0em 0 2em 0;
  clear: both;
}
* html #content ul.rex_379_results li { padding: 0em 0 1.5em 0; }
*+html #content ul.rex_379_results li { padding: 0em 0 1.5em 0; }

#content .rex_379_votetitle {
  display: block;
  font-size: 1em;
}

#content .rex_379_bar {
  display: block;
  width: 100%; height: 1.6em;
  background: #cccccc;
  float: left;  
}
#content .rex_379_voted {
  background: #f35d02;
  display: block;
  width: 0;
  text-align: center;
  float: left;
}
#content .rex_379_voted .rex_379_percentage {
  color: #ffffff;
  padding: 0;
}

#content .rex_379_percentage {
  font-weight: bold;
  padding: 0 0 0 1em;
  color: #bc2001;
}

#content .rex_379_msg,
#content .rex_379_error,
#content .rex_339_msg,
#content .rex_339_error {
  margin: 0 0 1em 0;
}

#content #row3 div.rex_379_msg,
#content #row3 div.rex_379_error,
#content #row3 div.rex_339_msg,
#content #row3 div.rex_339_error {
  display: none;
}


#homepage #row1 .container form label.rex_379_option {
  width: 20em;
}
#homepage #row1 .container form input.rex_379_submit,
#content #row3 form input.rex_379_submit {
  width: 100%;
}
#content #row3 form input.rex_379_submit:hover {
  background: #f35d02;
  border: 1px solid #ffffff;
}

#content #row3 form label.rex_379_option {
  width: 9em;
  display: block;
  color: #ffffff;
}
* html #content #row3 form label.rex_379_option { width: 8em; }
*+html #content #row3 form label.rex_379_option { width: 8em; }



/* END REXVOTE STYLES */

#homepage #row1 .container form label.radio,
#homepage #row2 .container form label.checkbox {
  width: 18em;
}

#content #row3 form input.checkbox,
#content #row3 form input.radio {
  float: left;
  width: auto;
  margin: 0.25em 0.5em 0 0;
  vertical-align: middle;
}
#content #row3 form label {
  display: none;
}
#content #row3 form label.checkbox,
#content #row3 form label.radio {
  display: block;
  width: 8em;
  margin: 0 0 0 0;
  vertical-align: top;
  overflow: hidden;
  color: #ffffff;
}
#content #row3 form input.submit {
  width: 10.5em;
}

#content .rex_368_image {
  text-align: center;
}

#content form input.rex_375_subscribe,
#content form input.rex_375_unsubscribe,
#content form input.rex_339_submit,
#content form input.rex_2_submit {
  margin: 0 0 0 11em;
  width: 21.15em;
}
* html #content form input.rex_375_subscribe,
* html #content form input.rex_375_unsubscribe,
* html #content form input.rex_339_submit {
  margin: 0 0 0 11.25em;
  width: 21.2em;
}
#content .slideshow {
  width: auto;
  padding: 0.5em;
  text-align: center;
  border: 1px solid #cccccc;
  margin: 0 0 0.5em 0;
}

.twitter .item { border-bottom: 1px solid #999; padding: .5em 0 .5em 0; }
.twitter .feeddate { font-size: 1em; color: #999;  }
.twitter .follow {
  padding: .5em 0 0 0;
  text-align: right;
}
.twitter .follow * {
  vertical-align: middle;
}