body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
background-color:#eee;
}

#page{
margin:auto;
width: 893px;
border:1px solid #5D8A08;
background-color:#fff;
}

#popup_page{
width: 530px;
border:1px solid #5D8A08;
background-color:#fff;
}

#exercise_page{
width: 800px;
margin: 12px;
border:1px solid #CCCCCC;
background-color:#fff;
}

#header {
padding:0;
margin:0;
height: 98px;
background-image:url('images/fff_logo.gif');
background-repeat:no-repeat;
}

#title{
padding:35px 0px 0px 102px;
}


img.left{
border:0;
float:left;
margin:6px;
padding:6px;
}

a img{
	padding:0px;
	border:0px;
	background-image:none;
}

a:link {
color: #0083CC;
}
a:visited{
color:#976DA5;
}
a:hover{
color: #0370AD;
}

#title a{
font-size:30px;
color:#76B900;
font-weight:bold;
text-decoration:none;

}

#page_navigation
{
clear:both;
padding-bottom:10px;
}
#subtitle{
padding:0px 0px 0px 102px;
font-size:18px;
color:#5E880A;
font-weight:bold;
}

#navbar{
background-color:#76B900;
width:100%;
height:22px;
padding-top:2px;
}


#navbar img{
padding-top: 4px;
float:left;
border:none;
}



#navigation{
margin:auto;
padding-top:3px;
list-style:none;
list-style-image:none;
list-style-type:none;
padding-left:10px;
float:left;
}
#navigation li{
float:left;
}

#navigation li a{
font-size:12px;
padding:0 10px;
color:#fff;
font-weight:bold;
border-left: 1px solid #CDE699;
float:left;
}
.chapternav{
float:right;
padding-right:10px;
color:#fff;
font-size:12px;
padding-top:3px;
font-weight:bold;
}

.chapternav a:link, .chapternav a:visited, .chapternav a:active{
color:#fff;
font-weight:bold;
font-size:12px;
}

.chapternav_footer{
float:right;
color:#fff;
font-size:12px;
font-weight:bold;
text-align:right;
width:200px;
padding-right:10px;
}

.chapternav_footer a:link, .chapternav_footer a:visited, .chapternav_footer a:active{
color:#fff;
font-weight:bold;
font-size:12px;
}

.content-left-image{
width:188px;
background-color:#E1EED2;
float:left;
clear:both;
}

.catimage{
border:0px;
}

.content-left{
width:162px;
float:left;
clear:both;
margin:18px 10px;
padding:3px 0px;

}


#content-top{
background-image:url('images/bg_left.gif');
background-repeat:repeat-y;
float:left;
}
#content{
background-image:url('images/bg_left.gif');
background-repeat:repeat-y;
clear:both;
float:left;
width: 893px;
padding-bottom:10px;
}
#popup_content{
padding:0 8px 20px 8px;
clear:both;
}
.content-right{
float:right;
width:673px;
margin-top:15px;
padding-right:15px;
}

.content-right ul{
margin-top:0px;
}

.content-right-top{
float:right; width:705px;
}

.content-right-top h1{
padding-top:17px;
color:#5D8A08;
margin:0px;
padding-left:15px;
}

.content-right-top h1 a:link,.content-right-top h1 a:visited,.content-right-top h1 a:active{
color:#5D8A08;
text-decoration:none;
}
.breadcrumbs{
padding:9px 0px 9px 15px;
}

#footer{
color:#fff;
background-color: #76B900;
padding:4px 0px 4px 0px;
clear:both;
width: 100%;
}

#footer .bottom_nav{
	float:left;
	width:300px;
}

#footer .bottom_nav a{
font-size:12px;
color:#fff;
font-weight:bold;
border-right: 1px solid #CDE699;
padding: 0px 10px;
float:left;
}



#wp_footer{
text-align:center;
font-size:9px;
width:100%;
}


.box{
background-color:#E1EED2;
border:1px solid #5D8A08;
margin-right:0px;
padding:8px;
margin-bottom: 8px;
margin-top:8px;
}

.smallbox{
background-color:#E1EED2;
border:1px solid #5D8A08;
margin-right:0px;
margin-left:53px;
padding:8px;
width: 550px;
margin-bottom: 8px;
}

li ul{
	padding-top:5px;
	padding-bottom: 10px;
	list-style-type: circle;
}

# added to attempt to fix the ordered list
li ol{
	padding-top:5px;
	padding-bottom: 10px;
}

.greentext{
	color:#64AF00;
    font-weight:bold;
	}
	
.bluetext{
	color:#3181EA;
    font-weight:bold;
	}	

ul.bulletlist{
list-style-image:url('images/listenpfeil.gif');
list-style-position:outside;
}

ul.checklist{

padding:0;
margin:30px 0 6px 0;
list-style:none;
}

ul.checklist li{
background-image:url('images/checker_icon.gif');
background-repeat:no-repeat;
background-position:top left;
height:40px;
padding-left:40px;
margin:0;
margin-bottom:20px;
}

.box h2{
font-size:12px;
font-weight:bold;
margin-top:0;
}

.box img{
/*float:left;*/
}

.box .gloss{
float:none;
border:none;
}

.large_icon{
vertical-align: middle;
margin:0 5px 0 0;
}

ul{
list-style-position:outside;
list-style-type:square;

}

ul#tagcloud { padding:0; margin:0; text-align:center; list-style:none; }
ul#tagcloud li { display:inline; font-size:70%; color:#ccc; background: none; padding: 0;}
ul#tagcloud li a, ul#tagcloud li a:link { text-decoration:none; }
ul#tagcloud li a:hover { text-decoration:underline; }
ul#tagcloud li.t1 a { color:#797979; font-size: 120%; }
ul#tagcloud li.t2 a { color:#6d6d6d; font-size: 160%; }
ul#tagcloud li.t3 a { color:#616161; font-size: 190%; }
ul#tagcloud li.t4 a { color:#555555; font-size: 210%; }
ul#tagcloud li.t5 a { color:#484848; font-size: 230%; }
ul#tagcloud li.t6 a { color:#3c3c3c; font-size: 250%; }
ul#tagcloud li.t7 a { color:#303030; font-size: 270%; }
ul#tagcloud li.t8 a { color:#242424; font-size: 290%; }
ul#tagcloud li.t9 a { color:#181818; font-size: 310%; }
ul#tagcloud li.t10 a { color:#0c0c0c; font-size: 330%; }

table{
background-color:#5D8A08;
}
th{
background-color:#E1EED2;
text-align:left;
padding:3px;
}
td{
padding:3px;
background-color:#fff;
}
td.even{
background-color:#E1EED2;
}

#popup_header{
background-color:#76B900;
width:100%;
height:35px;
padding-top:4px;
}
#popup_header h1{
color:#fff;
font-size:22px;
margin:0;
margin-left: 8px;
padding:0;
float:left;
}
#popup_footer{
background-color:#76B900;
width:100%;
height:35px;
padding-top:4px;
text-align:right;
}

#exercise_header{
background-color:#76B900;
width:100%;
height:35px;
padding-top:4px;
}
#exercise_header h1{
color:#fff;
font-size:22px;
margin:0;
margin-left: 8px;
padding:0;
float:left;
}
#exercise_footer{
color:#000;
background-color:#76B900;
width:100%;
height:170px;
padding-top:4px;
text-align:right;
}


.close {
float:right;
margin-right:10px;
margin-top:8px;
color:#fff;
}
.fraktur{
vertical-align:middle;
margin-right:4px;
}

h1{
   clear:both;
   color:#64AF00;
   font-size:28px;
}

.popup-footnote{
margin-left:153px;
}