@charset "utf-8";
/*
Code by Fjodor Schäfer
author url: http//www.ueberkrass.de
copyright: Creative Commons Attribution-Share Alike 3.0 Unported License
*/
#container {
	width: 100%;
	text-align: left;
	height: 100%;
	background-image: url(../images/left_border.jpg);
	background-repeat: repeat-y;
	background-color: #FFFFFF;
	border-top-color: #90B0A8;
  }  
#container2 {
	background-image: url(../images/right_border.jpg);
	background-repeat: repeat-y;
	background-position: right;
}

/*
#container2 #header{
	 border: 3px solid #e85f0f;   
}

#container2 #banner_out{
	 border: 3px solid #e85f0f;   
}
#container2 #topmenu_out{
	 border: 3px solid #e85f0f;   
}
*/
#header  {
	background: #000000;
	height: 24px;
	border-bottom: 2px solid #cccccc;
	padding: 8px 30px;
	line-height: 24px;
    } 
#date {
	font-size: 11px;
	float: left;
	color: #fff;
	font-weight: bold;
	margin-right: 20px;
}
#pathway {
	float: left;
	color: #fff;
	font-weight: bold;
	font-size: 11px;
}
#search {
	float: right;
}
#banner_out {
	background-image: url(../images/banner_out_bg2.jpg);
	background-repeat: repeat-x;
	height: 140px;
	width: 100%;
}
.banner {
	float: right;
	padding: 30px 30px 0px 0px;
}
#sitetitle {
	float: left;
	color: #fff;
	height: 140px;
	font-size: 18px;
	font-weight: bold;
	background-image: url(../images/banner_out_bg.jpg);
	background-repeat: no-repeat;
	background-position: left;
	width: 100%;
}
.sitetitle {
	float: left;
	padding: 80px 0px 0px 50px;
}
#topmenu_out {
	height: 38px;
	background-image: url(../images/topmenu_bg.jpg);
	background-repeat: repeat-x;
}
#topmenu_left {
	width: 27px;
	height: 38px;
	background-image: url(../images/topmenu_left.jpg);
	background-repeat: no-repeat;
	float: left;
}
#topmenu_right {
	width: 27px;
	height: 38px;
	background-image: url(../images/topmenu_right.jpg);
	float: right;
	background-repeat: no-repeat;
}
#topmenu {
	float: left;
	height: 38px;
	color: #fff;
}
#topmenu ul, #topmenu li {
	display: inline;
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}
#topmenu a:link, #topmenu a:visited {
	margin-right: 20px;
	color: #fff;
	float: left;
	height: 38px;
	line-height: 38px;
	border: none;
	background: none;
}
#topmenu a:hover {
	text-decoration: underline;
}
#maincontent {


}

/*
#left_out {
	width: 150px;
	float: left;
        padding-top   : 16px; 
        padding-bottom:  0px; 

        padding-left  : 16px;
        padding-right :  0px;  
}
*/
/*
#right_out {
	width: 160px;
        float:right; 
        padding-top   : 16px; 
        padding-bottom:  0px; 
        padding-left  : 0px;
        padding-right : 16px;  
}
*/

/*
#content_out {
        width: 640px;
        margin-left   :  150px; 
        padding-top   :   16px; 
        padding-bottom:    0px; 
        padding-left  :    10px;
        padding-right :    16px;      
    } 
*/

#left_out {
	width: 138px;
	float: left;
        padding-top   : 17px; 
        padding-bottom:  0px; 

        padding-left  : 16px;
        padding-right :  0px;  
}

#left_out th , #right_out th {
	border-bottom: 1px solid #7EA4C9;
	display: block;
	width: 138px;
	background-color: #396C9F;
	font-weight: bold;
	

}

#right_out {
	width: 200px;
        float:right; 
        padding-top   : 17px; 
        padding-bottom:  0px; 
        padding-left  : 8px;
        padding-right : 16px;  
}

#content_out {
        width: 620px;
        margin-left   :  150px; 
        padding-top   :   16px; 
        padding-bottom:    0px; 
        padding-left  :    10px;
        padding-right :    16px;      
    } 



#right_out th {
	border-bottom: 1px solid #7EA4C9;
	display: block;
	width:200px;
	background-color: #396C9F;
	font-weight: bold;
/*	padding-right: 16px;*/
	

}


#user_out {
	height: 140px;
}
#user_out .topmodule_user {
	width: 48%;
	height: 140px;
	padding-top: 0px;
	margin: 0px;
	background-image: url(../images/user_bg.jpg);
	background-repeat: repeat-x;
	border: 2px solid #A6BCD3;
	background-color: #FFFFFF;
	float: left;
}
#user_out  .topmodule ul, .topmodule li {
	margin: 0px;
	padding: 0px;
}

#user_out        .topmodule_user th     {
	height: 32px;
	line-height: 32px;
	font-size: 14px;
	color: #FFFFFF;
	padding: 0px 5px;
	background-image: url(../images/user_moduletable.jpg);
	background-repeat: repeat-x;
}

#user_out .topmodule_inside {
	margin: 2px;
	height: 136px;
	background-image: url(../images/user_moduletable.jpg);
	background-repeat: repeat-x;
	overflow: hidden;
}
#separator {
	width: 2%;
	height: 140px;
	float: left;
}
#content {
          
	padding: 0px;

	width: 100%;
	background-color: #EEEEEE;
	background-repeat: repeat-x repeat-y;
}

#bottom {
	height: 20px;
	background-image: url(../images/bottom.gif);
	background-repeat: repeat-x;
}
#bottom_left {
	background-image: url(../images/bottom_left.jpg);
	width: 30px;
	height: 20px;
	float: left;
	background-repeat: no-repeat;
}
#bottom_right {
	background-image: url(../images/bottom_right.jpg);
	background-repeat: no-repeat;
	width: 30px;
	height: 20px;
	float: right;
}


#footer {
	height: 40px;
	background-color: #000000;
	border-top: 2px solid #cccccc;
	color: #fff;
	text-align: center;
	padding: 5px 30px;
}
    
.clearfloat { 
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
}
    
    
.body  {
	font: 12px Tahome, Verdana, Arial, Helvetica, sans-serif;
	background: #336699;
	margin: 0px;
	padding: 0px;
	text-align: center;
	color: #000000;
	width:1024px; 
	min-width :1024px;
}

/***************************************************************************/
/* formatting all <div> (division) items.  This is a catch-all that only   */
/* applies when no other  style has been defined.                          */                                                 
/***************************************************************************/

p {
	padding: 0px;
	margin: 0px;
} /*formatting all <div> (division) items.  This is a catch-all that only applies when no other 

/***************************************************************************/
/* formatting all <td> items. This default setting is used when no         */
/* other style has been defined.                                           */
/***************************************************************************/

td {font-size: 12px;} 

/***************************************************************************/
/* formatting all <tr> items.  This default setting is used when no other  */
/* style has been defined.                                                 */
/***************************************************************************/

tr {font-size: 12px;} 

/***************************************************************************/
/* formatting all UL (unordered list) items. This default setting is used  */
/* when no other style has been defined.                                   */
/***************************************************************************/

ul {
	margin: 0px;
	padding: 0px 0px 0px 18px;
} 

/***********************/
/* general links style */
/***********************/

a:link, a:visited {
	color: #0099FF;
	text-decoration: none;
} 
a:hover {
	text-decoration: underline;
}

/************************************/
/* horizontal line in your template */
/************************************/

hr {} /* horizontal line in your template*/
hr.separator {}
 
/******************/
/* FORMS SETTINGS */ 
/******************/ 
.button {
	height: 24px;
	color: #FFFFFF;
	border: 2px outset #fff;
	padding: 0px;
	background-image: url(../images/button.jpg);
	background-repeat: repeat-x;
	background-color: #42A80F;
	font-weight: bold;
	margin: 5px 0px;
}
.inputbox {}

/***************************************************************************/
/*formatting the <div> which holds search items: inputbox, search button...*/
/***************************************************************************/
.search {} 

 
 
/****************************/
/* NAVIGATION/MENU SETTINGS */
/****************************/

#mainlevel a{
	font-weight: bold;
	font-size: 11px;
}

#mainlevel ul, #mainlevel li{
} 
a.mainlevel:link, a.mainlevel:visited {
	border-bottom: 1px solid #7EA4C9;
	display: block;
	height: 20px;
	line-height: 20px;
	color: #396C9F;
	padding-left: 20px;
/*	background-image: url(../images/mainlevel_bg.gif);  */
	background-image: url(../images/shuttlecock.gif);
	background-repeat: no-repeat;
	background-position: left;
	font-size: 11px;
}
a.mainlevel:hover {
	background-image: url(../images/mainlevel_over.gif);
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: left;
}


#active_menu {
	background-images: url(../images/mainlevel_bg.gif);
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: left;
	colors: #FFFFFF; 
	background-colors: #396C9F;
	
}


a.sublevel:link, a.sublevel:visited   {
	background-image: url(../images/sublevel.gif);
/*	color: #7EA4C9; */ 
/*	color: #6E94B9; */
	color: #396C9F;
	
	background-repeat: no-repeat;
	padding-left: 20px;
	height: 20px;
	line-height: 20px;
	background-position: left;
	font-size: 11px;
	font-weight: 500;
}
a.sublevel:hover {}
 
/******************************************************************************/
/* Sets the style for the footer navigation ("<< Start < Prev Next > End >>") */ 
/* when they do not appear as hyperlinks (when only a few articles exist).    */
/******************************************************************************/

.pagenavbar {} 

/******************************************************************************/
/* Style for the footer navigation ("<< Start < Prev Next > End >>") when     */ 
/* they become hyper links                                                    */
/******************************************************************************/

.pagenavbar:link {} 
.pagenavbar:visited {}
 
/******************************************************************************/
/* as the name implies, this is for formatting texts for those                */
/* "<< Start < Previous 1 Next > End >>" links                                */
/******************************************************************************/

.pagenav {} 
a.pagenav:visited {}
a.pagenav:hover {}

/*******************************/
/* Style for the "BACK" button */
/*******************************/

.back_button {
	background-image: url(../images/backbutton.gif);
	height: 20px;
	line-height: 20px;
	width: 77px;
	padding-left: 25px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10px;
	margin-top: 5px;
} 
.back_button a:link {
	color: #FFFFFF;
}

/******************************************************************************/
/* Style for latest news list - by default, latest news is user1 module       */
/******************************************************************************/

.latestnews  ul, .latestnews li {} 
 
/****************************************/
/* CONTENT PAGE SETTINGS                */
/****************************************/

a.category:link {}
a.category:hover {}
a.category:visited {}
 
/****************************************/
/* Formatting the links in Blog section */
/****************************************/
.blogsection {} 

/****************************************/
/* The "More" text in blog section      */
/****************************************/

.blog_more {} 

/****************************************/
/* set the link format                  */
/****************************************/

a.blogsection:link {} 

/*****************************************************/
/* same as above, but to set the visited link format */
/*****************************************************/

a.blogsection:visited {} 

/***********************************************************/
/* same as above, but for links with mouse pointer over it */
/***********************************************************/

a.blogsection:hover {} 
 
/************************************************************/
/* Title of the component being used to display the content.*/
/************************************************************/
 
.componentheading {
	background-image: url(../images/user_moduletable.jpg);
	color: #FFFFFF;
	font-weight: bold;
	font-size : 18px;
}

.contentheading_component {
	background-image: url(../images/user_moduletable.jpg);
	padding-left: 5px;
	color: #FFFFFF;
	font-weight: bold;
	font-size : 18px; 
}

.componentheading_component{
	background-image: url(../images/user_moduletable.jpg);
	padding-left: 5px;
	color: #ffffff;
	font-weight: bold;
	font-size : 18px; 
}

.contentheading_presse {
	background-image: url(../images/user_moduletable.jpg);
	padding-left: 5px;
	color: #FFFFFF;
	font-weight: bold;
}

.componentheading_presse{
	background-image: url(../images/user_moduletable.jpg);
	padding-left: 5px;
	color: #ffffff;
	font-weight: bold;
	font-size : 18px; 
}

.componentheading_foto {
	background-image: url(../images/fotograf.JPG);
        background-repeat: no-repeat;   
	height: 100px; 
	padding-left: 150px;
	font-weight: bold;
}


/***********************************************************/
/* Title of the content, article, etc. being displayed.    */
/***********************************************************/

.contentheading {
	font-weight: bold;
	border-bottom: 1px solid #660000;
} 

/*************************************************************/
/* Table that holds all non-article information (components, */
/* category lists, contact forms, etc).                      */
/*************************************************************/

.contentpane {} 

/*************************************************************/
/* Table that holds the actual text for an article.          */
/*************************************************************/

.contentpaneopen {
	padding: 0px 0px;

} 


.contentpaneopen_xx td{
	padding: 0px 0px;
	font-size: 9px;
	border: 2px solid #A6BCD3; 
} 

.moduletable_text th{
color : #ffffff;
} 

/*********************/
/* Title of articles */
/*********************/

.contentpagetitle {
	padding: 0px 0px;
} 

/******************************************/
/*Title of articles when appeare as links */ 
/******************************************/

a.contentpagetitle:hover {} 
a.contentpagetitle:link {}
a.contentpagetitle:visited {}

/*************************************************************/
/* Formating the "DESCRIPTION" of sections, categories       * 
/* (News/Weblinks/Latest news...)                            */
/*************************************************************/
 
.contentdescription {
/*	padding: 10px;*/
} 
 
/*************************************************************/
/* JOOMLA - MAMBO SECTIONS LISTINGS                          */
/*************************************************************/

/***************************************************************************************/
/* This is for styling the section table headers on a                                  */
/* SECTION's page. Example: table header of "Date", "Item Title", "Author" and "Hits"? */
/***************************************************************************************/

.sectiontableheader {
	background-color: #34679A;
	color: #fff;
	padding: 5px;
} 

.sectiontableentry1 {} 
.sectiontableentry2 {
	background-color: #D1DDE8;
}

#left_out .moduletable, #right_out .moduletable {
	background-image: url(../images/moduletable_bg.png);
	background-position: bottom;
	background-repeat: no-repeat;
	margin-bottom: 10px;
	padding: 0px 0px 10px 0px;
	width: 158px;

} 
#left_out .moduletable th, #right_out .moduletable th {
	background-image: url(../images/moduletable.png);
	height: 43px;
	width: 158px;
	background-repeat: no-repeat;
	color: #FFFFFF;
	line-height: 43px;
	padding: 0px 0px 0px 20px;
} 

#left_out .moduletable_xx th, #right_out .moduletable_xx th {
	color: #FFFFFF;
	padding-left: 5px;
	
} 

#right_out .moduletable_xx th {
	width:195px;
	
} 

/*************************************************************/
/* Formatting the table cells of the module table            */
/*************************************************************/

#left_out .moduletable td, #right_out .moduletable td {
	padding-left: 5px;
	padding-right: 5px;
} 

/*************************************************************/
/* MISCELLANEOUS                                             */
/*************************************************************/


/******************************************************************************/
/* For styling the date the content/articles are created under contents title */
/******************************************************************************/

.createdate, .small
 

 {
	font-size: 10px;
	color: #999999;
} 

/******************************************************************************/
/* Formating "Last updated on" text at the end of articles/contents           */
/******************************************************************************/

.modifydate {} 

/**************************************************************/
/* Found in poll result page, for " Number of Voters".. text  */
/**************************************************************/

.smalldark {}
 
/*********/
/* Polls */
/*******************************/
/* format the td of poll table */
/*******************************/

.poll {} 

/*******************************************************/
/* set the border properties of the polls voting table */
/*******************************************************/

.pollstableborder {} 
 
 
 /************/
/* Weblinks */
/************************************************************/
/*  well.. to format the link's titles under the "Weblinks" */
/*  section on the frontend                                 */
/************************************************************/

.weblinks{} 

/**********************************************/
/* same as above, but for link with mouseover */
/**********************************************/

a.weblinks:hover {} 
 
/*************/
/* Newsfeeds */
/*****************************************************************/
/* The newsfeed title. NOTE: This will not affect the newsfeed's */
/* news title!                                                   */
/*****************************************************************/

.newsfeedheading {} 

/***********************************/
/* yeah.. the date on the newsfeed */
/***********************************/

.newsfeeddate {} 

/**********************************************/
/* this is the body text of the newsfeed      */
/**********************************************/

.fase4rdf {} 
 
/***************/
/* Search page */
/*******************************************************************************/
/* This is for formatting the box with "Search Keyword: test                   */ 
/* returned 4 matches" box that appears after you have entered a search value. */
/* It appears on the mainbody with the search results                          */
/*******************************************************************************/

table.searchintro {} 
 
 
/* JOOMLA - MAMBO TABBED FRONTEND ADMIN INTERFACE */
/* The CSS below efines how the frontend admin interface when logged in */