/* $Id: style.css 47 2010-06-18 13:10:11Z roger $ */

img{
	border: 0px;
}

.files img{
	padding: 5px;
}

body{
	padding: 0px;
	margin: 0px;
	background-color: #454239;
}

div{
	padding: 0px;
	margin: 0px;
}

a{
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	color: #8C6730;
}

a:hover{
	/*color: #E5D6B9;*/
        border-bottom: 1px dotted #8C6730;
}

h1, h2{
	display: inline;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

li{
	list-style-type: none;	
}

ul{
	padding-left: 5px;	
}

input,select,text,textarea {
	font-family: verdana;
	font-size: 11px;
	border: 1px solid #AACFF0;
	width: 200px;
	margin: 5px 0 0 5px;
}

button{
	font-family: verdana;
	font-size: 11px;
}

#wrapper{
	position: absolute;
	width: 760px;
	left: 50%;
	margin: 0 0 0 -380px;
	
	font-family: verdana;
	font-size: 11px;
	text-decoration: none;
}


/*------ begin kop ------*/

#top{
	position: absolute;
	width: 760px;
	height: 221px;
	margin-top: 10px;
}

#menu{
	position: absolute;
	width: 720px;
	height: 20px;
	margin: 85px 0 0 20px;
	color: #FFFFD9;
}

#menu a{
	font-size: 12px;
	color: #FFFFD9;
}

#menu a:hover{
    border-bottom: 1px dotted #FFFFD9;
}
/*------ einde kop ------*/


/*------- formulieren adverteerder / beheerder*/


#admin_formulier,
#foto_formulier{
	padding: 5px;
	font-size: 10px;
	
}

#foto_formulier{
	float: right;
}

#checkboxes input{
	width: 30px;
	margin: 0px;
	font-size: 8px;
	border: none;
}

#warning{
	position: absolute;
	width: 155px;
	margin-top: 241px;
}


div#warning p{
    text-align: left;
    padding:0 2px 2px 4px;
}
/*----- begin rubrieken menu ------*/

#rubrieken{
	position: absolute;
	width: 155px;
	margin-top: 555px;
}

#rubrieken a{
	color: #8C6730;
}

#rubrieken a:hover{
	border-bottom: 1px dotted #8C6730;
}



/*----- einde rubrieken menu ------*/


/*----- begin sponsor menu ------*/

#advertentie{
	position: absolute;
	width: 155px;
	margin-top: 885px;
}



#sponsor
{
	position: absolute;
	width: 155px;
	margin-top: 887px;
}

#sponsor a{
	color: #8C6730;
}

#sponsor a:hover{
	border-bottom: 1px dotted #8C6730;
}



/*----- einde sponsor menu ------*/

#content{
	position: absolute;
	width: 598px;
	margin: 241px 0 0 165px;
}

#titelbalk{
	position: absolute;
	width: 550px;
	top: 175px;
	color: #FFFFD9;
	font-weight: bold;
}

#titelbalk a{
	color: #CFBE9B;
	font-weight: bold;
}

#titelbalk a:hover{
	color: #FFFFD9;
}

#table_header{
	background-color: #E5E5E5;
	height: 20px;
}

#zoek_table input,select{
	width: 250px;
}

div.button{
 float: left;	
}


div.button,
button.button {
background:#FFFFFF url(/gfx/button.gif) repeat-x scroll center center;
border:1px solid #888888;
color:#666666;
cursor:pointer;
font-size:12px;
font-weight:bold;
margin-bottom:1px;
padding:4px 20px;
width: 120px;
height: 20px;
text-align: center;
}
/* 
We can't use ":hover" preudo-class because we have
invisible file input above, so we have to simulate
hover effect with javascript. 
 */
div.button.hover,
button.button:hover {
background:#FFFFFF url(/gfx/button-o.gif) repeat-x scroll center center;
border:1px solid #666666;
color:#000000;
}
button.button {
	width: auto;
	height: auto;	
}

div#messages{
padding: 10px;
margin: 10px 0px 10px 0px;
display: none;
}

.error{
border: 2px solid #cc0000;
color: #cc0000;	
}

.info{
	border: 2px solid blue;
	color: blue;
}


ol{
	padding-left: 0px;	
}

ol li{
	
		
}

.clear{
	clear: both;	
}