/****************************************
*	RTE Configuration Section	*
* All styles defined here must be	*
* defined in RTEStyle.css that they 	*
* are available in the RTE for use.	*
****************************************/
body
{
	margin: 0;
	width: 100%;
	background-color: #ffffff;
	font: 10pt arial;
}

table
{
	font: 10pt arial;
}

span.maintitle
{
	font: 26pt arial;
	font-weight: bold;
	color: #ff0000;
}

span.secondtitle
{
	font: 14pt arial;
	font-weight: bold;
	color: #008040;
}

a.arrow:before{

/*****Beispiele*****
content: "\27B6";
content: url("images/arrow_red.gif")" ";
********************/
	content: "\21E2" " ";
	color: red;
	font-weight: bold;
}

table.noborder
{
	width: 100%;
	border-style: none;
	border-collapse: collapse;
	table-layout: auto;
}

table.noborder_vtop
{
	width: 100%;
	border-style: none;
	border-collapse: collapse;
	table-layout: auto;
}

table.noborder_vtop td{
	border-style: none;
	padding: 10px;
	vertical-align: top;
}

table.bordergrey_vtop
{
	width: 100%;
	border-width: 1;
	border-color: grey;
	border-style: ridge;
	border-collapse: collapse;
	table-layout: auto;
}

table.bordergrey_vtop td{
	border-style: none;
	border-width: 1;
	border-color: grey;
	border-style: ridge;
	padding: 10px;
	vertical-align: top;
}

table.normal_vtop
{
	width: 100%;
	border: 1px solid black;
	border-collapse: collapse;
	table-layout: auto;
}

table.normal_vtop td{
	border: 1px solid black;
	padding: 2px;
	vertical-align: top;
}

td.vertical_top
{
	vertical-align: top;
}

td.vertical_center
{
	vertical-align: center;
}

td.vertical_bottom
{
	vertical-align: bottom;
}

td.linktable
{
	width: 5%;
	color: #008040;
	vertical-align: top;
}
/********************************
* 	RTE Section END		*
********************************/

/*Error Message are displaied like...*/
.error
{
	color: red;
	font-weight:bold;
}

/*Filelinks von Typo3 (in der Library)*/
.filelinks
{
        font-size: 10pt;
        font: arial;
}

/*Filelinks Grösse von Typo3 (in der Library)*/
.filelinkssize
{
        font-size: 10pt;
        font: arial;
}

#header
{
z-index: 1;
position: absolute;
background-color: #fff;
width: 100%;
height: 70px;
overflow: auto;
left: 0;
top: 0;
}




/*Small Logo CPS*/
#header .s_logo
{
        position: absolute;
}




/*Full Logo CPS*/
#header .f_logo
{
        position: absolute;left:170px;
}




/*Obere Navigationsleiste, z-index: 1 damit der Context nicht drüberscrollt*/
#top_nav
{
z-index: 1;
position: absolute;
background-color: #008040;
width: 100%;
height: 18px;
left: 0;
top: 70px;
color: #ffffff;
}




/*Container für die Links in der Top Navigation*/
#top_nav .linklist
{
        position: absolute;
        right: 0px;
        margin-right: 10px;
}




/*Aussehen der Links in der Top Navigation*/
#top_nav .linklist a
{
        text-decoration: none;
        color:white;
}




/*Breadcrumb Menu (You are here:...), z-index: 1 damit der Context nicht drüberscrollt.*/
/*Border-Style ridge erzeugt etwas 3D*/
#bread_crumb
{
z-index: 1;
position: absolute;
font-size: 8pt;
background-color: #ffffff;
width: 100%;
height: 15px;
left: 200px;
top: 88px;
color: #008040;
border-bottom: 2px ridge #008040;
}







/*Aussehen der Links im Breadcrumb Menu*/
#bread_crumb a
{
color: #008040;
text-decoration: none;
}




/*Linke Navigation*/
#left_nav
{
position: absolute;
background-color: #fff;
width: 170px;
height: 100%;
overflow: auto;
left: 0;
top: 88px;
}




#left_nav ul{
list-style: none;
margin: 0;
padding: 0;
}




#left_nav li{
margin:0;
padding:0;
}




#left_nav li a
{
padding-left: 10px;
height: 18px;
}




/*Aussehen der Links in Level 1*/
#left_nav li.level1 a:link, li.level1 a:visited
{
display: block;
background-color: #008040;
color: #fff;
text-decoration: none;
margin-top: 2px;
}




/*Aussehen der Links in Level 1 beim drüberfahren*/
#left_nav li.level1 a:hover
{
background-color: #84c678;
}




/*Aussehen der Links in Level 1, wenn man sich gerade auf dem Link befindet*/
#left_nav li.active1 a:link, li.active1 a:visited
{
display: block;
background-color: #84c678;
color: #fff;
text-decoration: none;
margin-top: 2px;
}




/*Aussehen der Links in Level 2*/
#left_nav li.level2 a:link, li.level2 a:visited
{
display: block;
background-color: #e3ffbf;
color: #000;
text-decoration: none;
}




/*Aussehen der Links in Level 2 beim drüberfahren*/
#left_nav li.level2 a:hover
{
font-weight: bold;
}




/*Aussehen der Links in Level 2, wenn man sich gerade auf dem Link befindet*/
#left_nav li.active2 a:link, li.active2 a:visited
{
display: block;
background: #e3ffbf url("images/arrow_red.gif") 0% 30% no-repeat;
color: #000;
text-decoration: none;
font-weight: bold;
}



#left_nav li.level3
{
text-indent: 10px;
}

#left_nav li.active3
{
text-indent: 10px;
}

/*Aussehen der Links in Level 3*/
#left_nav li.level3 a:link, li.level3 a:visited
{
display: block;
font-size: 8pt;
background-color: #fffce0;
color: #000;
text-decoration: none;
}




/*Aussehen der Links in Level 3 beim drüberfahren*/
#left_nav li.level3 a:hover
{
font-size: 8pt;
}




/*Aussehen der Links in Level 3, wenn man sich gerade auf dem Link befindet*/
#left_nav li.active3 a:link, li.active3 a:visited
{
font-size: 8pt;
color: #000;
display: block;
background: #fffce0 url("images/arrow_red.gif") 6% 20% no-repeat;
text-decoration: none;
}


/*Indent für den vierten Level im Menu*/
#left_nav li.level4
{
padding-left: 15px;
}

#left_nav li.level4 a
{
height: auto;
}

#left_nav li.active4 a
{
height: auto;
}

#left_nav li.active4
{
padding-left: 15px;
}

/*Aussehen der Links in Level 4*/
#left_nav li.level4 a:link, li.level4 a:visited
{
display: block;
font-size: 8pt;
background-color: #fff;
color: #000;
text-decoration: none;
}





/*Aussehen der Links in Level 4 beim drüberfahren*/

#left_nav li.level4 a:hover
{
font-size: 8pt;
color: red;
}




/*Aussehen der Links in Level 4, wenn man sich gerade auf dem Link befindet*/
#left_nav li.active4 a:link, li.active4 a:visited
{
font-size: 8pt;
display: block;
background: #ffffff url("images/arrow_red.gif") 0% 30% no-repeat;
color: #000;
text-decoration: none;
height: 25px;
}


/*Inhalt*/
#contents
{
        background-color: #ffffff;
	height: 100%;
	margin-left: 200px;
	padding-right: 30px;

}




/*Links im Inhalt*/
#contents a
{
color: #008040;
text-decoration: none;

}

#contents a img
{
border: none;
}

#contents a:hover
{
color: red;
}




/*Die Infobox innerhalb des rechten Contents*/
#info_box
{
        margin-right: 15px;
        padding-left: 5px;
        background-color: #ffffff;
        border: 1px solid #008040;
}




/*Browserweichen, damit man die Browser, die CSS _beherrschen_, direkt ansprechen kann;)*/
@media screen
{
	body>#contents
	{
		margin-top: 120px;

	}
	body>#header,
	body>#top_nav,
	body>#left_nav,
        body>#bread_crumb
	{
		position:fixed;
	}

}




/*********************************************
  Aussehen der DROPDOWN-SiteMap
**********************************************/
.tx-dropdownsitemap-pi1 A {
	font-weight: bold;
}
.tx-dropdownsitemap-pi1 LI.open OL {
	display: block;
}
.tx-dropdownsitemap-pi1 LI.closed OL {
	display: none;
}
.tx-dropdownsitemap-pi1 LI.open UL {
	display: block;
}
.tx-dropdownsitemap-pi1 LI.closed UL {
	display: none;
}
.tx-dropdownsitemap-pi1 DIV {
	border: solid 1px #DFE2E3;
	background: #deffd0;
	padding: 2px;
	margin-bottom: 5px;
}
.tx-dropdownsitemap-pi1 DIV.level_2 {
	background: #FFFFFF;
}
.tx-dropdownsitemap-pi1 DIV.level_2 A {
	font-weight: normal;
}
.tx-dropdownsitemap-pi1 DIV.level_3 {
	background: #deffd0;
color: red;
}
.tx-dropdownsitemap-pi1 DIV.level_4 {
	background: #FFFFFF;
}
.tx-dropdownsitemap-pi1 DIV.level_5 {
	background: #deffd0;
}
.tx-dropdownsitemap-pi1 DIV.expAll {
	text-align: center;
	border: solid 1px #DFE2E3;
	background: #deffd0;
}