/***********************************************************
        Standard CSS - Template, Klett & Balmer Datentool
        Autor:                        P.Gutwein, 17.04.2009
        Seitenvorlage:        tml_baum_design_01.html
        Seitentyp:                Seite mit strukturiertem Inhaltsbaum
        Elemente:                Kopf, Breadcrumb - Navigation, Projekttitel, Exitlink, Reiterzeile, Inhaltsbaum, Vorschau, Datei - Informationen

        Dieses Stylesheet definiert Layout und Design aller Elemente des o.g. Seitentemplates.
************************************************************/
/*<-------Div Hintergrund------->*/
div#Hintergrund {
   position:absolute;
   left:50%;
   top:0px;
   height:670px;
   width:960px;
   margin-top:0;
   margin-left:-480px;
   background-color: #FFFFFF;
   z-index:0;
}
/*<-------Div Hintergrund------->*/

/*<-------Div content_wrapper------->*/
div#content_wrapper {
   position:absolute;
   left:50%;
   top:0px;
   height:520px;
   width:860px;
   margin-top:124px;
   margin-left:-430px;
   background-color: #ffffff;
   border: 1px solid #dcdcdc;
   z-index:2;
}
/*<-------Div conten_wrapper------->*/

/*<-------Div Texthintergrund------->*/
div#Texthintergrund {
   position:absolute;
   left:50%;
   top:0px;
   height:520px;
   width:860px;
   margin-top:125px;
   margin-left:-430px;
   background-color: #ffffff;
   z-index:2;
}
/*<-------Div Texthintergrund------->*/

/*<-------Div FAQ------->*/
div#FAQ {
   position:absolute;
   left:50%;
   top:0px;
   height:500px;
   width:820px;
   margin-top:15px;
   margin-left:-410px;
   overflow: auto;
   background-color: transparent;
   z-index:2;
}
/*<-------Div FAQ------->*/

/*<-------Div Kopf------->*/
div#Kopf {
   position:absolute;
   left:50%;
   top:0px;
   height:135px;
   width:960px;
   margin-top:auto;
   margin-left:-480px;
   background-color: #FFFFFF;
   z-index:2;
}
/*<-------Div Kopf------->*/

/*<-------Div Breadcrumb------->*/
div#Breadcrumb {
   position:absolute;
   left:50%;
   top:0px;
   height:20px;
   width:960px;
   margin-top:72px;
   margin-left:-480px;
   z-index:0;
}
/*<-------Div Breadcrumb------->*/

/*<-------Div Breadcrumbinnen------->*/
div#Breadcrumbinnen {
   height:20px;
   width:700px;
   margin-left:50px;
   z-index:5;
}
/*<-------Div Breadcrumbinnen------->*/

/*<-------Div Projekttitel------->*/
div#Projekttitel {
   position:absolute;
   right:0;
   top:0px;
   height:30px;
   width:430px;
   margin-top:17px;
   margin-right:64px;
   z-index:2;
}
/*<-------Div Projekttitel------->*/

/*<-------Div Exitlink------->*/
div#Exitlink {
   position:absolute;
   left:50%;
   top:0px;
   height:20px;
   width:430px;
   margin-top:652px;
   margin-left:0px;
   z-index:3;
}
/*<-------Div Exitlink------->*/

/*<-------Div Reiter------->*/
div#Reiter {
   position:absolute;
   left:50%;
   top:0px;
   height:25px;
   width:860px;
   margin-top:70px;
   margin-left:-430px;
   background-color: transparent;
   z-index:3;
}
/*<-------Div Reiter------->*/

/*<-------Div Fuss------->*/
div#Fuss {
   position:absolute;
   left:50%;
   top:0px;
   width:960px;
   height:20px;
   margin-top:650px;
   margin-left:-480px;
   background-color: #FFFFff;
   z-index:2;
}
/*<-------Div Fuss------->*/

/*<-------Div Beschreibung_links------->*/
div#Beschreibung_links {
        position:absolute;
        left:50%;
        top:0px;
        height:273px;
        width:410px;
        margin-top:277px;
        margin-left:-430px;
        background-color: #FFFFFF;
        z-index:2;
        line-height : 110%;
}
/*<-------Div Beschreibung_links------->*/

/*<-------Div Beschreibung_rechts------->*/
div#Beschreibung_rechts {
        position:absolute;
        left:50%;
        top:0px;
        height:auto;
        width:405px;
        margin-top:305px;
        margin-left:35px;
        background-color: #FFFFFF;
        z-index:2;
        line-height : 110%;
}
/*<-------Div Beschreibung_rechts------->*/

/*<-------Div Text_links------->*/
div#Text_links {
   position:absolute;
   left:50%;
   top:0px;
   height:500px;
   width:410px;
   margin-top:10px;
   margin-left:-420px;
   overflow: auto;
   z-index:3;
}
/*<-------Div Text_links------->*/

/*<-------Div Text_rechts------->*/
div#Text_rechts {
   position:absolute;
   left:50%;
   top:0px;
   height:500px;
   width:410px;
   /*width:385px;*/
   margin-top:10px;
   margin-left:10px;
   overflow: auto;
   z-index:3;
}
/*<-------Div Text_rechts------->*/

/*<-------Div Baum------->*/
div#Baum {
   position:absolute;
   left:50%;
   top:0px;
   height:500px;
   width:410px;
   margin-top:10px;
   margin-left:-420px;
   background-color: #ffffff;
   overflow: auto;
   z-index:3;
}
/*<-------Div Baum------->*/

/*<-------Div Vorschau------->*/
div#Vorschau {
   position:absolute;
   left:50%;
   top:0px;
   height:500px;
   width:410px;
   margin-top:10px;
   margin-left:10px;
   background-color: #ffffff;
   z-index:4;
}
/*<-------Div Vorschau------->*/

/*<-------Div Filedetails_frm------->*/
div#Filedetails_frm {
   position:absolute;
   right:64px;
   top:14px;
   height:1px;
   width:405px;
   background-color: transparent;
   z-index:5;
}
/*<-------Div Filedetails_frm------->*/

/*<-------Div WebNavigation------->*/
div#WebNavigation {
   position:absolute;
   left:50%;
   top:0px;
   height:500px;
   width:300px;
   margin-top:10px;
   margin-left:-420px;
   overflow: auto;
   background-color:transparent;
   z-index:3;
}
/*<-------Div WebNavigation------->*/

/*<-------Div WebContent------->*/
div#WebContent {
   position:absolute;
   left:50%;
   top:0px;
   height:500px;
   width:520px;
   margin-top:10px;
   margin-left:-100px;
   overflow: auto;
   background-color: #ffffff;
   z-index:3;
}
/*<-------Div WebContent------->*/

/*<-------Div Suche------->*/
div#Suche {
   position:absolute;
   left:50%;
   top:0px;
   height:500px;
   width:410px;
   margin-top:10px;
   margin-left:-420px;
   background-color: #ffffff;
   overflow: auto;
   z-index:1;
}
/*<-------Div Suche------->*/

/*<-------Div Suchoptionen------->*/
div#Suchoptionen {
   position:absolute;
   top:0px;
   height:460px;
   width:390;
   margin-top:30px;
   margin-left:0px;
   background-color: #ffffff;
   visibility:hidden;
   z-index:3;
}
/*<-------Div Suchoptionen------->*/

/*<-------Div Sucheingabe------->*/
div#Sucheingabe {
   position:absolute;
   left:50%;
   top:0px;
   height:30px;
   width:390px;
   margin-top:0px;
   margin-left:-205px;
   background-color: #ffffff;
   z-index:2;
}
/*<-------Div Sucheingabe------->*/

/*<-------Div Suchergebnis------->*/
div#Suchergebnis {
   position:absolute;
   top:0px;
   height:450px;
   width:400px;
   margin-top:30px;
   margin-left:0px;
   background-color: #ffffff;
   z-index:2;
   overflow: auto;
}
/*<-------Div Suchergebnis------->*/

/*<-------Div Abstand------->*/
div#Abstand {
           height:24px;
           width:405px;
}
/*<-------Div Abstand------->*/

/*<-------Div Filedetail------->*/
div#Filedetail {
   position:absolute;
   left:0px;
   top:0px;
   height:145px;
   width:405px;
   margin-top:0px;
   margin-left:0px;
   z-index:6;
   visibility:hidden;
   background-image: url("../img/hintergrund_filedetails.gif");
}
div#detailclose {
   position:absolute;
   left:0px;
   top:0px;
   height:20px;
   width:395px;
   margin-top:5px;
   margin-left:5px;
   margin-right:5px;
   z-index:6;
   text-align:right;
   line-height: 21px;
}
div#detailtext {
   position:absolute;
   left:0px;
   top:0px;
   height:105px;
   width:120px;
   margin-top:30px;
   margin-left:20px;
   z-index:6;
   line-height: 21px;
}
div#detaildata {
   position:absolute;
   left:0px;
   top:0px;
   height:105px;
   width:265px;
   margin-top:30px;
   margin-left:120px;
   z-index:5;
   line-height: 21px;
}
/*<-------Div Filedetail------->*/

/*<-------Funktionen------->*/
#Startbutton {
   margin: 20px 0 2px 0;
   z-index:2;
}
#Outbutton {
   z-index:2;
}
/*<-------Funktionen------->*/

/*<-------Funktionsschrift------->*/
.funktionen
{
        FONT-SIZE: 14px; COLOR: #00346A; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
}
A.funktionen:link
{
        COLOR: #00346A; TEXT-DECORATION: none;
}
A.funktionen:visited
{
        COLOR: #00346A; TEXT-DECORATION: none;
}
A.funktionen:active
{
        COLOR: #00346A; TEXT-DECORATION: none;
}
A.funktionen:hover
{
        COLOR: #FF0000; TEXT-DECORATION: none;
}
/*<-------Funktionsschrift------->*/

/*<-------Breadcrumbschrift------->*/
A.breadlink:link
{
        COLOR: #000000; TEXT-DECORATION: none;
}
A.breadlink:visited
{
        COLOR: #000000; TEXT-DECORATION: none;
}
A.breadlink:active
{
        COLOR: #000000; TEXT-DECORATION: none;
}
A.breadlink:hover
{
        COLOR: #000000; TEXT-DECORATION: underline;
}
.breadlink
{
        FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
}
/*<-------Breadcrumbschrift------->*/

/*<-------Datei - Titellink Vorschau------->*/
A.dtitellink:link
{
        COLOR: #003366; TEXT-DECORATION: none;
}
A.dtitellink:visited
{
        COLOR: #003366; TEXT-DECORATION: none;
}
A.dtitellink:active
{
        COLOR: #003366; TEXT-DECORATION: none;
}
A.dtitellink:hover
{
        COLOR: #ff0000; TEXT-DECORATION: underline;
}
.dtitellink
{
        FONT-SIZE: 12px; COLOR: #003366; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
}
/*<-------Datei - Titellink Vorschau------->*/

/*<-------Suche - Schrift------->*/
A.suchbutton:link
{
        COLOR: #003366; TEXT-DECORATION: none;
}
A.suchbutton:visited
{
        COLOR: #003366; TEXT-DECORATION: none;
}
A.suchbutton:active
{
        COLOR: #003366; TEXT-DECORATION: none;
}
A.suchbutton:hover
{
        COLOR: #003366; TEXT-DECORATION: underline;
}
.suchbutton
{
        FONT-SIZE: 13px; COLOR: #000000; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
}
.sucheingabe
{
        FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
}
.suchoptionen
{
        FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
}
/*<-------Suche - Schrift------->*/

/*<-------Format allgemein------->*/
body {
        font-family: Arial, Helvetica, sans-serif;
        color: #000000;
        font-size: 12px;
        padding:0;
        margin:0;
}

p {
        line-height: 18px;
        padding:0;
        margin:0 0 15px 0;
}
#Text_links ul, #Text_rechts ul, #Beschreibung_rechts ul, #Beschreibung_links ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
}
#Text_links ul li, #Text_rechts ul li, #Beschreibung_rechts ul li, #Beschreibung_links ul li {
        margin: 0;
        padding: 0 0 0 10px;
        background-image: url("../img/bg_list.gif");
        background-repeat: no-repeat;
        background-position: left 5px;
        font-size: 12px;
        font-weight: normal;
        line-height: 18px;
}
/*<-------Format allgemein------->*/

/*<-------Font Link------->*/
A:link, A:visited, A:active
{
        COLOR: #003366; font-weight: bold; TEXT-DECORATION: none;
}
A:hover
{
        COLOR: #ff0000; TEXT-DECORATION: underline;
}
/*<-------Font Link------->*/

/*<-------Font Headings------->*/
H1
{
        FONT-SIZE: 20px;
        margin: 0;
        padding: 0;
        line-height: 22px;
}
H2
{
        FONT-SIZE: 14px;
        padding:0;
        margin:0 0 5px 0;
}
H3
{
        margin: 0 0 5px 0;
        padding: 2px 0 0 5px;
        font-weight: bold;
        color: #003366;
        font-size: 12px;
        line-height: 18px;
        border-top: 1px solid #003366;
        border-left: 6px solid #003366;

}
/*<-------Font Headings------->*/

/*<-------WebNavigation------->*/
#WebNavigation ul {
	width:299px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#WebNavigation ul li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#WebNavigation ul li a,
#WebNavigation ul li a:link,
#WebNavigation ul li a:visited {
	display: inline-block;
	margin: 0;
	padding: 10px 0 0 11px;
	background-repeat: no-repeat;
	color: #646464;
	font-size: 12px;
	line-height: 16px;
	text-decoration: none;
	font-weight: normal;
}

#WebNavigation ul li a:hover {
	text-decoration: underline;
	background-image: url("../img/nav_dot_level1.gif");
	background-position: 0 15px;
}

#WebNavigation ul li a.selected {
	text-decoration: underline;
	background-image: url("../img/nav_dot_level1.gif");
	background-position: 0 15px;
}

/* Level 2 */
#WebNavigation ul li ul {
	width:278px;
	padding: 0 0 0 21px;
}

#WebNavigation ul li ul li a:link,
#WebNavigation ul li ul li a:visited {
	margin: 0;
	padding: 5px 0 0 11px;
	background-image: url("../img/nav_dot_level2.gif");;
	background-position: 0 12px;
}

#WebNavigation ul li ul li a:hover {
	margin: 0;
	padding: 5px 0 0 11px;
	text-decoration: underline;
	background-image: url("../img/nav_dot_level1.gif");
	background-position: 0 10px;	
}

#WebNavigation ul li ul li a.selected {
	margin: 0;
	padding: 5px 0 0 11px;
	text-decoration: underline;
	background-image: url("../img/nav_dot_level1.gif");
	background-position: 0 10px;
}

/* Level 3 */
#WebNavigation ul li ul li ul {
	width:257px;
	padding: 5px 0 10px 21px;
}

#WebNavigation ul li ul li ul li a:link,
#WebNavigation ul li ul li ul li a:visited {
	margin: 0;
	padding: 5px 0 0 11px;
	background-image: url("../img/nav_dot_level2.gif");;
	background-position: 0 12px;
}

#WebNavigation ul li ul li ul li a:hover {
	margin: 0;
	padding: 5px 0 0 11px;
	text-decoration: underline;
	background-image: url("../img/nav_dot_level1.gif");
	background-position: 0 10px;
}

#WebNavigation ul li ul li ul li a.selected {
	margin: 0;
	padding: 5px 0 0 11px;
	text-decoration: underline;
	background-image: url("../img/nav_dot_level1.gif");
	background-position: 0 10px;
}
/*<-------WebNavigation------->*/

/*<-------Font Spezial------->*/
/*.web_nav
{
        color: #003366;
        font-weight: bold;
        FONT-SIZE: 12px;
}
.web_nav_selected
{
        color: #ff0000;
        font-weight: bold;
        FONT-SIZE: 12px;
}*/
.faq_thema
{
        margin-top:20px;
           margin-left:0px;
        color: #000000;
}
.faq_thematitel
{
        FONT-SIZE: 14px;
        line-height: auto;
        font-weight: bold;
}
.faq_frage_z
{
        margin-top:10px;
           margin-left:5px;
        FONT-SIZE: 12px;
        line-height: 9px;
        display:block;
}
.faq_frage_o
{
        margin-top:10px;
           margin-left:5px;
        FONT-SIZE: 12px;
        line-height: 9px;
        display:block;
}
div.faq_frage_z, div.faq_frage_o
{
        border-top: 1px solid #003366;
        border-left: 6px solid #003366;
}
.faq_antwort
{
        margin-top:7px;
           margin-left:20px;
        margin-bottom:20px;
        padding-bottom:4px;
        FONT-SIZE: 12px;
        line-height: auto;
        color: #000000;
}
A.faq_frage_z:link, A.faq_frage_z:visited, A.faq_frage_z:active,
A.web_nav:link, A.web_nav:visited, A.web_nav:active
{
        COLOR: #003366; font-weight: bold; TEXT-DECORATION: none;
}
A.faq_frage_o:link, A.faq_frage_o:visited, A.faq_frage_o:active
{
        COLOR: #003366; TEXT-DECORATION: none;
}
A.faq_frage_z:hover, A.faq_frage_o:hover, A.web_nav:hover
{
        COLOR: #ff0000; font-weight: bold;  TEXT-DECORATION: underline;
}


.start, .quit
{
        FONT-SIZE: 14px;
        line-height: 16px;
}
.quitklein
{
        FONT-SIZE: 12px;
}

A.start:link, A.start:visited, A.start:active, A.start:hover,
A.quit:link, A.quit:visited, A.quit:active, A.quit:hover,
A.quitklein:link, A.quitklein:visited, A.quitklein:active, A.quitklein:hover
{
        padding: 0 0 0 15px;
        color: #003366;
        text-decoration: none;
        background-repeat: no-repeat;
        background-position: center left;
}

A.start:link, A.start:visited, A.start:active, A.start:hover
{
        background-image: url("../img/startbut_1.gif");
}

A.quit:link, A.quit:visited, A.quit:active, A.quit:hover,
A.quitklein:link, A.quitklein:visited, A.quitklein:active, A.quitklein:hover
{
        background-image: url("../img/quitbut_1.gif");
}

A.start:hover, A.quit:hover
{
        COLOR: #ff0000; text-decoration: underline;
}

A.quitklein:link, A.quitklein:visited, A.quitklein:active, A.quitklein:hover
{
	display:none;        
	color: #ffffff;
}
A.quitklein:hover
{
        text-decoration: underline;
}

A.quitweiss:hover
{
        COLOR: #ffffff; text-decoration: underline;
}
.ProjektTitelweiss
{
        FONT-SIZE: 20px;
        color:#ffffff;
        float:right;
}
/*<-------Font Spezial------->*/