/*
===================================
CSS Basic Styles

Description: 	Styles the Basic CSS Tags
Author: 		Felix Kreitner
Date:			27.09.2009

*/

/*
========================================================
GLOBAL
========================================================
*/
html, body, table, textarea, input
{
	font-size:		12px;
	line-height:	16px;
	font-family:	Arial, Helvetica, sans-serif;
}

.left
{
	float:			left;
}

.right
{
	float:			right;
}

.align-left
{
	text-align: left;
}

.align-right
{
	text-align: right;
}

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

.justify
{
	text-align:justify;
}

.hide
{
	display: none;
}

.clear
{
	clear: both;
}

.bold
{
	font-weight:bold;
}

.italic
{
	font-style:italic;
}

.underline
{
	border-bottom:1px solid;
}

.highlight
{
	background:#ffc;
}

img.centered
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignleft
{
	float:left;
	margin:4px 10px 4px 0;
}

img.alignright
{
	float:right;
	margin:4px 0 4px 10px;
}

.clearfix:after
{
	content:		".";
	display:		block;
	height:			0;
	clear:			both;
	visibility:		hidden;
	line-height:	0;
}

.clearfix
{
	display:		inline-block;
}

* html .clearfix
{
	height:			1%;
}

html[xmlns] .clearfix
{
	display:		block;
}
.clearfix
{
	display:		block;
}

/*
========================================================
LINKS
========================================================
*/

a:link, a:visited
{
	color:				#d3001b;
	text-decoration:	underline;
}

a:hover,code,pre
{
	color:				#d3001b;
}

a:active,.a:focus
{
	color:				#d3001b;
}

/*
========================================================
HEADLINES
========================================================
*/

h1,h2,h3,h4,h5,h6,strong,th,thead td,dt,samp,dfn
{
	font-weight:		bold;
}
h1,h2,h3,h4,h5,h6
{
	margin:12px 0 12px 0;
}

h1
{
	margin:			0 0 25px 0;
	font-size:		22px;
	line-height:	26px;
	color:			#242b33;
}

h2
{
	font-size:		18px;
	line-height:	22px;
	color:			#535353;
}

h3
{
	margin-top:		0;
	font-size:		13px;
	line-height:	16px;
	color:			#242b33;
	text-transform:	uppercase;
}

h4
{
	font-size:		22px;
	line-height:	24px;
	color:			#000000;
}

h5
{
	font-size:		14px;
	line-height:	16px;
	text-transform:	uppercase;
}

h6
{
	font-size:		12px;
	line-height:	14px;
	text-transform:	uppercase;
}

/*
========================================================
TABLE
========================================================
*/

table
{
	border-top:		1px solid #e3e3e2;
	border-left:	1px solid #e3e3e2;
}

th, td
{
	padding:		6px 10px;
	vertical-align:	top;
	border-bottom:	1px solid #e3e3e2;
	border-right:	1px solid #e3e3e2;
}

th
{
	padding:				10px;
	font-size:				13px;
	background-image: 		url(/images/table-background.jpg);
	background-repeat: 		repeat-x;
	background-position: 	left top;	
}

/*
========================================================
ELEMENTS / TAGS
========================================================
*/

sub
{ 
	vertical-align:		sub;
}

sup
{
	vertical-align:		super;
}

small, sup, sub
{
	font-size:			10px;
	line-height:		0;
}

big
{
	font-size:			20px;
}

caption
{ 
	text-align:			center;
}

pre
{
	white-space:		pre;
}

pre *
{
	font-size:			12px;
	white-space:		pre;
}

del
{
	text-decoration:	line-through;
	color:				#666;
}

ins,dfn
{
	border-bottom:		1px solid #666;
}

abbr,acronym
{
	text-transform:		uppercase;
	font-size:			11px;
	letter-spacing:		1px;
}

abbr[title],acronym[title],dfn[title]
{
	cursor:				help;
	border-bottom:		1px dotted black;
}

blockquote
{
	color:			#666;
	padding-left:	20px;
}

blockquote > *:first-child:before
{
	content:		"\201C";
	margin-left:	-10px;
	padding-right:	4px;
	line-height:	0;
}
blockquote > *:first-child:after
{
	content:		"\201D";
	margin-right:	-10px;
	padding-right:	4px;
	line-height:	0;
}

blockquote cite, q cite
{
	font-style:			normal;
}

cite,em,dfn
{
	font-style:			italic;
}

code,kbd,samp,pre,tt,var
{
	font-size:			12px;
	font-family:		mono-space,monospace;
}

hr
{
	display:		block;
	background:		#d7d7d7;
	color:			#d7d7d7;
	width:			100%;
	height:			1px;
	border:			none;
}

/*
========================================================
LANGUAGE
========================================================
*/

:lang(af),:lang(nl),:lang(pl)
{
	quotes:'\201E' '\201D' '\201A' '\2019';
}

:lang(bg),:lang(cs),:lang(de),:lang(is),:lang(lt),:lang(sk),:lang(sr),:lang(ro)
{
	quotes:'\201E' '\201C' '\201A' '\2018';
}

:lang(da),:lang(hr)
{
	quotes:'\00BB' '\00AB' '\203A' '\2039';
}

:lang(el),:lang(es),:lang(sq),:lang(tr)
{
	quotes:'\00AB' '\00BB' '\2039' '\203A';
}

:lang(en-GB)
{
	quotes:'\2018' '\2019' '\201C' '\201D';
}

:lang(fi),:lang(sv)
{
	quotes:'\201D' '\201D' '\2019' '\2019';
}

:lang(fr)
{
	quotes:'\ab\2005' '\2005\bb' '\2039\2005' '\2005\203a';
}

*[lang|='en'] q:before
{
	content:'\201C';
}

*[lang|='en'] q:after
{
	content:'\201D';
}

*[lang|='en'] q q:before
{
	content:'\2018';
}

*[lang|='en'] q q:after
{
	content:'\2019';
}

/*
========================================================
FORM
========================================================
*/

input[type='hidden']
{
	display:	none;
}

input[type='text'],input[type='password'],input[type='file'],textarea
{
	padding:			4px 3px;
	font-size:			12px;
	/*font-family:	mono-space,monospace;*/
	cursor:				text;
}

textarea,input[type='text'],input[type='password'],input[type='file'],select
{
	border:			1px solid #ccc;
	background:		#fff;
}

input,
select
{
	padding:		4px 3px;
}

input,select
{
	cursor:		pointer;
}

select,option
{
	font-size:		12px;
	/*font-family:	mono-space,monospace;*/
}

input[type='radio']
{
	position:		relative;
	bottom:			-2px;
}

input[type='checkbox']
{
	position:		relative;
	bottom:			-2px;
}

select[multiple]
{
	margin-bottom:	10px;
}

input[type='submit'],input[type='reset'],input[type='button']
{
	margin:			0;
	padding:		0;
	font-size:		12px;
}


textarea:hover,input[type='text']:hover,input[type='password']:hover,input[type='file']:hover,select:hover
{
	border-color:	#aaa;
}

textarea:focus,input[type='text']:focus,input[type='password']:focus,input[type='file']:focus,select:focus
{
	outline:		2px solid #e4e4e4;
	border-color:	#888;
}

input:focus
{
	outline: 		2px solid Highlight;
}

/*
========================================================
BASIC ELEMENTS
========================================================
*/

.red
{
	color:			#d3001b;
}

p.small,
span.small,
div.small
{
	font-family:	11px;
}

/*
========================================================
CONTENT BASIC
========================================================
*/

#content p
{
	margin:			12px 0 12px 0;
}

#content ul
{
	margin:			12px 0 12px 0;
	padding:		0 0 0 0; /* UL left margin */
	margin-bottom:	1em;
	border-top:		1px solid #FFF;
}

#content ul li
{
	background-image:	url(/images/bullet.png) !important; /* change background em accordingly */
	padding:		5px 0 5px 20px;
	list-style:		none !important;
	border-bottom:	1px solid #FFF;
	margin-bottom:	3px;
	background-repeat: no-repeat;
	background-position: left 5px;	
}

#content ul ul
{
	margin:			0;
}

#content ol li,
#content ul li
{
	margin-bottom:	3px;
}

#content ol
{
	margin:			12px 0 12px 26px;
	padding-left:	0px;
}

#content ol ol
{
	margin:			0 0 0 26px;
}

#content ol li
{
	list-style:			decimal;
	background-image:	none;
	padding-left:		0px;
}

#content dl.twoColumn
{
	margin: 			12px 0 12px 0;
	text-align: 		left;
}

#content dl.twoColumn dt
{
	float: 				left;
	clear: 				left;
	width: 				75px;
	font-weight:		normal;
}

#content dl.twoColumn dd
{
	clear: 				right;
	margin: 			0 0 0 10px;
	padding: 			0;
}

#secondary dl.twoColumn
{
	margin: 			12px 0 0 0;
}

#secondary dl.twoColumn dt
{
	width: 				55px;
}