/*
   master-kaygo, version 1.10
   copyright 2008, cyne GmbH
   history:
      01.12.2008  1.0   rothf, webert                          initial version
      21.01.2009  1.1   webert                                 fixed table tbody .checkbox to work with asp spans around checkboxes
      27.01.2009  1.2   webert                                 new grid-layout
      29.01.2009  1.3   webert                                 new button-layout for dashboard
      05.02.2009  1.4   oessl                                  new button-layout for normal buttons
      10.02.2009  1.5   webert                                 border-fix for newElement
      12.02.2009  1.6   webert                                 added min-height for div.content
      02.03.2009  1.7   webert                                 fix checkboxes and img.icon within interactiveElements
      05.03.2009  1.8   webert                                 new class for thumbnails added
      06.03.2009  1.9   webert                                 fix infoContainer imager to text
      06.03.2009  1.10  webert                                 fix p in fckeditor newElement divs
      08.05.2009  1.10  mwaltinger                             neue Klasse contactheader
	  14.05.2009  1.11  mwaltinger							   neue Klasse container_content_print
	  20.05.2009  1.12  mwaltinger							   button[disabled]

 */

/**************** Standard-Tags ********************/
* {																				/* Alle Elemente der Seite */
	margin: 0em;																/* Abstand von allen elementen entfernen */
	padding: 0em;																/* Innen-Abstand von allen elementen entfernen */
	}
html {
	height: 100%;																/* fuer 100% Bezuege der children, alle ausser IE 6 */
	}
body {
	height: 100%;																/* fuer 100% Bezuege der children IE 6 */
	font-size: 100.1%;														/* Empfohlen nach EFA (einfach für alle) */
	background-color: #efedeb;
   font-family: Tahoma, Arial, Helvetica, "Bitstream Vera Sans", Verdana, sans-serif;
   color: #444;
   line-height: 1.3em;
   }
a {
   outline: none;                                              /* hide dotted outline in Firefox */
   text-decoration: none;
   cursor: pointer;
   }
h1, h2 {                                                       /* für barrierearme logo-positionierung und skalierbarkeit logo */
   font-size: 1em;
   }
table {
	font-size: 0.8em;
	width: 100%;
	background-color: #fff;
	}
td, th {
   font-weight: normal;
	vertical-align: top;
	text-align: left;
	padding: 0.3em;
   }
img {
   border: 0;
   }
   
/**************** Inhalte Head *********************/
.logo {
   position: absolute; left: 0; top: 1.5em;
   display: block;
   }
.dashboard, .loginArea {
   position: absolute; right: 0; top: 2.2em;
   width: 38em;
   height: 3.8em;
   }
.loginArea {
   text-align: right;
   }
.dashboard {
   background: url(/pics/template/bg_dashboard.gif) repeat;
   border: 1px solid #D6E3EF;
   }   
.dashboard p {
   padding: 0.2em 0.5em 0.2em 0.5em;
   color: #999;
   font-size: 0.7em;
   line-height: 1.6em;
   }
.dashboard a {
   color: #000;
   }
.dashboard a:hover {
   text-decoration: underline;
   }
.dashboard div.buttons {
   position: absolute;
   right: 1em;
   bottom: 0.5em;
   font-size: 0.6em;
   margin: 0;
   }
.dashboard div.buttons a.button {                              /* speziell im Dashboard den Marketing-Button als standard-Button verwenden */
   background: url(/pics/template/buttons/bg_marketing_button.gif) repeat;
   }
.dashboard div.buttons a.button:hover {
   background: url(/pics/template/buttons/bg_marketing_button_over.gif) repeat;
   }

/**************** Inhalte Container (nav bis foot)**/
.siteContainer p {
   font-size: 0.8em;
   margin-left: 0.6em;
   margin-right: 0.6em;   
   margin-bottom: 1.3em;
   }
.siteContainer p.hint {
   font-size: 0.7em;
   margin-left: 0.7em;
   }
.siteContainer p.error {
   color: #f00;
   }
.siteContainer p.success {
   color: #15A935;
   }
.siteContainer h1, h2 {
   font-weight: bold;
   font-size: 0.8em;
   margin-left: 0.6em;
   }
.siteContainer img {
   display: block;
   margin: 0.5em;
}
.siteContainer a {
   color: #0F89CF;
   }   
.siteContainer a:hover {
   text-decoration: underline;
   }
.a_inactive 
{
	color:Gray;
}
/**************** speziell Body ********************/
.content {
   background: #fff;
   border: 1px solid #E3E5E9;
   min-height: 25em;                                 /* min-height für IE - geht leider nicht über iehack.css */
	height:auto !important;                           /* für moderne Browser */
	height: 25em;
   }
.content p {
   margin-right: 17em;
   }
.content ul {
   font-size: 0.8em;
   margin: 0 17em 1.3em 2em;   
   }

/**************** speziell Sidebar *****************/
.sideBarModule {
   margin-bottom: 0.25em;
   border: 1px solid #E3E5E9;
   background: #fff;
   }
img.thumbnail, .sideBar input.icon {
   height: 32px;
   width: 32px;
   }
   
/**************** Inhalte Foot *********************/
.siteFoot, .siteFoot a {
   color: #999999;
   margin-right: 0.5em;
   }
.siteFoot a:hover {
   text-decoration: none;
   }

/**************** Development **********************/
dfn, .barrierFree, .barrierFreeNavigation a, .barrierFreeNavigation a:visited, .barrierFreeNavigation a:hover {
	display: inline;
	font-size: 0.8em;
	height: 0;
	left: -1300px;
	line-height: 1.6em;
	overflow: hidden;
	position: absolute;
	top: -1000px;
	width: 0;
	}
.code {
   background-color: #fbfbfb;
   border-color: #0F89CF;
   border-width: 1px 0 1px 0;
   border-style: dashed;
   margin: 0 0 1.3em 0;
   padding-top: 1em;
   }

/**************** nicht-interaktive Tabellen *******/
div.nonActiveTable {
   margin: 0.5em;
   }
div.nonActiveTable table {
   border-collapse: collapse;
   border: 1px solid #E3E5E9;
   }
div.nonActiveTable table td {
	border: 1px solid #E3E5E9;
   }

/**************** Teaser-Tabellen ******************/
div.teaserTable {
   margin: 0.8em;
   }
div.teaserTable table {
   border-collapse: collapse;
   border: 1px solid #E3E5E9;
   }
div.teaserTable table tr {
   background-color: #F9F9F9;
   }   
div.teaserTable table td {
   padding: 0.2em;
   vertical-align: middle;
	border-bottom: 1px solid #E3E5E9;
   }
div.teaserTable table td a {
   color: #444444;
   }

/**************** Interaktive Tabellen *************/
.elementTop {
   background-image: url(/pics/template/interactive/element_gradient_top.gif);
   background-repeat:  repeat-x;
   }
.elementBottom {
   background-image: url(/pics/template/interactive/element_gradient_bottom.gif);
   background-repeat: repeat-x;
   background-position: bottom;
   }
.elementTop td {
   padding-bottom: 0;
   }
.elementBottom td, table th {
	border-style: solid;
	border-color: #E3E5E9;
	border-width: 0px 0px 1px 0px;
	padding-top: 0;
	}
.elementBottom a {
   margin-right: 1.2em;
   }
a.toggleDown {
   background: url(/pics/icons/element_toggle_down.gif) no-repeat;
   background-position: center left;
   padding-left: 16px;
   color: #444;
   }
a.toggleUp {
   background: url(/pics/icons/element_toggle_up.gif) no-repeat;
   background-position: center left;
   padding-left: 16px;
   color: #444;
   }
img.icon {
   display: inline;
   height: 16px;
   width: 16px;
   margin: 0;
   margin-top: 0.1em;
   }
table tbody td.headline {
	font-weight: bold;
	}
table tbody .checkbox, table tbody span.checkbox input {
	margin: 0;
	padding: 0;
	}
.centered {
	text-align: center;
	}
table .additional {
   font-size: 0.8em;
	}

/**************** Interaktive Tabellen NEW *********/
.newTableHeader, .newElement {
   font-size: 0.8em;
   }
.newTableHeader {
   border-bottom: 1px solid #E3E5E9;
   }
.newElement {
   border-color: #E3E5E9;
   border-style: solid;
   border-width: 0 1px 0 1px;
   }   
.newElement .new .subject {         font-weight: bold; }
.newElement .new img.icon {         background: url(/pics/icons/nachricht-neu.gif) no-repeat; }
.newElement .read img.icon {        background: url(/pics/icons/nachricht-gelesen.gif) no-repeat; }
.newElement .forwarded img.icon {   background: url(/pics/icons/beantworten.gif) no-repeat; }
.newElement .answered img.icon {    background: url(/pics/icons/weiterleiten.gif) no-repeat; }

.newElementTop {
   background-image: url(/pics/template/interactive/element_gradient_top.gif);
   background-repeat:  repeat-x;
   }
.newElementBody {
   clear: both;
   }
.newElementBottom {
   background-image: url(/pics/template/interactive/element_gradient_bottom.gif);
   background-repeat: repeat-x;
   background-position: bottom;
   border-color: #E3E5E9;
   border-style: solid;
   border-width: 0 0 1px 0;
   padding-left: 9em;
   }
.newElementBottom a {
   margin-right: 1.2em;
   }
.newElementTop .checkbox, .newElementTop span.checkbox input {
   margin: 0 0 0 0.5em;
   padding: 0;
   }
.newElementBody .checkbox, .newElementBody span.checkbox input {
   margin: 0 0 0 0.5em;
   padding: 0;
   }
.content div.newElement p {
   margin: 0;
   font-size: 1em;
   }   
.floatLeft {
   float: left;
   }
.newElement .headline { font-weight: bold; }
.additional {
   font-size: 0.8em;
	}


/**************** allgemeine Definitionen **********/
div.infoContainer {
   margin: 0.6em;
   border: 2px solid #BEBEBE;
   background: url(/pics/marketing/bg_microsite.gif) repeat-x #F5F5F5 left bottom;
   }
div.infoContainer img, div.profile img {
   float: left;
   }
div.profile img {
   margin-top: 0;
   }
div.infoContainer h1, div.infoContainer p,
div.profile h1, div.profile p {
   margin-left: 11em;
   }
div.proContainer h1, div.proContainer p {
   margin-left: 0.8em;
   margin-right: 0.8em
   }
div.infoContainer h1 {
   margin-top: 1em;
   }
div.buttons {
   margin-left: 0.6em;
   font-size: 0.8em;
   margin-bottom: 1em;
   }
a.button, input.button div.button{
   color: #444 ! important;
   border: 1px solid #CADFF4;
   background: url(/pics/template/bg_button_normal.gif) repeat #E4F1FE;
   line-height: 1em;
   padding: 0.1em 0.4em 0.2em 0.4em;
   }
a.button:hover, input.button:hover {
   text-decoration: none ! important;
   background: url(/pics/template/bg_button_normal_over.gif) repeat #EDF6FD;
   color: #095B8B;
   }
input.button:focus, input.button:active {
   text-decoration: none;
   border: 1px solid #CADFF4;
   }
input.button {
   cursor: pointer;
   font-size: 1em;
   line-height: 1em;
   background: url(/pics/template/bg_button_normal.gif) repeat #E4F1FE;
   width: auto;
   margin: 0;
   padding: 0 0.3em 0.15em 0.3em;
   }
a[disabled], input.button[disabled] {
	color:#888888 ! important;
	}
@media screen and (-webkit-min-device-pixel-ratio:0) {
   input.button { padding: 0.3em 0.4em 0.32em 0.4em; }
   }	
img.contacticon {
   height: 32px;
   width: 32px;
   }
/* 08.05.2009 mw */ 
div.contactheader {
   margin: 0.6em;
   }
div.contactheader img {
   float: right;
   display:inline;
   }
div.contactheader h1, div.contactheader p {
   margin-right: 11em;
   }
div.contactheader h1 {
   margin-top: 1em;
   margin-left: 0em;
   }
/* 14.05.2009 mw */ 
div.container_content_print {
	background-color: #fff;
	width: 95%;
	float: left;
	padding-left: 10px;
	border-top: 1px solid white;
}
