@import url(modules.css);
@import url(ie.css);
@import url(tweet.css);

body
{
	background-image: url(../images/template/base/bg_repeat-x.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-color: #006da5;
	color: #222222;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 10pt;
	line-height: 1.35em;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

/***********************************************************************/
/** reset styles *******************************************************/
/***********************************************************************/

table,
td,
tr,
th
{
	border-collapse: collapse;
	font-size: 10pt;
	margin: 0px;
	padding: 0px;
}

a,
a:link,
a:hover,
a:active,
a:visited,
a:visited:hover
{
	color: #006DA3;
	text-decoration: underline;
}

a:hover,
a:visited:hover
{
	color: #000000;
}

img
{	
	border: none;
}	

h1,
h2,
h3,
h4,
h5
{
	font-family: Trebuchet MS, Trebuchet, Calibri, sans-serif;
	line-height: 1em;
	margin: 0px;
	padding: 0px;
}

h1
{
	font-size: 15pt;
	padding-bottom: 15px;
	text-transform: uppercase;
}

h2
{

}

ul, ol
{
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-bottom: 10px;
}

.clear
{
	clear: both;
	height: 0px;
}

input,
select,
option,
textarea
{
	color: #000;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 10pt;
}

p
{
	margin: 0px;
	padding: 0px;
	padding-bottom: 8px;
}

/***********************************************************************/
/** general content styles *********************************************/
/***********************************************************************/

.RadEContent, 
.RadEContentBordered
{
	background-color: #fff;
	
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 100 !important;
}

.RadEContent p, 
.RadEContentBordered p,
.content_container p
{
	line-height: 1.7em;
	padding-bottom: 1.7em;
}

.RadEContent h1, 
.RadEContentBordered h1, 
.content_container h1
{
	color: #004481;
	font-size: 15pt;
	padding-bottom: 10px;
	text-transform: none;
}

.RadEContent h2, 
.RadEContentBordered h2,
.content_container h2
{
	color: #006da5;
	font-size: 15pt;
	padding-bottom: 10px;
	text-transform: none;
}

.RadEContent h3, 
.RadEContentBordered h3, 
.content_container h3
{
	color: #006da5;
	font-size: 13pt;
	padding-bottom: 10px;
	text-transform: none;
}

.RadEContent h4, 
.RadEContentBordered h4,
.content_container h4
{
	color: #004481;
	font-size: 11pt;
	padding-bottom: 10px;
	text-transform: none;
}

.RadEContent h5, 
.RadEContentBordered h5,
.content_container h5
{
	color: #004481;
	font-size: 10pt;
	padding-bottom: 10px;
	text-transform: none;
}

.RadEContent ul, 
.RadEContentBordered ul, 
.content_container ul
{
	padding-top: 4px;
	padding-bottom: 4px;
}

.RadEContent lu, 
.RadEContentBordered li, 
.content_container li
{
	line-height: 1.7em;
}

.validation
{
	color: Red;
}

/***********************************************************************/
/** General Template ***************************************************/
/***********************************************************************/

.wrapper
{
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 996px;
}

.site_wrapper
{
	background-image: url(../images/template/base/bg_content_repeat-y.png);
	background-repeat: repeat-y;
	margin-top: -8px;
	width: 996px;
	
	position: relative;
	top: 0px;
	left: 0px;
	
	z-index: 10;
}

.site_container
{
	background-image: url(../images/template/base/bg_content.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: 30px;
	margin-right: 32px;
	padding-left: 1px;
	padding-right: 1px;	
	width: 934px;
}

*>.site_container
{
	margin: 0px;
	padding-left: 31px;
	width: 932px;
}

.site_container.home
{
	min-height: 818px;
}

.site_container.content
{
	min-height: 518px;
}

.site_bottom
{
	background-image: url(../images/template/base/bg_content_bottom.png);
	background-repeat: no-repeat;
	height: 28px;
	width: 996px;	
}

/***********************************************************************/
/** Header container ***************************************************/
/***********************************************************************/

.header_container
{
	background-image: url(../images/template/base/bg_header.png);
	background-repeat: no-repeat;
	height: 142px;
	width: 996px;
	
	position: relative;
	top: 0px;
	left: 0px;
	
	z-index: 50;
}

.logo_container img
{
	position: absolute;
	top: 0px;
	left: 25px;
}

/** button_RI **/

.button_RI
{
	position: absolute;
	top: 33px;
	left: 730px;
}

.button_RI a,
.button_RI a:link,
.button_RI a:hover,
.button_RI a:visited,
.button_RI a:active,
.button_RI a:visited:hover
{
	background-image: url(../images/template/buttons/button_RI_n.gif);
	background-repeat: no-repeat;
	display: block;
	height: 48px;
	width: 244px;
}

.button_RI a:hover,
.button_RI a:visited:hover
{
	background-image: url(../images/template/buttons/button_RI_h.gif);
	background-repeat: no-repeat;
	display: block;
	height: 48px;
	width: 244px;
}

/** button_president **/

.button_president
{
	position: absolute;
	top: 33px;
	left: 750px;
}

.button_president a,
.button_president a:link,
.button_president a:hover,
.button_president a:visited,
.button_president a:active,
.button_president a:visited:hover
{
	background-image: url(../images/template/buttons/button_president_n.gif);
	background-repeat: no-repeat;
	display: block;
	height: 48px;
	overflow: hidden;
	text-align: left;
	text-indent: -999em;
	outline: none;
	width: 203px;
}

.button_president a:hover,
.button_president a:visited:hover
{
	background-image: url(../images/template/buttons/button_president_h.gif);
	background-repeat: no-repeat;
}

/***********************************************************************/
/** Left coloumn *******************************************************/
/***********************************************************************/

.left_col_wrapper
{
	background-image: url(../images/template/base/bg_left_coloumn.gif);
	background-repeat: no-repeat;
	float: left;	
	width: 215px;
	
	position: relative;
	top: 0px;
	left: 0px;
	
	z-index: 20;
}

.site_container.home .left_col_wrapper
{
	min-height: 837px;	
}

.site_container.content .left_col_wrapper
{
	background-position: left -300px;
	min-height: 537px;
}

/** Left menu **/

.left_menu_container
{
	background-image: url(../images/template/menus/bg_left_menu_repeat-y.gif);
	background-repeat: repeat-y;
	margin-bottom: 4px;
	padding-top: 3px;
	width: 209px;
}

*> .left_menu_container
{
	padding-top: 3px;
}

.left_menu
{
	font-family: Trebuchet MS, Trebuchet, Calibri, sans-serif;
	font-size: 10pt;
	font-weight: bold;
}

.left_menu ul
{
	margin: 0px;
	padding: 0px;
	padding-top: 5px;
}

.left_menu li
{
	list-style-type: none;
}

.left_menu a,
.left_menu a:link,
.left_menu a:hover,
.left_menu a:visited,
.left_menu a:active,
.left_menu a:visited:hover
{
	background-image: url(../images/template/menus/sepa_left_menu.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	color: #fff;
	display: block;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 4px;
	text-decoration: none;	
}

.left_menu a:hover,
.left_menu a:visited:hover
{
	background-color: #052d63;
}


/** mailinglist container **/

.mailinglist_container
{
	background-image: url(../images/template/mailinglist/bg_mailinglist_repeat-x.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-color: #fff9bd;
	border-bottom: solid 1px #8f8f8f;
	margin-bottom: 4px;
	width: 209px;
}

/** see the rest in the control mailinglist in control.css **/

/** partners container **/

.partners_container
{
	width: 209px;
}

.partners_title h2
{
	background-image: url(../images/template/partners/bg_title_partners_repeat-x.gif);
	background-repeat: repeat-x;
	color: #fff;
	height: 42px;
	font-size: 13pt;
	font-weight: bold;
	line-height: 42px;
	padding-left: 7px;
}

.partners_content
{
	padding-top: 10px;
}

.partners_content p
{
	padding-bottom: 20px;
}

/** pub container **/

.pub_container
{
	width: 209px;
}

/***********************************************************************/
/** Middle coloumn *****************************************************/
/***********************************************************************/

.middle_col_wrapper
{
	float: left;
	padding-left: 14px;
	padding-right: 14px;
	padding-top: 20px;
	
	position: relative;
	top: 0px;
	left: 0px;
	
	z-index: 10;
}

.site_container.home .middle_col_wrapper
{
	width: 489px;
}

*> .site_container.home .middle_col_wrapper
{
	width: 461px;
}

.site_container.content .middle_col_wrapper
{
	padding-right: 31px;
	width: 660px;
}

*> .site_container.content .middle_col_wrapper
{
	width: 630px;
}

.content_container
{	
}

.news_home_wrapper
{
	
}

/** see the rest in the control news in control.css **/

/***********************************************************************/
/** Right Coloumn ******************************************************/
/***********************************************************************/

.right_col_wrapper
{
	background-image: url(../images/template/base/bg_right_coloumn.gif);
	background-repeat: no-repeat;
	float: left;
	min-height: 837px;	
	padding-left: 5px;
	width: 223px;
	
	position: relative;
	top: 0px;
	left: 0px;
	
	z-index: 20;
}

.newonsite_container
{
	background-image: url(../images/template/newonsite/bg_content_newonsite_repeat-x.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-color: #fff7ae;
	margin-bottom: 5px;
	width: 223px;
}

/** see the rest in the control newonsite in control.css **/

.right_wysiwyg_container
{
}

/***********************************************************************/
/** Footer container ***************************************************/
/***********************************************************************/

.footer_container
{
	padding-top: 10px;
	padding-bottom: 15px;
	width: 966px;
}

.credits
{
	color: #fff;
	font-weight: bold;
	text-align: right
}

.credits a,
.credits a:link,
.credits a:hover,
.credits a:visited,
.credits a:active,
.credits a:visited:hover
{
	color: #fff;
}

.credits a:hover,
.credits a:visited:hover
{
	color: #e1f1fa;
}