/*
Theme Name: MatSail
Theme URI: http://www.matsail.com/
Description: Template für die Website (nur statische Seiten)
Version: 0.9 BETA
Author: Sebastian Basedow
Author URI: http://www.netceleration.com/
Tags: blue, sail, water, sea
*/

/* Allgemeines */

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}

body {
	font-family: Helvetica Neue, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #000;
	background: #036;
}

table {
	border: 0;
	margin: 0;
	padding: 0;
	empty-cells: show;
	font-family: Helvetica Neue, Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	font-size: 1.5em;
	color: #fff;
}

td {
	vertical-align: top;
}

img {
	border: 0;
	vertical-align: top;
}

/* Raster */

#page {
	width: 100%;
	text-align:left;	
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background: #01203e url(img/bg_content.jpg) center top repeat-x;	
}

#wrapper {
	width: 800px;
	position: relative;
	text-align:center;	
	margin: 0 auto;
}

#header {
	text-align: left;
	height: 11em;
	background: #fff url(img/bg_top_nav.jpg) center top repeat-x;
}

#content {
	text-align: left;
	color: #fff;
	padding-bottom: 7.5em;
}

#content #left {
	width: 59.3em;
	float: left;
}

#content #right {
	width: 17.7em;
	float: right;
}

#footer {
	width: 100%;
	background: url(img/foot_welle.png) bottom center repeat-x;
	position: absolute;
	bottom: 0 !important;
	bottom: -1px;
	height: 7.5em;
}

#language {
	position: absolute;
	top: 0;
	right:0;
	padding: .5em;
}


/* Navi */

ul#top_nav {
	font-size: 1.8em;
	letter-spacing: .3px;
	margin: 0;
	padding: 0;
	list-style: none;
}
#top_nav li { display: inline; }
#top_nav a {
	display: block;
	padding: .5em 0 0 0;
	margin: 0 1em 0 0;
	float:left;
}
#top_nav a:link, #top_nav a:visited { color: #047; text-decoration: none; margin-top: .28em;}
#top_nav a:hover, #top_nav a:active, #top_nav a#current:hover { color: #369; text-decoration: none; margin-top: 0; border-top: .28em solid #369}
#top_nav a:active { padding-top: .45em }
#top_nav li.current_page_item a{ margin-top: 0; border-top: .28em solid #047 }

ul#sub_nav {
	border-top: 1px dashed #fff;
	font-size: 1.5em;
	line-height: 1.5em;
	margin:0;
	padding: 0 0 1em 0;
	list-style: none;
}
#sub_nav li {
	border-bottom: 1px dashed #fff;
	padding: 1em 0 1em 0;
}

/* Inhalt */

#header img {
position:absolute;
top:6em;
right:0;
}

h1 {
	font-size: 1.8em;
	font-style: bold;
	margin: 0 0 .5em 0;
}

a:link, a:visited { color: #ffa; text-decoration: none; }
a:hover, a:active { color: #ffc; text-decoration: underline; }

#content p  {
	margin: 0 0 1em 0;
	line-height: 1.5em;
	font-size: 1.5em;
}

#content table {
	line-height: 1.5em;
	font-size: 1.5em;
}

#content hr {
	margin: .5em 0 .5em 0;
	padding: 0;
	width: 100%;
	height: 0;
	background: none;
	border-top: 1px dashed #fff;
	border-right: 0;
	border-bottom: 0;
	border-left: 0;
}

div.foto { background: url(img/foto_bottom.png) left bottom no-repeat; margin: 3em 0 3em 0; padding:0 0 10px 0; }
div.foto span { display:block; width:100%; background: url(img/foto_top.png) left top no-repeat; padding-top:10px; overflow:hidden;}
div.foto img { margin-bottom:0px; border-left: 10px solid #fff; border-right: 10px solid #fff; vertical-align: bottom }

#footer div {
	height: 3.5em;
	color: #fff;
	width: 80em;
	margin: 0 auto;
	padding: 4em 0 0 0;
}
#footer ul {
	padding: .5em 0 0 0;
	margin:0;
	border-top: 1px dashed #047;
	text-align: left;
	list-style: none;
}

#footer ul li { display: inline; font-size: 1.3em; letter-spacing: .4px; padding: 0 1.5em 0 0 }
#footer a:link, #footer a:visited { color: #47a; text-decoration: none; }
#footer a:hover, #footer a:active { color: #acd; text-decoration: underline; }


/* Clearfix */

.clearfix:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}

.clearfix {
display: inline-block;
}

/* Hides from IE-mac \*/ 
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */