/* ----------------------------------------------

Template Name : layout.css

Version : 1.0   

Author :  Oceanico Webdesign Department

Author URI :  http://www.oceanicogroup.com

Last Date Modified :  25.03.2009

Comments: In this document we defined all permanent  layout, as menus, footer, banner, etc

------------------------------------------------ */


/* PAGE LAYOUT */
/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */





/* WRAPPERS */
/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */

#outer_container {
background-image: url(../images/bg_footer.jpg);
background-repeat: no-repeat;
background-position: center bottom;
padding-bottom: 25px;
clear:both;
}

#top_bg {
background: url(../images/bg_top.jpg) no-repeat center top;
}

#wrapper {
margin: 0 auto;
width: 933px;
}

/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */



/* HEADER AREA */
/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */


/* HEADER  */
/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */

#header {
color: #333;
width: 933px;
float: left;
height: 72px;
margin: 10px 0px 0px 0px;
}

#logo {
width: 160px;
float: left;
height: 72px;
}

#tag_line {
width: 573px;
height: 72px;
float: left;
}

.description_paragraph {
color: #FFFFFF;
font-size: 30px;
text-align: center;
line-height: 60px;
font-family: "Times New Roman";
font-style: italic;
}

/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */


/* LANGUAGE NAVIGATION MENU */
/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */

#lang_nav {
	width: 200px;
	height: 52px;
	float: left;
	padding-top: 20px;
	overflow: hidden;
}

#lang_nav ul{
text-align:right;
font-size:11px;
}

#lang_nav ul li {
display:inline;
color:#FFFFFF;
padding:10px 0px 0px 0px;
background-image:none;
}

#lang_nav ul li a{
color:#FFFFFF;
padding-top:10px;
}

#lang_nav ul li.sep {
margin:0;
padding:3px;
}

#lang_nav ul li.uk a {
background: url(../images/uk.gif) no-repeat center top;
}

#lang_nav ul li.de a {
background: url(../images/de.gif) no-repeat center top;
}

#lang_nav ul li.nl a {
background: url(../images/nl.gif) no-repeat center top;
}

#lang_nav ul li.sw a {
background: url(../images/sw.gif) no-repeat center top;
}
#lang_nav ul li.pt a {
background: url(../images/pt.gif) no-repeat center top;
}

#lang_nav ul li.uk_active a {
background: url(../images/uk_active.gif) no-repeat center top;
}

#lang_nav ul li.de_active a {
background: url(../images/de_active.gif) no-repeat center top;
}

#lang_nav ul li.nl_active a {
background: url(../images/nl_active.gif) no-repeat center top;
}

#lang_nav ul li.sw_active a {
background: url(../images/sw_active.gif) no-repeat center top;
}
#lang_nav ul li.pt_active a {
background: url(../images/pt_active.gif) no-repeat center top;
}
/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */


/* SMALL NAVIGATION MENU */
/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */

#small_navigation {
width: 933px;
height: 18px;
clear: both;
}

#small_navigation_menu {
float: right;
width: 200px;
height: 18px;
background: url(../images/bg_small_nav.jpg) repeat-x;
}

ul.small_menu {
line-height: 18px;
list-style: none;
text-align:center;
}

ul.small_menu li {
display: inline;
margin: 0;
padding:5px;
color:#FFFFFF;
background-image:none;
}

ul.small_menu li a {
color:#FFFFFF;
}

ul.small_menu li a:hover {
color:#FDCD39;
}

/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */


/* BANNERS */
/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */

/* NORMAL BANNERS */
/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */

#banner {
width:933px;
height: 315px;
}

#top_border_banner {
background-image:url(../images/top_border_banner.jpg);
height: 10px;
}

#left_border_banner {
background-image: url(../images/left_border_banner.jpg);
float:left;
width: 10px;
height: 305px;
}

#content_banner {
width:913px;
height: 305px;
float: left;
}

#right_border_banner {
background-image: url(../images/right_border_banner.jpg);
float:right;
width: 10px;
height: 305px;
}

/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */


/* BANNER MAP */
/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */

#banner_map{ /* use with interactive map*/
width:933px;
height: 405px;
}	

#top_border_banner_map {
background-image:url(../images/top_border_banner.jpg);
height: 10px;
}  /* DIV Used  on Template  with Map*/

#left_border_banner_map {
background-image: url(../images/left_border_banner_map.jpg);
float:left;
width: 10px;
height: 395px;
}  /* DIV Used  on Template  with Map*/

#content_banner_map {
width:913px;
height: 395px;
float: left;
}  /* DIV Used  on Template  with Map*/

#right_border_banner_map {
background-image: url(../images/right_border_banner_map.jpg);
float:right;
width: 10px;
height: 395px;
}  /* DIV Used  on Template  with Map*/

#key_map {
width:933px;
height:30px;
padding-bottom:10px;
background:url(../images/key_map.jpg)  #FFFFFF no-repeat;
} /* DIV Used  on Template  with Map*/

/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */


/* MAIN MENU AREA */
/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */


/* MAIN MENU AREA */
/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */

#menu_area {
width:933px;
height:25px;
background-color: #FFFFFF;
z-index:99999;
}

#menu_area_top_nobanner {
width:933px;
height: 10px;
background-color: #FFFFFF;
}  /* DIV Used  on Template  with No Banner*/

#menu_area_nobanner {
width:933px;
height: 35px;
background-color: #FFFFFF;
}  /* DIV Used  on Template  with No Banner*/

/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */


/* MENUS OR & L */
/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */

#menu { 
width:763px; 
height: 25px; 
float:left; 
margin-left: 10px; 
}

/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */


/* RSS */
/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */

#rss_feed { 
width:149px; 
height: 25px; 
float: right; 
margin-right: 10px; 
background: url(../images/bg_rss_feed.jpg) repeat-x; 
}

#rss_feed ul.mfeed {
float: right;
}

#rss_feed ul.mfeed li {
display: inline;
margin-right:5px;
*margin-right:4px;
background-image:none;
text-align: right;
line-height: 24px;
}

.rss_img {
margin-top: 4px;
float: right;
}

/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */


/* STANDARD CONTENT */
/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */

#content {
width: 933px;
background-color: #FFFFFF;
}

/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */


/* CONTACTS AREA  */ 
/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */

#contacts {
width: 933px;
height:30px;
background-color: #CCE2F0;
}

#contacts ul.contacts {
text-align: center;
padding: 6px;
}

#contacts ul.contacts li {
display:inline;
background-image:none;
color:#00436A;
}

/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */


/* FOOTER */ 
/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */

#footer {
width: 933px;
background: #FFFFFF;
margin-bottom: 5px;
}

#footer p.footer {
font-size: 9px;
line-height: 30px;
text-align: center;
margin:0px;
}

#footer p.footer a {
font-size: 9px;
border-bottom:none;
}

#footer p.footer a {
font-size: 9px;
color:#00436A;
}

#footer p.footer a:hover {
font-size: 9px;
color:#2796C0;
}

/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */





/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */