/**
 * $Id$
 * Website Baker template: allcss
 * This template is one of four basis templates distributed with Website Baker.
 * Feel free to modify or build up on this template.
 *
 * This file contains all CSS definitions required to display the template
 * in the Website Baker frontend. 
 *
 * LICENSE: GNU General Public License
 * 
 * @author     Ryan Djurovich, C. Sommer
 * @copyright  GNU General Public License
 * @license    http://www.gnu.org/licenses/gpl.html
 * @version    2.70
 * @platform   Website Baker 2.7
 *
 * Website Baker is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 *
 * Website Baker is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
*/

body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}
body {
	background-color: #FFFFFF;
	background-image: url(images/background.jpg);
	background-repeat: repeat-x;
	margin: 10px;
}
a:link, a:visited, a:active {
	color: #fdb834;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
hr {
	margin: 15px 0px 15px 0px;
	color: #fdb834;
	height: 1px;
	width: 100%;
}
ul
{
list-style-image:url("/images/opsomteken.gif");
}
h1 {
	font-size: 28px;
	color: #fdb834;
	margin: 5px 0px;; font-variant:small-caps
}
h2 {
	font-size: 18px;
	color: #000000;
	margin: 15px 0px 5px 0px;
}

h5 {
	font-size: 14px;
	color: #000000;
	margin: 5px 0px;
	font-variant:small-caps;
	font-weight: bold;
	text-align: center;
}
form {
	margin: 0;
}
.header {
	width: 750px;
	height: 180px;
	background-color: #FFF;
	vertical-align: top;
	background-image: url(images/banner900.jpg);
}
.menu {
	vertical-align: top;
	background-color: #FFF;
	width: 170px;
	padding: 0px;
}
.menu ul, .menu li{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.menu ul {
	border-bottom: 0px;
	background-color: #fdb834;
}
.menu ul ul {
	padding-left: 10px;
}
.menu a:link, .menu a:visited, .menu a:active {
	padding: 10px;
	color: #FFF;
	display: block;
	background-color: #fdb834;
	text-decoration: none;
}
.menu a:hover {
	background-color: #FFFFFF;
	color: #fdb834;
	text-decoration: none;
}
.menu_current {
	font-weight: bold;
}
span.vet     { color: #fdb834; font-weight: bold }

.highlight {
	background-color: #D0D0D0;
}
.border {
	font-size: 1px;
	height: 10px;
}
.login {
	padding: 2px 10px 2px 10px;
	font-size: 10px;
	background-color: #fdb834;
	color: #FFF;
	text-align: center;
}
.loginheader {
	padding: 2px 10px 2px 10px;
	font-size: 12px;
	font-weight: bold;
	background-color: #fdb834;
	color: #FFF;
	text-align: center;
}

.login input {
	width: 140px;
	font-size: 12px;
	background-color: #FFFFFF;
	color: #000000;
	border: 1px solid #fdb834;
}
.login a:link, .login a:visited, .login a:active {
	color: #DDD;
	text-decoration: none;
}
.login a:hover {
	color: #FFF;
	text-decoration: none;
}
.content {
	padding: 0 10px 10px 0;
	background-color: #FFF;
	height: 300px;
	vertical-align: top;
	text-align: justify;
}
.footer {
	padding: 5px;
	color: #FFF;
	vertical-align: middle;
	text-align: center;
	font-size: 10px;
}
.footer a:link, .footer a:active, .footer a:visited
{
	color: #FFF;
}
.footer a:hover
{
	color: #fdb834;
}  
.white
{
	background-color: #FFF;
}
.flags img
{
	border: 1px solid #FFFFFF;
	height: 18px;
	width: 25px;
	margin: 20px 20px 0 0;
	float: right;
}

.afb-links
{
	float: left;
	margin: 5px 10px 5px 0;
}
.afb-rechts
{
	float: right;
	margin: 5px 0 5px 10px;
}

.acties
{
	background-color: #fdb834;
	text-align: center;
}
.acties a, .acties a:active, .acties a:hover, .acties a:link, .acties a:visited
{
	color: #000000;
} 


/* pull-down mainmenu css */
.mainmenu{

	vertical-align: top;
	background-color: #FFF;
	width: 168px;
	padding: 0px;

}
.mainmenu ul {
	float: left;
	width: 168px;
	list-style: none;
	line-height: 1;
	color:#000000;
	background: #fdb834;
	padding: 0;
	border: solid #fdb834;
	border-width: 1px 1px;
	margin: 0 0 0 0;
}

.mainmenu a, .mainmenu a:visited {
	display: block;
	width: 100%;
	font-weight:normal;
	font-style:normal;
	color: #000000;
	text-decoration: none;
	padding: 1em 0em;
	text-indent:1em;
	margin: 0;	

}
.mainmenu li li a{padding:1em;text-indent:0;}
.mainmenu ul ul a{
	width:100%;
	height:100%;
}
.mainmenu ul a{
		width: 100%;
}


.mainmenu li  {
	float: left;
	width:100%;
	margin:0;
	padding:0;
}

.mainmenu ul li {float:left; position:relative; }
.mainmenu ul li  {width:100%;} /* !!!!! */
	
.mainmenu li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width:15em;	
	background: #fdb834;
	font-weight: normal;
	border-width: 1px;
	margin: 0;
}

.mainmenu li li {
	width: 100% ; 
}
.mainmenu li a{width: 100% ; }
.mainmenu li li a{
	width: 100%;
}

.mainmenu li ul  {
	margin: -3em 0 0 0;
}
.mainmenu li ul ul {
	margin: -2.1em 0 0 -0.3em;
}
.ul_ch, 
.mainmenu li:hover ul ul,
.mainmenu li li:hover ul ul,
.mainmenu li li li:hover ul ul,
.mainmenu li li li li:hover ul ul,
.mainmenu li li li li li:hover ul ul
{
	left: -999em;
}
.mainmenu li:hover ul,
.mainmenu li li:hover ul,
.mainmenu li li li:hover ul,
.mainmenu li li li li:hover ul,
.mainmenu li li li li li:hover ul
{
	left: 100%; /* !!! */
}
.mainmenu li:hover>ul.ul_ch   
{
	left: 100%; /* !!! */
}

.mainmenu li:hover{
	background: #FFFFFF;
}

.mainmenu li:hover a,.mainmenu li:hover a:visited,.mainmenu li:hover a:hover,.mainmenu li a:hover{
	color:#000000;
}
.mainmenu li:hover li a, .mainmenu li li:hover li a, 
.mainmenu li li li:hover li a, .mainmenu li li li li:hover li a,
.mainmenu li:hover li a:visited, .mainmenu li li:hover li a:visited, 
.mainmenu li li li:hover li a:visited, .mainmenu li li li li:hover li a:visited
{
	color:#000000;
}
.mainmenu li li:hover, .mainmenu li li li:hover, 
.mainmenu li li li li:hover , .mainmenu li li li li li:hover , .mainmenu li li li li li li:hover 
{
	background: #FFFFFF;
	z-index:9999;
}
.mainmenu li li:hover a,.mainmenu li li li:hover a, 
.mainmenu li li li li:hover a, .mainmenu li li li li li:hover a
{
	color: #000000; 
}

.mainmenu ul ul a, .mainmenu ul ul a:visited,
.mainmenu li li a, .mainmenu li li a:visited
{
	color: #000000;
}
.mainmenu ul ul a:hover,
.mainmenu li:hover li:hover a,.mainmenu li:hover li:hover a:visited ,
.mainmenu li:hover li:hover li:hover a,.mainmenu li:hover li:hover li:hover a:visited,
.mainmenu li:hover li:hover li:hover li:hover a,.mainmenu li:hover li:hover li:hover li:hover a:visited ,
.mainmenu li:hover li:hover li:hover li:hover li:hover a,.mainmenu li:hover li:hover li:hover li:hover li:hover a:visited,
.mainmenu li:hover li:hover li:hover li:hover li:hover li:hover a,.mainmenu li:hover li:hover li:hover li:hover li:hover li:hover a:visited{
	color: #000000;
}
.mainmenu li:hover li:hover li a,.mainmenu li:hover li:hover li a:visited ,
.mainmenu li:hover li:hover li:hover li a,.mainmenu li:hover li:hover li:hover li a:visited,
.mainmenu li:hover li:hover li:hover li:hover li a,.mainmenu li:hover li:hover li:hover li:hover li a:visited,
.mainmenu li:hover li:hover li:hover li:hover li:hover li a,.mainmenu li:hover li:hover li:hover li:hover li:hover li a:visited{
	color: #000000;
}
.mainmenu .menu_current {
	font-weight: bold;
}

/* end of mainmenu css */