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

Description: 	Styles the Basic CSS Tags
Author: 		Felix Kreitner
Date:			21.02.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:				#0082b6;
	text-decoration:	underline;
}

a:hover,code,pre
{
	color:				#0082b6;
}

a:active,.a:focus
{
	color:				#0082b6;
}

/*
========================================================
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-top:		0;
	font-size:		24px;
	line-height:	24px;
}

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

h3
{
	font-size:		18px;
	line-height:	20px;
	color:			#8f928e;
}

h4
{
	font-size:		14px;
	line-height:	16px;
	text-transform:	uppercase;
	color:			#0082b6;
}

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 #ccc;
	border-left:	1px solid #ccc;
}

th, td
{
	border-bottom:	1px solid #ddd;
	border-right:	1px solid #ccc;
}

th, td
{
	padding:	4px;
}

/*
========================================================
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:			5px 4px;
	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
{
	padding:		5px 4px;
}

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;
}

/*
========================================================
BODY
========================================================
*/

body
{
	color: 					#242b33;
	background-image:		url(../images/background-body.jpg);
	background-repeat:		repeat-x;
	background-position:	center top;
	background-color:		#7cb8d4;
}

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

.blue
{
	color:			#0082b6;
}

a.more
{
	color:				#0082b6;
	text-decoration:	none;
}

.releasedate
{
	color:				#565855;
	font-size:			11px;
}

h4 + .releasedate
{
	margin-top		:-12px;
}

a.btn
{
	background-color:		#f2f2f2;
	border:					1px solid #dfdfdf;
	-moz-border-radius:		5px;
	-webkit-border-radius:	5px;
	padding:				6px 10px;;
	color:					#737373;
	text-decoration:		none;
	font-size:				14px;
}

a.btn:hover
{
	color:					#0082b6;
}

/*
========================================================
GRID
========================================================
*/

#container,.container
{
	margin: 		0 auto;
	width:			956px;
}

#header
{
	position:				relative;
	height:					126px;
}

#header .header-area
{
	height:					94px;
	text-align:				right;
}

#header .navigation
{
	height:					32px;
	padding:				0 3px 0 3px;
}

#imageteaser
{
	padding:			0 2px 0 2px;
}

/* Hack to enable min-height IE6, IE7, FF */
#content
{
	margin:			0 2px 0 2px;
	padding:		0 0 20px 0;
	min-height:		400px;
	height:			auto !important;
	height:			400px;
}

.home #content
{
	padding:		0;

}

#main
{
	padding:		40px 0 0 47px;
	min-height:		200px;
	height:auto		!important;
	height:			200px;
	width:			590px;
}

.home #main
{
	padding:		70px 0 0 340px;
	min-height:		281px;
	height:auto		!important;
	height:			281px;
	width:			330px;
}

#sidebar
{
	padding:		40px 15px 0 0;
	width:			260px;
}

.home #sidebar
{
	padding:		70px 0 0 0;
}

#news
{
	clear:			both;
	padding:		15px 30px;
	min-height:		128px;
	height:auto		!important;
	height:			128px;
}

#footer
{
	margin-top:		8px;
	padding:		0 3px 0 3px;
}

/*
========================================================
HEADER
========================================================
*/

#header a
{
	text-decoration:none;
}

/*
========================================================
HEADER AREA
========================================================
*/

#header a.logo
{
	position:		absolute;
	display:		block;
	left:			27px;
	top:			24px;
	height:			39px;
	width:			451px;
	background-image:		url(../images/logo-iasb.png);
	background-repeat:		no-repeat;
	background-position:	left top;
	text-align:		left;
	text-indent:	-9999px;
}

#header ul#topmenu
{
	float:			right;
}

#header ul#topmenu,#header ul#topmenu li,#header ul#topmenu li a
{
	margin:			0;
	padding:		0;
	list-style:		none;
}

#header ul#topmenu
{
	margin:			44px 0 0 0;
}

#header ul#topmenu li,#header ul#topmenu li a
{
	float:			left;
	color:			#253134;
}

#header ul#topmenu li a:hover
{
	color:			#0082b6;
}

#header ul#topmenu li a
{
	padding:		0 8px 0 8px;
	font-size:		10px;
	text-transform:	uppercase;
	background-image:		url(../images/topmenu-seperator.gif);
	background-repeat:		no-repeat;
	background-position:	left 3px;
}

#header ul#topmenu li.first a
{
	background-image:	none;
}

/*
========================================================
HEADER NAVIGATION
========================================================
*/

#header .navigation
{
	background-image:		url(../images/menu-background.png);
	background-repeat: 		no-repeat;
	background-position: 	left top;
}

#header .navigation form
{
	float:				right;
	padding:			6px 12px 0 0;
}
	
#header .navigation input
{
	float:				left;
}

#header .navigation .textinput
{
	padding:			.1em .3em;
	margin-right:		5px;
	width:				150px;
}

#header .navigation .sbSearch
{
	float:				left !important;
	padding:			0 !important;
	margin:				1px 0 0 0 !important;
}

#header li#navEventsActivities ul
{
	display:			none;
}

/*
========================================================
IMAGETEASER
========================================================
*/

#imageteaser img
{
	float:				left;
	border-left:		1px solid #FFF;
	border-right:		1px solid #FFF;
}

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

#content
{
	background-color:		#FFF;
	-moz-border-radius:		10px;
	-webkit-border-radius:	10px;
}

.home #content
{
	background-image:		url(../images/background-content.jpg);
	background-repeat:		no-repeat;
	background-position: 	left top;
	background-color:		transparent !important;
}

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

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

#content ul li
{
	background:		url(../images/bullet.gif) 0 5px no-repeat; /* change background em accordingly */
	padding-left:	10px;
	list-style:		none;
}

#content ul li
{
	background-image:	url(../images/bullet_child.gif);
}

#content ul ul
{
	margin:			0;
}

#content ol li, 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;
}

.boxhighlight
{
	border:					1px solid #bebdbc;
	-moz-border-radius:		10px;
	-webkit-border-radius:	10px;
	padding:				10px;
	background-color:		#ebebeb;
	font-size:				14px;
}

.boxhighlight div
{
	border:					1px solid #FFF !important;
	-moz-border-radius:		10px;
	-webkit-border-radius:	10px;
	padding:				10px;
	background-color:		#f7f7f7;
}

.boxhighlight h5
{
	font-family:			Georgia, "Times New Roman", Times, serif;
	font-style:				italic;
	text-transform:			none;
	font-size:				20px;
	line-height:			24px;
	font-weight:			normal;
	color:					#0082b6;
}

#content ul.deeplist, #content ul.deeplist li
{
	margin:				0;
	padding:			0;
	list-style:			none;
	background-image:	none;
}

#content ul.deeplist
{
	margin:				24px 0 24px 0;
}

#content ul.deeplist li
{
	margin:				0 0 12px 0;
	padding:			1px;
	border:				1px solid #e8e8e6;
	background-color:	#f6f5f1;
}

#content ul.deeplist li div.border
{
	padding:			15px 10px;
	border:				1px solid #FFF;
}

#content ul.deeplist li .img
{
	float:				left;
	width:				200px;
	padding:			0 20px 0 0;
}

#content ul.deeplist li img.border
{
	border:				1px solid #737373;
}

#content ul.deeplist li .text
{
	float:				left;
	width:				340px;
	color:				#000;
}

#content ul.deeplist li .text h4
{
	margin:				0;
}

#content ul.infolist, #content ul.infolist li
{
	margin:				0;
	padding:			0;
	list-style:			none;
	background-image:	none;
}

#content ul.infolist
{
	margin:				24px 0 24px 0;
}

#content ul.infolist li
{
	margin:				0 0 12px 0;
	border-bottom:		1px solid #d7d7d7;
}
#content ul.infolist li .subline
{
	display:			block;
	float:				left;
	margin:				4px 0 0 0;
	padding:			3px 8px;
	background-color:	#bdd790;
	-moz-border-radius:		4px;
	-webkit-border-radius:	4px;
}

#content label
{
	color:				#0082b6;
	margin:				3px 0 3px 0;
	font-weight:		bold;
}

#content input.txt
{
	width:				330px;
	margin:				3px 0 10px 0;
}

#content textarea.txt
{
	width:				450px;
	margin:				3px 0 10px 0;
}

#content select
{
	width:				340px;
	margin:				3px 0 10px 0;
	padding:			5px 4px;
}

#content input[type='checkbox']
{
	margin:				3px 0 10px 0;
}

#content input[type='submit'],#content input.btn
{
	padding:			3px 8px;
	border:				1px solid #d7d7d7;
	background-color:	#0082b6;
	color:				#FFF;
	font-size:			11px;
	text-transform:		uppercase;
	font-weight:		bold;
	-moz-border-radius:		5px;
	-webkit-border-radius:	5px;
}

#content input[type='submit']:hover,#content input.btn:hover
{
	background-color:	#005c81;
}

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

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

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

/*
========================================================
BREADCRUMB
========================================================
*/

#breadcrumb 
{
	margin:				0 2px 0 2px;
	padding:			5px 0 5px 20px;

}

#breadcrumb ul,
#breadcrumb ul li
{
	margin:				0;
	padding:			0;
	list-style:			none;
	background-image:	none;
}

#breadcrumb ul li
{
	float:				left;
}

#breadcrumb ul li
{
	margin:				0 6px 0 0;
}

#breadcrumb ul li a
{
	color:				#242b33;
	text-decoration:	none;
	font-size:			11px;
	text-transform:		uppercase;
	font-weight:		bold;
}

#breadcrumb ul li.last a
{
	color:				#0082b6;
}

/*
========================================================
NEWS
========================================================
*/

#news
{
	background-color:	#0082b6;
}

#news ul, #news ul li
{
	margin:				0;
	padding:			0;
	list-style:			none;
	background-image:	none;
}

#news ul li
{
	float:					left;
	width:					428px;
	height:					121px;
	background-image: 		url(../images/background-news.jpg);
	background-repeat: 		no-repeat;
	background-position: 	right top;
	color:					#FFF;
	cursor:					pointer;
}

#news ul li div
{
	display:				block;
	width:					303px;
	height:					115px;
	padding:				6px 125px 0 0;
	/* background-image: 		url(../images/dummy.jpg); */
	background-repeat: 		no-repeat;
	background-position: 	right 11px;
}

#news ul li a
{
	display:				block;
	color:					#FFF;
}

#news ul li span
{
	display:				block;
	margin-bottom:			5px;
}

#news ul li.last
{
	float:					right;
}

/*
========================================================
SIDEBAR CSS
========================================================
*/

#sidebar a.btn,
#sidebar div.btn
{
	margin:					0 0 20px 0;
}

a.sidebox,
div.sidebox
{
	margin:					0 0 20px 0;
	border:					1px solid #737373;
	background-image:		url(../images/background-sidebox.jpg);
	background-repeat:		repeat-x;
	background-position:	left top;
}

a.sidebox
{
	display:				block;
	padding:				15px;
	text-decoration:		none !important;
	color:					#242b33 !important;
	cursor:					pointer;
}

a.sidebox:hover
{
	background-position:	left -213px;
}

div.textbox
{
	display:				block;
	padding:				15px;
	border-top:				1px solid #d7d7d7;
	border-bottom:			1px solid #d7d7d7;
}

div.sidebox
{
	display:				block;
	padding:				15px;
}

.sidebox .headline,
.textbox .headline
{
	display:				block;
	margin:					0 0 7px 0;
	font-size:				20px;
	color:					#0082b6;
}

/*
========================================================
FOOTER CSS
========================================================
*/

#footer

{
	text-align:		right;
	color:			#253134;
}

#footer a

{
	color:			#253134;
}