/*
  Formatierungsdatei fuer sagerin.ch
*/

body {
	padding:	0;
	margin: 0;
	background-color:	#002140;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

#wrapper {
	width: 61em;
	margin: 1em;
	background-color:	#002140;
}

#menu {
	font-family: "Palatino Linotype", Garamond, Tahoma, Helvetica, sans-serif;
	background-color: #00008B;
   float: left;
	width: 16em;
	margin: 1em 0 1em 1em;
	padding: 0;
}

#logo {
	position: relative;
	margin-left: 1em;
}

#nav {
	position: relative;
	width: 9em;
	font-weight: bold;
	font-size: 1em;
	margin: 1em 0 1em 1em;
	padding: 0;
}

#main {
	background-color: #FFAF02;
	float: right;
	width: 36em;
	margin: 1em 6em 1em 0;
	padding: 0;
}

#header {
	margin-left: 1em;
}

#main a {
	color: #BC222C;
}

#content {
	position: relative;
	margin: 2.5em 1em 1em 1em; 
	padding: 0;
}

#footer {
	position: relative;
	border-top: thin dotted #00008B;
	margin: 2.5em 1em 1em 1em;
	padding: 0;
	font-size: 0.8em;
}

#footer a {
	text-decoration: none;
}

ul#nav {
	margin: 0;
	margin-left: 1em;
	padding: 0;
	list-style: none;
	width: 9em;
	z-index: 20;
}

ul#nav li {
	position: relative;
	padding-left:1.7em;
	background-color: #00008B;
}

li.folder {
	background: url("/scripts/menufolder.gif") no-repeat;
}		

li.page {
	background: url("/scripts/menupage.gif") no-repeat;
}

.activemenu {
	color: #8B0000;
}

.entry {
	border-bottom: thin solid #BC222C;
}
ul#nav li ul {
	position: absolute;
	left: 8em;
	top: 0;
	width: 8em;
	display: none;
	list-style: none;
	border: thin solid Gray;
	padding: 0;
	z-index: 30;
}

ul#nav li ul.active {
	position:relative;
	left: 1em;
	display: block;
	border: none;
	z-index: 20;
}

.xfolder {
	position:relative;
	left: 1em;
	display: block;
	border: none;
}

ul#nav li a {
	display: block;
	text-decoration: none;
	color: #FFAF02;
	background-color: #00008B;
	padding: 0;
	border-bottom: 0;
}

/* Fix IE. Hide from IE Mac \*/
* html body #wrapper #menu ul li { float: left; height: 1%; }
* html body #wrapper #menu ul li a { height: 1%; }
* html body #wrapper #menu ul li ul { margin-left: 1em; }
/* End */

ul#nav a:hover {
	color: #00008B;
	background-color: #FFAF02;
}

ul#nav li:hover ul, ul#nav li.over ul { 
	display: block;
}

h1 {
	font-size: 1.5em;
	font-family: "Palatino Linotype", Garamond, Tahoma, Helvetica, sans-serif;
	color: #BC222C;
}

h2 {
	font-size: 1.2em;
	font-family: "Palatino Linotype", Garamond, Tahoma, Helvetica, sans-serif;
	color: #BC222C;
}

img { 
	margin: 0.4em;
	padding: 0;
}

.left {
	float: left;
}

.right {
	float: right;
}

#popup-close {
	text-align: right;
}

#popup-close a {
	text-align: right;
	text-decoration: none;
	font-weight: bold;
	color: #FFAF02;
}

#popup-img {
	text-align: center;
}

#caption {
	font-family: "Palatino Linotype", Garamond, Tahoma, Helvetica, sans-serif;
	font-size: 0.9em;
	text-align: center;
	font-weight: bold;
	font-style: normal;
	color: White;
}