/*************************************************************
  
    Stylesheet for process4.biz
    
    Created by VividVisions 
    (www.vividvisions.at)
     
 *************************************************************/

/**********************
    Tags & General
 **********************/

body
{
  padding:0;
  margin:0;
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  line-height:19px;
  font-weight:normal;
  text-decoration:none;

  background-image:url(../images/menu_background.gif);
  background-position:left top;
  background-repeat:repeat-y;
}

a
{
  outline: none;
}

a img
{
  border:0 none;
}

noscript
{
  border: 2px solid red;
  padding: 5px;
  color: darkred !important;
  font-weight: bold;
  margin: 0 0 10px 0;
}

img
{
  border: 0;
}

form
{
  padding: 0;
  margin: 0;
}

fieldset
{
 border: 1px solid #dddddd;
 padding: 20px;
 margin: 0 0 20px 10px;
 clear: both;
}

legend
{
  color: #bbbbbb;
  font-weight: bold;
}

/**********************
    Structure
 **********************/

div.wrap 
{
  min-width:760px;
  background-image:url(../images/header_background.gif);
  background-position:0 0;
  background-repeat:repeat-x;
}

div.header
{
  height:90px;
  position: relative;
  background-image:url(../images/header_left.gif);
  background-position:229px 0;
  background-repeat:no-repeat;
}

div.body
{
 /* margin-left:230px;*/
}

/**********************
    Content
 **********************/

div.content
{
  padding:25px 30px 25px 260px;
}

div.content h1
{
  font-size: 18px;
  color: #01a100;
  /*color: #fdab10;*/
  margin: 0 0 20px 0;
 /* text-shadow: #aaaaaa 0 1px 1px;*/
  clear: left;
}

div.content h2
{
  font-size: 15px;
  color: #01a100;
  margin: 0 0 10px 0;
  clear: left;
}

div.content h3
{
  font-size: 14px;
  color: #000000;
  margin: 0 0 5px 10px;
  clear: left;
}

div.content h4
{
  font-size: 13px;
  color: #000000;
  margin: 0 0 5px 10px;
}

div.content a
{
  color: #fdab10;
  font-weight: bold;
}

div.content p
{
  color: #000000;
  margin: 0 0 20px 10px;
}

div.content p.small,
div.content span.small
{
  color: #444444;
  font-size: 11px; 
  line-height: 15px;
}

div.content strong
{
  font-weight: bold;
  font-style: normal;
}

/*div.content table
{
  border: 0; 
  border-spacing: 0;
  margin: 0 0 20px 6px;
}

div.content table tr th
{
  font-weight: bold;
  text-align: left;
  vertical-align: bottom;
  padding: 3px 10px 8px 3px;
}

div.content table tr td
{
  text-align: left;
  vertical-align: middle;
  padding: 3px 10px 8px 3px;
  white-space: nowrap;
}*/

div.content ul
{
  padding: 0 0 0 17px;
  margin: 0 0 20px 10px;
  list-style: outside;
}

div.content ul.margin
{
  margin: 0 0 20px 10px;
}

div.content ul.margin li
{
  margin-bottom: 10px;
}

/* Forms */

fieldset.aligned label
{
  display: block;
  width: 120px;
  float: left;
  margin-bottom: 7px;
  text-align: right;
  padding-top: 3px;
  padding-right: 10px;
}

fieldset.aligned input[type=text],
fieldset.aligned input[type=password]
{
  display: block;
  width: 250px;
  float: left;
  margin-bottom: 10px;
}

fieldset.aligned br
{
	clear: left;
}

label.required
{
  background-image: url(../images/required.gif);
  background-position: 0 4px;
  background-repeat: no-repeat;
}

/* Partnerlist */

div.content ul.partners
{
  padding: 0 !important;
  list-style-type: none;
}

div.content ul.partners li
{
  display: block;
  float: left;
  margin: 0 10px 10px 0;
}

div.content ul.partners li a
{
  display: block;
  border: 1px solid #dddddd;
  padding: 2px;
}

div.content ul.partners li a:hover
{
  border: 2px solid #fdab10;
  padding: 1px;
}

/* Sitemap */

div.content ul.sitemap
{
  clear: both;
  padding: 0 !important;
  margin: 0 0 0 10px !important;
  list-style-type: none;
}

div.content ul.sitemap li
{
  padding:3px 0 3px 0;
  margin: 0;
}

div.content ul.sitemap ul
{
  padding: 0 !important;
  margin: 0 0 5px 15px !important;
  list-style-type: none;
}

/* Downloads */

div.content ul.downloads
{
  clear: both;
}

div.content ul.downloads li
{
  margin-bottom:15px;
}

/* News box */

div.box
{
  float: right;
  position: relative;

  right: 3px;
  width: 328px;

  margin: 0 0 10px 0px;
  padding: 0 0 18px 0;

  background-color: #f3f3f3; 
  background-image: url(../images/box_left_bottom.gif);
  background-position: left bottom;
  background-repeat: no-repeat;
  text-align: left;
  
  height: 1%;
}

div.box *
{
  background-color: #f3f3f3; 
  background-image: url(../images/box_right_bottom.gif);
  background-position: right bottom;
  background-repeat: no-repeat;
  padding: 1em 9px 18px 0 !important;
  margin: 0 0 -18px 18px !important;
  height: 1%;
}

div.box * * 
{
  padding: 0 !important;
  margin: 0 !important;
  background: none;
  height:auto;
}

div.box h4
{
  font-size: 14px;
  color: #606060;
  background-image: url(../images/box_right_top.gif);
  background-position: right top;
  background-repeat: no-repeat;
  
  display: list-item;           /* Force the header to behave like a list */
  list-style-image: url(../images/box_left_top.gif);   /*   top left corner */
  list-style-position: inside;  /* move the list-image inside the text box */  
  list-style-type:none;         /* remove the default bullet */  

 /* position: relative;*/

  padding: 0 !important;
  margin: 0 !important;
}

div.box h5
{
  font-size: 12px;
  color: #606060;
  line-height: 15px;
  font-weight: bold;
}


div.box p
{
  font-size: 12px;
  color: #606060;
  line-height:15px;
  padding-top: 0 !important;
}

div.box a
{
  /*color: #606060;*/
  text-decoration: underline;
}
/*
div.box div
{
  padding: 10px 10px 10px 15px;
  background-image: url(../images/box_left_bottom.gif);
  background-position: left bottom;
  background-repeat: no-repeat;
}*/


/**********************
    Menu
 **********************/

div.menu
{
  /*float: left;*/
  position: absolute;
  left: 0;
  top: 90px;

  width:230px; 
  min-height: 467px;
  background-image:url(../images/menu_top.gif);
  background-position:0 0;
  background-repeat:no-repeat;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #ffffff;
  font-size: 15px;
  padding-top: 24px;
  text-align: center;
  line-height:16px;
}

div.menu ul
{
  text-align: left;
  list-style: none;
  padding: 0;
  margin: 0 2px 20px 0;
}

div.menu ul li
{
  padding: 0;
  margin: 0;
}

div.menu ul li:hover,
div.menu ul li.active
{
  background-color: #77a6da;
}

div.menu ul li ul
{
  font-size: 13px;
  margin: 0;
}

div.menu ul li a
{
  display: block;
  vertical-align: middle;
  color: #ffffff;
  background-color: transparent;
  text-decoration: none;
  padding: 5px 0 5px 15px;
}

div.menu ul li a:hover,
div.menu ul li a.active
{
  background-color: #98bbe3;
  border-right: 5px solid #fdab10;
}

div.menu ul li ul a
{
  padding: 5px 0 5px 35px;
}

/**********************
    Language
 **********************/

div.language
{
  position: absolute;
  top: 0;
  right: 0;
  height: 38px;
  line-height: 38px;
  vertical-align: middle;
  width: 200px;
  background-image:url(../images/language_background.gif);
  background-position:0 0;
  background-repeat:no-repeat;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #ffffff;
}

div.language a
{
  color: #ffffff;
}

div.language img
{
  margin: 0 5px 0 13px;
  vertical-align: middle;
}

/**********************
    Meta Navigation
 **********************/

div.meta
{
  position: absolute;
  right: 0;
  top: 67px;
  padding: 0 10px 0 0;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 13px;
}

div.meta ul
{
  display: inline;
  list-style-type: none;
  padding: 0;
  margin: 0;
}

div.meta ul li
{
  display: inline;
  padding: 0;
  margin: 0;
}

div.meta a
{
  display: block;
  float: left;
  height: 20px;
  color: #ffffff;
  text-decoration: none;
  margin: 0 2px 0 0;
}

div.meta a span
{
  display:block;
  line-height:20px;
  vertical-align:middle;
  padding:0 8px 0 8px;
}

div.meta a:hover,
div.meta a.active
{
  background-image:url(../images/meta_left.gif);
  background-position:0 0;
  background-repeat:no-repeat;
  color: #000000;  
}

div.meta a:hover span,
div.meta a.active span
{
  background-image:url(../images/meta_right.gif);
  background-position:right top;
  background-repeat:no-repeat;
}

/**********************
    Misc
 **********************/

.p4b
{
  /*color: #000000 !important;*/
}

.p4b span
{
  color: #01cc00 !important;
  font-size: 1.2em !important;
  font-weight: bold !important;
  line-height: 1em !important;
  /*vertical-align: 1px;*/
  vertical-align: baseline !important;
}
/*
.p4b sup
{
  font-weight: bold !important;
  font-size: 0.9em !important;
  vertical-align: 0.6em !important;
  line-height: 0.6em;
}

a .p4b sup
{
  text-decoration: none;
}
*/
div.menu .p4b span
{
  font-size: 1em !important;
  color: #ffffff !important; 
}
/*
.logo
{
  color: #000000 !important;
}

.logo span
{
  color: #01cc00 !important;
  font-size: 1.4em !important;
}

.logo sup
{
  font-size: 0.7em !important;
  vertical-align: 0.8em !important;
  vertical-align: 0.8em !important;
}*/

.indent
{
  padding-left: 20px !important;
}

img.middle
{
  vertical-align: middle;
  margin-right: 10px;
}

div.details
{
  margin: 0 0 15px 10px;
  padding: 5px 5px 0 5px;
  border: 1px solid #dddddd;
  background-color: #f5f5f5;
  font-size:12px;
  line-height:16px;  
}

p.detail
{
  height:30px; 
  background-image:url(/images/pdf.gif);
  background-repeat:no-repeat;
  padding:11px 0 0 50px;
}

/**********************
    Glossary
 **********************/

.glossary
{
  text-decoration: none;
  cursor: help;
  border-bottom: 1px dotted #fdab10;
}

#glossary
{
  position:absolute; 
  border:1px solid #cccccc;
  padding:5px;
  font-size:11px;
  line-height: 14px;
  background-color:#ffffe0;
  z-index:999;
  width:300px  
}

#glossary h3
{
  margin:0 0 10px 0;
  font-size:12px;
  font-weight:bold;
}

#glossary p
{
  margin:0;
}

/**********************
    IE 6 hacks
 **********************/

* html body
{
  border-right:760px dotted #ffffff;
}

* html div.wrap 
{
  margin-right:-760px; 
  padding-left:0px; 
  float:right;
  position: relative;
}

* html div.header
{  
  margin-bottom: -3px;
}

* html div.menu ul li a
{
  height: 16px;
}

* html div.language
{
  padding-top: 8px;
}
.PopUp
{	
	font-family:Verdana;
	font-style:normal;
	font-size:11px;
	position:absolute;
	z-index:1;
	visibility: hidden; 
	background-color:#ffffcc;
	width:300px;
	border-style:solid;
	border-width:1px;
}

.Label
{ 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12;
	vertical-align:middle;   
} 

.DropdownList
{ 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	vertical-align:middle;   
	border-color: gray;
	border-style:solid;  
	border-width:1; 
	cursor: pointer;
	cursor:hand;
	width:150px; 
} 

TextArea
{ 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
} 

.Tooltip
{	
	font-family:Verdana;
	font-style:normal;
	font-size:11px;
	background-color:#ffffcc;
	width:300px;
	border-style:solid;
	border-width:1px;
}