/**
 * 
 * Stylesheet fuer verdi.de
 * Barrierefreie Umsetzung nach BITV, BIENE-Kriterien, uvm.
 * (c) 2006 ver.di - Vereinte Dienstleistungsgewerkschaft
 * erstellt: 2006, maguro:agentur <info@maguro.de>
 * letzte Aenderung: 14.04.2007 22:24 Uhr, vincent hildebrandt
 * 
 */

body {
  min-width: 776px;
  color: #000;
  background-color: #fff;
  font-family: verdana, arial, sans-serif;
  font-size: 100.01%;
  padding: 0; margin:0;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, fieldset, legend, blockquote {
   padding: 0; margin: 0;
}

ul { list-style: none; }

li li { font-size: 100%; }

a { text-decoration: underline; }
a:hover { text-decoration: underline; }
a img { border: 0; }

fieldset {
  border: transparent solid 0px;
  border-style: solid; /* fuer opera 7 */
}

input, textarea, select, button { font-family: verdana, arial, sans-serif;font-size: 100%;}

div.clearit {
    clear: both;
    height: 0;
    font-size: 0;
    overflow: hidden;
}

/* alles unsichtbare */
.invisible, #navigation span {
  position: absolute;
  top: -2000px; left: -2000px;
  height: 1px; width: 1px;
}
/* /alles unsichtbare */

/* alles, was bei active sichtbar wird */
#jumplinks {
  position: absolute;
  width: 100%;
  top: -1000px; left: -1000px;
  z-index: 20;
}

#jumplinks a {
  position: absolute;
  top: 0; left: 0;
  font-size: 70%;
  font-weight: bold;
  text-decoration: underline;
  padding: 7px;
}

#jumplinks a:focus,
#jumplinks a:active {
  position: absolute;
  z-index: 20;
  top: 1007px;
  left: 1068px;
  color: #c03;
  background-color: #FFF;
  width: 15em;
}

#firstnav p.jump,
#navigation p.jump {
  position: absolute;
}

#firstnav p.jump a:link,
#navigation p.jump a:link,
#firstnav p.jump a:visited,
#navigation p.jump a:visited {
  position: absolute;
  left: -4321px;
  color: #c03;
  font-size: 0.7em;
  line-height: 1.6em;
  font-weight: bold;
  text-decoration: underline;
  text-transform: none;
}

#firstnav p.jump a:focus,
#firstnav p.jump a:hover,
#firstnav p.jump a:active,
#navigation p.jump a:focus,
#navigation p.jump a:hover,
#navigation p.jump a:active {
  top: -28px; left: 0;
  width: 200px;
  background: #fff;
  padding: 7px;
}

#firstnav p.jump a:focus,
#firstnav p.jump a:hover,
#firstnav p.jump a:active {
   top: -49px;
}
/* alles, was bei active sichtbar wird */

/* Kopfbereich mit Logo, Zielgruppennavigation und Keyvisual */
#header {
   background-image: none;
   background-repeat: no-repeat;
}

#logo {
   overflow: visible;
   background-color: transparent;
}

#logo h1 a, #logo h1 img {
   position: relative;
   display: block;
   height: 120px; width: 100%;
}

#logo h1 a img {
   display: block;
   position: absolute;
   left: 0; top: 0;
}

#logo h1 {
   padding: 0;
   font-size: 1.1em;
   line-height: 1.1em;
   font-weight: bold;   
   position: relative;
}

#logo h1 span {
   position: absolute;
   top: 68px;
   left: 146px;
   width: 500px; 
   display: block;
}

#firstnav {
   background-color: #627c82;
   margin-right: 8.72em;
   z-index: 100;
   position: relative;
}

#firstnav ul {
   list-style: none;
   width: 100%;
}

#firstnav ul li {
   float: left;
   width: 16.4%;
   background-color: #627c82; /* firefox 1.0 */
   
}

#firstnav ul li.last {
	width: 18%;
	margin-right: -1%;
}

#firstnav ul li a, #firstnav ul li strong {
   color: #fff;
   font-size: 0.8em;
   display: block;
   font-weight: bold;
   text-decoration: none;
   padding: 5px 3px 5px 14px;
   position: relative;
   text-transform: uppercase;
   
}

#firstnav ul li a.nopointer { /* bei vorhandenem kontextmenü, sonst nicht! */
   cursor: default;
}

#firstnav ul li.intra a { background: transparent url(bilder/intradot.gif) no-repeat top left; }
#firstnav ul li.verdi a { background: transparent url(bilder/reddot.gif) no-repeat top left; }
#firstnav ul li.service a { background: transparent url(bilder/servicedot.gif) no-repeat top left; }
#firstnav ul li.branchen a { background: transparent url(bilder/branchendot.gif) no-repeat top left;}
#firstnav ul li.jugend a { background: transparent url(bilder/jugenddot.gif) no-repeat top left;}
#firstnav ul li.aktive a { background: transparent url(bilder/aktivedot.gif) no-repeat top left;}
#firstnav ul li.presse a { background: transparent url(bilder/pressedot.gif) no-repeat top left;}

#firstnav ul li.intra a:hover { background-color: #f37e16; }
#firstnav ul li.verdi a:hover { background-color: #cc0033; }
#firstnav ul li.service a:hover { background-color: #7f9cbd; }
#firstnav ul li.branchen a:hover { background-color: #404040; }
#firstnav ul li.jugend a:hover { background-color: #99cc00; }
#firstnav ul li.aktive a:hover { background-color: #b20b0d; }
#firstnav ul li.presse a:hover { background-color: #192568; }

#firstnav li {
   position: relative;
   /*z-index: 550; fuer ie (welche version??) wichtig! */
}

#firstnav li a span, #firstnav li strong span {
   display: none;
   text-transform: none;
}

#firstnav li a:hover span,
#firstnav li a:focus span {
   position: absolute;
   left: 10px; top: -3.2em;
   border: 1px solid #333;
   background-color: #fff;
   width: 230px; height: 2.4em;
   display: block;
   color: #333;
   font-weight: normal;
   font-size: 0.9em;
   padding: 2px;
}

#firstnav li div#verdisub,
#firstnav li div#servicesub,
#firstnav li div#branchensub,
#firstnav li div#jugendsub,
#firstnav li div#aktivesub,
#firstnav li div#pressesub {
   display: none;
   position:absolute;
   left:0;
   top: 26px;
   width: 210px;
   font-weight:normal;
   font-size:0.9em;
}

#firstnav li div#verdisub a,
#firstnav li div#servicesub a,
#firstnav li div#branchensub a,
#firstnav li div#jugendsub a,
#firstnav li div#aktivesub a,
#firstnav li div#pressesub a {
   text-transform: uppercase;
   height: 14px;
   padding-top: 3px;
   padding-bottom: 3px;
   font-size: 0.78em;
   cursor: pointer;
}

#firstnav li div#verdisub a:hover,
#firstnav li div#servicesub a:hover,
#firstnav li div#branchensub a:hover,
#firstnav li div#jugendsub a:hover,
#firstnav li div#aktivesub a:hover,
#firstnav li div#pressesub a:hover,
#firstnav li div#verdisub a:active,
#firstnav li div#servicesub a:active,
#firstnav li div#branchensub a:active,
#firstnav li div#jugendsub a:active,
#firstnav li div#aktivesub a:active,
#firstnav li div#pressesub a:active {
   text-decoration: underline;
}

#firstnav li.intra div#verdisub a {
   border-top: 1px solid #B75F11;
   background: #F37E16 url(bilder/intranetdot_d.gif) no-repeat top left;
}
#firstnav li.intra div#verdisub a:hover,
#firstnav li.intra div#verdisub a:active,
#firstnav li.intra div#verdisub a:focus {
   background: #B75F11 url(bilder/intranetdot_d.gif) no-repeat top left;
}
#firstnav li.intra div#verdisub {
   background-color: #F37E16;
}

#firstnav li.verdi div#verdisub a {
   border-top: 1px solid #990127;
   background: #c03 url(bilder/verdidot_d.gif) no-repeat top left; 
}
#firstnav li.verdi div#verdisub a:hover,
#firstnav li.verdi div#verdisub a:active,
#firstnav li.verdi div#verdisub a:focus {
   background: #990127 url(bilder/verdidot_d.gif) no-repeat top left; 
}
#firstnav li.verdi div#verdisub {
   background-color: #c03;
}

#firstnav li.service div#servicesub a {
   border-top: 1px solid #607ea2;
   background: #7f9cbd url(bilder/servicedot_d.gif) no-repeat top left; 
}
#firstnav li.service div#servicesub a:hover,
#firstnav li.service div#servicesub a:active,
#firstnav li.service div#servicesub a:focus {
   background: #607ea2 url(bilder/servicedot_d.gif) no-repeat top left; 
}
#firstnav li.service div#servicesub {
   background-color: #7f9cbd;
}

#firstnav li.branchen div#branchensub a {
   border-top: 1px solid #6a6a6c;
   background: #404040 url(bilder/branchendot_d.gif) no-repeat top left; 
}
#firstnav li.branchen div#branchensub a:hover,
#firstnav li.branchen div#branchensub a:active,
#firstnav li.branchen div#branchensub a:focus {
   background: #6a6a6c url(bilder/branchendot_d.gif) no-repeat top left; 
}
#firstnav li.branchen div#branchensub {
   background-color: #404040; 
}

#firstnav li.jugend div#jugendsub a {
   border-top: 1px solid #77a200;
   background: #9c0 url(bilder/jugenddot_d.gif) no-repeat top left; 
}
#firstnav li.jugend div#jugendsub a:hover,
#firstnav li.jugend div#jugendsub a:active,
#firstnav li.jugend div#jugendsub a:focus {
   background: #77a200 url(bilder/jugenddot_d.gif) no-repeat top left; 
}
#firstnav li.jugend div#jugendsub {
   background-color: #9c0;
}

#firstnav li.aktive div#aktivesub a {
   border-top: 1px solid #77090c;
   background: #b20b0d url(bilder/aktivedot_d.gif) no-repeat top left; 
}
#firstnav li.aktive div#aktivesub a:hover,
#firstnav li.aktive div#aktivesub a:active,
#firstnav li.aktive div#aktivesub a:focus {
   background: #77090c url(bilder/aktivedot_d.gif) no-repeat top left; 
}
#firstnav li.aktive div#aktivesub {
   background-color: #b20b0d;
}

#firstnav li.presse div#pressesub a {
   border-top: 1px solid #555e99;
   background: #192568 url(bilder/pressedot_d.gif) no-repeat top left; 
}
#firstnav li.presse div#pressesub a:hover,
#firstnav li.presse div#pressesub a:active,
#firstnav li.presse div#pressesub a:focus {
   background: #555e99 url(bilder/pressedot_d.gif) no-repeat top left; 
}
#firstnav li.presse div#pressesub {
   background-color: #192568;
}
/* /Kopfbereich mit Logo, Zielgruppennavigation und Keyvisual */

#navbalken {
   width: 100%;
   font-size: 1px;
   height: 7px;
   margin-left: -3px;
   padding-right: 3px;
   position: relative;
   z-index: 13;
  background-color: #C03;

}#navstart {   width: 100%;   font-size: 1px;   height: 7px;   margin-left: 0px;   padding-right: 0px;   position: relative;   z-index: 13;  background-color: #C03;}

#wrapper {
   width: 100%;
   min-width: 42em;
	max-width: 64em;
	margin: 0; 
	text-align: left;
   position: relative;
   /* background: #fff url(bilder/header_image.jpg) no-repeat top right; */
}

#outer {
   background: #fff url(bilder/rightbg.gif) repeat-y top right;
   width: auto;
	padding-right: 8.72em;
	padding-left: 12.7em;
}
			
#inner {
   position: relative;
	width: 100%;
	margin: 0;
}

#navigation {
   position: absolute;
   border-top: 7px solid #c03;
   padding-top: 21px;
   top: 0;
   left: -12.7em;
   width:200px;
   z-index: 10;
}

#right {
   width: 8.72em;
	margin-right: -8.72em;
	float: left;
	position: relative;
	z-index: 11;
	overflow: hidden;
   margin-top: -7px;
   background-color: #dae3e5;
   font-size: 1em;
}

#content {
   width: 100%;
	float: left;
	position: relative;
	background-color: #fff;
   font-size: 1.1em;
}

#navigation ul {
   font-size: 0.8em;
}

#content #breadcrumb p {
   padding: 0;
   padding-top: 2px;
   padding-bottom: 1px;
   line-height: 1.6em;
   position: relative;
   color: #333;
   font-size: 0.6em;
}

#content #breadcrumb p a {
   color: #5C5A5B;
   text-decoration: none;
}

#content #breadcrumb a:hover {
   text-decoration: underline;
}

#content .spacing {
   padding-left: 7px;
   padding-right: 7px;
   padding-bottom: 14px;
}

.bannercontainer div {
   background-repeat: no-repeat;
}

/* text- und flashboxen im inhaltsbereich */
#content div.textbox, div.textbox {
   border: 1px solid #637C83;
   background-color: #fafafa;
   padding: 7px;
   text-align: left;
   margin-top: 7px;
   margin-bottom: 0.7em;
}

#content div.flashbox {
   margin: 7px 0;
}
#content div.textbox.none, div.textbox.none,
#content div.flashbox.none, div.flashbox.none {
   margin-top: 7px;
   margin-bottom: 7px;
}

#content div.textbox.fcenter, div.textbox.fcenter,
#content div.flashbox.fcenter, div.flashbox.fcenter {
   text-align: left;
   margin-left: auto;
   margin-right: auto;
}

#content div.textbox.fleft, div.textbox.fleft,
#content div.flashbox.fleft, div.flashbox.fleft {
   float: left;
   margin-right: 7px;
   margin-top: 7px;
}

#content div.textbox.fright, div.textbox.fright,
#content div.flashbox.fright, div.flashbox.fright {
   float: right;
   margin-left: 7px;
   margin-top: 7px;
}

#content div.textbox.gradient {
   background-image: url(bilder/line_gradient_textbox_internet.gif);
   background-repeat: repeat-x;
   background-color: #DDE2E6;
}
/* /textboxen im inhaltsbereich */

/* bildboxen im inhaltsbereich */
#content div.imagebox,
div.imagebox {
   padding: 7px;
   margin: 7px;
}

#content div.imagebox a img, div.imagebox a img, a img, #content a img {
    border: none;
}

#content div.imagebox.right, div.imagebox.right {
   margin-right: 0;
   float: right;
}

#content div.imagebox.left, div.imagebox.left {
   margin-left: 0;
   float: left;
}

#content div.imagebox.center, div.imagebox.center {
   margin-left: auto;
   margin-right: auto;
   float: none;
}

#content div.box div.imagebox img, div.imagebox img {
    margin: 0; padding: 0; border: 0;
    margin-bottom: 7px;
}

/* workaround, falls die bildbox zu breit ist, damit der text nicht
   daneben steht, sondern unterhalb des bildes */
#content div.box div.imagebox img {
   float: none;
}

#content img.right {
   margin-left: 7px;
   margin-right: -7px !important;
}

/******************************/
/* definitionen rechte spalte */
/******************************/

#right .box {
	padding: 7px;
}

#right .hiddenstructure {
	display: none;
}

#right .divider {
   font-size: 1px;
   background-color: #627c82;
   height: 20px;
}

#right .bannercontainer {
   padding: 7px;
   background: transparent url(bilder/reddot.gif) no-repeat right top;
   border-top: 1px solid #c03;
}

.bp {
   position: relative;
   width: 126px;
   min-height: 10px;
}

.bannertrans { /* auch in ie.css -> transparentes png */
	position: absolute;
	bottom: 0; right: 0;
	width: 126px;
	height: 8px;
	background: url(bilder/rightrow_gradient.png);
	background-color: transparent;
}

#right .bannercontainer.first,
#right div div.bannercontainer.first {
	padding: 0;
	background-color: #627c82;
   background-image: none;
	border: none;
}

#right a.intern, 
#right span.intern {
   display: block;
   margin: 0;
   background-image: url(bilder/link_intern_mini.gif);
   background-position: 0 2px;
   background-repeat: no-repeat;
   padding-left: 14px;
   color: #c03;
}

#right a span.date {
   color: #000;
}

#right img {
   border: none;
   display: block;
   margin: 0; padding: 0;
}
#right img.inline {
	display: inline;
}

#right .bannercontainer p.imagetitle {
   font-size: 0.65em;
   margin: 0; padding: 0;
}

#right .bannercontainer div p,
#right .bannercontainer a,
#right .bannercontainer strong,
#right .bannercontainer h3 {
   font-size: 0.65em;
}

#right .bannercontainer p a,
#right .bannercontainer p strong,
#right .bannercontainer p em,
#right .bannercontainer h4, #right .bannercontainer h4.normal,
#right .bannercontainer strong strong {
   font-size: 1.0em;
}

#right .bannercontainer a {
   color: #c03;
   text-decoration: none;
}

div.group { padding: 4px 7px; }
div.group.nopad { padding: 0 0 4px 7px; }
div.group.top { border-top: 1px solid #fff; }
div.group.bottom { border-bottom: 1px solid #fff; }

#right form.fastsearch { /* ie.css aufgrund von guilloutine-bug */
   padding-top: 3px;
}

.fastsearch input {
   margin-bottom: 3px;
}

#right label {
   font-size: 0.68em;
}

#right form.fastsearch label {
	font-size: 0.8em;
	color: #fff;
   font-weight: bold;
}

input.text.fastsearch { /* textfeld */
   padding: 2px;
   font-size: 0.78em;
   width: 11em; vertical-align: top;
}

#right form.fastsearch input.submit.search {
   color: #fff; background-image: url(bilder/magnifier.gif); background-repeat: no-repeat;
   background-position: 0 2px;
   font-weight: bold;
   background-color: #627c82;
   border: none;
   font-size: 0.65em;
   cursor: pointer;
   padding-left: 20px;
   overflow: visible;
}
#right form.fastsearch a.internal.white {
   color: #fff;
   background-image: url(bilder/link_intern_mini_white.gif);
   background-repeat: no-repeat;
   padding-left: 20px;
}

#right input.submit {
   background-color: #EEEEE6;
   font-size: 0.65em;
   cursor: pointer;
}

#right input.text {
   font-size: 0.65em;
}

#right input.text.login, #right input.text.password {
   width: 11em;
}

#right .bannercontainer h1,
#right .bannercontainer h2,
#right .bannercontainer h3,
#right .bannercontainer h4 {
   margin-top: 7px;
   margin-bottom: 3px;
   font-size: 0.68em;
   color: #000;
   font-weight: bold;
}

#right .bannercontainer p a, #right .bannercontainer p { font-size: 0.65em; }
#right .bannercontainer p a { font-size: 1em; }
#right .bannercontainer p { margin-top: 0; margin-bottom: 2px; }
#right .bannercontainer a.box {display: block; color: #fff; width: 122px; background-color: #627c82; padding: 2px; }
/* definitionen rechte spalte */

/* service funktionen am fuss der seite */
div#contentf div#contentfooter ul {
   margin-top: 4px;
	list-style-type: none;
}
div#contentf div#contentfooter li {
   font-size: 0.7em;
	float: right;
	margin-left: 9px;
}
div#contentf div#contentfooter li a { text-decoration: none; color: #000; display: block; }
div#contentf div#contentfooter li .changedate { color: #999; display: block; margin-right: 7px;}

a.top { padding-left: 12px; background: transparent url(bilder/top.gif) no-repeat 0 3px; }
a.recommend { padding-left: 17px; background: transparent url(bilder/sendmail.gif) no-repeat 0 4px; }
a.print { padding-left: 14px; background: transparent url(bilder/print.gif) no-repeat 0 3px; }
/* /service funktionen am fuss der seite*/


/*special elements*/
.unsichtbar{
   display: none;
   width: 1px;
   height: 1px;
   font-size: 0px;
   margin-top: -1px;
   margin-left: -1px;
}

.clear {
   clear: both;
   font-size: 0px;
   height: 6px;
}

div.hider {
   position: relative;
}

div.hider .hide {
   position: absolute;
   top: -2000px;
   left: -2000px;
}
/*special elements*/


/*******************************/
/* content stylesheet komplett */
/*******************************/


li p {
    display: inline;
}

#content p,
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6,
#content blockquote,
#content div.blockquote,
#content div
#content ul, #content ol, #content dl,
#content li, #content dt, #content dd,
#content form,
#content table, #content tr, #content th, #content td {
	padding: 0; margin: 0;
}

#content p, #content ul li, #content td, #content th {
   line-height: 1.4em;
}

#content u, u {
   text-decoration: none;
}

hr {
   border: none;
   border-top: 1px solid #c03;
   color: #c03;
   height: 1px;
   overflow: hidden;
   clear: both;
}

#content blockquote,
#content div.blockquote {
	margin-left: 2em;
}

#content a { color: #C03; text-decoration: underline; }
#content a:hover { text-decoration: underline; }
#content a:visited {
	 color: #9E002D;
    text-decoration: underline;
}
#content a:active {
	color: #000;
	text-decoration: underline;
}

#content a.intern, 
#content span.shortlink, 
#content span.intern,
a.internal {
   background-image: url(bilder/link_intern.gif);
   background-position: 0 3px;
   background-repeat: no-repeat;
   padding-left: 14px;
   color: #c03;
   cursor: pointer;
}

#content div.showshortlink {
	width: 100%;
	text-align:right;
}

#contentf a.internal {
   background-image: url(bilder/link_intern.gif);
   background-position: 0 3px;
   background-repeat: no-repeat;
   padding-left: 14px;
   color: #c03;
}

#content a.extern, 
#content span.extern,
a.external {
   background-image: url(bilder/link_extern.gif);
   background-position: 0 3px;
   background-repeat: no-repeat;
   padding-left: 14px;
   color: #c03;
}

#content a.rss, 
a.rss { /* definition in ie6.css */
   background-image: url(bilder/rss.gif);
   background-position: 0 3px;
   background-repeat: no-repeat;
   padding-left: 14px;
   color: #c03;
}

/* links in listen haben kein icon */
#content li a.intern, 
#content li span.intern,
li a.internal,
#content li a.extern, 
#content li span.extern,
li a.external {
   background: none;
   padding-left: 0;
   color: #c03;
}
/* /links in listen haben kein icon */

#content #pagegrouplist li a.intern {
   background-image: url(bilder/link_intern.gif);
   background-position: 0 3px;
   background-repeat: no-repeat;
   padding-left: 14px;
}

#content .box a.description,
#content .box a.description:active,
#content .box h3 a {
   color: #000;
   text-decoration: none;
}
#content .box a.description:hover,
#content .box h3 a:hover,
#content .box h3 a:visited {
   text-decoration: none;
   color: #000;
}

#content .box a.description:visited span.intern {
   color: #9E002D;
}

#content .box a.description:hover span.intern {
   text-decoration: underline;
}

#content p,
#content blockquote,
#content div.blockquote,
#content td,
#content th,
#content li,
#content div.box  { /* dies ist nur dafuer da, dass die boxen innerhalb von td und innerhalb von div.box gleich sind */
	font-size: 0.7em;
}

#content h1 {
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 0.7em;
   line-height: 1.3em;
}
#content h2 {
	font-size: 1.3em;
  	margin-bottom: 0.65em;
   line-height: 1.2em;
}
#content h3 {
	font-size: 1.2em;
	margin-bottom: 0.6em;
   line-height: 1.3em;
}
#content h4 {
	font-size: 1.1em;
	margin-bottom: 0.55em;
}
#content h4 .changedate { color: #999; margin-right: 7px;}

#content h5, #content h6 {
	font-size: 1em;
	margin-top: 0;
	margin-bottom: 0.5em;
}

/* abweichende ueberschriftenformate */
#content div.box div.showsubsites h2 {
   font-size: 1.1em;
   margin-bottom: 0;
}
#content div.box div.showsubsites p {
   margin: 0;
   margin-bottom: 7px;
}

#content ul,
#content ol {
   margin-left: 20px;
	margin-top: 5px;
   margin-bottom: 0.7em;
}

#content div.download {
   margin-bottom: 3px;
   margin-top: 5px;
}

#content ol {
   margin-left: 35px;
}

#content ol ul {
   margin-left: 15px;
}

div#content div.pagecontent div.box p,
div#content div#folderlisting div.box p,
div#content div#folderlisting div.box div.download {
   margin-bottom: 0.7em;
}

/* Inhaltsseiten - Listenbild */
#content .pagecontent ul,
#content .portalrow ul,
#content .intranetrow ul,
#content .box ul {
	list-style-image: url(bilder/verdired-square-small.gif);
}

#content div#contentfooter ul {
   list-style-image: none;
}

/* Inhaltsseiten - korrektur ol bricht links raus */
#content .pagecontent ol {
	margin-left: 50px;
}

#content .box p em,
#content .portalrow em,
#content .intranetrow em {
   font-style: italic;
   color: #000;
}

#content .box p em.date,
#content em.date {
   font-style: normal;
   color: #c03;
}

#content span.date {
   font-size: 0.8em;
   color: #555;
}

#content a span.downloadlink {
   font-size: 0.9em;
   color: #555;
}

#content table.legend {
	width: 100%;
   background-color: #dedede;
   background-repeat: no-repeat;
	border: solid 1px #000;
}
#content table.legend th {
	text-align: left;
}
#content table.legend td,
#content table.legend th {
	padding: 1px;
	padding-left: 3px;
	padding-right: 3px;
}

/* ver.di-Standard-Tabellen */
#content table.verditable,
#content table.darkalt,
#content table.alt,
#content table.std {
   table-layout: auto;
   border: none;
   border: 1px solid #cad5d7;
   border-bottom: none; border-right: none;
}

#content table.verditable td.head,
#content table.darkalt td.head,
#content table.alt td.head,
#content table.std td.head {
   font-weight: bold;
}

#content table.verditable th, #content table.verditable td,
#content table.darkalt th, #content table.darkalt td,
#content table.alt th, #content table.alt td,
#content table.std th, #content table.std td {
   vertical-align: top;
   text-align: left;
   padding: 3px;
   border-bottom: 1px solid #cad5d7;
   border-right: 1px solid #cad5d7;
}

#content table.verditable th, #content table.verditable td.head, #content table.verditable tr.even td.head, #content table.verditable tr.odd td.head,
#content table.darkalt th, #content table.darkalt td.head, #content table.darkalt tr.even td.head, #content table.darkalt tr.odd td.head,
#content table.alt th, #content table.alt td.head, #content table.alt tr.even td.head, #content table.alt tr.odd td.head,
#content table.std th, #content table.std td.head, #content table.std tr.even td.head, #content table.std tr.odd td.head {
   background-color: #cad5d7;
}

#content table.verditable td,
#content table.darkalt td,
#content table.alt td,
#content table.std td,
#content table.std td.even, #content table.std th.even,
#content table.std td.odd, #content table.std th.odd {
   background-color: #fff;
}

#content table.darkalt th {
   background-color: #cad5d7;
}

#content table.darkalt tr.odd td {
   background-color: #fff;
}

#content table.darkalt tr.even td, #content table.darkalt th.even {
   background-color: #d7dfe1;
}

#content table.alt tr.even td, #content table.alt th.even, #content table.verditable tr.even td  {
   background-color: #eff0f2;
}
/* /ver.di-Standard-Tabellen */

/* ausrichtungen innerhalb von tabellen. */
#content table.alt td.left,
#content table.darkalt td.left,
#content table.std td.left {
   text-align: left;
}

#content table.alt td.center,
#content table.darkalt td.center,
#content table.std td.center {
   text-align: center;
}

#content table.alt td.right,
#content table.darkalt td.right,
#content table.std td.right {
   text-align: right;
}
/* /ausrichtungen innerhalb von tabellen. */

#content table {
	border:0;
}

#content td, 
#content th {
	vertical-align: top;
}

#content div {
	margin: 0;
	padding: 0;
}

#content table.portalrow {
   margin-bottom: 7px;
   width: 100%;
}

.w50 { width: 50%; }
.w33 { width: 33%; }
.w34 { width: 34%; }
.w66 { width: 66%; }
.w67 { width: 67%; }
.w40 { width: 40%; }
.w60 { width: 60%; }

#content table.portalrow td {
   background-color: #DAE3E5;
   padding: 0;
}

#content table.portalrow .box,
#content div.box { /* definition in ie.css */
	background-color: #DAE3E5;
	border-top-style: solid;
	border-top-width: 1px;
	background-repeat: no-repeat;
	padding: 7px;
	padding-top: 6px;
   margin: 0;
}

#content table.portalrow .boxempty {
   padding: 7px;
   padding-top: 6px;
   border-top-width: 1px;
}

#content table.portalrow .boxempty .rowempty {
   width: 100%;
}

#content div.box.notopborder {
   border-top: none;
}

#content div.box.tspace {
   margin-top: 7px;
}

#content div.box {
	margin-right: 2px;
}

#content table.portalrow .box img,
#content div.box img {
   float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}

#content table.portalrow .box img.right,
#content div.box img.right {
   float: right;
   padding-right: 7px;
}

#content table.portalrow .box img.none,
#content div.box img.none {
   float: none;
   clear: both;
}

/* zentrieren der bilder */
#content table.portalrow .box div.center,
#content div.box div.center {
   width: 100%;
   float: none;
   clear: both;
   text-align: center;
}

#content table.portalrow .box img.center,
#content div.box img.center {
   float: none;
}

/* bildunterschrift trotz allem linksausgerichtet. */
#content table.portalrow .box div.center p.imagecaption,
#content div.box div.center p.imagecaption,
#content table.portalrow .box div.center p.imagepublisher,
#content div.box div.center p.imagepublisher {
   text-align: left;
}
/* /zentrieren der bilder */

/* bildunterschrift mit kleinerer schrift */
#content div.box .imagebox p.imagecaption,
#content div.box .imagebox p.imagepublisher,
#content table.portalrow .box p.imagecaption,
#content table.portalrow .box p.imagepublisher {
   font-size: 0.9em;
   margin-bottom: 0;
}
/* /bildunterschrift mit kleinerer schrift */

#content div.box p.small, .small {
   font-size: 0.87em;
}

#content div.headerclass, div.headerclass, p.headerclass {
	color: #c03;
	text-transform: uppercase;
	font-size: 0.9em;
	font-weight: bold;
	margin: 0;
   margin-bottom: 5px;
}
#content table.portalrow .box p.headerclass, #content div.box p.headerclass {
	color: #c03;
	text-transform: uppercase;
	font-size: 0.9em;
	font-weight: bold;
	margin: 0;
   margin-bottom: 5px;
}

/* texte */
#content table.portalrow .box p,
#content div.box p {
	margin:0;
	margin-top: 2px;
   margin-bottom: 1.4em;
}
/* Inhaltsseiten - Absaetze */
#content div.pagecontent div.box p {
	margin-bottom: 1.4em;
}

#content table.portalrow .box p.pportal,
#content table.intranetrow .box p.pportal {
   margin-bottom: 7px;
}

#content table.portalrow .whitespacer {
	background-color: #fff;

}

#content table.portalrow .whitespacer div {
	width: 7px;
}

#content ul.news {
   list-style-image: none;
	list-style-type: none;
	margin:0; padding:0;
	background-image: url(bilder/newscontainer_news.gif);	
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 14px;
}
#content ul.news li {
	margin:0;
	padding:0;
	font-size: 0.9em;
}
#content ul.news li em {
	font-style: normal;
	color: #c03;
}
#content ul.news li strong {
   text-transform: uppercase;
}

#content div.news {
    padding:2px;
    padding-top:1em;
    padding-bottom:1em;
}

#content div.news.employees, #content div.news.volunteers {
    background-color: #fffcb5;

}

#content div.news .linkblock {
    margin-top:-1em;
}

/* Inhaltsseiten - pagegrouplist */
#content #pagegrouplist {
	font-size: 0.78em;
	background-color: #DDE4E9;
	border-style: solid;
	border-width: 1px;
	border-color: black;
   margin: 0 0 7px 0;
	padding: 7px;
}

#content #pagegrouplist h1 {
	color: black;
	margin-top: 0px;
	margin-bottom: 3px;
	padding-bottom: 0px;
	padding-top: 0px;
}

#content #pagegrouplist ul {
   list-style-type: none;
}

#content #pagegrouplist li {
   font-size: 0.9em;
	list-style-type: none;
	margin-left: -30px;
	padding-left: 14px;
}


/* Inhaltsseiten Download Icons */
/* download allgemein */
#content div.download {
   margin-bottom: 0.8em;
}

#content p.ddescription {
   margin-top: 0;
}

#content div.download p {
   margin-bottom: 0;
}

#content p.ddescription span.descr {
   display: block;
}

#content a.filelink {
   text-decoration: none;
	padding: 0 0 0 16px;
	background-image: url(bilder/filelink.gif);
   background-position: left 2px;
   background-repeat: no-repeat;
}

#content a.filelink:hover {
   text-decoration: none;
}

#content a.filelink span.underline {
   text-decoration: underline
}

#content a.filelink:hover span.underline {
   text-decoration: underline
}


/* !!!!! ACHTUNG: auch in Druckversion einbauen! !!!! */

/* document download */
#content a.filelink.doc {
	background-image: url(bilder/filelink_doc.gif);
}

/* pdf download */
#content a.filelink.pdf {
	background-image: url(bilder/filelink_pdf.gif);
}

#content a.filelink.xls {
	background-image: url(bilder/filelink_xls.gif);
}

#content a.filelink.zip {
	background-image: url(bilder/filelink_zip.gif);
}

#content a.filelink.ppt {
	background-image: url(bilder/filelink_ppt.gif);
}

#content a.filelink.img {
	background-image: url(bilder/filelink_img.gif);
}

#content a.filelink.audio {
	background-image: url(bilder/filelink_audio.gif);
}

#content a.filelink.video {
	background-image: url(bilder/filelink_video.gif);
}

/* !!!!! ACHTUNG: auch in Druckversion einbauen! !!!! */

/* filedownloads visited */
#content a.filelink:visited, #content a.docfilelink:visited, #content a.pdffilelink:visited {
	color: #9E002D;
}

/* site specific styles */
.verdikachel {
	background-image: url(bilder/reddot.gif);
}
.verditopborder {
	border-top-color: #CC0033;
}

.branchenkachel {
	background-image: url(bilder/branchendot.gif);
}
.branchentopborder {
	border-top-color: #404040;
}

.aktivekachel {
	background-image: url(bilder/aktivedot.gif);	
}
.aktivetopborder {
	border-top-color: #b20b0d;
}

.jugendkachel {
	background-image: url(bilder/jugenddot.gif);	
}
.jugendtopborder {
	border-top-color: #64b34d;
}

.pressekachel {
	background-image: url(bilder/pressedot.gif);	
}
.pressetopborder {
	border-top-color: #192568;
}

.servicekachel {
	background-image: url(bilder/servicedot.gif);	
}
.servicetopborder {
	border-top-color: #7f9cbd;
}

#content table td.tablandesbezirke {
	padding: 3px 5px;
}

/* ein "workaround" fuer die scriftgroessen - dadurch wird das 
   kreuzprodukt bei der schachtelung aufgehoben */
#content td td,
#content td input.button,
#content td li,
#content td p,
#content td th,
#content td blockquote,
#content td div.blockquote

#content p td,
#content p li,
#content p p,
#content p th,
#content p blockquote,

#content th td,
#content th li,
#content th p,
#content th th,
#content th blockquote,

#content li td,
#content li li,
#content li p,
#content li th,
#content li blockquote,

#content blockquote td,
#content blockquote li,
#content blockquote p,
#content blockquote th,
#content blockquote blockquote,

#content div.blockquote div.blockquote,

#content div.box td,
#content div.box th,
#content div.box li,
#content div.box p,
#content td div.box,
#content div.box blockquote {
	font-size: 1.0em;
}


#content div.clearit, div.clearit {
    clear: both;
    height: 0;
    font-size: 0;
    overflow: hidden;
}
 
#content ul.linklist{
	list-style-type: none;
	padding-left: 0;
	margin-left: 20px;
}

/* contact form */
#formbox {
	width: 480px;
}

#content #formbox p {
   margin-top: 10px;
   margin-bottom: 15px;
   line-height: 1.3em;
}

#formbox legend {
   display: none;
}

#formbox div.clearit {
   height: 10px;
}

.formcolbez {
   float: left;
	width: 200px;
   padding-left: 10px;
   text-align: right;
   padding-right: 10px;
}

span.noduty {
   background: transparent url(bilder/form_grau.gif) right top no-repeat;
}
span.duty {
   background: transparent url(bilder/form_rot.gif) right top no-repeat;
}
span.duty span, span.noduty span {
   display: none;
}

.formcolelem {
	float: right;
	width: 250px;
	display: block;
   text-align: left;
   line-height: 1.4em;
 }

input.formelem {
	border: 1px solid #a5acb2;
	width: 223px;
	margin-right: 10px;
	display: block;
}

#contactform .formrows {
   width: 500px;
   margin: 0;
   padding-bottom: 2px;
}

#contactform .formcolbez {
   width: 150px;
   padding:0;
   text-align: left;
}

#contactform .formcolelem {
   float: left;
	width: 350px;
	text-align: left;
   line-height: 1.4em;
 }

#contactform .formelem {
	border: 1px solid #a5acb2;
	width: 330px;
	margin-right: 10px;
	display: inline;
}

#contactform .formelem.anrede { width: 60px; }
#contactform .formelem.plz { width: 56px; }
#contactform .formelem.membernum { width: 100px; }
#contactform .formelem.short { width: 60px; }
#contactform .formelem.add { width: 260px; }

input.long {
	border: 1px solid #a5acb2;
	width: 300px;
}

/* contact form end */

input.button {
   background-color: #EEEEE6;
   padding: 0px 8px;
   font-size: 0.78em;
}

button {
   background-color: #EEEEE6;
   padding: 0px 8px;
   
   font-size: 0.78em;
}


/* extended search */
#content div.box h3 a.result {color: #c03; margin: 0; padding: 0; }
#content div.box h3 a.result:hover{text-decoration: underline;}
#content div.box h3 a.result:visited{color: #c03;}

.url {font-size: 0.92em; color: #333;}
.text1 {height: 80px;}

.searchrows {
	clear : both;
  }

.searchbez {
	float: left;
	width: 215px;
	font-size: 10px;
  }
.searchbezsmall {
	float: left;
	width: 110px;
}

.searchformbig {
	border: 1px solid #a5acb2;
	width: 187px;
	margin-top: 2px;
}
.actSearchPage {
	font-weight: bold;
	color: #CC1A50;
}
.searchnavigation { 
	font-size: 12px;
	word-spacing: 4pt;
	color: #000;
	text-align:center;
}

fieldset legend,
#formextsearch fieldset legend {
	display: none;
}

span.none { display: none; }
h1.inv { display: none; }
h2.invisible {display: none;}
/* /extended search */


/* classes for the forum */
img.icenter {
   margin-top: 4px;
   margin-left: 4px;
}

img.ileft {
   margin-left: 8px;
   margin-top: -3px;
}

#content div.statusbox {
	width: 85%;
	border: 1px solid #c03;
	background-color: #fff;
	color: #000;
   padding: 7px;
   margin-bottom: 14px;
   margin-top: 14px;
}

#content div.box img.forum {
   margin-right: 2px;
   margin-bottom: 0;
   float: none;
}

#content div.box p.forumbread {
   font-size: 0.94em;
}

#content div.box p.fleft {
   float: left;
}

#content div.box p.fright {
   float: right;
}

#content div.box div.beitrag {
   background-color: #fff;
   padding: 7px;
}

#content div.box div.beitrag a.download {
   background-repeat: no-repeat;
   background-position: 0 2px;
   padding-left: 16px;
}

#content div.box div#diskussion ul {
   list-style-type: none;
   list-style-image: none;
   padding: 0; margin: 0;
   border: 1px solid #d7dfe1;
   background-color: #fff;
}
#content div.box div#diskussion ul ul {
   border: none;
}
#content div.box div#diskussion ul li.active {
   padding: 0; margin: 0;
}

#content div.box div#diskussion ul li.active strong {
   display: block;
   padding: 3px;
}

#content div.box div#diskussion ul ul li {
   padding: 0; margin: 0;
   background-color: #eff0f2;
   
}
#content div.box div#diskussion ul ul li.odd {
   background-color: #fff;
}
#content div.box div#diskussion ul ul li a,
#content div.box div#diskussion ul ul li.active strong {
   display: block;
   background-repeat: no-repeat;
   background-position: 0 0;
   margin-left: 7px;
   padding-left: 16px;
   padding-top: 3px;
   padding-bottom: 3px;
   background-image: url(bilder/leer_mit_beinchen.gif);
   text-decoration: none;
}
#content div.box div#diskussion ul li a span {
   text-decoration: underline;
}

#content div.box div#diskussion ul ul li a strong,
#content div.box div#diskussion ul ul li.active a strong {
   display: inline;
   background: none;
   margin: 0; padding: 0;
   font-weight: normal;
}

#content div.box div#diskussion ul ul li li.active a strong, 
#content div.box div#diskussion ul ul li li li.active a strong, 
#content div.box div#diskussion ul ul li li li li.active a strong, 
#content div.box div#diskussion ul ul li li li li li.active a strong, 
#content div.box div#diskussion ul ul li li li li li li.active a strong { margin-left: 0; }

#content div.box div#diskussion ul ul li a strong span.date,
#content div.box div#diskussion ul ul li strong span.date {
   text-decoration: none;
   font-weight: normal;
}

/* einrueckungen fuer das forum */
#content div.box div#diskussion ul ul li li a, #content div.box div#diskussion ul ul li li.active strong { margin-left: 14px; }
#content div.box div#diskussion ul ul li li li a, #content div.box div#diskussion ul ul li li li.active strong { margin-left: 21px; }
#content div.box div#diskussion ul ul li li li li a, #content div.box div#diskussion ul ul li li li li.active strong { margin-left: 28px; }
#content div.box div#diskussion ul ul li li li li li a, #content div.box div#diskussion ul ul li li li li li.active strong { margin-left: 35px; }
#content div.box div#diskussion ul ul li li li li li li a, #content div.box div#diskussion ul ul li li li li li li.active strong { margin-left: 42px; }
/* / classes for the forum */

/* Intranet styles */
#content .intranetrow h2 {
   color: #c03;
	text-transform: uppercase;
	font-size: 0.9em;
	font-weight: bold;
	margin:0;
   margin-bottom: 5px;
}

#content .intranetrow h3 {
   font-size: 0.9em;
	margin-top: 0;
	margin-bottom: 5px;
}

#content table.intranetrow {
	margin-bottom: 7px;
	width: 100%;
}

#content div.intrabox {
	margin-bottom: 7px;
}

#content table.intranetrow .box, table.intranetrow .box {
	background-color: #fffcb5;
   border-top: 1px solid #f37e16;
	background-repeat: no-repeat;
   background-image: url(bilder/intradot.gif);
	padding: 7px;
	padding-top: 6px;
}

#content div.intrabox, #content table.portalrow div.intrabox {
	background-color: #fffcb5;
   border-top: 1px solid #f37e16;
	background-repeat: no-repeat;
   background-image: url(bilder/intradot.gif);
	padding: 7px;
	padding-top: 6px;
}

#content table.intranetrow .box img {
   float: left;
	margin-right: 7px;
	margin-bottom: 5px;
}

#content table.intranetrow .box img.right {
   float: right;
}

#content table.intranetrow .box a.intern.haupt, #content table.intranetrow .box a.intern.alle {
   background-position: 0 0;
}
#content table.intranetrow .box img.link {
   margin: 0;
   float: none;
   vertical-align: middle;
}

/* texte */
#content table.intranetrow .box p {
	margin: 0;
	margin-top: 2px;
   min-height: 21px;
   margin-bottom: 1.4em;
   height: auto;
}

#content div.pagecontent div.box.kachel.intrabox p,
#content div.intrabox p {
	margin: 0;
	margin-top: 2px;
   min-height: 21px;
   margin-bottom: 1.4em;
   height: auto;
}

#content table.intranetrow .whitespacer {
	background-color: #fff;
	width: 5px;
}
#content table.intranetrow .whitespacer div {
	width: 5px;
}

#content table.intranetrow a.intracmd,
#content table.intranetrow a.intracmd2 {
   border: 1px solid #627c82;
   color: #c03;
   padding: 0px 9px;
   display: block;
   float: left;
   font-size: 0.9em;
   margin-left: 8px;
   margin-right: 8px;
   white-space: nowrap;
   text-decoration: none;
}

#content div.intrabox a.intracmd, 
#content div.intrabox a.intracmd2 {
   display: block;
   float: left;
   margin: 0; padding: 0;
   border: 1px solid #627c82;
   color: #c03;
   padding: 0px 9px;
   font-size: 0.9em;
   margin-left: 8px;
   margin-right: 8px;
   white-space: nowrap;
   text-decoration: none;
}

#content table.intranetrow a.intracmd2 {
   margin-left: 0px;
   margin-top: 5px;
}

#content table.intranetrow a.intracmd:hover { text-decoration: none; }

#content table.intranetrow a.intracmd img {
   float: none;
   margin: 0px;
}

#content div.intrabox p.pintra {
   margin: 0; padding: 0;
   margin-bottom: 5px;
}
#content div.intrabox p.pintra.small {
   font-size: 0.6em;
   margin-bottom: 0;
}

#content table.intranetrow a.intraint {
   background-image: url(bilder/link_intern.gif);
   background-repeat: no-repeat;
   background-position: 0 3px;
   padding-left: 15px;
   padding-right: 5px;
}

form.intranetform select, form.intranetform input {
   font-size: 0.85em;
}
/* intranet styles */
#content div.whiteline {
   height: 7px;
   overflow: hidden;
   font-size: 1px;
   background-color: #fff;
   margin-top: 7px;
   margin-left: -7px;
   margin-right: -7px;
}
#content div.inbox {
   border-top: 1px solid #f37e16;
   background-repeat: no-repeat;
   background-image: url(bilder/intradot.gif);
   margin-left: -7px;
   margin-right: -7px;
   padding-top: 7px;
   padding-left: 7px;
   padding-right: 7px;
   width: 100%;
}

#content .pagecontent div.intra {
	background-color: #fffcb5;
   border-top: 1px solid #f37e16;
   background-image: url(bilder/intradot.gif);
}

#right div.intra {
   background: #fffcb5 url(bilder/intradot.gif) no-repeat right top;
   border-top: 1px solid #f37e16;
}

.intra .rightcol-downloads {
   padding-top:33px;
   background-image: url(../++resource++infoicons-intranet/download.gif);
}
.intra .rightcol-aktionen {
   padding-top:33px;
   background-image: url(../++resource++infoicons-intranet/aktionen.gif);
}
.intra .rightcol-diskussion {
   padding-top:33px;
   background-image: url(../++resource++infoicons-intranet/diskussion.gif);
}
.intra .rightcol-schwarzesbrett {
   padding-top:33px;
   background-image: url(../++resource++infoicons-intranet/schwarzesBrett.gif);
}
.intra .rightcol-kontakt {
   padding-top:33px;
   background-image: url(../++resource++infoicons-intranet/kontakt.gif);
}
.intra .rightcol-links {
   padding-top:33px;
   background-image: url(../++resource++infoicons-intranet/links.gif);
}
.intra .rightcol-newsletter {
   padding-top:33px;
   background-image: url(../++resource++infoicons-intranet/newsletter.gif);
}
.intra .rightcol-termine {
   padding-top:33px;
   background-image: url(../++resource++infoicons-intranet/termine.gif);
}
.intra .rightcol-themen {
   padding-top:33px;
   background-image: url(../++resource++infoicons-intranet/themen.gif);
}
.intra .rightcol-tipps{
   padding-top:33px;
   background-image: url(../++resource++infoicons-intranet/tipps.gif);
}
.intra .rightcol-auseinander{
   padding-top:33px;
   background-image: url(../++resource++infoicons-intranet/allgemein_verschieden.gif);
}
.intra .rightcol-bloecke-1{
   padding-top:33px;
   background-image: url(../++resource++infoicons-intranet/allgemein_statstik1.gif);
}
.intra .rightcol-bloecke-2{
   padding-top:33px;
   background-image: url(../++resource++infoicons-intranet/allgemein_statstik2.gif);
}
.intra .rightcol-handy{
   padding-top:33px;
   background-image: url(../++resource++infoicons-intranet/allgemein_handy1.gif);
}
.intra .rightcol-hilfe{
   padding-top:33px;
   background-image: url(../++resource++infoicons-intranet/allgemein_hilfe.gif);
}
.intra .rightcol-menschen{
   padding-top:33px;
   background-image: url(../++resource++infoicons-intranet/allgemein_aktionen.gif);
}
.intra .rightcol-pause{
   padding-top:33px;
   background-image: url(../++resource++infoicons-intranet/allgemein_kaffeetass.gif);
}
.intra .rightcol-ziel{
   padding-top:33px;
   background-image: url(../++resource++infoicons-intranet/allgemein_schuss.gif);
}
.intra .rightcol-uhr{
   padding-top:33px;
   background-image: url(../++resource++infoicons-intranet/allgemein_uhr.gif);
}
.intra .rightcol-zusammen{
   padding-top:33px;
   background-image: url(../++resource++infoicons-intranet/allgemein_zueinand.gif);
}
.intra .rightcol-kontakt2{
   padding-top:33px;
   background-image: url(../++resource++infoicons-intranet/allgemein_handy2.gif);
}

#rundschreibenform .formrows {
   width: 650px;
   margin: 0;
   padding-bottom: 0.6em;
}

#rundschreibenform .formcolbez {
   width: 150px;
   padding:0;
   text-align: left;
}

#rundschreibenform .formcolelem {
   float: left;
	width: 450px;
	text-align: left;
   line-height: 1.4em;
 }

#rundschreibenform .formelem {
	border: 1px solid #a5acb2;
	width: 450px;
	margin-right: 10px;
	display: inline;
   /*font: normal 11px verdana;*/
}

#rundschreibenform #title {
    margin-left: 24px;
}


#rundschreibenform textarea.formelem {
    height: auto;
    width: auto;
    margin-left: 24px;
    font-family: "Courier New", Courier, monospace;
}

#rundschreibenform .formelemlink {
	border: 1px solid #a5acb2;
	width: 400px;
	margin-right: 10px;
	display: inline;
   /*font: normal 11px verdana;*/
}


#rundschreibenform .fileinput {
	font-size: 400px;
}


#rundschreibenform .formelem.anrede { width: 60px; }
#rundschreibenform .formelem.plz { width: 56px; }
#rundschreibenform .formelem.membernum { width: 100px; }
#rundschreibenform .formelem.short { width: 60px; }
#rundschreibenform .formelem.add { width: 260px; }


#rundschreibenform .formelem.datum { 
	width:auto; 
	margin-right:4px;	
}


#rundschreibenform .formelem.jahr { 
	width:auto; 
	margin-right:8px;	
}

#rundschreibenform .formelem.anhang { 
	width:200px; 
	margin-right:4px;		
}

.hidden {
    display: none;
}

#attachment-container {
    width: 260px;
    padding:1em;
}

.attachment-widget {
    float:left;
    width:440px;
    height:45px;
    margin-bottom:1em;    
}

.attachment-widget .filedisplay {
    float:left;
    width:240px;
}

.attachment-widget .buttons {
    float:left;
    width:100px;
}

.attachment-widget .buttons button {
    width:80px;
}

#attachment-editor {
    float:right;
    width:240px;
    height:100px;
    border: none;
}

#attachment-editor-iframe {
    width:240px;
    height:100px;
    border: none;
}

.sorthelper
{
	background-color: #E7AB44;
	float: left;
}
.sortableactive
{
	background-color: #eee;
}
.sortablehover
{
	background-color: #f0f0f0;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

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

div.attachmentwidget.loading {
	background-image: url(bilder/ajax-loader.gif);
    background-repeat:no-repeat;
    background-position: center;
}

/* content stylesheet komplett */

.loadframe {
    border: 10px solid red;
}
#right select {
   padding: 2px;
   font-size: 0.58em;
   width: 126px; 
   vertical-align: top;
   /*background-color: #627C82;
   color: #fff;*/
   border: 1px solid #fff;
}
#right select.highlight {
    /*color: #f00;
    font-weight:bold;*/
    /*border: 3px solid #f00;*/
    /*background-color: #F37E16;*/
}

/*.download.employees {
    background-image: url(../++resource++composer-images/h-man.gif);
    background-position: right;
    background-repeat:no-repeat;
}

.download.volunteers {
    background-image: url(../++resource++composer-images/e-man.gif);
    background-position: right;
    background-repeat:no-repeat;
}
*/


#content div.box.login-form p, #content td.login-form p{
    font-size: 0.9em;
}
#content .login-form .formrows {
    width:100%;
}
#content .login-form .formcolbez {
    width:100px;
    text-align:left;
    padding:0;
}
#content .login-form label, #content td.login-form label {
    font-size: 0.9em;    
}
#content .login-form .formcolelem {
	width: 150px;    
}
#content .login-form .formelem {
	width: 150px;    
}
#content .login-form #formbox{
    /*background-color: #627C82;*/
    background-image: url(../++resource++styleimages-verdide/infobox_bg.jpg);
    border: 1px solid #ABBABD;
    color: #000;
    padding:0.5em;
    width:47%;
    margin-left:14px;
    float:right;
}

#content .explanation-box {
    background-image: url(../++resource++styleimages-verdide/infobox_bg.jpg);
    background-repeat: repeat-x;
    background-color: #ABBABD;
    border: 1px solid #ABBABD;
    border-top: none;
}
#content .explanation-box.first {
    border-top: 1px solid #ABBABD;
}
#content .explanation-head {
    background-color: #F9FAFC;
    background-image: url(../++resource++styleimages-verdide/infobox_max.gif);
    background-repeat: no-repeat;
    background-position: center right;
    font-size:0.9em;
}
#content .explanation-box.open .explanation-head {
    background-image: url(../++resource++styleimages-verdide/infobox_min.gif);
}
#content .explanation-head a {
    padding:0;   
    padding-left: 20px;
    background-image: url(../++resource++styleimages-verdide/infobox_fragezeichen.gif);
    background-repeat: no-repeat;
    text-decoration: none!important;
    display:block; 
    height:16px;
    line-height:16px;
}
#content .explanation-head.form a {
    background-image: url(../++resource++styleimages-verdide/infobox_pfeil.gif);
}

#content .explanation-body {
    display:none;
    padding:1em;
}