/** Cascading Style Sheet			
/** for www.sstr5.ch (Swiss Sailing Team Region 5)
/** written by Tobias Vogler / www.bananahenchmen.ch	
/** e-mail: tobi@bananahenchmen.ch
	
/** Public version 2.01							  */

/* reset all margins and paddings from browser defaults */
* { margin: 0; padding: 0; }
img { border:0; }

html { height: 100%; }
body {
	height: 100%;
	background: #0096b4;
	font-family: Arial;
	font-size: small;
	line-height: 125%;
}

#container {
	min-height: 100%;
	position: relative;
	width: 760px;
	margin: 0 auto;
	background: white url('img/design/backg-body.gif') top left repeat-y;
}
/* for Internet Explorer */
* html #container { height: 100%; }

/* Header graphics */
#header {
	padding: 0 10px;
}
h1 {
	width: 740px;
	height: 110px;
	background: url('img/design/header.gif') top left no-repeat;
	color: white;
}
/* Header text would be displayed if CSS was disabled */
h1 span { display: none; }

/* Navigation container */
#navigation {
	position: absolute;
	top: 87px;
	left: 240px;
}

/* Horizontal top-level navigation */
ul#topnav { list-style: none; }
ul#topnav li {
	position: relative;
	width: auto;
	padding: 5px 0 6px;
	float: left;
}
ul#topnav li:hover { background-color: #c0dae0; }

/* Top-level links */
ul#topnav a, ul#topnav a:link {
	padding: 7px 5px;
	color: #005996;
	
	text-decoration: none;
	text-transform: uppercase;
	font-size: 10px;
}
ul#topnav a:hover {
	background: #43a0b3;
	color: white;
}

/* Mark current page in navigation */
ul#topnav .active { background: #c0dae0; }

/* Sub-menu formatting */
ul#topnav ul { list-style: none; }
ul#topnav ul li { padding: 0; }
ul#topnav ul li:hover { border: 0; }

/* Sub-menu links */
ul#topnav ul a, #topnav ul a:link {
	padding: 3px 5px;
	background: #e2eff2;
}
#topnav ul a:hover { background: #43a0b3; border: 0; }

/* Sub menus (resp. popups) positioning */
#sub-projekt, #sub-team, #sub-donatoren, #sub-programm, #sub-friends, #sub-business {
	display: none;
	position: absolute;
	top: 28px; left: 0;
	width: 200px;
	padding: 0 1px 0 0;
	background: white;
}
#sub-business { width: 150px; }
 
/* Content container div */
#content { padding: 6px 56px; }

/* Page-Title image substitution */
/* for header level 2            */
h2 {
	width: 100%;
	height: 27px;
	margin-bottom: 15px;
	padding-bottom: 6px;
	border-bottom: 1px solid #ccc;
}

/* header text would be displayed if CSS was disabled */
h2 span { display: none; }

h2#projekt    { background: url('img/design/title-projekt.gif') top left no-repeat; }
	h2#finanz   { background: url('img/design/title-finanz.gif') top left no-repeat; }
	h2#news     { background: url('img/design/title-news.gif') top left no-repeat; }
	h2#kontakt  { background: url('img/design/title-kontakt.gif') top left no-repeat; }
h2#trainer    { background: url('img/design/title-trainer.gif') top left no-repeat; }
h2#team       { background: url('img/design/title-team.gif') top left no-repeat; }
	h2#opti   { background: url('img/design/title-team-opti.gif') top left no-repeat; }
	h2#laser  { background: url('img/design/title-team-laserradial.gif') top left no-repeat; }
	h2#er420  { background: url('img/design/title-team-420er.gif') top left no-repeat; }
	h2#er29   { background: url('img/design/title-team-29er.gif') top left no-repeat; }
h2#programm   { background: url('img/design/title-programm.gif') top left no-repeat; }
	h2#berichte { background: url('img/design/title-programm-berichte.gif') top left no-repeat; }
h2#donatoren  { background: url('img/design/title-donatoren.gif') top left no-repeat; }
	h2#donanl { background: url('img/design/title-donatoren-anlaesse.gif') top left no-repeat; }
	h2#partner{ background: url('img/design/title-partner.gif') top left no-repeat; }
h2#friends  { background: url('img/design/title-friends.gif') top left no-repeat; }
	h2#frianl { background: url('img/design/title-friends-anlaesse.gif') top left no-repeat; }
	h2#frimembers { background: url('img/design/title-frimembers.gif') top left no-repeat; }
h2#business   { background: none top left no-repeat; }
	h2#busanl { background: url('img/design/title-business-anlaesse.gif') top left no-repeat; }
	h2#busmembers { background: url('img/design/title-busmembers.gif') top left no-repeat; }
h2#links      { background: url('img/design/title-links.gif') top left no-repeat; }


/* Page sub Formats */

/* Standard imgs have no border */
img { border: 0; }

/* Images for boat profiles */
img.boat-profile {
	margin-top: 17px;
	padding-top: 17px;
	border-top: 1px solid #ccc
}

/* Images for occ. followup boat profiles on same page */
img.boat-profile2nd {
	padding: 17px 0 0;
	margin: 0 0 13px;
	border-top: 1px solid #ccc;
}

/* Basic tag formats */
h3 { margin-bottom: 6px; border-bottom: 1px dotted #ddd; }

div.newsentry { padding-bottom: 12px; }

p { margin-bottom: 18px; }
p.small { font-size: 11px; }

p.legend { margin-top: 22px; }

.comment { color: #888; }

#content ul { list-style-position: outside; }
#content ol { list-style-position: inside; }

/* Links for content and footer area */
#content a, #footer a { color: #0059b6; text-decoration: none; }
#content a:hover, #footer a:hover { text-decoration: underline; }

/* Standard unord. lists with custom bullet and no indent */
#content ul {
	margin-bottom: 10px;
	padding-left: 16px;
	list-style-image: url('img/design/bullet.gif');  
}

/* Tow column lists */
ul.double {
	float:left;
	width: 47%;
}

/* Nested list are indented (2nd level) */
#content ul ul, #content ol ul { padding-left: 30px; }
#content li { padding: 1px 0 3px; }

/* All Tables in two-tone style, full width */
table {
	width: 100%;
	border: 0;
	border-collapse: collapse;
}
th { font-weight: bold; }
/* Every other row has background */
tr.snd {
	background: #f3f3f3;
	border-top: 1px solid #e6e6e6;
}
td {
	margin: 0;
	padding: 5px 5px;
	border-bottom: 1px solid #e6e6e6;
	vertical-align:top;
}
td.team-name { width: 135px; }

/* Batter ensures that the positioned footer doesn't overlap content */
#batter { height: 300px; clear: both; }

/* footer box */
#footer {
	position: absolute;
	bottom: 0;
	width: 740px;
	padding: 12px 10px 0 10px;
	
	color: white;
	font-size: x-small;
	text-transform: uppercase;
}
#sponsors {
	background: #64c3d1 url('img/design/backg-footer.png') top left repeat-x;
	padding: 8px 12px 8px 44px;
	height: 152px;
}
#fzsv {
	float: right;
	width: 110px;
	height: 140px;
	padding: 8px 12px 8px 8px;
	background: #64c3d1 url('img/design/backg-footer.png') top left repeat-x;
	border-left: 1px solid white;
	text-align: center;
}

/*** LIGHTBOX ***/

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}