/* --- CSS Datei canisvital.de fuer Firefox - Opera - Safari  --- */
/* --- 10.2008 ch.glaser                                      --- */




/* --- Inhalt--- */

#inhalt { 
	position: absolute;
	width: 666px;	
	margin-left: 40px;
	padding-right: 20px;
	padding-top: 170px;
	padding-left: 210px;
	padding-bottom: 30px;

	min-height: 602px;

	margin-right: 210px;
	top: 0px;
	left: 0px;
/*	bottom: 85px;  */
	border: 1px solid #009999;
	overflow: hidden;
	z-index:61;
}




/* --- Leiste auf der rechten Seite als Seitenmodul --- */

#leiste_r { 
	position: absolute;
	width: 800px;
	top: 98px;
	left: 142px;
	overflow: auto;

	z-index: 61;
}

/* --- Leiste linker unterer Inhaltsrand als Seitenmodul --- */

#leiste_u { 
	position: relative;
	width: 200px;
	top: 35px;
	left: -215px;
	overflow: visible;

	z-index: 61;
}




/* --- Icon links neben der Ueberschrift --- */

#icon_ueb { 
	position: absolute;
	width: 52px;	

	top: 170px;
	left: 250px;
	overflow: auto;
	z-index:61;
}



/* --- Trennlinie zwischen Header und Inhalt --- */

#linie_oben { 
	position: absolute;
	width: 888px;
	top: 102px;
	left: 50px;
	overflow: auto;
	border-bottom: 1px solid #009999;
	z-index: 601;
}





/* --- Header mit Grafik --- */

#grafik_oben { 
	position: absolute;
	width: 900px;
	height: 126px;
	top: 0px;
	left: 38px;
	overflow: hidden;
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
	z-index: 59;

}



/* --- Navigationsbox links --- */

#menu_box { 
	position: absolute;
	width: 190px;
	height: 300px;
	top: 240px;
	left:45px;
/*	bottom: 85px; */
	overflow: hidden;
	z-index: 290;
}






/* ---------------- Definition Navigation  ----------------------------------------------*/
.transMenu {
 position:absolute ; 
 overflow:hidden; 
 left:-1000px; 
 top:-1000px; 
}
.transMenu .content {
 position:absolute  ; 
}
.transMenu .items {
 width: 75px; border: 0px solid #FFFFFF ; 
 position:relative ; 
 left:0px; top:0px; 
 z-index:2; 
}
.transMenu  td
{
 padding: 5px 5px 5px 5px !important;  
 font-size: 12px !important ; 
 font-family: Arial, Helvetica, sans-serif !important ; 
 text-align: left !important ; 
 font-weight: bold !important ; 
 color: #009933 !important ; 
} 
#subwrap 
{ 
 text-align: left ; 
}
.transMenu  .item.hover td
{ 
 color: #003300 !important ; 
}
.transMenu .item { 
 height: 19px; text-decoration: none ; 
 cursor:pointer; 
 cursor:hand; 
}
.transMenu .background {
 background-color: #FFFFFF !important ; 
 position:absolute ; 
 left:0px; top:0px; 
 z-index:1; 
 opacity:0.85; 
 filter:alpha(opacity=85) 
}
.transMenu .shadowRight { 
 position:absolute ; 
 z-index:3; 
 top:-3000px; width:2px; 
 opacity:0.85; 
 filter:alpha(opacity=85)
}
.transMenu .shadowBottom { 
 position:absolute ; 
 z-index:1; 
 left:-3000px; height:2px; 
 opacity:0.85; 
 filter:alpha(opacity=85)
}
.transMenu .item.hover {
 background-color: #FFFFFF !important ; 
}
.transMenu .item img { 
 margin-left:10px !important ; 
}
table.menu {
 top: 0px; 
 left: 0px; 
 position:relative ; 
 margin:0px !important ; 
 border: 0px solid #FFFFFF ; 
 z-index: 1; 
}
table.menu a{
 margin:0px !important ; 
 padding: 5px 5px 5px 5px !important ; 
 display:block !important; 
 position:relative !important ; 
}
div.menu a,
div.menu a:visited,
div.menu a:link {
 width:75px; 
 height:19px; 
 font-size: 12px !important ; 
 font-family: Arial, Helvetica, sans-serif !important ; 
 text-align: left !important ; 
 font-weight: normal !important ; 
 color: #009933 !important ; 
 text-decoration: none !important ; 
 margin-bottom:0px !important ; 
 display:block !important; 
 white-space:nowrap ; 
}
div.menu td {
 border-bottom: 0px dashed #FFC819 ; 
 border-top: 0px dashed #FFC819 ; 
 border-left: 0px dashed #FFC819 ; 
 background-color: #FFFFFF !important ; 
} 
div.menu td.last {
 border-right: 0px dashed #FFC819 ; 
} 
#trans-active a{
 color: #003300 !important ; 
 background-color: #FFFFFF !important ; 
} 
#menu a.hover   { 
 color: #003300 !important ; 
 background-color: #FFFFFF !important ; 
}
#menu span {
 display:none; 
}


p {
	font-family: arial, tahoma, verdana, sans-serif;
	font-style: normal; 
	font-size: 12px;
	color: #003300; 
	}

.contentheading {
	font: bold 16px verdana, sans-serif;
	color: #009999; 
	}

	h1 { 
	font: bold 18px verdana, sans-serif;
	color: #009999; 
	}

	h2 { 
	font: bold 16px verdana, sans-serif;
	color: #009999; 
	}

	h3 { 
	font: bold 16px verdana, sans-serif;
	color: #009999; 
	}

	h4 { 
	font: bold 16px verdana, sans-serif;
	color: #009999; 
	}

	h5 { 
	font: bold 16px verdana, sans-serif;
	color: #009999; 
	}

	h6 { 
	font: bold 16px verdana, sans-serif;
	color: #009999; 
	}
















/* :::::::::::::::::::::::::: Stand IE7  ENDE  ::::::::::::::::*/



/* --- Definition Schriften  --- */





/*  Definition  body: Position, Hintergrund, Grundschrift   */

body { 
    position:absolute;
    background:#FFFFFF;
	font-family: tahoma, verdana, arial;
	font-size: 0.9em;
        background-color: none;
}



/*  Definition Logo   */





/* Definition Inhalt  */

#content { 
	position:relative;
	height: 1000px; 
	top: 120px;
	left: 8px;



	z-index: 2;
}



* Weiter mit browserübergreifenden Deklarationen */
	
/* Die Formatierung der Module */
table.moduletable	{
	width: 95%;
	padding-left: 2px;
	text-align: left;
	font-size: 0.8em;
}

/* Überschrift der Module */
table.moduletable.th {
	text-align: left;
	font-weight: bold;
	font-size: 0.8em;
}

/* Inhalte der Module */
table.moduletable.td {
	font-size: 0.6em;
	font-weight: lighter;
}

/* All internal headings, modulueberschriften,..... including the contact page */
.contentheading, .componentheading {
	font-weight: bold;
	font-size: 16px;
	padding-left: 39px;
	padding-top: 4px;
	color: #009999; 
	padding-bottom: 35px;


/*  Position Ueberschrift    */
/*	padding-left: 200px;  */
}

/* Definition Navigationspfad                                     */

#pathway {
  	left: 135px;
  	top: 110px;
  	position: fixed;
 	z-index:100;
}

.pathway {
  	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 8px;
	color:#009933;
}  

/*  SUCHEN Button, Position,....  */






.button {
	font-size: 0.8em;
	background-color: #D3A485;
	color: #ffffff;
	border: 1px solid;
	width: 50%;
}

.inputbox {
	font-size: 0.9em;
	color: #009933;
	background: #FFFFFF;
	border: 1px solid;
	width: 100px;

}



.inputbox_login {
	font-size: 0.9em;
	color: #CC0033;
	background: #FFFFFF;
	border: 1px solid;

	margin-top: 5px;
	width: 100px;
}




table.moduletable {
	width: 30%;
	margin-left: 10px;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}






/* menu anfang */



.ddmx{
border:0px solid #FFFFFF !important ; 
}
.ddmx a.item1,
.ddmx a.item1:hover,
.ddmx a.item1-active,
.ddmx a.item1-active:hover {
 padding: 5px 5px 5px 5px !important ; 
 top: 0px !important ; 
 left: 0px; 
 font-size: 12px !important ; 
 font-family: Arial, Helvetica, sans-serif !important ; 
 text-align: left !important ; 
 font-weight: normal !important ; 
 color: #009933 !important ; 
 text-decoration: none !important ; 
 display: block; 
 white-space: nowrap; 
 position: relative; 
 width:75px; 
 height:19px; 
}
.ddmx td.item11 {
 background-color: #FFFFFF !important ; 
 padding:0 !important ; 
 border-top: 0px dashed #FFC819 !important ; 
 border-left: 0px dashed #FFC819 !important ; 
 border-bottom: 0px dashed #FFC819;
 border-right: 0 !important ; 
 white-space: nowrap !important ; 
 width:75px; 
 height:19px; 
}
.ddmx td.item11-last {
 background-color: #FFFFFF !important ; 
 padding:0 !important ; 
 border: 0px dashed #FFC819 !important ; 
 white-space: nowrap; 
 width:75px; 
 height:19px; 
}
.ddmx td.item11-acton {
 padding:0 !important ; 
 border-top: 0px dashed #FFC819 !important ; 
 border-left: 0px dashed #FFC819 !important ; 
 white-space: nowrap; 
 border-bottom: 0px dashed #FFC819;
}
.ddmx td.item11-acton-last {
 border: 0px dashed #FFC819 !important ; 
}
.ddmx .item11-acton-last a.item1,
.ddmx .item11-acton a.item1,
.ddmx .item11-acton-last a:hover,
.ddmx .item11-acton a:hover,
.ddmx .item11 a:hover,
.ddmx .item11-last a:hover,
.ddmx a.item1-active,
.ddmx a.item1-active:hover {
 color: #003300 !important ; 
 background-color: #FFFFFF !important ; 
}
.ddmx a.item2,
.ddmx a.item2:hover,
.ddmx a.item2-active,
.ddmx a.item2-active:hover {
 padding: 5px 5px 5px 5px !important ; 
 font-size: 10px !important ; 
 font-family: Arial, Helvetica, sans-serif !important ; 
 text-align: left !important ; 
 font-weight: bold !important ; 
 text-decoration: none !important ; 
 display: block; 
 white-space: nowrap; 
 position: relative; 
 z-index:500; 
 width:75px; 
 height:19px; 
 opacity:0.85; 
}
.ddmx a.item2 {
 background-color: #FFFFFF !important ; 
 color: #009933 !important ; 
 border-top: 0px dashed #11B8F4 !important ; 
 border-left: 0px dashed #11B8F4 !important ; 
 border-right: 0px dashed #11B8F4 !important ; 
}
.ddmx a.item2-last {
 background-color: #FFFFFF !important ; 
 color: #009933 !important ; 
 border-bottom: 0px dashed #11B8F4 !important ; 
 z-index:500; 
}
.ddmx a.item2:hover,
.ddmx a.item2-active,
.ddmx a.item2-active:hover {
 background-color: #FFFFFF !important ; 
 color: #003300 !important ; 
 border-top: 0px dashed #11B8F4 !important ; 
 border-left: 0px dashed #11B8F4 !important ; 
 border-right: 0px dashed #11B8F4 !important ; 
}
.ddmx .section {
 border: 0px solid #FFFFFF !important ; 
 position: absolute; 
 visibility: hidden; 
 display: block; 
 z-index: -1; 
}
.ddmxframe {
 border: 0px solid #FFFFFF !important ; 
}
* html .ddmx td { position: relative; } /* ie 5.0 fix */