/*
----------------------------------------------------------------------
GENERAL RULES
----------------------------------------------------------------------
*/

* {
margin: 0;
}

html, body {
margin: 0; 
padding: 0; 
width: 100%; 
height: 100%;
font-family: verdana, arial, sans-serif; 
font-size:100%;
color: #545454;
}

#bg_image { 
position: fixed; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; }

#scrollable { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2; }

h1{
color:#AC0021;
font-size:165%;
font-family: "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
margin: 10px 0 10px 0;
letter-spacing:-0.2px;
font-weight:bold;
text-transform: uppercase;
}

h2{
color:#AC0021;
font-size:130%;
font-family: "Arial narrow", arial, helvetica, sans-serif;
margin: 25px 0 5px 0;
letter-spacing:-0.2px;
}


h3{
color:#AC0021;
font-size:110%;
font-family: "Arial narrow", arial, helvetica, sans-serif;
margin: 5px 0 4px 0;
}

strong{
color:#333333;
}

p{
font-size: 80%;
line-height: 1.6em;
padding-bottom: 10px;
}

.box p{
margin-bottom: 5px;
}

p.date{
font-size: 60%;
margin-bottom: 0;
padding-bottom: 3px;
font-family: arial;
letter-spacing: 1px;
color: #707070;
}

p.link{
margin-bottom: 0;
padding-bottom: 0;
}

a img {
border:none;
}

a {
   outline: none;
}

a, .red {
color: #AC0021;
text-decoration:none;
}

a:hover {
text-decoration:none;
color: #FFF;
background-color: #AC0021;
}

#fancybox-wrap a:hover {
background-color: transparent;
}

a:active {
  outline: none;
}

a:focus
{
-moz-outline-style: none;
}

.verdana
{
font-family: verdana;
font-size:100%;
}

.content a{
text-decoration: underline;
}

.content a:hover
{
color: #AC0021;
text-decoration: none;
}

.content a[href$=".pdf"]
{
background: url(../images/download_a.gif) no-repeat left center;
padding-left: 1.2em;
text-decoration: underline;
}

.content a:hover[href$=".pdf"]
{
background: url(../images/download_b.gif) no-repeat left center;
padding-left: 1.2em;
color: #AC0021;
text-decoration: none;
}

.content a[href^="http:"]
{
background: url(../images/linkout.gif) no-repeat right 4px;
padding-right: 1.2em;
}


/*
-------------------------------------------------------------------------
 MAIN STRUCTURE  
-------------------------------------------------------------------------
*/

/* WRAPPER */

.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
_height:auto;
margin: 0 auto -100px;
_margin: 0 auto;
max-width:980px;
_width:980px;
_overflow:hidden;
background: #fff;
}

/* FOOTER */
.footer, .push { /* don't move this down the css otherwise the bg footer image won't display  */
height: 100px;
}

/* HEADER */

.header{
max-width:980px;
height:126px;
clear:both;
color:#000;
font-size:75%;
margin:0 auto;
padding:0 30px;
display:block;
margin-bottom:15px;
margin-right: 18px;
}

.logo{
float:left;
margin-top:20px;
}

.logo a:hover {
background-color: #FFF;
}

#titleheader {
 width: 2px; height: 2px;
 margin:0;
 display:none;
}

/*  language choice  */
.languageit{
height:16px;
float:right;
color:#fff;
font-size: 85%;
display:block;
margin-top:10px;
}

.languageit a{
background:#fff url(../images/language_b.gif) no-repeat left top;
display:block;
width:69px;
height:20px;
float:left;
padding: 3px 3px 3px 5px;
color:#fff;
text-decoration:none;
}

.languageit a:hover{
background:#fff url(../images/language_b.gif) no-repeat left top;
}

.languageit span{
background:#fff url(../images/language_a.gif) no-repeat left top;
display:block;
width:69px;
height:16px;
float:left;
padding: 3px 0;
margin-left: 4px;
text-align: center;
}

.languageen{
height:16px;
float:right;
color:#fff;
font-size: 85%;
display:block;
margin-top:10px;
}

.languageen a, .languageit a{
background:#fff url(../images/language_b.gif) no-repeat left top;
display:block;
width:69px;
height:16px;
float:left;
padding: 3px 0;
color:#fff;
text-decoration:none;
text-align: center;
}

.languageen a:hover, .languageit a:hover{
background:#fff url(../images/language_a.gif) no-repeat left top;
}

.languageen span{
background:#fff url(../images/language_a.gif) no-repeat left top;
display:block;
width:69px;
height:16px;
float:left;
padding:3px 0;
margin-right:4px;
text-align: center;
}

.language {
float: right;
height:10px;
}

.sponsor a{
display: block;
width: 159px;
height: 58px;
background:#fff url(../images/supportlife1.gif) no-repeat left top;
padding: 0;
*float: right;
}

.sponsor a:hover{
background:#fff url(../images/supportlife1.gif) no-repeat -159px top;
}

/*  VERTICAL MENU  */

.menu {
display:block;
width:190px;
float:left;
height:100%;
font-family: "Arial Narrow", arial, sans-serif;
font-size: 120%;
padding-left: 70px;
margin-top: 20px;
}

.menu ul{
list-style-type: none;
text-transform: uppercase;
text-align: right;
display:block;
padding-left:0;
}

.menu ul li {
border-top: 1px dotted #ccc;
padding: 2px 10px 2px 0;
}

#last {
border-bottom: 1px dotted #ccc;
}

.menu ul li a{
color: #4F5151;
}

.menu a:hover, .menu .current{
color: #AC0021;
background-color: #fff;
}

/* CONTAINER */

#home .wrapper, 
#who .wrapper {
*padding-bottom:40px;
}

.container{
overflow: hidden;
}

.marginfive{
margin-right: 5px;
}

.marginbottom{
margin-bottom: 20px;
}


/* HOME */
#home #flashcontainer {
background: transparent url(../images/movieframe.gif) no-repeat right top;
margin-top: 5px;
padding-top: 23px;
padding-left: 14px;
text-align: center;
min-height: 400px;
}


/*  box with logo img underneath the menu on homepage  */
#home .logoimgit, #home .logoimgen {
display: block;
margin-top:47px;
background:none;
}

.logoimgit a{
display: block;
width: 190px;
height: 123px;
background: url(../images/seelogo_a.gif) no-repeat;
padding: 0;
}

.logoimgit a:hover{
background:url(../images/seelogo_b.gif) no-repeat;
}

.logoimgen a{
display: block;
width: 190px;
height: 123px;
background: url(../images/seelogoen_a.gif) no-repeat;
padding: 0;
}

.logoimgen a:hover{
background:url(../images/seelogoen_b.gif) no-repeat;
}




/* CONTENT */

.content{
width:61%;
display: block;
float:right;
padding: 5px 40px 30px 45px;
margin-bottom: 20px;
}

#home .content{
padding: 4px 22px 30px 18px;
width:67%;
}

.sponsor{
display: block;
margin-top:50px;
background:none;
}

.title{
padding:0 30px;
}

.box{
display: block;
overflow: hidden;
background: transparent url(../images/div_bg.gif) no-repeat left top;
padding: 20px 20px 0 20px;
margin: 25px 0 0 0;
}

span.box{
padding: 15px 10px 0 10px;
}

dd{
font-size: 80%;
}

dt{
color: #AC0021;
font-size: 80%;
font-weight: bold;
}

#project .content ul{
font-size: 80%;
margin: 15px 0 0 15px;
padding: 0;
}

#project .content ul li{
margin-bottom: 8px;
line-height:1.6em;
}

#partners dt{
margin-left: 200px;
font-size: 110%;
font-family: "Arial narrow", arial, helvetica, sans-serif;
}

#contacts dt{
font-size: 120%;
font-family: "Arial narrow", arial, helvetica, sans-serif;
margin-bottom: 5px;
}

#partners .ddimg{
float: left;
margin: 0 15px 0 0;
clear:left;
}

#partners .ddimg img{
padding: 0 7px 7px 7px;
margin-top:-16px;
float: left;
}

#partners .dddesc  {
padding: 3px 0 3px 0;
margin-left: 200px;
line-height:1.6em;
}

#partners .ddlink  {
margin: 0 0 0 200px;
}

#partners br {
clear: both;
}

/* PHOTOGALLERY */

#photogallery .content img{
display: block;
background: transparent url(../images/photobg.gif) no-repeat left top;
padding: 20px 19px;
margin: 10px 10px 0 0;
float:left;
}

/* CONTACTS */

#contacts h1{
margin-bottom: 25px;
}

#contacts .content a:hover{
background: #fff;
text-decoration: none;
}


/* FOOTER */

.footer{
background:#fff;
max-width:980px;
_width:980px;
height:100px;
clear:both;
margin:0 auto;
font-family:verdana;
font-size:70%;
}

.footercontent{
margin:0 30px;
border-top:1px dotted #CCC;
border-bottom:1px dotted #CCC;
}

.footercontent ul{
list-style-type:none;
margin:5px 0 5px 0;
padding:0;
display:block;
line-height:1.5em;
}

.footer a{
text-decoration: none;
}