/*CSS - Styleguide*/

/*
	http://www.bf-medien.com/
   	css styles
   
   	Copyright 2008, Markus Spiske
   	http://www.waaf.net
*/

/*------------------general styles------------------*/
html, body, div, p, h1, h2, h3, ul, ol, span, a, table, td, form, img, li {
	margin: 0;
	padding: 0;
	color: #626262;
}

body {
	font: 12px/155% Helvetica, Arial, Verdana, sans-serif;
	text-align: center;
}

h1 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
	color: #800080;
	text-transform: uppercase;
}

h2 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 3px;
	color: #800080;
}

a.link:link, a.link:visited, a.link:active {
	font-size: 12px;
	font-weight: normal;
	color: #800080;
	text-decoration: underline;
}

a.link:hover {
	font-size: 12px;
	font-weight: normal;
  	color: #800080;
  	text-decoration: none;
}

a.footer:link, a.footer:visited, a.footer:active {
	font-size: 11px;
	font-weight: normal;
	color: #dfaae0;
	text-decoration: none;
}

a.footer:hover {
	font-size: 11px;
	font-weight: normal;
  	color: #fff;
  	text-decoration: none;
}

a img, a:hover img {
	border: none;
}

.indent_box {
	padding-left: 25px;
}

hr {
	border:none;
	width:100%;
  	color:#d5c89a;
  	background-color:#d5c89a;
 	height:1px;
 	margin-bottom:15px;
}

.clear {
	clear: both;
}

/*------------------scrollbar------------------*/
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0px;
	height: 100%;
	background: #9d479e;
}

.jScrollPaneDrag {
	position: absolute;
	background: #800080;
	cursor: pointer;
	overflow: hidden;
}
			
.holder {
	float: left;
	margin-top: 10px;
}

.scroll-pane {
	width: 530px;
	overflow: auto;
	float: left;
	height: 320px;
}		
		
/* IE SPECIFIC HACKED STYLES */
	* html .osX .jScrollPaneDragBottom {
	bottom: -1px;
}
/* /IE SPECIFIC HACKED STYLES */

.higlight {
    height: 21px;
    color: #fff;
    background-color: #ff00ff;
}

/*------------------container------------------*/
#container {
	position: absolute;
  	left: 50%;
  	/* top: 50%;
*/
  	top: 10px;
  	width: 880px;
  	height: 646px;
  	margin-left: -440px; /* half of width */
  	/*margin-top: -323px; */ /* half of height */
}

/*------------------header------------------*/
#header {
	width: 880px;
	height: 200px;
	float: left;
  	background: url(../img/bg_header.gif) no-repeat;
}

#logo {
	width: 200px;
	height: 82px;
	float: left;
	margin-top: 50px; /* 20.12.2008 15:37:45 schmidt */
	margin-left: 20px;
}

/*------------------navi------------------*/
#navbar { 
	float: right;
	margin-left: 0px;
	margin-top: 173px;
	height: 35px;
    font-size: 11px;
}

#navbar ul {
	margin: 0;
	padding: 0px 0 0 10px;
	list-style: none;
}

#navbar li {
    display: inline;
    margin: 0;
    padding: 0;
}

#navbar a {
    float: left;
    background: url(../img/tableftJ.gif) no-repeat left top;
    margin: 0;
    padding: 0 0 0 5px;
    text-decoration: none;
}

#navbar a span {
    float: left;
    display: block;
    background: url(../img/tabrightJ.gif) no-repeat right top;
    padding: 5px 11px 4px 7px;
    color: #dfaae0;
}

#navbar a.active {
    float: left;
    background: url(../img/tableft_active.gif) no-repeat left top;
    margin: 0;
    padding: 0 0 0 5px;
    text-decoration: none;
}

#navbar a span.active {
    float: left;
    display: block;
    background: url(../img/tabright_active.gif) no-repeat right top;
    padding: 5px 11px 4px 7px;
    color: #fff;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/

#navbar a span {float:none;}
#navbar a.active span.active {float:none;}


/* End IE5-Mac hack */

#navbar a:hover span {
	color: #FFF;
}

#navbar a.active:hover span.active {
	color: #FFF;
}

#navbar a:hover {
    background-position: 0% -42px;
}

#navbar a:hover span {
    background-position: 100% -42px;
}

#navbar a.active:hover span.active {
    background-position: 100% -42px;
}

/*------------------content------------------*/
#content_frame {
	width: 880px;
  	float: left;
  	background: url(../img/bg_content.gif) repeat-y;
}

#content {
	width: 450px;
	height: 380px;
	padding-top: 20px;
	padding-left: 20px;
	text-align: left;
	float: left;
}

#content_input {
	padding-left: 20px;
	text-align: left;
	float: left;
}

#box_right {
	width: 300px;
	float: right;
	text-align: left;
	margin-right: 20px;
	margin-top: 30px;	 		
}

/*------------------footer------------------*/
#footer	{
	width: 880px;
	padding-top: 5px;
	height: 20px;
	float: left;
  	background: url(../img/bg_footer.gif) no-repeat;
  	font-size: 11px;
}

#footer_left {
  	color: #dfaae0;
	float: left;
	margin-left: 20px;
	width: 650px;
	text-align: left;	 		
}

#footer_right {
  	color: #dfaae0;
	float: right;
	margin-right: 20px;
	text-align: left;	 		
}