/*-------------------------------------------------------------
 CSS TEMPLATE FOR XHTML 1.0 TRANSITIONAL HTML-DOCUMENTS
 Version 1.0
 
 - general XHTML elements (no form-elements)
---------------------------------------------------------------*/

/************************************
* general font properties
* - font-family
* - line-height
* - font-size
* - color
*************************************/

*,
body,
table,
th,
td,
h1,
h2,
h3,
h4,
h5,
h6,
textarea
{
	font-family:arial,tahoma,verdana;
	line-height:1.3em;
	font-size:12px;
	color:#333333;	
}

/************************************
* page scrolling behaviour
*************************************/

/* when in standards mode, use styles below */

html
{
	overflow:scroll;		
	overflow-x:auto;
}
body
{
	overflow:hidden;
}

/* when in quirksmode, use styles below */

/*
html
{
	overflow:hidden;
}
body
{
	overflow:scroll;		
	overflow-x:auto;
}
*/

html,
body
{
}
div
{
}

/************************************
* general text construct margins
* - allows for stacking them randomly
*   with correct spacing
*************************************/

table,
p,
ul,
ol,
dl,
.button_inline,
fieldset,
code
{
	margin-bottom:1.5em;
}

/************************************
* utilities
*************************************/

/* hide element (no display) */
.hidden
{
	display:none;
	clear: both; 
}
/* hide element (invisible) */
.invisible
{
	visibility:hidden;
	clear: both;
}
/* clearfix */
.clearfix:after 
{
   	content: "."; 
   	display: block; 
   	height: 0; 
 	clear: both; 
   	visibility: hidden;
	}
.clearfix 
{
	display: inline-table;
}
* html .clearfix 
{
	height: 1%;
}
.clearfix 
{
	display: block;
}	
/* floating */	
.floatleft
{
	float:left;
}
.floatright
{
	float:right;
}
/* clearing */	
.clear
{
	clear:both;
}
.clearleft
{
	clear:left;
}
.clearright
{
	clear:right;
}

/************************************
* list and definition list styles
*************************************/

/* list types */
ul,
ol
{
	list-style-position: outside;		
	margin-left:30px;
}
ul
{
	list-style-type: disc;
}
ol
{
	list-style-type: decimal;
}
/* list items */
li
{
}
ul li
{
}
ol li
{
}
/* second level list items */
ul li li
{
}
ol li li
{
}
/* third level list items */
ul li li li
{
}
ol li li li
{
}
/* definition list */
dl
{
}
dt
{
}
dd
{
}

/************************************
* headings
*************************************/
h1,
h2,
h3,
h4,
h5,
h6
{
	font-weight:normal;
	line-height:1em;
	margin-bottom:0.5em;
/*	margin-top:0.27em; */
}
h1
{
	font-size:30px;
	color:#ffffff;
	margin-bottom:0px;
}
h2
{
	font-size:20px;
}
h3
{
	font-size:14px;
}
h4
{
	color:#dddddd;
}
h5
{

}
h6
{
}
/************************************
* text and inline element styles
*************************************/

/* generic */
br
{
}
span
{
}
img
{
}
kbd
{
}
ins
{
}
del
{
}
pre
{
}
/* address */
address
{
}
/* paragraph */
p
{
}
p.intro
{
	font-weight:bold;
}
/* general text styles */
strong,
.strong
{
	font-weight:bold;
	font-style:normal;
}
em
{
	font-weight:normal;
	font-style:italic;
}
/* abbrevations, acronyms and defenitions */
abbr
{
}
acronym
{
	text-transform:uppercase;
}
dfn
{
	font-style:italic;
}
/* quotations and cites */
q
{
	font-size:italic;
}
cite
{
	font-style:italic;
}
blockquote
{
}
/* output and samples */
samp
{
	font-family:courier;
}
var
{
}
code
{
	white-space:pre;
	font-family:courier;
}
code.block
{
	display:block;
}
tt
{
	font-family:courier;
}
/* font modifiers */
big
{
	font-size:120%;
}
small
{
	font-size:80%;
}
sub
{
}
sup
{
}

/************************************
* anchors
*************************************/

/* anchor general */
a:link,
a:active,
a:visited,
a:hover
{
	text-decoration:underline;
}
/* link */
a:link
{
}
/* active */
a:active
{
}
/* visited */
a:visited
{
}
/* hover */
a:hover
{
}

a.blocklink:link,
a.blocklink:visited,
a.blocklink:active,
a.blocklink:hover,
p.more a:link,
p.more a:visited,
p.more a:active,
p.more a:hover,
p.back a:link,
p.back a:visited,
p.back a:active,
p.back a:hover
{
	display:block;
	padding-right:12px;
	font-weight:bold;
	background:url(../images/blocklink_bg.gif) no-repeat center right;
	text-decoration:none;
	float:left;
}
p.back a:link,
p.back a:visited,
p.back a:active,
p.back a:hover
{
	background:url(../images/blocklink_back_bg.gif) no-repeat center left;
	padding-right:0px;	
	padding-left:12px;
}

/************************************
* tables
*************************************/

table
{
	width:100%;
	margin-bottom:1.5em;
	border-collapse:collapse;
}
/* general cell properties */
th,
td
{
	padding:4px;
	text-align:left;
	vertical-align:top;
}
/* head cell*/
th
{
	background-color:#CCCCCC;
}
/* data cell */
td
{
	border-bottom:1px solid #CCCCCC;
}
/* row */
tr
{
}
/* various */
caption
{
}
col
{
}
colgroup
{
}
tbody
{
}
thead
{
}
tfoot
{
}

/************************************
* inline buttons (sliding door)
*************************************/

/* inline button */
a.button_inline:link,
a.button_inline:visited,
a.button_inline:active,
a.button_inline:hover
{
	display:block;
	float:left;
	cursor:pointer;	
	text-decoration:none;	
	margin-right:8px;
	font-weight:bold;
	background:url(../images/button_inline_right.gif) no-repeat top right;
	padding-right:10px;
	line-height:1.5em;
	color:#dddddd;
}
/* inline button inner span */
a.button_inline:link span,
a.button_inline:visited span,
a.button_inline:active span,
a.button_inline:hover span
{
	background:url(../images/button_inline_left.gif) no-repeat top left;
	padding-left:10px;
	line-height:1.5em;
	display:block;
	float:left;
}
/* inline button hover state */
a.button_inline:hover
{
	background:url(../images/button_inline_right_hover.gif) no-repeat top right;
}
a.button_inline:hover span
{
	background:url(../images/button_inline_left_hover.gif) no-repeat top left;
}

/************************************
* tagcloud
*************************************/

p.tagcloud,
p.tagcloud a:link,
p.tagcloud a:visited,
p.tagcloud a:active,
p.tagcloud a:hover
{
	line-height:1.2em;
	text-decoration:none;
}