/* This file is (c) by Alexander Volland */
/* do not steal it without asking, please! */

/* Color Schema
 from light to dark
	#FFFFFF (white)
	#EEF7F7 (new very light blue)
	#CCE6E6 (light blue)
	#99CCCC
	#66B3B3
	#339999
	---> done with the really great color blender at
	http://www.meyerweb.com/eric/tools/color-blend/

	near black writings: #003333
*/


/* basic elements */
body { 
	font: 9pt/16pt arial; 
	color: #003333; 
	background: #CCE6E6; 
	margin: 0px; 
	}

/* paragraph attributes */
p {
	font-family: Helevetica, Arial, sans-serif;
	margin-bottom: 10px;
	margin-top: 0px;
	margin-left: 5px;
	margin-right: 0px;
} 

td { 
	font: 9pt/16pt georgia; 
	background: #EEF7F7;
	border: 0;
	}

/* list attributes */
ul {
	font-family: Helevetica, Arial, sans-serif;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-right: 0px;
}

li {
	font-family: Helevetica, Arial, sans-serif;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-right: 0px;
}


h1 { 
	font: italic normal 14pt; 
	font-family: trebuchet ms, Arial, sans-serif;
	letter-spacing: 1px; 
	margin-bottom: 4px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	color: #003333; /* #D15600; */
	border-bottom: 1px solid;
	border-color: #006666;
	}

h2 { 
	font: italic normal 12pt; 
	font-family: trebuchet ms, Arial, sans-serif;
	letter-spacing: 1px; 
	margin-bottom: 2px;
	margin-top: 2px;
	margin-left: 0px;
	margin-right: 0px;
	color: #003333; /* #D15600; */
	}

h3 { 
	font: italic normal 11pt; 
	font-family: trebuchet ms, Arial, sans-serif;
	letter-spacing: 1px; 
	margin-bottom: 0px;
	margin-top: 2px;
	margin-left: 0px;
	margin-right: 0px;
	color: #003333; /* #D15600; */
	}


/* Schriftgrößenänderungen */
.standard {font: 9pt/16pt;}
.mini {	font: 8pt/15pt;}
.minimini {font: 7pt/14pt;}

/* link attributes */
a:link {
	font-family: Helevetica, Arial, sans-serif;
	color: #339999;
	text-decoration: none;
}
a:visited {
	font-family: Helevetica, Arial, sans-serif;
	color: #339999;
	text-decoration: none;
}
a:hover {
	font-family: Helevetica, Arial, sans-serif;
	color: #66B3B3;
	text-decoration: underline;
}
/* table border */
.tableborder {
	border: 1px #606060 solid;
}

/* main submit button */
.button {
	font-family: Helevetica, Arial, sans-serif;
	background-color: #EBEDF6;
	font-weight: bold;
	border:  #354A81  solid 1px;
}

input.button {
	border: 1px solid #999;
	background-color: white;
	padding: 2px;
	padding-left: 10px;
	padding-right: 10px;
	min-width: 100px;
	margin-left: 5px;
}
input.button:hover {
	background-color: #f5f5ff;
	border: 1px solid blue;
}

/* page breakline */
hr {
	color: #98AAB1;
	background-color: white;
	height: 1px;
}


/* Page Structure
----------------------------------------------- */

#pageHeader { 
  position:relative;
  top:0px;
  left:70px; /* so it is absolute in middle */
  width:auto;
  height:190px;
  background-image:url(title-pmqs2.gif);
  background-repeat: no-repeat;
  background-position: left;
  margin:0px auto;	
	}

#pageHeaderJump {
  position:absolute;
  top:10px;
  left: 500px;
  width:auto;
  text-align:right;
  }

#pageHeaderMenu {
  position:absolute;
  top:155px;
  left: 270px;
  width:430px;
  text-align:right;
  }


#shadowwrap {
  position:relative;
  top:-4px;
  left: 20px;
  width:900px;
  background:#999;
  text-align:left;
  }
#wrap {
  position:relative;
  top:-4px;
  left:-4px;
  width:900px;
  background:#fff;
  padding:30px;
  }

/* MAIN TABS  Line: #339999 Back: #CCCCCC foreground: #66B3B3*/
#topnavlistcontainer {
  position:relative;
  top: -27px;
  left: 40px;

}
ul#topnavlist {
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 3px;
	white-space: nowrap;
	margin-top: 5px;
}

ul#topnavlist li {
	list-style: none;
	display: inline;
	margin: 0px;
}

	/* nicht ausgewählt */
ul#topnavlist li a {
	padding: 6px;
	border: 2px solid #CCCCCC;
	background: #DDDDDD;
	text-decoration: none;
	margin-left: 3px;
	border-radius: 4px;
 	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	white-space: nowrap;
	font-weight: bold; 
	color: #66B3B3;
}
ul#topnavlist li:first-child a {
	margin-left: 8px;
}
	/* ausgewählt */
ul#topnavlist li a:hover, ul#topnavlist li a.active, ul#topnavlist li a:focus {
	color: #66B3B3;
	background: #EEF7F7; 
	border-top: 2px solid #EEF7F7;
}


#submenushadow {
 position:relative;
  top:0px;
  right:0px;
  float:right;
  width:auto;
  background:#999;
}

#submenu {
  position:relative;
  top:-4px;
  left:-4px;
  width:auto;
  background:#FFFFFF;
  padding:5px;
  text-align:right;

}

#logo {
 position:relative;
  bottom:0px;
  right:0px;
  float:right;
  width:160px;
  height:96px;
  background:#FFFFFF;
  background-image:url(pmqs-logo.gif);
  background-repeat: no-repeat;
  background-position: right;
}



/* Menu structure */
 	#nav {
		float:left;
		width:760px;
		margin-top:-32px;
		margin-left:+10px;
		font-size:0.94em;
		line-height:1em;
	  	position:relative;
	}

	#nav ul {
		margin:0;
		padding:0 0 0 28px;
		list-style:none;
	}
	#nav li {
		float:left;
		margin:0 0 0 -1px;
		padding:0 0 0 6px;
		background:url(nav1.gif) 0 100% no-repeat;
	}
	#nav li:hover {
		background-position:-6px 100%;
	}
	#nav a {
		float:left;
		display:block;
		color: #339999;
		font-weight:bold;

		font-family:Georgia,Times,"Times New Roman",serif;
		background:url(nav2.gif) 100% 100% no-repeat;
		padding:5px 14px 12px 8px;
		text-decoration:none;
	}
	#nav li:hover a {
		background-image:url("pics/nav1.gif");
	}
	/* Hide from IE5-Mac \*/
	#nav a {float:none;}
	/* End IE5-Mac hack */
	#nav a:hover {
		color: #66B3B3;
		text-decoration:underline;
	}
	#news #nav #t1,
	#frame #nav #t2,
	#process #nav #t3,
	#knowledge #nav #t4,
	#cms #nav #t5,
	#link #nav #t6,
	#quest #nav #t7,
	#learn #nav #t8,
	#contact #nav #t9 
	{
		background-position:-12px 100%;
		padding-left:26px;
		margin:0 2px 0 1px;
	}
	#news #nav #t1 a,
	#frame #nav #t2 a,
	#process #nav #t3 a,
	#knowledge #nav #t4 a,
	#cms #nav #t5 a,
	#link #nav #t6 a,
	#quest #nav #t7 a,
	#learn #nav #t8 a,
	#contact #nav #t9 a
	{
		background-image:url(nav2s.gif);
		padding-left:0;
		padding-right:19px;
	}
	#nav #t1,
	#news #nav #t1 {
		margin-left:0;
	}
	#nav #t9,
	#contact #nav #t9 {
		margin-right:0;
	}