@charset 'utf-8';
/*
	STYLESHEET: main.css
	--------------------------------------------------------------

	Media Type: 	Screen
	Copyright:		(c)2008, dieSignatur
	Updated: 		2008-07-25

	Conversion by Sevenweb Establishment www.sevenweb.li
	Professional CSS Conversions (PSD to XHTML/CSS) as a B2B Service

------------------------------------------------------------------

__________________01. GLOBAL
__________________02. LAYOUT

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


/* Import default Stylesheets
------------------------------------------------------------------*/
@import url(reset.css); 	/* Resets all Styles */
@import url(base.css);		/* Basic Styles (margins, font size, ect.)


/* 01. GLOBAL
------------------------------------------------------------------*/
html, body {
	color: #b7b7b7;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	background: #000000 url(../../img/fnd/bg_body.gif) center 10px no-repeat;
}

p.left {float:left}
p.right {float:right; text-align:right}

.left {float:left}
.right {float:right}

a img {display:block}

a:link {color:#fff; text-decoration:none}
a:visited {color:#fff; text-decoration:none}
a:active {color:#fff; text-decoration:none}
a:hover {color:#b7b7b7; text-decoration:none}


.content-box {
	background: #171717 url(../../img/fnd/bg_content_box.gif) left bottom repeat-x;
	position: relative;
	padding: 15px 15px 15px 60px;
}

#pagination {
	margin-top: 5px;
	text-align: center;
	color: #7b7b7d;
}
#pagination a {color:#c6c7c9; margin:0 1px}
#pagination .active {font-weight:bold}
#pagination a.back {margin-right:20px}
#pagination a.forth {margin-left:20px}


#pagenavigation {
	border-top: 1px solid #292929;
	padding: 15px 15px;
	margin-top: 30px;
}
#pagenavigation p {margin:0; font-weight:bold}
#pagenavigation a {color:#c9c9c9}
#pagenavigation .left.center {margin-left:172px}

.text-image {
	background: url(../../img/fnd/bg_image_text.gif) left top no-repeat;
	height: 100px;
	width: 120px;
	padding: 5px;
}
.text-image p {margin:0; padding: 5px}
.text-image.left {margin-right: 10px}
.text-image.right {margin-left: 10px}

#map-container {background: url(../../img/fnd/bg_maps.gif) left top no-repeat; padding:7px; height:273px; width:536px}

#sidebar #gallery {margin:0; padding:0; font-size:85%}
#sidebar #gallery dt {margin:0; padding:0}
#sidebar #gallery dt img {display:block; margin-bottom:1px}
#sidebar #gallery dd {margin:0 0 10px 0; padding:0 0 0 0; border-bottom:1px solid #292929; height:29px; padding:5px 0 0 5px; background:url(../../img/fnd/bg_dasboot_gallery.gif) left top no-repeat}




/* 02. BANNER
------------------------------------------------------------------*/
#banner-top {
	width: 840px;
	text-align: right;
	margin-bottom: 10px;
	width:840px;
}
#banner-top img {display:block; float:right}
#banner-right {overflow: hidden; position:absolute; top:0; left:850px;width:120px}


/* 03. LAYOUT
------------------------------------------------------------------*/
#wrapper {width:840px; margin:0 auto; position:relative; margin-top:10px}

#container {
	width: 840px;
	margin: 0 auto;
	float: left;
}
#header {height:123px}
#header #siebenmeere {
	height: 40px;
	width: 235px;
	margin: 17px 0 0 30px;
}
#header #siebenmeere a {
	height: 40px;
	width: 235px;
	display: block;
	text-indent: -999em;
}
#content {
	background: #000 url(../../img/fnd/bg_content.gif) left top no-repeat;
	padding-bottom: 45px;
}
#left {
	width: 204px;
	float: left;
	margin-left: 31px;
}
#language-selection {
	background: url(../../img/fnd/bg_navigation2.gif) left top no-repeat;
	padding-left: 122px;
	height: 30px;
	margin-left: -31px;
}
#language-selection a img {display:inline}

#navigation {margin:35px 0 0 0; padding:0}
#navigation li {
	list-style: none;
	margin: 0 0 20px 0;
	padding: 0;
	border-top: 1px solid #000;
}
#navigation li.margin-top {margin-top:40px}

#main {float:left; width:578px}
#main h1 {
	height: 50px;
	background: url(../../img/fnd/bg_h1.gif) left top repeat-x;
	padding: 0;
	margin: 0 0 1px 0;
}
#main .box {
	background: url(../../img/fnd/bg_main.gif) left top repeat-x;
	padding: 17px;
	margin-bottom: 5px;
}

#footer {
	height: 53px;
	font-size: 85%;
	background: url(../../img/fnd/bg_footer.gif) left top no-repeat;
	padding: 24px 19px 0 19px;
}
#footer a:link {color:#b7b7b7; text-decoration:none}
#footer a:visited {color:#b7b7b7; text-decoration:none}
#footer a:active {color:#b7b7b7; text-decoration:none}
#footer a:hover {color:#b7b7b7; text-decoration:underline}



/* 04. INDEX
------------------------------------------------------------------*/
/* Episodes Box */
#episodes{padding:15px 5px 5px 5px;}
#episodes .left {width:143px}
#episodes h2 {margin:0 0 3px 0}
#episodes p.meta {font-size:85%; color:#707070; margin:0 0 1.5em 0}

/* Episodes Box */
.moreepisodes{margin-bottom: 20px;clear:both;}
.moreepisodes .left {width:143px}
.moreepisodes h2 {font-size:12px;margin:0 0 3px 0}
.moreepisodes p.meta {font-size:85%; color:#707070; margin:0 0 1.5em 0}


/* Slideshow Flash */
.slideshow {
	margin-bottom: 20px;
}
.slideshow .flash {
	background: url(../../img/fnd/bg_flash_container.gif) no-repeat;
	height: 389px;
	width: 485px;
	padding: 2px;
	float: left;
	margin-right: 1px;
}
.slideshow .preview {float:left}
.slideshow #gallscroll {height:353px;overflow:hidden;}
.slideshow .preview-images {
	margin: 0 0 -4px 0;
	padding: 0;
	background: url(../../img/fnd/bg_preview_spacer.gif) left top no-repeat;
	padding-top: 6px;
}
.slideshow .preview-images li {
	list-style: none;
	margin: 0 0 5px 0;
	padding: 0 0 7px 0;
	background: url(../../img/fnd/bg_preview_spacer.gif) left bottom no-repeat;
}
*+html .slideshow .preview-images li, * html .slideshow .preview-images li {margin-top:-13px} /* IE Hack wg/ Abstand */
.slideshow .preview-images a {margin:0; padding:0}
.slideshow .preview-images img {margin: 0 4px; padding:0}


/* Gallery */
#gallery {margin-bottom:20px}
#gallery #gallscroll {width:532px;height:128px;overflow:hidden;float:left;}
#gallery .image {
	display:block;
	float: left;
	width: 122px;
	height: 118px;
	padding: 5px;
	background: url(../../img/fnd/bg_gallery_image.gif) left top no-repeat;
	border-left: 1px solid black;
}
#gallery .image p {font-size:90%; padding:9px 0 0 8px;}


/* Logbuch */
#logbuch {font-size:85%}
#logbuch .left {width:135px}
#logbuch ul {margin:0 0 -6px 0; padding:0}
#logbuch li {
	list-style:none;
	background: url(../../img/fnd/bg_li_spacer.gif) left bottom no-repeat;
	padding-bottom: 7px;
	margin-bottom: 5px;
	line-height: 1.5em;
}
#logbuch #image-container {
	background:url(../../img/fnd/bg_image_container.gif) no-repeat;
	width: 393px; /* 409px */
	height: 273px; /* 179px */
	padding: 8px;
	float: left;

}



/* 05. DAS BOOT
------------------------------------------------------------------*/
#dasboot #image-container {
	background:url(../../img/fnd/bg_image_container_boot.gif) no-repeat;
	width: 378px; /* 404px */
	height: 231px; /* 257px */
	padding: 13px;
	float: left;
	margin-bottom: 15px;
}
#dasboot .left {width:405px}
#dasboot #sidebar {margin-left:10px; float:left; width:120px}
#dasboot h2, #dasboot h3 {font-size:100%; margin:0; padding:0}
#dasboot h2 {margin:15px 0 5px 0; color:#e8e8e8}
#dasboot #data {margin:1em 0 45px 0; padding:0; line-height:1.3em}
#dasboot #data dt {color:#e8e8e8; float:left; padding-right:5px}




/* 06. DAS GÄSTEBUCH
------------------------------------------------------------------*/
#gaestebuch .content-box p.meta img {margin-left:5px; display:inline}
#gaestebuch .count {
	position: absolute;
	top: 15px;
	left: 15px;
}
#gaestebuch hr {border:0; border-top:1px solid #292929; height:1px; margin:5px 0}
#gaestebuch input, #gaestebuch select{background:#CCC;border:0;height:20px;width:200px;margin-top:2px;padding-left:2px;}
#gaestebuch input.sendit{background-color:#333333;color:#FFFFFF;}
#gaestebuch textarea{background:#CCC;border:0;height:100px;width:400px;}

/* 07. DAS LOGBUCH
------------------------------------------------------------------*/
#daslogbuch .content-box {padding:15px; color:#c6c6c6}
#daslogbuch .content-box h2 {margin:0 0 3px 0; font-size:100%}
#daslogbuch .content-box .date {color:#929292}
#daslogbuch hr {border:0; border-top:1px solid #292929; height:1px; margin:5px 0}


/* 08. DAS PROJEKT
------------------------------------------------------------------*/
#dasprojekt .text-image {
	background: url(../../img/fnd/bg_image_text.gif) left top no-repeat;
	height: 100px;
	width: 120px;
	padding: 5px;
}
#dasprojekt .text-image p {margin:0; padding: 5px}
#dasprojekt .text-image.left {margin-right: 10px}
#dasprojekt .text-image.right {margin-left: 10px}

/* 09. DIE CREW
------------------------------------------------------------------*/
#diecrew .left {width:271px; margin-left:-3px;}
#diecrew .right {width:271px; margin-right: -3px;}
#diecrew .left p{padding:0 5px;}
#diecrew .right p{padding:0 5px;}

#diecrew img.memimg {background:url(../../img/fnd/bg_crew_image.gif) left top no-repeat; padding:10px; width:251px; height:225px}
#diecrew p.member {background:#131313; height:27px; text-align:center; font-weight:bold; padding-top:6px}

#diecrew hr {border:0; border-top:1px solid #292929; height:1px; margin:2px 0 10px 0}
*+html #diecrew hr, * html #diecrew hr {margin:-8px 0}


/* 10. DIE DOWNLOADS
------------------------------------------------------------------*/
#diedownloads hr {border:0; border-top:1px solid #292929; height:1px; margin:5px 0}
*+html #diedownloads hr, * html #diedownloads hr {margin:-2px 0}
#diedownloads .content-box {padding:15px; color:#cacaca}
#diedownloads .content-box img {float:left; margin-right:15px}
#diedownloads .content-box p {padding:1em 0; line-height:1.4em}
#diedownloads .content-box a {color:#7d7d7d}
#diedownloads .content-box a:hover {color:#cacaca}


/* 11. DIE LINKS
------------------------------------------------------------------*/
#dielinks .content-box {padding:15px 15px 10px 15px; color:#7d7d7d}
#dielinks .content-box h2 {margin:0 0 20px 0; font-size:100%}
#dielinks .content-box a {color:#c8c8ca}
#dielinks hr {border:0; border-top:1px solid #292929; height:1px; margin:5px 0}


/* 12. DIE EPISODEN
------------------------------------------------------------------*/
#dieepisoden .content-box .img {margin-right:15px; float:left}
#dieepisoden .content-box .content {margin-left:140px}
#dieepisoden h2 {margin:0 0 8px 0; font-size:100%; color:#cccccc}
#dieepisoden .content-box {padding-left:15px; color:#b5b5b5}
#dieepisoden hr {border:0; border-top:1px solid #292929; height:1px; margin:5px 0}
*+html #dieepisoden hr, * html #dieepisoden hr {margin:-2px 0}


/* 13. DIE PARTNER
------------------------------------------------------------------*/
#diepartner .content-box .img {margin-right:15px; float:left}
#diepartner .content-box .content {margin-left:140px}
#diepartner h2 {margin:0 0 8px 0; font-size:100%; color:#cccccc; padding-top:5px;}
#diepartner .content-box {padding-left:15px; color:#b5b5b5}
#diepartner hr {border:0; border-top:1px solid #292929; height:1px; margin:5px 0}
*+html #diepartner hr, * html #diepartner hr {margin:-2px 0}


/* 14. DIE ROUTE
------------------------------------------------------------------*/
#dieroute .scroll {margin: 15px 0 15px 235px}
#dieroute #route-desc {margin:10px 0 30px 0;}
#dieroute #tourdates p {background:url(../../img/fnd/trans.png) repeat; margin:1px 0; border-top:1px solid #28292b; padding:10px 10px}
#dieroute #tourdates p span {float:left; width:120px}
#dieroute #tourdates p.active {font-style:italic}


/* 15. LOGBUCH EINTRAG
------------------------------------------------------------------*/
#eintrag .meta {font-size:85%; color:#6f6f6f}
#eintrag .left {width:405px}
#eintrag #sidebar {margin-left:10px; float:left; width:120px}

#status{color:#990000;font-weight:bold;margin:20px 0 0 20px;}