/*********************** CSS File  */

* {
	font-family:verdana;
	font-size:12px;
	color:#fff;
	line-height:18px;
	padding:0px;
	margin:0px;	
}

body {
	width:100%;
	height:100%;
	background-color:#1f3757;	
}

#screen {
	position:absolute;
	width:100%;
	height:100%;
	z-index:100;	
	color:#1f3757;
}

#switchoff {
	position:absolute;
	right:25px; top:5px;
	width:18px; height:20px;
	background-image:url(../images/switchoff.gif);
	background-repeat:no-repeat;
}
#switchoff:hover {
	cursor:pointer;
}
#backgroundimage {
	position:fixed;
	z-index:0;
	width:100%; height:100%;
}
#refresh {
	position:absolute;
	right:50px; top:83px;
	width:120px; height:22px;
	background-color:#111;
	padding-top:5px;
	color:#fff;
	text-align:center;
	opacity:0.85;	
	z-index:100;
}
#refresh:hover {
	cursor:pointer;
}
#showsite {
	position:absolute;
	right:180px; top:83px;
	width:120px; height:22px;
	background-color:#111;
	padding-top:5px;
	color:#fff;
	text-align:center;
	opacity:0.85;	
	z-index:100;
}
#showsite:hover {
	cursor:pointer;
}
#backgroundimagefile {
	width:100%; 
}

#content {
	position: relative;
	top:60px;

	margin: auto;
	width:788px; min-height:470px; height:auto;
	background-image:url(../images/body_bgnd.png);
	background-repeat:repeat-y;
	color:#1f3757;
	padding:20px;
}

#left {
	width:460px;
	color:#1f3757;
}
#left * {
	color:#1f3757;	
}
ul {
	list-style-position:outside;
	margin-left:20px;
}
#rightcontent {
	position:absolute;
	right:4px; top:0px;
	width:320px; height:100%; 
}
#picborder {
	position:absolute;
	left:20px; top:20px;
	width:280px; height:220px;
	background-image:url(../images/pic_border.png);
	background-repeat:no-repeat;	
}
#picview {
	position:absolute;
	left:20px; top:20px;
	width:280px; height:220px;
}

h1 {
	color:#1f3757;
	margin-bottom:10px;
}
hr {
	border:0px;
	border-bottom:1px solid #1f3757;
}

#footer {
	position:relative;
	margin:auto;
	top:60px;

	background-color:#1f3757;	
	height:30px;
	font-size:10px;	
}


#footercontent {
	position: relative;
	margin: auto;
	width:828px; min-height:30px;
	font-size:10px;	
}
#globalnavi {
	position:absolute;
	right:10px; top:4px;
	font-size:10px;	
}
a.global {
	font-size:9px;
	text-decoration:none;
	color#fff;
}

#copyright {
	position:absolute;
	left:10px; top:6px;
	font-size:9px;	
}




#navigation {
	position:relative;
	margin:auto;
	top:60px;

	background-image:url(../images/navi/navi_bgnd.gif);
	background-repeat:repeat-x;	
}

#navi1 {
	background-color:transparent;
	position: relative;
	top:0px;
	height:20px;
	margin: auto;
	width:822px; 
	padding-top:3px;
	border:0px solid red;
}

#navi2 {
	position: relative;
	height:30px;
	margin: auto;
	width:828px; 
	border:0px solid red;
	padding-left:20px;
}


a.navi1 {
	display:block;
	width:120px; height:18px;
	float:left;
	background-image:url(../images/navi/mainnavi.png);
	background-repeat:no-repeat;
	text-decoration:none;
	text-align:center;
	padding-top:2px;
	font-size:12px;
}
a.navi1:hover {
	color:#1f3757;
}
a.navi1_active {
	display:block;
	width:120px; height:18px;
	float:left;
	background-image:url(../images/navi/mainnavi_over.png);
	background-repeat:no-repeat;
	text-decoration:none;
	text-align:center;
	padding-top:2px;
	font-size:12px;
}
a.navi1:hover {
	color:#1f3757;
}


a.navi2 {
	display:block;
	float:left;
	height:20px;
	text-decoration:none;
	text-align:left;
	margin-top:8px;
	margin-right:20px;
	color:#fff;	
	font-size:12px;
}
a.navi2:hover {
	color:#ccc;
}
a.navi2_active {
	display:block;
	float:left;
	height:20px;
	text-decoration:none;
	text-align:left;
	margin-top:8px;
	margin-right:20px;
	color:#487cc0;	
	font-size:12px;
}
a.navi2_active:hover {
	color:#487cc0;
}

table#segeltoern td {
	background-color:#eee;
	font-size:11px;
	height:18px;
}
table#segeltoern tr {
	height:18px;
}



#rightcontent {
	display:none;
}

a.navi1, a.navi1:hover, a.navi1_active:hover, a.navi1_active {
	display:none;
}
a.navi2, a.navi2:hover, a.navi2_active:hover, a.navi2_active {
	display:none;
}

#globalnavi {
	display:none;
}