/**
	MAINCSS FILE FOR AMP / WWF 

	Developed by IQ2.AT JUNE 2007
	Copyright by IQ2.AT JUNE 2007
		
	AMP / WWF is a webproject maintained by 
	barkintheyard.com in cooperation with IQ2.AT. 
	
	Projectfacts: 
	
	Main-Release: July 09, 2007
	
	Have fun!
*/	

/*
  ======================================================
	ADD SOME SPECIAL VALUES FOR AVOIDING IE6 FLICKERING
  ======================================================
*/
html > body { 
	visibility: visible !important; 
} 
body { 
	visibility: hidden; 
} 

/*
  ======================================================
	LAYOUT SPECIFIC STYLESHEET DEFINITIONS
  ======================================================
*/
body {
	border: 0;
	margin: 0;
	padding: 0;
	background: url('../images/mainbg.gif') repeat-x top left;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color: #222; 
	text-align: left;
	line-height: 16px;
}

#contentwrapper {
  	margin: 0 0 0 40px;
  	width: 750px;
  	text-align: left;
	border: 0;
}

/**
  ======================================================
	NAVIGATION GRID & CSS ROLLOVERS
  ======================================================
*/
#navigation {
	clear: both;
	margin: 0 0 30px 0;
	padding: 0;
	border: 0;
	width: 750px;
	height: 32px;
	float: left;
}

#mainnav { 	
	width: 750px;
	height: 32px;
	padding: 0;
	border: 0;
	margin: 0;
}

ul#mainnav li {
	float: left;
	list-style: none;
}

#mn01, #mn01a, #mn02, #mn02a, #mn03, #mn03a, #mn04, #mn04a, #mn05, #mn05a, #mn06, #mn06a, #mn07, #mn07a, #mn08, #mn08a {
	display: block;
	width: 73px;
	height: 32px;
	margin: 0;
	padding: 0;
	background: url('../images/mainnav/main01_on.gif') no-repeat 0px;
}

#mn01 { background-image: url('../images/mainnav/main01_off.gif'); width: 73px; }
#mn02 { background-image: url('../images/mainnav/main02_off.gif'); width: 63px; }
#mn03 { background-image: url('../images/mainnav/main03_off.gif'); width: 140px; }
#mn04 { background-image: url('../images/mainnav/main04_off.gif'); width: 144px; }
#mn05 { background-image: url('../images/mainnav/main05_off.gif'); width: 109px; }
#mn06 { background-image: url('../images/mainnav/main06_off.gif'); width: 89px; }
#mn07 { background-image: url('../images/mainnav/main07_off.gif'); width: 53px; }
#mn08 { background-image: url('../images/mainnav/main08_off.gif'); width: 79px; }

a#mn01:hover { background-image: url('../images/mainnav/main01_on.gif'); }
a#mn02:hover { background-image: url('../images/mainnav/main02_on.gif'); }
a#mn03:hover { background-image: url('../images/mainnav/main03_on.gif'); }
a#mn04:hover { background-image: url('../images/mainnav/main04_on.gif'); }
a#mn05:hover { background-image: url('../images/mainnav/main05_on.gif'); }
a#mn06:hover { background-image: url('../images/mainnav/main06_on.gif'); }
a#mn07:hover { background-image: url('../images/mainnav/main07_on.gif'); }
a#mn08:hover { background-image: url('../images/mainnav/main08_on.gif'); }

#mn01a { background-image: url('../images/mainnav/main01_on.gif'); width: 73px; }
#mn02a { background-image: url('../images/mainnav/main02_on.gif'); width: 63px; }
#mn03a { background-image: url('../images/mainnav/main03_on.gif'); width: 140px; }
#mn04a { background-image: url('../images/mainnav/main04_on.gif'); width: 144px; }
#mn05a { background-image: url('../images/mainnav/main05_on.gif'); width: 109px; }
#mn06a { background-image: url('../images/mainnav/main06_on.gif'); width: 89px; }
#mn07a { background-image: url('../images/mainnav/main07_on.gif'); width: 53px; }
#mn08a { background-image: url('../images/mainnav/main08_on.gif'); width: 79px; }

/**
  ======================================================
	HEADER GRID (TITLE / SLIDE)
  ======================================================
*/
#header {
	width: 750px;
	height: 256px;
	border: 0;
	margin: 0;
	padding: 0;
	float: left;
}

#title {
	margin: 0;
	padding: 0;
	border: 0;
	width: 375px;
	height: 256px;
	float: left;
}

* html #title {
	margin-right: -3px;
}

#slide {
	margin: 0;
	padding: 0;
	border: 0;
	width: 375px;
	height: 256px;
	float: left;
	background: url('../images/navigation_bkg.gif') no-repeat top left;
}

#slidelist  {
	margin: 15px 0 0 0;
}

#slidenav {
	margin: 28px 0 0 0;
	padding: 0;
}

#slidenav li {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
}

#slidenav a {
	display: block;
	height: 22px;
	margin: 0;
	padding: 6px 0 0 15px;
	background: #ABABAB url('../images/white_dots.gif') no-repeat bottom left;
	font-family: Helvetica, Arial, sans-serif;
	color: #FFF;
	text-decoration: none;
}

* html #slidenav a {
	height: 24px;
	padding: 4px 0 0 15px;
}

#slidenav a:hover {
	background-color: #6D6D6D;
}

#slidenav #sn01a {
	background-color: #18A3C8;
	font-weight: normal;
	padding: 6px 0 0 15px;
	height: 22px;
}

* html #slidenav #sn01a {
	padding: 4px 0 0 15px;
	height: 24px;
}

/**
  ======================================================
	TABLE OF CONTENT NAV
  ======================================================
*/
#tocnav li {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
	clear: both;
}

#tocnav a {
	display: block;
	height: 22px;
	margin: 0;
	padding: 6px 0 0 15px;
	background: url('../images/bg1column.gif') no-repeat bottom left;
	font-family: Arial, Helvetica, sans-serif;
	color: #222;
	text-decoration: none;
}

* html #tocnav a {
	height: 24px;
	padding: 4px 0 0 15px;
}

#tocnav a:hover {
	background-color: #6D6D6D;
	color: #FFF;
}

#tocnav #tocact {
	font-weight: bold;
	padding: 6px 0 0 15px;
	height: 22px;
}

* html #tocnav #tocact {
	padding: 4px 0 0 15px;
	height: 24px;
}

/**
  ======================================================
	PAGINATION
  ======================================================
*/
#pagination {
  	width: 750px;
    border-top: 1px solid white;
	background: #ABABAB url('../images/white_dots_vl.gif') no-repeat top left;
    float: left;
}

#prev {
	width: 375px;
	margin: 0;
	padding: 0;
	text-align: center;
	float: left;
	color: #FFF;
}

#prev img {
	display: inline;
	border: 0;
	padding: 0 5px 0 0;
}

#next {
	width: 375px;
	margin: 0;
	padding: 0;
	text-align: center;
	float: right;		
	color: #FFF;
}

#next img {
	display: inline;
	border: 0;
	padding: 0 0 0 5px;
}

#prev a, #prev a:link {
	color: #FFF;
	text-decoration: none;
	padding: 6px 0 0 15px;
	display: block;	
	height: 22px;
}

* html #prev a, * html #prev a:link { /*Special values for IE */
	padding: 8px 15px 0 0;
	height: 20px;	
}

#next a, #next a:link {
	color: #FFF;
	text-decoration: none;
	padding: 6px 15px 0 0;
	display: block;	
	height: 22px;	
}

* html #next a, * html #next a:link { /*Special values for IE */
	padding: 8px 15px 0 0;
	height: 20px;	
}

#prev a:hover {
	background: #6D6D6D url('../images/white_dots_v.gif') no-repeat top right;
}

#next a:hover {
	background-color: #6D6D6D;
}

/**
  ======================================================
	CONTENTAREA + GRIDS
  ======================================================
*/
#contentarea {
	width: 750px;
 	padding: 0;
	border: 0;
	margin: 0;
	background: url('../images/contentbg.gif') transparent repeat-y center top;
	float: left;
}

#ca2col { /** Content Area 2 Columns*/
	width: 750px;
 	padding: 20px 0 20px 0;
	margin: 0;
	background: url('../images/bg2columns.gif') repeat-y top left;
	float: left;	
}

#ca1col { /** Content Area 1 Column*/
	width: 750px;
 	padding: 20px 0 0 0;
	border: 0;
	margin: 0;
	background: url('../images/contentbg.gif') transparent repeat-y center top;
	float: left;
}

#searchresults { /** Content Area 1 Column*/
	width: 750px;
 	padding: 20px 0 0 0;
	border: 0;
	margin: 0;
	background: url('../images/contentbg.gif') transparent repeat-y center top;
	float: left;
}

/**
  ======================================================
	CONTENT AREA - GRID CONTAINER 
  ======================================================
*/	
#gc1 { /** Grid container left side */
	width: 345px;
	border: 0;
	margin: 0;
	padding: 0 14px 0 16px;
	display: inline; /*Fix for IE to stop double float-margins*/
	float: left;
}

#gc2 { /** Grid container right side */
	width: 345px;
	border: 0;
	margin: 0;
	padding: 0 14px 0 16px;
	display: inline; /*Fix for IE to stop double float-margins*/
	float: left;
}

#gc2i { /** Grid container right side - Images */
	width: 345px;
	border: 0;
	margin: 0;
	padding: 0 14px 0 16px;
	display: inline; /*Fix for IE to stop double float-margins*/
	float: left;
}

#gctoc { /** Grid container right side - Table of Content*/
	width: 345px;
	border: 0;
	margin: 0;
	padding: 0 14px 0 0;
	display: inline; /*Fix for IE to stop double float-margins*/
	float: right;
}

.gc1odd { 
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	display: inline;
}

.gc1even { 
	margin: 0;
	padding: 0;
	border: 0;
	background-color: #F8F8F8;
	float: left;
	display: inline;
}

.gc2odd { 
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	display: inline;
}

.gc2even { 
	margin: 0;
	padding: 0;
	border: 0;
	background-color: #F8F8F8;
	float: left;
	display: inline;
}

.sgctop { /** Single grid container 750px Odd-Color*/
	width: 720px;
	border: 0;
	margin: 0;
	padding: 0 14px 10px 16px;
	display: inline; /*Fix for IE to stop double float-margins*/
	float: left;
	background-color: #FFF;
}

.sgctop h1 {
	padding: 0;
	margin: 20px 0 20px 0;
}

.sgctop .nopad {
	padding: 0;
	margin: -22px 0 0 -16px;
}

.sgcodd { /** Single grid container 750px Odd-Color*/
	width: 720px;
	border: 0;
	margin: 0;
	padding: 10px 14px 10px 16px;
	display: inline; /*Fix for IE to stop double float-margins*/
	float: left;
	background: #F8F8F8 url('../images/bg1column.gif') no-repeat top left;
}

.sgcodd h1 {
	padding: 0;
	margin: 20px 0 15px 0;
}

.sgceven { /** Single grid container 750px Even-Color */
	width: 720px;
	border: 0;
	margin: 0;
	padding: 10px 14px 10px 16px;
	display: inline; /*Fix for IE to stop double float-margins*/
	float: left;
	background: #FFF url('../images/bg1column.gif') no-repeat top left;
}

.sgceven h1 {
	padding: 0;
	margin: 20px 0 15px 0;	
}

/**
  ======================================================
	FOOTER NAV
  ======================================================
*/	
#footer {
	width: 750px;
	height: 0px;
	margin: 0;
	padding: 20px 0 40px 0;
	border: 0;
	color: #ABABAB;
	float: left;
}

#copyright {
	width: 300px;
	float: left;
	padding: 2px 0 0 0;
	border: 0;
}

#footernav { 	
	width: 270px;
	padding: 0;
	border: 0;
	margin: 0;
	float: left;
}

ul#fnav li {
	float: left;
	display: block;
	list-style-type: none;
	padding: 2px 0 0 0;
}

ul#fnav li a {
	padding: 0 8px 0 0;
	text-decoration: none;
	color: #ABABAB;
}

ul#fnav li a:hover {
	color: #6D6D6D;
}

/**
  ======================================================
	SEARCH FORM
  ======================================================
*/	
#search {
	width: 180px;
	margin: 0;
	padding: 0;
	border: 0;
	float: right;
}

#search form {
	display: inline;
	border: 0;
}

#searchform .search {
	margin: 0;
	width: 145px;
	height: 20px;
	background: url(../images/form/search.gif) no-repeat top left;
	border: none;
	font-size: 10px;
	padding: 2px 15px 0 20px;
	color: #222;
}

/**
  ======================================================
	TABLE DEFINITIONS
  ======================================================
*/	
table.contenttable {
	border-top: 1px solid #DDDCDC;
	border-left: 1px solid #DDDCDC;
	border-collapse: collapse;
	margin: 15px 0 15px 0;
}

.contenttable tr {
	background-color: #FFF;
}

.contenttable th, .contenttable td {
	padding: 5px 10px 5px 10px;
	border-right: 1px solid #DDDCDC;
	border-bottom: 1px solid #DDDCDC; 
	text-align: left;
}

.contenttable td p {
	padding: 0px;
	margin: 0;
}

.contenttable th {
	font-weight: bold;
	vertical-align: top;
	background-color: #F8F8F8;
	color: #222;
	padding: 15px 10px 15px 10px;
	text-align: center;
}


.contenttable .align-center {
	text-align: center;
}

/**
  ======================================================
	INDEXED SEARCH
  ======================================================
*/	
.tx-indexedsearch {
	width: 720px;
	border: 0;
	margin: 0;
	padding: 0 14px 10px 16px;
	display: inline; /*Fix for IE to stop double float-margins*/
	float: left;
	background-color: #FFF;
}
.tx-indexedsearch .browsebox { border: 1px solid #ECECEC; padding: 5px 5px 5px 10px; margin: 0 0 20px 0; }
.tx-indexedsearch .tx-indexedsearch-browsebox LI { display:inline; margin-right:5px; }
.tx-indexedsearch .tx-indexedsearch-res a { font-size: 11px; font-weight: bold; }
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button { width:100px; }
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword { width:150px; }
.tx-indexedsearch .tx-indexedsearch-whatis { margin-top:10px; margin-bottom:5px; }
.tx-indexedsearch .tx-indexedsearch-whatis .tx-indexedsearch-sw { font-weight:bold; font-style:italic; }
.tx-indexedsearch .tx-indexedsearch-noresults { font-weight:bold; }
.tx-indexedsearch .tx-indexedsearch-res TD.tx-indexedsearch-descr { font-style:italic; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup { color: #18A3C8; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info { background:#fafafa; padding: 5px; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead { margin-top:20px; margin-bottom:5px; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2 { margin-top:0px; margin-bottom:0px; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TD { background:#cccccc; vertical-align:middle; }
.tx-indexedsearch .tx-indexedsearch-res .noResume { color:#666666; }
.tx-indexedsearch .tx-indexedsearch-category { background:#cccccc; font-size:16px; font-weight:bold; }

/* Additional styles, needed for the tableless template_css.tmpl (styles don't conflict with the original template) */
.tx-indexedsearch .res-tmpl-css { clear:both; margin-bottom:1em; }
.tx-indexedsearch .searchbox-tmpl-css LABEL { margin-right:1em; width:10em; float:left; }
.tx-indexedsearch .result-count-tmpl-css, .tx-indexedsearch .percent-tmpl-css { letter-spacing:0; font-weight:normal; margin: 0; float:right; width: 35px; text-align: center; padding: 2px; color: #FFF; font-weight: bold; background-color: #18A3C8; }
.tx-indexedsearch .info-tmpl-css dt, .tx-indexedsearch dl.info-tmpl-css dd { float:left; }
.tx-indexedsearch .info-tmpl-css dd.item-mtime { float:none; }
.tx-indexedsearch .info-tmpl-css dd.item-path { float:none; }

/**
  ======================================================
	COMMON STYLESHEET DEFINITIONS
  ======================================================
*/	
h1 {
	margin: 20px 0 20px 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #222;
	border: 0;
	line-height: 20px;
}

/**
  ======================================================
	NEXT SECTION IS IGNORED BY IE6, BUT NOT FF & CO 
  ======================================================
*/	
#gc1 h1:first-child {
	margin: 0 0 20px 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #222;
	border: 0;
	line-height: 20px;
}

#gc2 h1:first-child {
	margin: 0 0 20px 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #222;
	border: 0;
	line-height: 20px;
}

.sgctop h1:first-child {
	padding: 0;
	margin: 0 0 20px 0;
	line-height: 20px;	
}

.sgcodd h1:first-child {
	padding: 0;
	margin: 15px 0 20px 0;
	line-height: 20px;
}

.sgceven h1:first-child {
	padding: 0;
	margin: 15px 0 20px 0;
	line-height: 20px;
}

/* SPECIAL SECTION END */
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #222;
	font-weight: bold;
	margin: 0 0 15px 0;
	padding: 5px 0 0 0;
}

#gc2 h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #222;
	font-weight: bold;
	margin: 15px 0 15px 0;
	padding: 0;
}

h3 {
	margin: 20px 0 15px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #222;
}

h4 {
	margin: 20px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #222; 
}


/**
  ======================================================
    COMMON STYLES FOR IMAGE SECTION ON GC2I
  ======================================================
*/ 
#gc2i img  { /** Grid container right side - Images */
	margin: 0 0 2px 0;
	padding: 0;
	border: 0;
	float: left;
}

#gc2i p {
	margin: 0 0 20px 0;
	padding: 0:
}

/**
  ======================================================
    COMMON STYLES FOR LINKS
  ======================================================
*/ 
a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #999;
}

a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;	
	color: #999;
}

a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #222;
}

a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;	
	color: #222;
}

/**
  ======================================================
    LISTS & MORE
  ======================================================
*/ 
ul#fnav { margin: 0; padding: 0; }

#gc1 ul {
	margin: 10px 0 10px 25px;
	padding: 0;
}

#gc2 ul {
	margin: 10px 0 10px 25px;
	padding: 0;
}

.sgctop ul {
	margin: 10px 0 10px 25px;
	padding: 0;
}

.sgcodd ul {
	margin: 10px 0 10px 25px;
	padding: 0;
}

.sgceven ul {
	margin: 10px 0 10px 25px;
	padding: 0;
}

#gc1 ol, #gc2 ol, .sgctop ol, .gc1odd ol, .gc1even ol, .gc2odd ol, .gc2even ol { 	
	margin: 10px 0 10px 25px;
	padding: 0;
}

#gc2 ol, #gc2 ol ol {
	margin: 0;
	padding: 0;
}

#gc2 ol li {	
	list-style: none; 
}

ol li {
	list-style: decimal;
}

ol ol li a {
	padding: 15px 0 0 0;
}

ol ol li { list-style: none ; }

.hide   { display: none; }
.italic { font-style: italic; }
.clear  { clear:both; }
em      { font-size: 11px; }
.strong { font-weight: bold; }