/*************** Start Top Fixed Sections code *************************************/
* {
  margin: 0;
	padding: 0;

}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, fieldset, table, ul {
  margin: 1em 0;
}
img {
	border: 0;
}
a:link {
color: #000066;
text-decoration: none;
border-bottom: 1px dotted #C41109;
}
a:visited {
color: #000066;
text-decoration: none;
border-bottom: 1px dashed #C41109;
}
a:hover {
color: #000066;
background:#eee;
text-decoration: none;
border-bottom: none;
}
span {
color: #002337;
}
.clear {
clear:both;
}
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height:1%; }
.clearfix {display:block;}
/* End hide from IE-mac */
body {
	font: 62.5%/1.6 Arial, Helvetica, sans-serif;
	background: url(images/bg_top.jpg) repeat-x top left #fff;
	text-align: center;
	color: #33394d;
	position: relative;
}
#header {
height: 69px;
width: 940px;
margin: 0px auto;
position: relative;
}
#logo {
position: absolute;
top: 0px;
left: 12px;
}
ul#navigation-top {
height: 69px;
margin: 0px;
padding: 0px;
list-style-type: none;
position: absolute;
bottom: 0px;
right: 0px;
}
ul#navigation-top li {
float: left;
display: block;
width: auto;
height: 69px;
padding: 0px 0px 0px 1px;
border-right:1px solid #eee;
}

ul#navigation-top li.last {
border-right:1px transparent;
}
ul#navigation-top li a:link, ul#navigation-top li a:visited {
float: left;
display: block;
width: auto;
margin: 0px;
height: 17px;
padding: 25px 10px; 
text-decoration: none;
background: none;
font:normal 1.8em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
color: #006;
border: none;
}
ul#navigation-top li.current a:link, ul#navigation-top li.current a:visited, ul#navigation-top li a:hover {
border-bottom: 3px solid #A30E08;
}


h1 {
margin: 0.7em;
font-size: 2.2em;
font-weight: normal;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
color: #33394c;
}
/*************** End Top Fixed Sections *************************************/
/*************** Start Content Section *************************************/
#wrapper {
	width: 940px;
	margin: 0px auto;
	padding: 0px;
	position: relative;
}
#secWrapper{
width: 940px;
margin: 0px auto;
padding: 20px 0px 0px 0px;
}
#container {
width: 940px;
margin: 10px auto 0;
padding: 0px;
}
#main {
width: 630px;
float: left;
margin: 0px;
padding: 0px;
text-align: left;
position: relative;
}

#main p, #main-members p, #content, .box p, #content p ul{
font: normal 1.2em/1.3em Arial, Helvetica, sans-serif;
}

#content p{
line-height:1.5em;	
}

#main #eyecatcher {
position: relative;
width: 620px;
padding: 0px;
height: 206px;
margin-bottom: 10px;

}

#eyecatcher h2{ text-indent:-9999px; }

#main .boxleft, #main .boxmiddle{
	position:absolute;
	display: block;
	padding: 10px;
	width: 280px;
	height:240px;
	top:206px;
	left:0px;
	background: url(images/box_bg.png) no-repeat top left #fff;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 25px;
	margin-left: 0px;
}

#main .boxmiddle{	
left:320px;
}


#main-members {
width: 610px;
float: left;
margin: 15px 0;
padding: 10px;
text-align: left;
position: relative;
}

#right, #member-box{
width: 300px;
float: right;
margin-left: 10px;
padding: 0px;
}


#left{
width: 180px;
height:782px;
float: left;
margin: 10px 0 0 0;
padding: 10px 20px;
background:url(images/left_navi_bg.png) no-repeat top left #fff;	
}

#content{
width: 700px;
float: right;
margin: 10px 0 0 0;
text-align: left;
position: relative;
}

#kompass, #moewe, #strandkorb, #steg{
	width:700px;
	height:130px;
	border-top:3px double #ccc;
	border-bottom:3px double #ccc;
	margin-top: 10px;
}

h3 {
font: normal 2em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
color: #000066;
background: url(images/title_shaddow.jpg) repeat-x bottom left #fff;
height:37px;
margin-bottom:0px;
}

h4, h4.boxtitle{
font: normal 2em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
color: #000066;
margin:0;
background:none;
border-top:1px solid #000066;
border-bottom:1px solid #000066;

}

h4.boxtitle{
border:none;
border-bottom:1px solid #DCDDDE;
}

h5{
color: #000066;
font: normal 1.4em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
background: url(images/title_shaddow.jpg) repeat-x bottom left #fff;
background:none;
margin-bottom:-10px;
padding:0;
}

ul#navi-left{
border-bottom:1px solid #FFFFFF;
margin:0;
width:200px;
text-align:left
}

#navi-left li{
list-style-image:none;
list-style-position:outside;
list-style-type:none;	
}

#navi-left li.selected{
background: url(images/arrows_grey.jpg) no-repeat 95% 50%;
}

#navi-left li a{
font:normal 1.6em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
border-top:1px solid #FFFFFF;
border-bottom:1px solid #DCDDDE;
display:block;
width:150px;
position:relative;
padding:10px 0 10px 50px;
color:#797C80;
}
#navi-left li a:hover{
background: url(images/arrows_grey.jpg) no-repeat 95% 50%;
}


fieldset#login, fieldset#register  {
background: url(images/login_bg.png) no-repeat top left;
margin: 0;
width: 300px;
height: 206px;
font-size: 1.4em;
border: none;
position: relative;
left:0px;
}


#login h4 {
font:normal 22px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
height: 31px;
margin:13px 0 0 90px;
text-align: left;
border:none
}
#login form {
height: 95px;
width: 280px;
padding: 15px 10px;
margin: 0px;
}

fieldset#register  {
	background:none;
	border-bottom:1px solid #ccc;
	padding:15px;
	height:130px;
}

#login p, #register p {
width: 280px;
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
}

#register form p label{
width:100px;
display:block;
float:left;
}

#register p {
	margin-bottom:10px;	
}

#login form p label{
text-align: left;
float: left;
font-size: 14px;
}
#login form p.check {
height: 23px;
margin-left:3px;
margin-top:5px;
}
#login #remlabel {
float: left;
font-size: 12px;
position: relative;
left: -3px;
margin-right:7px;
}
#login #remember {
float: left;
width: 14px;
height: 14px;
margin: 0px;
padding: 0px;
position: relative;
top: 3px;
margin-right:10px;
}
#login #submit {
background: url(images/button_login.png) no-repeat top left;
width: 104px;
height: 29px;
cursor: pointer;
border: none;
float:right;
}
#login #benutzer, #login #passwort {
background: url(images/input_bg.png) no-repeat top left;
border: 1px solid #d0d0d0;
width: 192px;
height: 19px;
padding: 2px;
color: #222222;
font-size: 14px;
float: right;
margin-bottom: 10px;
}

#login p.member {
text-align: left;
width: 280px;
font:normal 11px Arial, Helvetica, sans-serif;
margin: -8px 2px 0px 10px;
padding: 2px;
line-height: 18px;
}


#right .box {
	position:relative;
	left:0px;
	display: block;
	padding: 10px;
	width: 280px;
	height:240px;
	background: url(images/box_bg.png) no-repeat top left #fff;
	text-align:left;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}


#right .box a.more:link, #right .box a.more:visited, #right .box a.more:hover,
#main .boxleft a.more:link, #main .boxleft a.more:visited, #main .boxleft a.more:hover,
#main .boxmiddle a.more:link, #main .boxmiddle a.more:visited, #main .boxmiddle a.more:hover{
background: url(images/arrow.png) no-repeat center left;
margin: 0px 0px 0px 220px;
padding: 0px;
display: inline;
padding-left: 12px;
border: none;
text-decoration: underline;
font-size: 12px;
text-align: right;
}
#right .box a.more:hover,
#main .boxleft a.more:hover,
#main .boxmiddle a.more:hover{
text-decoration: none;
}
#right ul li p.test {
text-align: right;
}

#certifikate{
	position:relative;
	width:100%;
	top:-10px;
}

#certifikate img{
	margin:0 10px;	
	padding:0 70px;
}

#footer {
	width: 100%;
	height:100px;
	margin: 5px auto;
	font-size: 12px;
	color: #666;
	padding: 0px;
	background: url(images/footer_bg.png) repeat-x top left #fff;
	position: relative;
}

#footer p {
margin: 2px;
padding: 2px;
font: 1em/1em Arial, Helvetica, sans-serif;
position:relative;
top:10px;
}
#footer ul {
list-style-type: none;
display: inline;
top:10px;
position:relative;
}
#footer ul li {
display: inline;
}
#footer ul li a:link, #footer ul li a:visited {
border: none;
color: #666;
text-decoration: underline;
margin:0 5px;
} 
#footer ul li a:hover {
color: #999;
text-decoration: none;
margin:0 5px;
}

/*----------------------- membersbereich--------------------------------------*/

#member-box{
background:url(images/members_bg.png) no-repeat bottom right #fff;
margin:30px 0 ;
width:300px;
height:400px;
position:relative;
}

ul.daten{
border-bottom:1px solid #FFFFFF;
margin-top:10px;
margin-left:20px;
width:260px;
text-align:left;
}

ul.daten li{
list-style-image:none;
list-style-position:outside;
list-style-type:none;	
}

ul.daten h4{
font:normal 1.8em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
border-bottom:1px solid #DCDDDE;
color:#797C80;
margin-bottom:0;
}


ul.daten li.selected{
text-decoration:underline;
}

ul.daten li p{
font:bold 1.4em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
border-bottom:1px solid #DCDDDE;
display:block;
width:260px;
position:relative;
margin:0;
padding:10px 0;
line-height:1.6em;
color:#666;
}

ul.daten li a{
font:bold 1.2em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
border-top:1px solid #FFFFFF;
border-bottom:1px solid #DCDDDE;
display:block;
width:260px;
position:relative;
padding:10px 0;
color:#797C80;
}

ul.daten li a:hover{
text-decoration:underline;
}


#logout{
background: url(images/logout.png) no-repeat top right #fff;
width:104px;
height:29px;
border:none;
cursor:pointer;
position:absolute;
left:170px;
bottom:20px;
display:block;
text-indent:-99999px;
}

#member-box p.note{
font:normal 1.2em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
display:block;
width:280px;
position:relative;
margin-top:20px;
padding:10px;
line-height:1.6em;
color:#797C80;
}

.date{
	position:absolute;
	right:10px;
	bottom:10px;
}

.daten a.active{
	text-decoration:underline;	
}


/* directory-listening*/
	table td{
		padding: 5px;
	}
tbody img{
	vertical-align: bottom;
	padding: 0 3px 0 0;
}
sup{
	color: #999;
}

thead td{
		padding-left: 0;
		font-family: "Trebuchet MS";
		font-size: 11pt;
		font-weight: bold;
	}

	tbody td.name{
		width: 99%;
	}
	tbody .folder td{
		border: solid 1px #f8f8f8;
	}
	tbody .file td{
		background: #fff;
		border: solid 1px #ddd;
	}
		tbody tr.file:hover td{
			background: #ffff9d;
		}
		tbody tr.file:hover td.dl{
			background: #f8f8f8;
		}
	tbody .file td.size,
	tbody .file td.time{
		white-space: nowrap;
		padding: 5px 10px;
	}
	tbody .file td.size span{
		color: #999;
		font-size: 8pt;
	}
	tbody .file td.time{
		color: #555;
	}
	tbody td.dl{
		padding: 5px 0;
		width: 1%;
		border-color: #f8f8f8;
		background: #f8f8f8;
	}
tbody td.dl img{
		padding: 0 0 0 5px;
		border: none;
	}
tfoot td{
		padding: 5px 0;
		color: #777;
		font-size: 8pt;
		background: #f8f8f8;
		border-color: #f8f8f8;
	}
	tfoot td.copy{
		text-align: right;
		white-space: nowrap;
	}
	tfoot td.cc{
		padding: 40px;
		text-align: center;
	}
	tfoot td.cc img{
		padding: 0;
		border: none;
	}
	
p.plus, p.minus{
	margin-top:30px;
	padding:0 5px 0 15px;	
	width:400px;
	background:url(./images/plus_small.png) no-repeat left center;
}


p.minus{
	background:url(./images/minus_small.png) no-repeat left center;
}	

#verwaltung{
	border:1px solid #999;
	width:400px;
	padding-left:1px;
	padding-top:1px;
	margin:20px auto;
	font-size:12px;
	/*-moz-box-shadow:1px 1px 5px rgba(0, 0, 0, 0.43);*/
}

#verwaltung th{
	background-color:#EBEBEB;
	padding:2px 5px;
	border-right:1px solid #fff;
	font-size:12px;
}

#verwaltung th.vers{
	border-bottom:1px solid #fff;
	text-align:center;
}

#verwaltung th.ueberschrift{
	padding:5px 0;
	font-size:14px;
}

#verwaltung td a{
	border:none;
}
/*----------------------- ende membersbereich--------------------------------------*/

.cert,.mitglied{
	width:160px;
	height:130px;
	border:1px solid #ccc;
	padding:2px;
	margin-bottom: 25px;
	padding:0 20px;
	background:#fff;
	margin-left:-20px;
}

.fail{
	margin:20px auto 5px;
	width:120px;
	height:98px
}

#karte{
border:3px double #ccc;
margin:20px 0;
}
/*----------------------- einzelne seitenformatierungen ------------------------------------*/
/*------- leistungen --*/
ul.liste-leistungen{
	list-style-type:square;
	margin:0;
	font: normal 1em/1.5em Arial, Helvetica, sans-serif;
}

ul.liste-leistungen li{
	margin-left:20px;
	padding:2px 0;
}

ul.innerlist{
	margin-left:15px;
	line-height:1.5em;
}
ul.innerlist li{
	margin-bottom:5px
}

p.tothetop{
	margin:20px 0 40px;	
}
/*-- ende leistungen --*/

/*----------blickpunkt-----------*/
.karte{
	margin:30px 0 80px 120px;	
}

.foerster, .krauss{
border:3px double #ccc;
margin: 10px 0 10px 10px;
float:right;
display:block;
background:#E7E7E4;
text-align:center;
width:100px;
}

.krauss{
	margin: 3px 10px 10px 0;
	float:left;	
}

.foerster img, .krauss img{
	width:100%;	
}