/***********************************************************
 * GENERAL STYLING
 ***********************************************************/
body{
	background:#044284;
	padding:0;
	margin:100px 0 auto;
	font:12px/19px "Lucida Grande", "Lucida Sans Unicode", Verdana, Tahoma, Arial, sans-serif;
}

/***********************************************************
 * HEADER WITH BAR, LOGO AND LOGIN
 ***********************************************************/
div#bar{
	width:100%;
	height:20px;
	padding:0;
	margin:0;
	background:#3F73A3;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}

div#bar form#logon, div#bar form#logout{
	display:inline;
	margin:auto auto auto 466px;
	height:20px;
	background:transparent;
}
div#bar form#logon input{
	display:none;
	width:100px;
	border:0;
	background:#C7DBEA;
}
div#bar form#logon input:focus{
	background:#9EDABC;
}
div#bar form#logon input.button, div#bar form#logout input.button{
	width:auto;
	height:20px;
	padding:0;
	background:#8FACC3;
	border:2px outset #8FACC3;
}
div#bar form#logon input.button:hover{border-style:groove;}
div#bar form#logon input.button:active{border-style:ridge;}
div#bar form#logout input.button{margin-left:165px;}
div#logo{
	position:relative;
	z-index:20;
	width:363px;
	height:85px;
	background:transparent url(img/titel.gif) no-repeat left top;
	margin:-55px auto 0 100px;
}

/***********************************************************
 * THE MENU AREA
 ***********************************************************/
ul#menu{
	position:absolute;
	top:100px;
	left:-106px;
	margin:0;
	background:transparent; /* #800000; */
	padding:0;
	list-style-type:none;
	z-index:20;
}
ul#menu li{
	width:100px;
	margin:0 auto 5px 0;
	background:#3F73A3;
	padding:0;
	padding-left:4px;
	border:1px solid #000;
	border-right:1px solid #3F73A3;
}
ul#menu li a{
	display:block;
	text-decoration:none;
	margin:0;
	padding:0;
	color:#C7DBEA;
	font-weight:bold;
}
ul#menu li#active{
	background:#8FACC3;
	color:#000;
	font-weight:bold;
	border-right:1px solid #8FACC3;
}
ul#menu li#active a{color:#000;}
ul#menu li#active:hover{background:#8FACC3;}
ul#menu li:hover{background:#C7DBEA;}
ul#menu li:hover a{color:#3F73A3;}


/***********************************************************
 * CONTENT
 ***********************************************************/
div#content{
	position:relative;
	z-index:10;
	width:450px;
	min-height:300px;
	margin:-31px auto auto 200px;
	padding:20px 10px;
	background:#8FACC3;
	border:1px solid #000;
}
/* let ie do its min-height with its crooked height-setting */
* html body div#content{height:300px;}
div#content h1{margin-top:20px;}
/* let ie display the headline somewhat reasonable */
* html body div#content h1{
	line-height:1.2em;
	margin-top:30px;
}
div#content h3#hsuccess{
	background:transparent;
	padding-bottom:0;
	margin-bottom:0;
}
div#content p#psuccess{
	background:#C7DBEA;
	border:1px dotted #000;
	margin-top:0;
}
div#content p{margin-left:5px;}
div#content span.highlight{font-weight:bold;}
div#bar:hover form#logon input{display:inline;}

/***********************************************************
 * CONTENT -> TABLE
 ***********************************************************/
div#content table{width:100%;}
div#content table tr{background:#C7DBEA;}
div#content table tr.highlight:hover{
	background:#FCCE9C;
}
div#content table th{
	background:#3F73A3;
	padding-left:4px;
	text-align:left;
	vertical-align:top;
	color:#C7DBEA;
}
div#content table td{padding-left:4px;}
div#content table td a{
	display:block;
	text-decoration:none;
	color:#000;
}
div#content input, div#content textarea{
	display:block;
	width:100%;
	margin-bottom:2px;
	background:#C7DBEA;
	padding:0;
	border:0;
}
div#content textarea{height:200px;}
div#content input:focus, div#content textarea:focus{background:#9EDABC;}
div#content input.button{
	background:#8FACC3;
	border:2px outset #8FACC3;
}
div#content input.button:hover{border-style:groove;}
div#content input.button:active{border-style:ridge;}
div#content input.button:focus{background:#C7DBEA;border-style:groove;}
div#content input.checkbox{
	display:inline;
	width:auto;
}

/***********************************************************
 * CONTENT -> PREVIEW
 ***********************************************************/
div#content div.preview{
	float:left;
	width:100px;
	height:180px;
	margin:5px;
	border:1px solid #000;
	padding:5px;
	font-family:Courier;
	font-size:11px;
	line-height:10px;
}
div#content div.preview a{
	display:block;
	margin-bottom:4px;
}
div#content div.preview a img{border:0;}

/***********************************************************
 * ERROR AREA
 ***********************************************************/
div#errors{
	width:450px;
	margin:20px auto auto 200px;
	background:#8FACC3;
	padding:10px;
	border:1px solid #000;
	font-size:0.9em;
	font-weight:bold;
	color: #E40532;
}
div#errors h2{color:#000000;}
div#errors p{
	margin:auto 10px 5px;
	background:#C7DBEA;
	border:1px dotted #000000;
}

/***********************************************************
 * COMMENTS AREA
 ***********************************************************/
div#comments{
	width:450px;
	margin:20px auto auto 200px;
	background:#8FACC3;
	padding:10px;
	border:1px solid #000;
	font-size:0.9em;
}
div#comments h2{
	margin:0;
}
div#comments h3{
	margin:20px 10px 0;
	padding:0 5px;
	background:#3F73A3;
	font-weight:normal;
	color:#C7DBEA;
	border:1px solid #000;
}
div#comments h3 a{
	text-decoration:none;
	color:#ffffff;
	font-size:0.8em;
}
div#comments h3 a:hover{text-decoration:underline;}
div#comments h3 a:before, div#comments h3 span:before{content:"<";}
div#comments h3 a:after, div#comments h3 span:after{content:">";}
div#comments p{
	margin:-1px 10px 20px;
	padding:5px;
	background:#C7DBEA;
	font-weight:normal;
	line-height:1.1em;
	border:1px solid #000;
}
div#comments form{
	display:block;
	margin:40px 10px;
	padding:3px 5px 2px 3px;
	background:#3F73A3;
	border:1px solid #000;
}
div#comments form input, div#comments form textarea{
	display:block;
	width:100%;
	margin-bottom:2px;
	background:#C7DBEA;
	padding:0;
	border:1px solid #000;
}
div#comments form input:focus, div#comments form textarea:focus{background:#9EDABC;}
div#comments form textarea{height:150px;}
div#comments form input.messagebutton{
	background:#8FACC3;
	border:2px outset #8FACC3;
}
div#comments form input.messagebutton:hover{border-style:groove;}
div#comments form input.messagebutton:active{border-style:ridge;}
div#comments form input.messagebutton:focus{background:#C7DBEA;border-style:groove;}

/***********************************************************
 * FOOT AREA
 ***********************************************************/
div#foot{
	margin-left:200px;
	color:#808080;
}
div#foot a{
	text-decoration:none;
	color:#808080;
	padding-bottom:50px;
}