/*
ff* {border-style: solid; border-width: 1px}
#outborder {border-color: red}
#inborder {border-color: yellow}
#head {border-color: green}
#footer {border-color: blue}
#content {border-color: white}
#sidebar {border-color: purple}
#menu {border-color: brown}
*/




body { 
	padding:0; 
	margin:0; 
	text-align:center; 
/*	background:url(/pics/bg.gif) */
	repeat-x #ffffff; 
	background-position:top; 
	color:#555; 
	font:11px/1.6em sans-serif; 
}


#headline {
	width: 800px;
	/*text-align: right;*/
	margin: 0px;
	
}
#headline #hleft {
	width: 680px;
	float:left;
}
#headline h1 {
	font-size: 10px;
	margin: 0px;
	float:left;
}
#headline a {
	color: #999966;
	text-decoration: none;
}
#headline a:hover {
	text-decoration: underline;
}

img {
	padding: 0px;
	margin: 0px;
	border: 0px;
}

/* MAIN DIVISIONS */

#outborder { 
	width:822px; 
	margin:0px auto 0 auto;
	padding: 0px;
}
#outborder .top{
	height: 11px;
	margin:0px;
	padding: 0px;
	line-height: 0px;
	overflow: hidden;
}
#outborder .top img{
	display: block;
}
#outborder .left{
	width: 11px;
	margin:0px;
	padding: 0px;
}
#outborder .right{
	width: 11px;
	margin:0px;
	padding: 0px;
}

#inborder { 
	background-color: #ffffff;
	width:800px; 
	text-align:left;  
	margin:0px; 
}



#head  {
	overflow: hidden;
	width:800px; 
	height: 251px;
}

#head_small  {
	overflow: hidden;
	width:800px; 
	height: 101px;
}














#menu_bg{ 
	width:800px;  
	background:url(/pics/menubar.jpg) no-repeat; /*hintergrundbild fuer menu*/
}

#menu_icon{
	width: 38px;
	height: 25px;
	padding:0 0px;
	float:left;
}
#menu_icon img{ 
	float:left
}

#menu{ 
	height:25px; 
	margin:0; 
	sbackground:url(/pics/menubar.jpg) no-repeat; /*hintergrundbild fuer menu*/
	list-style-type: none; 
	padding: 0px; 
	font: 12px sans-serif; 
	voice-family: "\"}\""; 
	voice-family: inherit; 
	width:570px;  /*breite des menus */
	float:left;
}

/* hauptmenu punkte */
#menu li { 
	float: left; 
	position: relative; 
	height:25px;      /*30px abstand nach unten zum seitenbegin */
	text-align: center; 
	width:70px;  /* breite jedes menupunktes */
	white-space: nowrap;
}
/* hack fuer IE */
html>body #menu li { width:auto; }


#menu li a {    /*aussehen von menu */
	display: block; 
	height:25px;  /* 25px breite des weissen balkens(selection)*/
	padding:0 15px; 
	line-height:25px;   /* 25px breite des weissen balkens(selection)*/
	color: #ffffff; 
	text-decoration: none; 
	border-bottom:none; 
} 
#menu li  .sel{    /*aussehen von menu */
	/*color: #333; */
	background-color:#999966;
} 
#menu li a:hover { 
	background-color:white; 
	color:#333; 
}  /*aussehen von menu, bei selection weiss*/


#menu li:hover ul.submenu, #menu li.over ul.submenu { display: block; }  /* anzeigen von submenu */

/* submenu */
/*#menu li.arrow a {  background:url(submenu.gif) no-repeat -50px center;  }*/ /*pfeil mit hintergrund anzeigen*/
/*#menu li.arrow>a {  background:url(submenu.gif) no-repeat -50px center;  } geht nicht mit ie */
/*#menu li.arrow a:hover {  background:url(submenu_sel.gif) no-repeat -50px center; }*/ /*pfeil mit hintergrund anzeigen*/
/*#menu li.arrow>a:hover {  background:url(submenu_sel.gif) no-repeat -50px center; } geht nicht mit ie */
#menu li ul.submenu { 
	display: none;   /*ul sollen nicht angezeigt werden*/
	width:150px; 
	list-style-type: none; 
	position: absolute; 
	top: 100%; 
	left:0; 
	font-weight: normal; 
	background-color:#ffffff; 
	border:1px solid #333; 
	border-bottom:none; 
	padding:0; 
	margin:0; 
}
#menu li li:hover ul.subsubmenu, #menu li li.over ul.subsubmenu { display: block; }  /* anzeigen von subsubmenu */


/* subsubmenu */
#menu li li ul.subsubmenu { 
	display: none;   /*ul sollen nicht angezeigt werden*/
	width:150px; 
	list-style-type: none; 
	position: absolute; 
	font-weight: normal; 
	background-color:#fff; 
	border:1px solid #333; 
	border-bottom:none; 
	padding:0; 
	margin:0;
	top: 3px; 
	left: 100%; 
}


/* general */
#menu li li { display: block; width:150px; text-align: left; float: none; height: auto; line-height:1.6em; background-color: transparent; border-bottom:1px solid #333; }
#menu li li a { display: block; width:130px; padding:4px 10px; font-weight: normal; color: #333; line-height:1.7em; height: auto; background-color: #fff;}  /*aussehen von submenu und subsubmenu*/
#menu li li a:hover { background-color:#333; background-image:none; color:#fff; }/*aussehen von submenu und subsubmenu bei hover*/

#menu li li .sel { color: #ffffff; }


#content_frame {
	background:url(/pics/content_bg.jpg) no-repeat;
}

#content { width:530px; text-align: left; margin:0 0 15px 0; padding:30px 0 0 5px; float:left; }
#sidebar { padding: 1px 0 0 0; margin:0 0 0 560px; width: 230px; border-top:none;  }
/* not applied by IE */
html>body #sidebar { margin:0 0 0 560px;  }


#content a {
	color: #999966;
	text-decoration: none;
}
#content a:hover {
	text-decoration: underline;
}

#content h1 {
	color: #999966;
	font-size: 24px;
}

#content h2 {
	color: #999966;
	font-size: 16px;
}



#content_wide { width:780px; text-align: left; margin:0 0 0px 0; padding:0px 0 0 5px; float:left; }
#content_wide a {
	color: #999966;
	text-decoration: none;
}
#content_wide a:hover {
	text-decoration: underline;
}

#content_wide h1 {
	color: #999966;
	font-size: 24px;
}

#content_wide h2 {
	color: #999966;
	font-size: 16px;
}


/********************************
* Side menu (Start)
*/
#sidemenu {
	margin-top: 10px;
	margin-bottom: 10px;
	font: 12px sans-serif; 
	voice-family: "\"}\""; 
	voice-family: inherit; 
	width: 200px;
	font-weight: bold; 
}

#sidemenu .mainmenu { 
	font-size:14px; 
	font-weight: bold; 
	color:#333; 
	margin:20px 10px; 
} 

#sidemenu a {
	color: #666633;
	text-decoration: none;
}
#sidemenu a:hover {
	text-decoration: underline;
}

#sidemenu .sublink{
	padding-left: 10px;
}
#sidemenu .subsublink{
	padding-left: 30px;
}
#sidemenu .sublink_sel{
	padding-left: 10px;
}
#sidemenu .subsublink_sel{
	padding-left: 30px;
}
/********************************
*  Side menu (End)
*/



/********************************
* Sitemap (Start)
*/
.sitemap {
	margin-top: 10px;
	margin-bottom: 10px;
	font: 12px sans-serif; 
	voice-family: "\"}\""; 
	voice-family: inherit; 
	width: 300px;
	font-weight: bold; 
}

.sitemap .mainmenu { 
	font-size:12px; 
	font-weight: bold; 
	color:#333; 
	margin:20px 10px; 
} 

.sitemap a {
	color: #666633;
	text-decoration: none;
}
.sitemap a:hover {
	text-decoration: underline;
}

.sitemap .sublink{
	padding-left: 20px;
}
.sitemap .subsublink{
	padding-left: 40px;
}
/********************************
* Sitemap (End)
*/






/* SIDEBAR AREA */

#sidebar dl { margin:0; padding:15px 10px 0 10px; color:#990000; font-size:x-small; line-height:1.5em; }
#sidebar dt { margin:0; padding:0; text-transform:capitalize; color:#990000; }
#sidebar dd { margin:10px 0; padding:0; }
#sidebar dd a { color:#5E0101; font-weight:bold; text-decoration:none; border-bottom:1px dashed #ccc; }
#sidebar dd a:hover { text-decoration:none; background-color:#5E0101; color:#fff; border-bottom:none; }

#sidebar ul { margin:0; padding:0; font-size:x-small; line-height:1.4em; }
#sidebar ul li { margin:2px 0 7px 30px; padding:0;  }
#sidebar ul li.pdf { list-style:url(/pics/pdf.gif) outside; }
#sidebar ul li.txt { list-style:url(/pics/txt.gif) outside; }
#sidebar ul li.link { list-style:url(/pics/link.gif) outside; }
#sidebar ul li { list-style:none; }
#sidebar ul li a { color:#990000; padding:0; text-decoration:none; border-bottom:none; }
#sidebar ul li a:hover { text-decoration:underline; }

#sidebar form { padding:0; margin: 20px 10px; height:20px; }
#sidebar fieldset { margin:0; padding:0; border:none; }
#sidebar input.text { margin:0; float: left; line-height:20px;}
#sidebar #submit { margin:0 0 0 10px; }







#footer { 
	clear: both; 
	margin:10px 0px 0 ; 
	padding:0;   
	border-top: 1px solid #cccccc;
}
#footer p { margin:0 0 0 30px; font-size:x-small; }
#footer a { color:#666;}








#error404 { 
	background-color: yellow;
	text-align: left; 
	margin:0 0 15px 0; 
	padding:10px 0 0 3px; 
	float:left; 
	border-style: solid; 
	border-width: 2px;
	border-color: red;
}

#boxtext {
	float: left;
	color: black;
	width: 500px;
}

.errortitle { 
	display: block;
	float: left;
	text-indent: 0px;
	font-size: 20px;
	color: red;
	line-height:20px;
}


#boxtext a { 
	color: red;
}












/********************************
* Glosary  (Start)
*/

.glosary_abc { 
	margin:10px 0px 0 ; 
	padding:0;   
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background-color: #999966;
	color: #ffffff;
}

.glosary_abc a{ 
	color: #ffffff;
	text-decoration: none;
	border: 1px solid #999966;
}
.glosary_abc a.selected{ 
	color: #999966;
	background-color: #ffffff;
}
.glosary_abc a:hover{ 
	color: #999966;
	jbackground-color: #ffffff;
	border: 1px solid #ffffff;
}


.word_list  {

}
.word_list td{
	padding-left: 5px;
	background-color: #eeeeee;
}
.word_list td a{
	color: #000000;
}
.word_list td.sel{
	border:1px solid  #999966;
}
.word_list td.sel a{
	color: #ffffff;
}

.letter_tab {
	margin-top: 30px;
	margin-bottom: 10px;
	border-bottom: 1px solid #999966; 
}
.letter_tab .letter{
	padding: 5px;
	margin-bottom: 0px;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff; 
	border-top: 1px solid #999966; 
	width: 15px;
	background-color: #999966; 
	text-align: center;
}


#surround_letter_box {
	margin-top: 10px;
	text-align:center; 
	width: 30px;
}
#letter_box {
	border: 1px solid #999966; 
	padding:  10px; 
	width: 30px;
}

#surround_letter_box_wide {
	margin-top: 10px;
	text-align:center; 
	width: 100px;
}
#letter_box_wide {
	border: 1px solid #999966; 
	padding:  10px; 
	width: 100px;
}



.definition {
	padding-top: 15px;
	font-size: 14px;
	border-bottom: 1px solid #999966; 
}
.definition_box {
	padding: 15px;
	font-size: 12px;
	border-bottom: 1px solid #999966; 
	margin-bottom: 30px;
}

#error {
	color:red;
}
/********************************
* Glosary  (End)
*/




/********************************
* Search Box  (Start)
*/

#searchform {
	float:left;
	padding-right: 1px;
}

#searchform #input {
	width: 100px;
	height: 15px;
}

#searchform #button {
/*	border: 1px solid #666633; 
	color: #666633; 
	background-color: yellow;*/
	border: 1px solid white; 
	color: white; 
	background-color: #999966;
}

/********************************
* Search  Box (End)
*/





/********************
 Calculator
*/
.calc_box {
	border: 1px solid #666633;
	float:left; 

}

.calc_box .title {
	background-color: #999966;
	color: #ffffff;
	padding: 3px;

}
.calc_box .ground {
	border-bottom: 1px solid  #999966;
	line-height: 4px;
}

.calc_box input,
.calc_box select {
	font-size: 10px;
}

.calc_box #ksumme,
.calc_box #nominal,
.calc_box #kbg,
.calc_box #effektiv {
	height: 12px;
	width: 70px;
}

.calc_box #duration {
	width: 75px;
}

.calc_box .big {
	font-size: 20px;
	background-color: #999966;
	color: #ffffff;
	padding: 3px;
	border: 1px solid #666633;
	line-height: 30px;
}

.calc_box .bank {
	padding: 3px;
}

.calc_box .odd {
	background-color: #f0f0f0;
}
.calc_box .even {
	background-color: #FFFFCC;
}
.calc_box .odd td ,
.calc_box .even td {
	padding: 3px;
}






#losses {
	border: 1px solid #cccccc;
}
#losses .bonus{
	border: 1px solid #cccccc;
	background:  #0066CC;
	color: #ffffff;
	padding: 3px;
}
#losses .malus{
	border: 1px solid #cccccc;
	background:  #cc0000;
	color: #ffffff;
	padding: 3px;
}


#months_overview {
	border: 1px solid #cccccc;
}

#months_overview .cell{
	height: 150px;
	width: 5px;

}

#months_overview .barcell {
	height: 150px;
	width: 20px;
}


#months_overview .barcell:hover{
	background-color: #FFFF99;

}



#months_overview .bar {
	border: 1px solid #000000;
	background-color: #669933;
}

#months_overview .bar_sel {
	border: 1px solid #000000;
	background-color: yellow;
}

/********************
 Calculator (End)
*/



/********************
 Tips
*/
td.tipicon{
	width: 80px;
}

td.tiptext {
	padding-top: 4px;
}

/********************
 Tips (End)
*/




/********************
 Rightside Adbox
*/
.right_adbox {
	width: 160px;
	
	padding-top: 4px;
}

/********************
 Rightside Adbox (End)
*/


/********************
 News
*/
.news_box {
	float: left;
	width: 200px;
	margin: 2px;
	margin-left: 15px;
	margin-bottom: 10px;
}
.news_box .content {
	padding: 3px;
	padding-bottom: 0px;	
}
.news_box .link {
	float: right;
	padding: 3px;
	padding-top: 0px;
	font-weight: bold;
	color: #336633;
}
#content  .news_box .link a{
	color: #336633;
}
.news_box h3 {
	margin: 0px;
	font-size: 14px;
	padding: 4px 4px 0px 4px ;
	height: 46px;
	background-image: url("/pics/news_box_title.gif");
	background-repeat: repeat-x;
	color: white;
}
#content  .news_box h3 a{
	color: white;
}

.full_news {
	width: 310px;
	float: left;
	padding-right: 5px;
}
.top_news {
	border-left: 1px solid #336633;
}

/********************
 News (End)
*/