/* >>> ALLGEMEINE DEFINITIONEN <<< */

/* - Ausrichtung - */

.position {
width:				1300px;
margin:				auto;
position: 			relative;
z-index:			2;
}


/* >>> TEXTFORMATIERUNG <<< */

/* - Textformatierung - */

.text {
font-family: 		Calibri, sans-serif, MS Sans Serif, Trebuchet MS;
color: 				#666666; 
line-height: 		20px; 
margin:				0; 
padding:			3px 10px;
}


/* >>> SEITENKOPF-MENÜ <<< */

#uppermenu {
position:					absolute;
right: 						0;
top: 						0px;
margin-right:				6px;
font-family: 				Calibri, sans-serif, MS Sans Serif, Trebuchet MS;
text-transform:				uppercase;
background-color: 			#000000; 
border-bottom-left-radius: 	30px;
border-bottom-right-radius: 30px;
opacity:					0.5;
filter: 					alpha(opacity=50);
-moz-opacity:				0.5;
background-repeat:			no-repeat;
height:						30px;
width:						500px;
display: 					block;
float: 						left;
line-height:				29px;
text-align:					center;
text-decoration:			none;
color:						#FFFFFF;
font-size:					11px;
letter-spacing:				0.1em;
}

/* - Formatierung des Textes - */

.uppermenu_1 {
font-family: 		Calibri, sans-serif, MS Sans Serif, Trebuchet MS;
font-size:			11px;
color:				#FFFFFF;
text-decoration:	none;
letter-spacing:		0.1em;
opacity:			1.0;
filter: 			alpha(opacity=100);
-moz-opacity:		1.0;
}


/* >>> HAUPTMENÜ <<< */

/* - Höhe, Breite und Positionierung - */

#sidebar {
position:			fixed;
z-index:			99;
top:				39px;
width:				250px;
left: 				-180px;
}

/* - Texthintergrund - */

#sidebar .text {
background-color: 			#6c6c6c; 
border-bottom-right-radius: 30px;
color:						#FFFFFF;
position:			absolute;
min-height:			160px;
height:				436px;
width:				170px;
border-top-right-radius: 	15px;
border-bottom-right-radius:	15px;
}

#sidebar .text a {
display:			block;
}

/* - Formatierung der Linien der 1. Auswahlebene - */

#sidebar .level_1 {
display: 			block;
border-top:			1px #D1D1D1 solid;
margin:				0 5px 0 5px;
text-transform: 	uppercase;
text-decoration:	none;
}

#sidebar .level_1.first {
border-top:			none;
margin-top:			25px;
text-decoration:	none;
}
/* - Formatierung des Textes der 1. Auswahlebene - */

.sidebar_1 {
font-family: 		Calibri, sans-serif, MS Sans Serif, Trebuchet MS;
color:				#FFFFFF;
opacity:			1.0;
filter: 			alpha(opacity=100);
-moz-opacity:		1.0;
font-size:			13px;
line-height:		18px;
margin: 			10px 0px 8px 0px;
font-weight: 		bold;
letter-spacing:		1px;
text-decoration:	none;
}

/* - Formatierung des Textes der 1. Auswahlebene beim Auswählen und Überfahren mit der Maus - */

.sidebar_1:hover, .sidebar_1.active  {
font-family: 		Calibri, sans-serif, MS Sans Serif, Trebuchet MS;
color:				#F79000;
letter-spacing:		1px;
opacity:			1.0;
filter: 			alpha(opacity=100);
-moz-opacity:		1.0;
}

/* - Linie vor der 2. Auswahlebene - */

#sidebar .level_2 {
display: 			block;
margin:				0 5px 0 5px;
text-decoration:	none;
}

/* - Linienfarbe der Linie vor der 2. Auswahlebene - */

#sidebar .level_2.first {
 border-top:		1px #D1D1D1 solid;
}
/* - Formatierung des Textes der 2. Auswahlebene - */

#sidebar .sidebar_2 {
font-family: 		Calibri, sans-serif, MS Sans Serif, Trebuchet MS;
color:				#FFFFFF;
opacity:			1.0;
filter: 			alpha(opacity=100);
-moz-opacity:		1.0;
font-size:			12px;
line-height:		20px;
padding: 			3px 0px 3px 0px;
letter-spacing:		0.5px;
text-decoration:	none;
}

/* - Formatierung des Textes der 2. Auswahlebene beim Überfahren mit der Maus - */

#sidebar .sidebar_2:hover {
font-family: 		Calibri, sans-serif, MS Sans Serif, Trebuchet MS;
color:				#F79000;
opacity:			1.0;
filter: 			alpha(opacity=100);
-moz-opacity:		1.0;
}

/* - 2. Auswahlebene bei Auswahl - */

.sidebar_2.active {
border:				none;
}

/* - Schalter zum Öffnen des Hauptmenüs - */

#sidebar .button {
position:			absolute;
right:				0px;
top:				162px; 
background-image:	url(/images/sidebar_button.png); 
background-repeat:	no-repeat;
height:				60px;
width:				60px;
cursor:				pointer;
}

/* - Schalter zum Schließen des Hauptmenüs - */

#sidebar .button.active {
background-image:	url(/images/sidebar_button_active.png); 
}


/* >>> NOTE-BOX <<< */

/* - Position und Ebene der Box - */

#note {
position:			fixed;
z-index:			99;
top:				300px;
right:				-235px;
width:				300px;
}

/* - Schalter zum Öffnen und Schließen der Box - */

#note .button {
position:			absolute;
left:				2px;
top:				205px;
background-image:	url(/images/note_button.png); 
background-repeat:	no-repeat;
height:				65px;
width:				65px;
cursor:				pointer;
}

/* - Schalter zum Schließen der Box - */

#note .button.active {
background-image:	url(/images/note_button_active.png); 
}

/* - Hintergrundbild und Formatierung des Textes der Box - */

#note .text {
font-family: 				Calibri, sans-serif, MS Sans Serif, Trebuchet MS;
position:					absolute;
right:						0;
width:						194px;
height:						230px;
background-color: 			#FFFFFF; 
border-top-left-radius: 	15px;
border-top-right-radius:	0px;
padding: 					20px;
color:						#666666;
}

/* - Formatierung der Überschrift in der Box - */

#note .notetext {
font-family: 		Calibri, sans-serif, MS Sans Serif, Trebuchet MS;
font-size:			22px;  
color:				#F79000;
}

/* - Formatierung des Textlink in der Box - */

#note .text a {
font-family: 		Calibri, sans-serif, MS Sans Serif, Trebuchet MS;
color:				#666666;
text-decoration:	none;
}

#note .notetextlink {
font-family: 		Calibri, sans-serif, MS Sans Serif, Trebuchet MS;
font-size:			21px;
padding-top:		30px;
}

/* - Formatierung des Textlink beim Überfahren mit der Maus - */

#note .text a:hover {
color:				#F79000;
}


/* >>> FUßZEILE <<< */

/* - Position, -ebene, -höhe und Hintergrund - */

#footer {
font-family: 		Calibri, sans-serif, MS Sans Serif, Trebuchet MS;
position:			fixed;
z-index: 			100;
bottom:				0;
height:				30px;
line-height:		30px;
width:				100%;
background-color:	#000000;
opacity:			0.5;
filter: 			alpha(opacity=50);
-moz-opacity:		0.5;
}

/* - Ebene und Textfarbe - */

#footer .position {
font-family: 		Calibri, sans-serif, MS Sans Serif, Trebuchet MS;
z-index:			100;
color:				#6C6C6C;
}

/* - Text - */

.footermenu {
font-family: 		Calibri, sans-serif, MS Sans Serif, Trebuchet MS;
font-size:			11px;
color:				#6C6C6C;
line-height:		90%;
text-transform: 	uppercase;
letter-spacing:		1px;
text-decoration:	none;
padding: 			0;
}

.footermenu:hover {
font-family: 		Calibri, sans-serif, MS Sans Serif, Trebuchet MS;
color:				#FFFFFF;
}