﻿/******************************************************
 * TITLE : screen stylesheet                          *
 * COPYRIGHT : Quester, Germany. All Rights Reserved. *
 * URI   : screen.css                                 *
 * MODIF : 2008-02-17 10:30                           *
 ******************************************************/

/* -------------- Start of CSS styles --------------- */

/* -- body definitions -- */
body { 
	font-family:Verdana; 
	font-size:80%;
	font-style:normal; 
	line-height:100%; 
	margin:0px; 
	padding:0px; 
	color:rgb(0,0,255); 
	background-color:rgb(255,255,255);
	text-align:left;
	text-decoration:none; 
}

footer {
  position: fixed; 
  left: 0px;
  bottom: 0px; 
  height: 35px;
  width: 100%; 
  font-family: Verdana;
  font-size:10pt;
  background: #E0E0E0;
  	border-left: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	border-top-color: #e0e0e0;
	padding: 3px 4px 3px 4px;
	margin: 0px 0px 0px 0px;
	background-image: url('Title.jpg');

}

lefter {
  position: fixed; 
  left: 0px;
  bottom: 0px; 
  height: 100%;
  width: 129px; 
  font-size:80%;
}


topper {
  position: fixed; 
  left: 0px;
  bottom: 0px; 
  height: 100%;
  width: 129px; 
  font-size:80%;
}



		
/* -- common styles -- */ 				
#alles 			{ top:0px; left:100px; height:115%; width:100%; }
#bottom 		{ position:absolute; bottom:1px; left:0px; width:100%; height:10px; background-color:#0099CC; }
#haupt 			{ position:absolute; left:135px; right:115px; top:80px; margin-bottom:1000px; background-color:#0099CC; overflow:auto; border-left:0px solid #564b47; border-right:0px solid #564b47; }
#inhalt 		{ position:absolute; left:0px; width:100%; height:80%; top:0px; background-color:#0099CC; overflow:auto; }
#oben 			{ position:absolute; left:0px; right:100%; width:100%; top:0px; height: 80px; background-color:#0099CC; }
#unten 			{ position:relative; bottom:auto; vertical-align:bottom; bottom:3pt; width:100%; height:20px; background-color:#0099CC; }
#links 			{ position:absolute; left:3px; width:90px; top:80px; background-color:#0099CC; }
#rechts 		{ position:absolute; right:3px; width:128px; top:80px; background-color:#0099CC; overflow:auto; }
#obenlinks 		{ position:absolute; left:0px; top:60px; width:135px; background-color:#0099CC; }
#obenrechts 	{ position:absolute; top:60px; left:135px; width:100%; padding-top:3pt; height:14pt; background-color:#0099CC; }

/* -- no print styles -- */
.noprintleft 	{ background-color:#E0E0E0 }
.noprintright 	{ background-color:#E0E0E0 }
	
/* -- link styles -- */
.NewLink 			{ background-color:#6699FF; }
a:hover 			{ background-color:#FFFFCC; text-decoration:none; }
a:hover.quester 	{ background-color:#FFFFCC; text-decoration:none; }
a:link 				{ color:#1010FF; text-decoration:none; }
a:link.quester 		{ background-color:#FFFFCC; color:#1010FF; text-decoration:none; }
a:active 			{ color:#0000FF; text-decoration:none; }
a:active.quester 	{ background-color:#FFFFCC; color:#0000FF; text-decoration:none; }
a:visited 			{ color:#3000E0; text-decoration:none; }
a:visited.quester 	{ background-color:#FFFFCC; color:#3000E0; text-decoration:none; }
	
/* -- common definitions -- */
.Ueberschrift 	{ background-color:#C2D0F5; line-height:120%; }
.hand           { cursor:pointer; }
p 			  	{ font-family:Verdana; font-size:9.5pt; font-style:normal; color:#000000; margin:2px; line-height:120%; margin-left:5pt; text-indent:0; }
form            { margin:0px; padding:0px; }
label           { border:0px; cursor:pointer; }
p.big 			{ font-family:Verdana; font-size:90%; color:#000000; line-height:120%; margin:2px 3px 2px 3px; text-indent:0; }		 
p.spalte 		{ font-family:Verdana; font-size:80%; color:#000000; line-height:130%; margin:10px; left-margin:5px; text-indent:0; }
li.spalte 		{ font-family:Verdana; font-size:90%; color:#000000; line-height:120%; margin:10px 5px 0px 0px; text-indent:0; }

/* -- head line styles -- */
h1 		{ font-family:Verdana; color:#000000; font-size:110%; font-weight:bold; line-height:120%; padding:3px 3px 2px 3px; margin:0; }
h2 		{ font-family:Verdana; color:#000000; font-size:13px; font-weight:bold; line-height:120%; padding:3px 3px 2px 3px; margin:0; }
h3 		{ font-family:Verdana; color:#000000; font-size:110%; font-weight:bold; line-height:120%; padding:3px 3px 2px 3px; margin:0; }	
h4 		{ font-family:Verdana; color:#000000; font-size:105%; font-weight:bold; margin:3px 3px 2px 3px; }
h5      { font-family:Verdana; font-size:100%; font-weight:bold; padding:0; margin:0; }
h6      { font-family:Verdana; font-size:110%; padding:3px 3px; margin:0; }
h6.sred		{ color:#ED0708; }
h6.sgreen	{ color:#24AA00; }
h6.sblue	{ color:#343468; }
h6.sorange	{ color:#FFAD10; }

/* -- text definitions -- */
.normal 		{ font-size:10pt; text-align:left; line-height:120%; font-weight:normal; }
.normalBold 	{ font-size:10pt; text-align:left; line-height:120%; font-weight:bold; }
.Produkt 		{ font-size:11pt; color:#0000FF; text-align:left;}
.ProduktBold 	{ font-size:11pt; color:#0000FF; text-align:left; font-weight:bold; }
.nav 			{ background-color:#0000ff; font-size:100%; text-align:center; }
	
/* -- list style images -- */			
li 			{
	font-family: Verdana;
	text-align: left;
	line-height: 120%;
	margin-left: -1em;
	font-size: 9.5pt;
}
li 			{ list-style-image:url('Pictures/rounddot.gif'); }
ul 			{ list-style-image:url('Pictures/rounddot.gif'); line-height:120%; }			
ul ul 		{ font-family:Verdana; color:rgb(0,0,0); line-height:120%; list-style-image:url('Pictures/rounddot.gif'); }
ul ul ul 	{ font-family:Verdana; color:rgb(0,0,0); line-height:120%; list-style-image:url('Pictures/rounddot.gif'); }
UL.level2  	{ font-family:Verdana; color:rgb(0,0,0); line-height:120%; list-style-image:url('Pictures/dot1.html'); }

.num 		{ 
		font-weight:normal; 
		line-height:120%; 
		margin:3px 3px 3px 15px;
}
.numBold 	{ 
		font-weight:bold;
		line-height:120%; 
		margin:3px 3px 3px 15px;
}	
	
/* -- cl level definitions -- */
.clCMAbs 					{ position:absolute; visibility:hidden; left:0; top:0; }
.clBar 						{ position:absolute; visibility:hidden; background-color:#FFFFFF; layer-background-color:Navy; padding:0; height:10px; width:10px; }
.clLevel0over 	{ font-family:Verdana,helvetica,tahoma; font-size:12px; position:absolute; background-color:#FFFFFF; padding:2px; }
.clLevel0 	{ font-family:Verdana,helvetica,tahoma; font-size:12px; position:absolute; background-color:#FFFFFF; padding:2px; }
.clLevel0 					{ padding:0; background-color:#FFFFFF; layer-background-color:#000000; }
.clLevel0over 				{ background-color:#FFFFFF; layer-background-color:#000000; cursor:pointer; }
.clLevel0border				{ border-style:solid; border-width:1px; position:absolute; visibility:hidden; background-color:#FFFFFF; layer-background-color:#FFFFFF; color:#000000; padding:1px 4px 1px 4px; }
.clLevel1over 	{ font-family:Verdana,helvetica,tahoma; font-size:11px; position:absolute; padding:2px; }
.clLevel1 	{ font-family:Verdana,helvetica,tahoma; font-size:11px; position:absolute; padding:2px; }
.clLevel1 					{ padding:0; background-color:#FFFFFF; layer-background-color:#000000; }
.clLevel1over 				{ font-size:10px; padding:0; background-color:#38C1F5; layer-background-color:#000000; cursor:pointer; }
.clLevel1border 			{ border-style:solid; border-width:1px; position:absolute; background-color:#FFFFFF; layer-background-color:#000000; color:#000000; padding:1px 4px 1px 4px; }

/* -- table definitions -- */
.table_color {
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size:12px;
        color:#000000;
		background-color:#FFF5E5;
		border :1px #FF9900;
		border-style: solid solid solid solid;
		padding-left:3px;
		padding-top:3px;
		padding-bottom:3px;
		padding-right: 2px;
}
.table_border {
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size:12px;
        color: #000000;
		border:1px solid #FF9900;
		border-style: solid solid solid solid;
		padding-left:22px;
		padding-top:52px;
		padding-bottom:52px;
		padding-right:22px;
}
table.sblue     { border:1px solid #343468; }
table.sorange   { border:1px solid #FFAD10; }
td 				{ font-family:Verdana; color:rgb(0,0,0); line-height:100%; }

/* -- menu definitions -- */
a:link.menu 		{ background-color:#FFFFFF; color:#666666; text-decoration:none; }
a:hover.menu 		{ background-color:#999999; text-decoration:none; }
a:hover.menuitem 	{ background-color:#CCCCCC; text-decoration:none; }
a:active.menu 		{ background-color:#FAFAFA; color:#666666; text-decoration:none; }
a:visited.menu 		{ background-color:#FAFAFA; color:#222222; text-decoration:none; }

/* -- menue definitions -- */
.menutitle {
  	font-face="Verdana";
  	font-family:Verdana;
  	font-size:9.5pt;
  	font-weight:bold;
  	border-left:1px solid #99CCFF;
  	border-right:1px solid #99CCFF;
  	border-top:1px solid #99CCFF;
  	height:1.5em;
  	text-align:center;
  	background-color:#E2E6FC;
  	text-align:left;
  	text-indent:0;
  	line-height:100%;
  	word-spacing:0;
  	border-bottom-color:#99CCFF;
  	padding:1px 4px 1px 2px;
  	margin:3px 0px 0px 0px;
}

/* -- menue title 2 -- */
.menutitle2 {
  	font-face="Verdana";
  	font-family:Verdana;
  	font-size:9.5pt;
  	border-left:1px solid #99CCFF;
  	border-right:1px solid #99CCFF;
  	border-top:1px solid #99CCFF;
  	height:1.5em;
  	font-weight:bold;
  	text-align:center;
  	background-color:#E0E0F0;
  	text-align:left;
  	text-indent:0;
  	line-height:100%;
  	word-spacing:0;
  	border-bottom-color:#99CCFF;
  	text-color: #FFFFFF;
  	padding:1px 4px 1px 2px;
  	margin:3px 0px 0px 0px;
}

/* -- menue title white top -- */
.menuitemWhiteTop {
  	font-face="Verdana";
  	font-family:Verdana;
  	font-size:9.5pt;
  	height:1.5em;
  	text-decoration:none;
  	text-align:left;
  	text-indent:0;
  	line-height:100%;
  	word-spacing:0;
  	border-left-style:solid;
  	border-left-width:1px;
  	border-top:1px solid #000000;
  	border-right-style:solid;
  	border-right-width:1px;
  	border-bottom-style:solid;
  	border-bottom-width:1px;
  	padding:3px 4px 1px 4x;
  	margin:0px 0px 0px 0px;  	
  	border-right-color:#e0e0e0;
  	border-left-color:#e0e0e0;
  	border-top-color:#e0e0e0;
  	border-bottom-color:#e0e0e0;
}

/* -- menue title white -- */
.menutitlewhite {
 	border-left:1px solid #E0E0E0;
  	border-right:1px solid #E0E0E0;
  	border-top:1px solid #E0E0E0;
  	border-bottom-color:#99CCFF;	
  	height:1.3em;
  	font-face="Verdana";
  	font-family:Verdana;
  	font-size:8.5pt;
  	font-weight:bold;
  	line-height:130%;
  	text-align:left;
  	padding:2px 0px 3px 4px;
  	margin:4px 0px -1px 0px;
  	text-indent:0;
  	word-spacing:0;
  	color:#444444;
  	background-image:url('Pictures/fof/Menue/Title.jpg');
}
.menuitemwhite {
  	border-left:1px solid #e0e0e0;
  	border-right:1px solid #e0e0e0;
  	border-bottom:0px solid #e0e0e0;
  	border-bottom-color:#e0e0e0;
  	height:1.5em;
  	font-face="Verdana";
  	font-family:Verdana;
  	font-size:8.5pt;
  	line-height:100%;
  	font-color:#000000;
  	color:#000000;
  	text-align:left;
	padding:1px 4px 1px 3px;
	margin:0px 0px 0px 0px;
  	text-decoration:none;
  	text-indent:0;
  	word-spacing:0;
}

/* -- menue item white last -- */
.menuitemwhitelast {
  	border-left:1px solid #e0e0e0;
  	border-right:1px solid #e0e0e0;
  	border-bottom:1px solid #e0e0e0;
  	border-top-color:#e0e0e0;
  	border-bottom-color:#e0e0e0;
  	height:1.5em;
  	font-face="Verdana";
  	font-family:Verdana;
  	font-size:8.5pt;
  	line-height:100%;
  	font-color:#666666;
  	color:#666666;
  	text-align:left;
  	padding:1px 4px 1px 4px;
  	margin:0px 0px 0px 0px;
  	text-decoration:none;
  	text-indent:0;
  	word-spacing:0;
}

/* -- menue definitions -- */
.menuLevel1 {
	font-face= "Verdana";
	font-family: Verdana;
	font-size: medium;
	text-align: left;
	text-indent: 0;
	word-spacing: 0;
	padding-top: 8px;
}

/* -- menue title 2 -- */
.menuLevel2 {
	font-face= "Verdana";
	font-family: Verdana;
	font-size: small;
	text-align: left;
	text-indent: 1em;
	font-weight: bolder;
	padding-top: 6px;
}

/* -- menue title white top -- */


/* -- menue title white -- */
.menuLevel3 {
	height: 1.3em;
	font-face= "Verdana";
	font-family: Verdana;
	font-size: small;
	font-weight: bold;
	text-align: left;
	text-indent: 2em;
}


/* -- footer and topinfo definitions -- */
.footer {
  	border-left:1px solid #e0e0e0;
  	border-right:1px solid #e0e0e0;
  	border-bottom:1px solid #e0e0e0;
  	border-top-color:#e0e0e0;
  	border-bottom-color:#e0e0e0;
  	height:1.1em;  	
  	font-family:Verdana;  	
  	font-size:8.5pt;
	padding:3px 4px 3px 4px;
	margin:0px 0px 0px 0px;
	background-image:url('Pictures/fof/Menue/Title.jpg');
}
.menufill 			{ background-color:#0099CC; background-image:url('Pictures/fof/bigblue.gif'); }
a:link.menulink 	{ font-family:Verdana; font-size:8.5pt; color:#000000; text-decoration:none; }
a:hover.menulink 	{ font-family:Verdana; font-size:8.5pt; color:#000000; text-decoration:none; }
a:active.menulink 	{ font-family:Verdana; font-size:8.5pt; color:#000000; text-decoration:none; }
a:visited.menulink 	{ font-family:Verdana; font-size:8.5pt; color:#000000; text-decoration:none; }
.grayfill 			{ background-image:url('Pictures/fof/graugr.bmp'); }
 	
/* instead of a dotted border, put title of acronym after text */
.title 		{ font-family:Verdana; font-size:10pt; color:#000000; }
acronym { border: 0; } acronym:after { content: " (" attr(title) ")"; }
/* -- title definitions -- */
.titel 		{ font-family:Verdana; font-size:24pt; color:#0000FF; font-weight:bold; text-align:center; border-bottom:1px solid; border-left-width:1px; border-right-width:1px; border-top-width:1px; padding:1px 4px 1px 4px; }
.ttitle		{ font-size:100%; font-weight:bold; text-align:left; padding:0px; margin:3px; }
td.ttitle 	{ text-align:center; padding:0px; margin:3px; background-image:url('Pictures/fof/verlauf40.jpg'); }
.ttitle2 	{ font-size:98%; font-weight:bold; text-align:left; padding:0px; margin:3px; }
td.ttitle2 	{ font-weight:bold; text-align:left; padding:0px; margin:3px; background-image:url('Pictures/fof/ttitle2.jpg'); }
.ttitle3 	{ font-size:100%; font-weight:bold; text-align:left; padding:0px; margin:3px; }
td.ttitle3 	{ font-weight:300; background-color:#0099CC; text-align:left; padding:0px; margin:3px; }

/* -- info definitions -- */
.space 		{ padding:0px; margin:5px 5px 5px 5px; }
.info 		{ font-family:Verdana; font-size:8.5pt; color:#000000; background-image:url('Pictures/fof/info.gif'); }
.infomenu   { font-family:Verdana; font-size:8.5pt; padding:0px; margin-top:4px; margin-right:0px; margin-bottom:2px; margin-left:1em; }

/* -------------- End of CSS styles --------------- */