/* CSS Document Agtersloot */
/******** CONTAINER *****/
*{
margin: 0;
padding: 0;
}
html, body {
	margin:0; 
	padding:0;
	height: auto;
	height:100%;
	}
html{
	clear: both;
	position: relative;
}
	
body{
	font-family: Verdana, Tahoma,  Arial, sans-serif;
	font-size:50%;
	color:#000;
	background-attachment: fixed;
	background-color: #fff;
	background-image: url(../images/layout/background_water2.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

#box, #box2{ min-width:600px; 
	max-width:1200px;;
	margin-right:auto;
	margin-left:auto;
}
#box2{min-width:800px;}
.logo {
	display: block;
	width: 268px;
	height: 101px;
	text-decoration: none;
	float:left;
	text-indent: -9999pt;
	position: absolute;
	border:0;
	margin-left:19px;
	z-index: -1;
}

/***** HEADER *****/

.img img {
border: 0;
	padding:10px;

}
/**right***/
#right{ 
    float:left;
	width:250px;
	float: right;
	margin-left:-250px;
display: inline;
}

#tekst_right{
	display:block;
	width:240px;
	height:auto;
	float:left;
	margin-top:0;
	padding-left:0;
	padding-bottom:20px;
font-size:1.2em;
}
#tekst_right p{
margin: 3px 20px 10px 0px;
color:#000;
font-size: 1.1em;
line-height:1.55em;

}
#tekst_right h2{
	font-size:1.6em;
	color:#007cbe;
	font-weight:bold;
	padding: 6px 20px 2px 0px;
	margin-bottom: 8px;
	margin-top: 27px;
	font-family: Georgia, Verdana, Arial, sans-serif;
	background-image: url(../images/layout/lijn_smal.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	}

#tekst_right h3{
	font-size:1.4em;
		color:#007cbe;
	padding: 6px 20px 2px 0px;
	margin: 0px 10px 0px 0px;
font-family: Georgia, Verdana, Arial, sans-serif;
}

#tekst_right a{
	color:#000;
	text-decoration: none;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	
	}
#tekst_right a:hover{
color:#000;
	text-decoration: underline;
}


/********** TEXT ************/
#tekst {
margin-top:0;
	float: left;
	margin-left: 0px;
		width: auto;
	margin-right: 280px;
	line-height:1.55em;
	font-size:1.3em;
padding-bottom: 40px;
	}
	
#tekst p{
margin: 3px 20px 10px 15px;
color:#333333;
font-size:1.1em;
}

#tekst h1{
	font-size:1.7em;
	text-transform: uppercase;
	color:#eb6909;
	font-weight:bold;
	padding-top: 15px;
	padding-bottom: 2px;
	background-image:url(../images/layout/lijn_breed.gif);
	margin: 14px 0px 10px 15px;
	font-family: Georgia, Verdana, Arial, sans-serif;
	line-height: normal;
	background-repeat: no-repeat;
	background-position: left bottom;
	}

#tekst h1.nieuws{text-transform: none;
}
#tekst h2{
	font-size:1.5em;
	color:#eb6909;
	padding-top: 6px;
	padding-bottom: 2px;
	margin: 2px 20px 2px 15px;
font-family: Georgia, Verdana, Arial, sans-serif;
}
#tekst h3{
	font-size:1.1em;
	color:#eb6909;
	margin: 6px 20px 2px 15px;
font-family: Georgia, Verdana, Arial, sans-serif;
}

#tekst a, a:active, a:visited{
color:#000;
	text-decoration: underline;
}
#tekst a:hover, #tekst_groot a:hover{
	color:#eb6909;
	text-decoration: none;
}
.lijn{
background-image:url(../images/layout/lijn_breed.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
display: block;
height: 2px;
width: auto;
}

#tekst a.leesmeer{font-size:0.9em;}
#tekst p.leesmeer{font-size:1.0em;}
/********** LISTS **********/
#list ul{
list-style:none;
padding-left:0;
margin-left:2px;

}
#list ul li{
	padding:1px 0;
	background:url(../images/layout/bullet.gif) 0 5px no-repeat;
	padding-left:15px;
	padding-bottom: 4px;
font-size: 1.1em;
}


#tekst ul{
list-style:none;
padding-left:13px;
margin-left:2px;

}
#tekst ul li{
	padding:1px 0;
	background:url(../images/layout/bullet-oranje.gif) 0 5px no-repeat;
	padding-left:15px;
	padding-bottom: 4px;
font-size:1.1em;
}

#tekst ul li ul li{
	padding:1px 0;
	background:url(../images/layout/bullet-oranje.gif) 0 5px no-repeat;
	padding-left:15px;
	padding-bottom: 4px;
font-size:1.0em;
}

/********** FOOTER **********/
#footer{
	clear: both;
	float: left;
	margin-left:19px;
	margin-right:20px;
	width:auto;
	text-align:right;
	height:20px;
	}
#footer p{
	font-size:1.2em;
	color:#007cbe;
	margin-top: 10px;
	margin-right: 0;
	text-align:right;
	padding-right: 20px;
}
#footer a, a:visited, a:active{
	color:#007cbe;
	text-decoration: underline;
}
#footer a:hover{
	color:#007cbe;
text-decoration: none;
}

/******MENU ******/
#header{
	height:41px;
	width:auto;
	font-size:1.3em;
margin-top: 15px;
	
}
#header2{
	height:60px;
	width:auto;
	font-size:1.3em;
	
}
#search {
height: 40px; 
margin-top: 15px;
float:right;
margin-right: 20px;
width: 250px;
}
#menu{
	display:inline;
	float:right;
	display:block;
	width: auto;
	height: 25px;
	margin-right: 20px;
	margin-top:1px;
background-image:url(http://www.agtersloot.nl/images/layout/menu_bg.gif);
background-repeat: repeat-x;
}

#nav, #nav ul {
float: right;
list-style: none;
}
#nav a {
	color:#007cbe;
	font-family: Verdana, Tahoma,  Arial, sans-serif;
	font-size:1.1em;
	display: block;
	text-decoration:none;
	padding: 6px 10px 6px 6px;
 	background-image: url(../images/layout/pijlblauw.gif);
	background-repeat: no-repeat;
	background-position: right 11px;
}

/****opmaak hover sub *****/
#nav a:hover, #nav a.active{ 
	color:#eb6909;
	 	background-image: url(../images/layout/pijloranje.gif);
	background-repeat: no-repeat;

}

#nav a.daddy{
font-size:1.2em;
padding: 6px 30px 6px 30px;
color: #fff;
background-image:none;
}

#nav a:hover.daddy, #nav a.current{
	 font-size:1.2em;
	color:#fff;
	background-image: url(../images/layout/menu_active.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
    padding_left: 4px;
	text-decoration:none;
	padding: 6px 30px 6px 30px;
}



#nav li {float:left;}
#nav li ul {
position: absolute;
left: -999em;
height: auto;
width: 175px;
font-weight: normal;
	background-image:url(../images/layout/ag_trans_300.png);
	background-repeat: repeat-y;
margin-left: 1px;
}
#nav li li {
float:left;
width: 146px;
}
#nav li ul a {
width: 146px;
}
#nav li ul ul {
margin: -1.75em 0 0 160px;
}
#nav li:hover ul ul, #nav li.sfhover ul ul{
left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul{
left: auto;
}
#nav li:hover{color:#000;}
#water{
	height: 82px;
	width: auto;
	background-image:url(../images/layout/waterlijn_blauw.png);
	background-repeat: no-repeat;
	background-position: center 20px;
}

.nieuws{
	font-size: 0.9em;
	line-height: 2px;
	padding-bottom: 5px;
}

#blauw {
	position: absolute;
	height: auto;
   left: 50%; 
margin-left: -1000px;
	top: 0px;
	z-index: -1;
}
*html  #blauw {
	position: absolute;
}
#header-img  {
	height: auto;
	z-index: -1;
   left: 50%; 

}

.blauw{
	display: block;
	width: 120%;
	height: 110px;
	background-image:url(http://www.agtersloot.nl/images/layout/header_bg_1px.gif);
	background-repeat: repeat-x;
	float: left;
	margin-left: 0px;
	margin-top: 0px;
	z-index: -2;
		position: absolute;
 }

#zon2 {
	position: fixed;
	height: auto;
	width: 100%;
	left: 0px;
	top: 0px;
	z-index: -2;
}
#zon2 {
	position: absolute;
}
#zon2-img  {
	height: auto;
	width: 100%;
	z-index: -2;
	left: 0px;
	top: 0px;
}

#kruimel{
width: 100%;
float:left;
height: 22px;
background-color: #e4e1e1;
margin-left: 19px;
margin-right: 20px;
}

#kruimel p{
	color:#007cbe;
	font-size: 1.2em;
	padding-top: 6px;
	margin-left: 15px;
}

#kruimel a{
color: #007cbe;
text-decoration:underline
}
 
#kruimel a:hover{
color: #007cbe;
text-decoration:none;
}

#content {
width: 100%;
float:left;
background-color: #fff;
margin-left: 19px;
display: inline;
margin-right: 20px;
overflow: hidden;
}



.item {
	clear: both;
	display: block;
	padding: 4px 0px 4px 0px;
	height: auto;
	overflow: hidden;
	width: 250px;
}
.dateMonth {
	width: 22px;
	margin-right: 10px;
	margin-left: 0px;
	display: block;
	float: left;
                 margin-top:4px;
}

.date {
		color:#007cbe;
	font-size: 15px;
	font-weight: bold;
	margin: auto;
	line-height: 15px;
	width: 22px;
	text-align: center;
}

.month {
		color:#007cbe;
	display: block;
	font-size: 11px;
	line-height: 15px;
	width: 22px;
	text-align: center;
}

h2 strong {
	color:#666;
	size: 1.1em;
	font-weight: normal;
}


 #search input, #search input.normal
    {
	background-color: #f5f5f5;
	width: 175px;
	height: 16px;
	font-size: 1.1em;
	color:#0E1B4E;
	border-width: 1px;
	border-style: solid;
	border-color: #cccccc;
	padding: 2px;
	bottom: 1px;
	float: left;
     }

#search input.over{
 background-color: #e7ebff;
border-color: #ddd;
}

#zoek_balk{
width: 230px;
height: 30px;
}
 #search input.submit{
 width: 40px;
height: auto;
color:#007cbe;
  font-size: 110%;
  padding: 3px;
    border-color: #cccccc;
		bottom: 1px;
		float: left;
		margin-left: 4px;

 }
 
 
 #search input.submit_ho{
  color: #fff;
background-color: #f47208;
 }
    

form, #form
    
    padding: 15px;
padding-left: 10px;
padding-top: 4px;
    width: 450px; 
float: left;

    }
label
    {
    float: left;
    width:110px;
    text-align: right;
      margin-right: 15px;
font-size: 11px;
    }
 input, input.normal
    {
    background-color: #f5f5f5;
    width: 300px;
height: 20px;
    font-size: 1.2em;
     border-width: 1px;
    border-style: solid;
border-color: #cccccc;
     margin-bottom: 8px;
    }

input.over{
 background-color: #e7ebff;
border-color: #ddd;
}

   input.submit{
 width: 60px;
height: auto;
  font-size: 1.1em;
color: #000;
  padding: 8px;
    border-color: #cccccc;
 }
   input.submit_ho{
 width: 60px;
height: auto;
  font-size: 1.1em;  
color: #fff;
  padding: 8px;
background-color: #f47208;
 }
 
   
  textarea, textarea.normal
    {
    width: 300px;
    height: 140px;
    background-color: #f5f5f5;
        border-width: 1px;
    font-size: 11px;
    border-style: solid;
    border-color: #cccccc;
      margin-bottom: 10px;
	font-family: Verdana, Tahoma,  Arial, sans-serif;
    }
textarea.over{
 background-color: #e7ebff;
border-color: #ddd;
}

.validation-advice {
color: red;
padding-left: 165px;
margin-top: -5px;
padding-bottom: 20px;
} 

.show {cursor:pointer; color:#eb6909; display:block; text-align:right; padding-right:20px; 	font-size:1.1em;}
.hidden img {float:left; padding:10px 10px 10px 0;}

#tekst p.inleiding{
color: #777777;
}

#header_inner, #header2_inner, #water_inner, #kruimel_inner, #tekst_inner,  #footer_inner, #right_inner {overflow:hidden;}


#menu2{
	text-align:left;
	margin-top: 0px;
	display: block;
	width: 230px;
	height: auto;
	float: left;
	margin-left: 0px;
position:absolute;
background-color: #fff;	
background-image: url(../images/uploads/foto_maaswerken-1.jpg);
		background-repeat: no-repeat;
}
#menu2 ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;}
 
#menu2 li {margin:0; padding:0; list-style:none;}


#menu2 ul ul {position:absolute; left:-9999px;}
#menu2 ul#hoofdniveau {position:absolute; left:1px; top:1px;}

 
#menu2 a {
	font-size:1.4em;
		color:#007cbe;
display:block; 
line-height:30px; 
text-decoration:none;
padding:0px 20px 0px 0px;
margin-left: 0px;
font-family: Georgia, Verdana, Arial, sans-serif;
} 


#menu2 li a:hover.vlieg, #menu2 li:hover > a.fly {
}
 
#menu2 li {display:inline;}
#menu2 ul li:hover > ul {left:100%; margin-top:-22px;}
 
#menu2 a:hover ul,
#menu2 a:hover a:hover ul, 
#menu2 a:hover a:hover a:hover ul {left:100%;}

#menu2 a:hover ul ul, 
#menu2 a:hover a:hover ul ul {left:-9999px;}
 
#menu2 li a:hover, #menu2 li:hover > a, #menu2 a.current { 
	color:#007cbe;
	text-decoration:underline;
	padding:0px 20px 0px 0px; }
	
#menu2 ul li ul a{
color: #000;
line-height:20px; 	
margin-left: 0px;
	margin-top: -1px;
	padding: 0px;
	padding-left: 15px;
	width: 150px;
	background-color:#fff;
	display:block;
	font-family: Verdana, Tahoma,  Arial, sans-serif;
	font-size:1.1em;
	background-image: url(../images/layout/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 center;
}
#menu2 ul li ul a:hover, #menu2 ul li ul a.current {
	color: #000;
	padding: 0px;
	padding-left: 15px;
	text-decoration: underline;
	background:url(../images/layout/bullet.gif);
		background-repeat: no-repeat;
	background-position: 0 center;
		background-color:#fff;
	}


#menu table {position:absolute; right:0; border-collapse:collapse; margin-top:-5px;}


/*formulier */
/*opmaak inputvelden */
#tekst #form{
margin-top: 0px;
width: 640px;
display: block;
float: left;
margin-bottom: 20px;
}
#form input{ 
    background-color: #f5f5f5;
        border:1px solid #ccc; 
		    font-size: 13px;
      margin-bottom: 10px;
	  	padding: 3px;
		color:#333333;
		margin-top: 4px;
       width: 345px;
	         font-family: Arial, Helvetica, sans-serif;
    }

#form p.red{
	font-weight: bold;
	display: block;
	width: 510px;
	margin-left: 200px;
	float: left;
	color: #FF0000;
		margin-top: 0px;
	margin-bottom: 15px;
}

#form label{
    float: left;
    width: 180px;
    text-align: right;
    margin-right: 10px;
	padding:3px;
	font-size: 1.1em;
	margin-top: 4px;
	color:#007cbe;
}

#form #check input{
margin-top: 10px;
}

#form #email, #form #tel, #form #check-rood, #form #submit, #form #contact{
display: block;
width: 550px;
float: left;
}

#form input.submit, #form input.submit_ho, #form :hover input.submit{
	color: #fff;
	font-weight: bold;
display : block; 
width : auto; 
float : left; 
padding: 10px;
	font-size : 1.1em;
  	border: 1px solid #C4C4C4;	
	display : block;
	margin-right: 15px;
		cursor: pointer;
  	margin-left: 201px;
	background-color: #eb6909;
	} 

#form :hover input.submit, #form input.submit_ho{
color: #fff;
	text-decoration: underline;
 }

 #form #opmerking label{
width: 280px;
display:block;
float: left;
margin-left: 10px;
margin-top:-5px;
color: #333333;
}
 
#form textarea {
    width: 345px;
    height: 120px;
    background-color: #f5f5f5;
border:1px solid #ccc; 
      font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color:#333333;
    margin-bottom: 10px;
	padding:2px;
    } 

#form #naam-gesl{
margin-top: 0px;
}