/*-----------------------------------------------------------------------------------------------
  Global Styles
-----------------------------------------------------------------------------------------------*/

/*
   Note to myself: padding wordt bij width opgeteld!!!
 */

body {
    font-family: verdana, geneva, helvetica;
    font-size: 75%;
    line-height: 145%;  
    height: 100%; 
    background-color: #fff;
	margin: 0px;
	padding: 0px;
}

h1 {
    font-size:140%;
}

h2 {
    font-size:120%;
    margin: 15px 0px 5px 0px;
}

h3 {
    font-size:110%;
}

p {
    margin-bottom:5px;
}

td,th {
    vertical-align:top;
}

img {
    border-width:0px;
}

a {
    text-decoration:none;
	
}
a:hover {
    text-decoration:underline;
	
}

div#wrapper {
	margin: 0px;
	padding: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 980px;
}

div#wrapper2 {
	margin: 0px;
    margin-top: 4px;
	padding: 0 0 3px 0;
	border: 1px #666 solid;
	background-color: #eee;
}

	div.header {
	    width: 980px;
        background-color: grey;
        height:95px;
		border: 1px #666 solid;
	}
		
        /* Site-specific...change  */
        div.topnav {
            position: relative;
            top: 60px;
			/*left: 480px;*/
            width:755px;
        }
        div.topnav ul {
            list-style:none;
        }
        div.topnav ul li {
            display:inline;
            color:blue;
			padding: 2px 5px 2px 5px;
			font-size: 0.8em;
            background-image: url("img/topnav.gif");
        }
        div.topnav ul li a {
            font-weight:bold;
			
            color:black;
            text-decoration:none;
        }
        div.topnav ul li a:hover {
            font-weight:bold;
            color:white;
            text-decoration:underline;
        }

	div.toolbar {
        margin: 0 0 2px 0; 
		padding: 2px 10px 2px 10px;
	    width: 958px;
		background-color: #eee;
	}

		div.toolbar div.breadcrumb {
			margin: 0;
		}
			div.breadcrumb a {
				color: #000;
				font-size: 0.8em;
				text-decoration: none;
			}
			div.breadcrumb a:HOVER {
				color: #ccc;
			}
			
		div.toolbar div.zoeken {
			float: right;
			font-weight: bold;
		}
			div.zoeken input {
				border: 1px #000 solid;
			}
			/*
			div.zoeken input.submit {
				padding-left: 2px;
				cursor: pointer;
				border: 0;
			}	*/            

	div#rightcontainer {
        margin: 0px;
        padding: 0px;
        padding-right:5px; /* margin-left zou mooier zijn, maar gaat onder IE fout */
		float: right;
	
	}

        /* total width: 336 + 2border = 338 */
	    div#contenttopright { 
	        border: 1px #020202 solid;
	        width: 336px;
			padding: 0px; 
	        overflow: hidden;
	    }
		div#contenttopright h1 {
            font-size:100%;
            font-weight:normal;
            margin:0px;
			padding-left: 5px;
			background-color: #ddd;
			border-bottom: 1px #020202 solid;
		}	    
        div#contenttopright div.content {
            margin:0px;
            padding:0px;
        }

div.sidebarcontainer {
    margin-left:8px;padding-bottom:8px;
    overflow: hidden;
    width: 150px; 
}
div.sidebarcontainer ul{margin-left:8px;padding-left:8px;}

        /* total width: 336 + 2border = 338 */
		div.contentright {
			background-color: #f2f2f2;
			border-top: 10px #f2f2f2 solid; 		
	        width: 336px;
			padding: 0px; 
	        overflow: hidden;
	    }	
			div.innerright {
				 float: left;
				 border: 1px #020202 solid;             
				 width: 164px;   
				 background-color: #FFF;
		    }	

			div.outerright {
				 float: right;
				 border: 1px #020202 solid;             
				 width: 164px;  
				 background-color: #FFF;
		    }	

			div.innerright h1, div.outerright h1 {
                font-size:100%;
                font-weight:normal;
                margin:0px;
                padding-left: 5px;
                background-color: #ddd;
                border-bottom: 1px #020202 solid;
			}		            
			div.innerright div.content,div.outerright div.content {
				padding: 5px;
			}			
	    	    	
	
	div#leftcontainer,div#leftcontainer_no_sidebar {
        margin: 0px;
        padding: 0px;
        padding-left:5px; /* margin-left zou mooier zijn, maar gaat onder IE fout */
	 	float: left;
	 	width: 622px;
	    height: 100%; 
	}
	div#leftcontainer {width:622px}
    div#leftcontainer_no_sidebar {width:922px;}
    
    
		div#leftmenu {
			float: left;
            margin:0px;
            padding:0px;
	        /* padding-left:20px;*/
	        width: 160px;
		overflow:hidden;
	        background-color: #444;
            border:1px solid black;
	    }
        div#leftmenu div.titlebar {
            padding-left: 10px;
            background-color: #ddd;
			font-size: 0.9em;
            border-bottom: 1px #020202 solid;
        }

	    div#leftmenu div.nav {
	        padding: 5px 0 0 10px;
	        text-align: left;
	    }

            div.nav ul {
                list-style:url(img/pijl.gif);
                margin-left:20px;
                padding-left:0px;
            }
            div.nav ul li {
                padding:3px;
                color:white;
            }
            /* opened */
            div.nav ul li.open {
                list-style:url(img/pijld.gif);
                padding:3px;
                color:white;
            }
            div.nav ul li a {
                color:white;
                text-decoration:none;
            }
            div.nav ul li a.activated {
	            color:#3380ff;
                text-decoration:none;
            }
            div.nav ul li a:hover {
	            color:#3380ff;
            }

	        div.menuregel a.select, div.submenuregel a.select{
	             font-weight: bold;
	             color: #e6e6e6;                    
	        }	
	
		div#body,div#body_no_sidebar {
			float: right;
			overflow: hidden;
			border: 1px #020202 solid;
			background-color: white;	
            position:relative;
		}
        div#body{width:450px;} 
        div#body_no_sidebar{width:750px;}
			div#body div.titlebar ,div#body_no_sidebar div.titlebar{
				padding-left: 15px;
                background-color: #ddd;
				border-bottom: 1px #020202 solid;
				font-size: 1.0em;
                font-weight:bold;
			}
			div#body div.content, div#body_no_sidebar div.content {
				padding: 5px 15px 15px 15px;
			}		

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

div.footer {
	margin: 5px 0 5px 0;
    padding: 0px 10px 0px 10px;
	font-size: 0.8em;
	border: 1px #666 solid;
    background-color:#ccc;
}

#agenda h3 {
    background: #ddd;
    margin:15px 0px 0px 0px;
}

#agenda p {
    margin:5px;
    margin-left:25px;
}



/*===== Banner layout ====*/

.bannercontainertop {
    margin:0px;
    text-align:center;
}
.bannercontainerleft, .bannercontainerinnerright, .bannercontainerouterright {
    margin:8px 0px 8px 0px;
    text-align:center;
}

div.banner_nieuws {
    margin-left: -20px;
    text-align: center;
}

/*==== Form layout ====*/

input.long {
    width:300px;
}
input.short {
    width:150px;
}

input,textarea,select {
    background-color:#eee;
}

input.readonly {
    background-color:#999;
}


/*==== Gids ====*/

.gidstabel {
    background-color: #ccc;
    padding: 5px;
}

td.searchField select {
    width: 300px;
}

td.searchField input {
    width: 300px;
}

td.searchName {
    width: 100px;
}

td.gids_key {
    vertical-align: top;
}

td.gids_value {
    padding-left: 6px;
}

div.pager_gids {
    float: right;
    font-size: 90%;
    margin-left: 10px;
    text-align: right;
}

#queryBox {
    background-color:#f2f2f2;
    padding:2px 10px 2px 10px;
    width:400px;
    border:1px solid grey;
    margin-bottom:20px;
}
#queryBox p {
    margin:0px;
    padding:0px;
}

.logo {
    float:right;
    margin:0px 20px 20px 10px;
}

.bedrijvengidsLogo {
    text-align: right;
}


/*==== Various elements ====*/

div.space {
    width: 980px;
    height: 10px;
    /* background-color: #fff; */
}	            

div.clear {
	clear: both;
}

/* ???? */
.prop {
	float:right;
	width:1px;
}

.right {
    float:right;
    margin: 0px 0px 10px 10px;
}
.left {
    float:left;
    margin: 0px 10px 10px 0px;
}

#disclaimer {
 position: absolute;
 bottom: 2.5em;
 width:400px;
 font-style: italic;
 font-size: 80%;
 text-align: justify;
 padding: 0em 1.5em 0em .5em;
 border: 1px solid white;
}
#disclaimer:hover{
 border: 1px dotted grey;
}

.editbutton a {
    color:#c00;
    text-transform: lowercase;
    text-decoration: underline;
    background:#eee;
}


/*tijdschrift archief*/
.subnavbottom {
    background-color: #eeeeee;
    padding: 10px;
    text-align: center;
    font-size:12px;
    margin-top: 40px;
    margin-bottom:100px;
}

/* workshops */

div.wsform form div table tbody td {font-size:12px;}
div.ws_sidebarcontainer{margin:8px 0px 12px 8px;}

div.mbpform form div table td {padding-bottom:6px;}
/* banners */
div.banner {
    background-color:orange;
    border: 2px solid darkgrey;
    float:right; 
    width: 200px; 
    margin-left: 1em; 
    margin-bottom: 1em;
    padding: .3em;
}

/* weblog */
td.odd{
     background-color:#eee;
}
td.even {
     background-color:#ccc;
}
.weblogtoolbar {
    text-align:right;
    margin-bottom:25px;
}
.weblogtoolbar a {
    text-decoration:none;
}

/********* agenda en Poll ****
 *****************************/
div.cat,h2 {
	margin-top: 10px;
	width: 413px;
}
div.cat,h2 {
	padding: 1px 0 1px 5px; 
	font-weight: bold;
	font-size: 0.9em;
}
div.cat {
	float: right;
	margin-bottom: 10px;
}
div.cattext {
	float: left;
}
div.cattext span {
	padding: 1px 0 2px 5px; 
	font-weight: bold;
	font-size: 0.9em;
}
div.cat div.text {
	float: right;
	text-align: right;
}
div.text span {
	font-size: 0.8em;
	padding-right: 5px;
}

h3.head1 {

}
h3.head1 span {
	padding: 1px 0 3px 5px; 
	font-size: 0.8em;
}

div.bericht {

}
div.bericht p {
	padding: 5px 5px 5px 0px;
	font-size: 0.9em;
}
div.links {
	float: right;
	margin-top: 2px;
	padding: 0 5px 0 5px;
	width: 408px;
}
div.links div.mail, div.link {
	float: left; 
}
div.mail span,  div.link span {
	padding: 1px 0 3px 5px; 
	font-weight: bold; 
	font-size: 0.7em;
}
div.link span {
	font-size: 0.8em;
}
div.links div.url,div.datum {
	float: right;
	text-align: right;
}
div.url span, div.datum span {
	padding: 1px 0 3px 5px; 
	font-weight: bold;
	font-size: 0.7em;
}
div.subtitle {
 margin-top: 10px;
}
div.subtitle div.title{
	float:left; 
}
div.title span {
	font-weight: bold; 
	font-size: 0.9em;
}
div.subtitle div.datum{
	float:right;
}
div.datum span {
	font-size: 0.7em; 
}



div#f_mce_body_wrapper {z-index:100;}


.photobook_row{
	
}

.photobook_row .floatimg{
	float:left;
	padding:10px;
}
.photobook_row .img_text{
	width:140px;
	font-size:70%;
}

.photobook_row .floatimg .img_holder{
	width:120px;
	height:120px;	
	background-color:#000000;
	text-align:center;
}