/*
Theme Name: theme one plus
Theme URI: http://www.maxplus.be
Description: tweede thema maxplus
Author: Max Acke
Author URI: http://www.maxplus.be
Version: 1.0
*/

/* CSS Document */
@charset "UTF-8";

body {
	/*font-family:Verdana, Arial, Helvetica, sans-serif; aanpassing 24/09/09*/
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	text-align: center; /*max+ voor compatibel te zijn met IE5*/
	margin:0; }

a:link {
	text-decoration:none;
	font-weight:bold;
	color:#999999;	}

/*max+ geen border rond de images wanneer ze een link vormen*/
img {border:none;}

a:visited {
	text-decoration:none;
	font-weight:bold;
	color:#999999;	}

a:active {
	text-decoration:none;}

a:hover {
	text-decoration:none;
	color:#FF5D33;}
	

#header {
	width:100%;
	height:80px;
	background-image:url(./images/header.gif);
	background-position:center;
	background-repeat:no-repeat;
	background-color:#EDEDED;}
	
#container {
	/*font-family:Verdana, Arial, Helvetica, sans-serif; aanpassing 24/09/09*/
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	width:960px;
	min-height:520px;
	margin:0 auto; /*max+ de container in het midden van de browser uitlijnen*/
	text-align:left;
	}  /*max+ zogezegd overflow: auto; => maar dit geeft rara efecten in de pagination van de gallery's....*/
	
#sidebar {
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	width:255px;
	float:left;
/*	background-color:#CCCCCC;  voor testpurposes*/
	margin:0;
	padding:0; }
	
#contact {
	background-image:url(./images/bol.gif);
	width:200px;
	float:left;
/*	background-color:#CCCCCC;  voor testpurposes*/
	margin:0;
	padding-left:40px;
	padding-top:200px; }

#menu {
	list-style-type:none; /*max+ dit werkt niet in IE6, bullets verschijnen toch*/
	font-weight:bold;
	font-size:12pt;
	line-height:18pt;
	margin:0;
	padding:45px 45px 0px 45px}
	
/*max+ manier waarop menu getoond wordt*/	
#menu .page_item a:link, #menu .page_item a:visited, #menu .page_item a:active {
	text-decoration:none; 
	color:#999999;}

/*max+ manier waarop de actuele menukeuze getoond wordt*/
#menu .current_page_item a:link, #menu .current_page_item a:visited, #menu .current_page_item a:active {
	text-decoration:none; 
	color:#FF5D33;}
	
#submenu {   /*max+ zelfde opmaak als h1 -->
	list-style-type:none; /*max+ dit werkt niet in IE6, bullets verschijnen toch*/
	font-size:13pt; 
	margin:0;
	padding:0;}
	
/*max+ manier waarop menu getoond wordt*/	
#submenu .page_item a:link, #submenu .page_item a:visited, #submenu .page_item a:active {
	text-decoration:none; 
	font-weight:normal;
	color:#999999;}

/*max+ manier waarop de actuele menukeuze getoond wordt*/
#submenu .current_page_item a:link, #submenu .current_page_item a:visited, #submenu .current_page_item a:active {
	text-decoration:none; 
	color:#FF5D33;}
	
#submenu li {
	display:inline;
	color:#999999;}
	
#taalkeuze {
/*	background-color:#0000FF;*/
	/*font-family:Verdana, Arial, Helvetica, sans-serif; aanpassing 24/09/09*/
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#999999;
/*	font-weight:bold;*/
	font-size:11pt;
	width:100px;
	margin:0 auto;
	padding-top:52px;
	padding-left:200px;
	text-align:left;}
	
#content {
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
/*	font-family:Verdana, Arial, Helvetica, sans-serif;*/
	font-size:10pt;
	width:705px;
    float:right;
	padding-top:45px;
/*	background-color:#FFFF00;  voor testpurposes*/ }

p {
/*	font-family:Verdana, Arial, Helvetica, sans-serif;	*/
	font-size:10pt;
}
	






/*
CSS Name: Default Styles
Description: NextGEN Default Gallery Stylesheet
Author: Alex Rabe
Version: 1.50

This is a template stylesheet that can be used with NextGEN Gallery. I tested the
styles with a default theme Kubrick. Modify it when your theme struggle with it,
it's only a template design

*/

/* ----------- Album Styles Extend -------------*/

.ngg-albumoverview {
/*	margin-top: 10px;*/
	width: 100%;
	clear:both; 
	display:block !important;
}

.ngg-album {
    height: 100%;
    padding: 5px;
    margin-bottom: 5px;
    border: 1px solid #fff;
}

/* IE6 will ignore this , again I hate IE6 */
/* See also http://www.sitepoint.com/article/browser-specific-css-hacks */
html>body .ngg-album {
    overflow:hidden;
    padding: 5px;
    margin-bottom: 5px;
    border: 1px solid #cccccc;
} 

.ngg-album {
	overflow: hidden;
	padding: 5px;
	margin-bottom: 5px;
	border: 1px solid #cccccc;
}

.ngg-albumtitle {
	text-align: left;
 	font-weight: bold;
	margin:0px;
	padding:0px;
	font-size: 1.4em;
	margin-bottom: 10px;
}

.ngg-thumbnail {
	float: left;
	margin-right: 12px;
}

.ngg-thumbnail img {
	background-color:#FFFFFF;
	border:1px solid #A9A9A9;
	margin:4px 0px 4px 5px;
	padding:4px;
	position:relative;
}

.ngg-thumbnail img:hover {
	background-color: #A9A9A9;
}

.ngg-description {
	text-align: left;
}

/* ----------- Album Styles Compact -------------*/

.ngg-album-compact {
	float:left;
	height:145px;
	padding-right:9px !important; /*max+ spatie tussen de thumbs van hieronder */
	margin-top:20px;
	text-align:left;
	width:150px; 	/*max+ zelfde breedte als width hieronder van thumbs*/
}

.ngg-album-compactbox {
}

.ngg-album-compactbox .Thumb {
	border:0px;
	margin:0px !important;
	padding:0px !important;
/*	width:150px;  /*max+ afmetingen van thumbs in projectoverzicht: opletten op verhouding! was 91x68*/
	height:100px;
}

#project {
	width:450px;
	float:left;
	margin:0;
	padding:30px 0px 0px 0px;
	}
	
#projectbeschrijving {
	width:225px;
	float:right;
/*	background-color:#CCCC66;  voor testpurposes*/
	margin:0; 
	padding:30px 15px 15px 15px;/*top right bottom left*/
}

p {
	color:#000000;
	font-weight:normal;
	}

h1 { /*max+ projecttitel boven project*/ 
	font-size:13pt;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#FF5D33;	
	margin-bottom:0px;
	margin-top:0px;
}

h2 { /*max+ projecttitel onder foto*/ 
	font-size:12pt;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FF5D33;
	margin-bottom:0px;
	margin-top:0px; }
	
h4 { /*max+ customer onder foto*/ 
	font-size:10pt;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#999999;
	margin-bottom:0px;
	margin-top:0px; }
	
h5 { /*max+ terug naar overzicht + contact-info titel*/ 
	font-size:12pt; 
	font-weight:bold;
	color:#999999;
	margin:0;
	padding:0; }

h6 { /*max+ contact-info tekst*/ 
	font-size:10pt; 
	font-weight:bold;
	color:#999999;
	margin:0;
	padding:0; }

.ngg-album-compact p {
	font-size:11px;
	margin-top:2px;
}

/* ----------- Gallery style -------------*/

.ngg-galleryoverview {
	overflow: hidden;
/*	margin-top: 10px;*/
	width: 100%;
	clear:both; 
	display:block !important;
}

.ngg-galleryoverview .desc {
/* required for description */
   margin:0px 10px 10px 0px;
   padding:5px;
}

.ngg-gallery-thumbnail-box {
	float: left;
}

.ngg-gallery-thumbnail {
	float: left;
	margin-right: 5px;
	text-align: center;
}

.ngg-gallery-thumbnail img {
	background-color:#FFFFFF;
	border:1px solid #A9A9A9;
	display:block;  
	margin:4px 0px 4px 5px;
	padding:4px;
	position:relative;
}

.ngg-gallery-thumbnail img:hover {
	background-color: #A9A9A9;
} 

.ngg-gallery-thumbnail span {
	/* Images description */
	font-size:90%;
	padding-left:5px;
	display:block;
}

.ngg-clear {
	clear: both;
}


/* ----------- Gallery navigation -------------*/

.ngg-navigation {
	font-size:9pt !important;
	clear:both !important;
	display:block !important;
	padding-top:15px;
	text-align:left; /*max+ de cijfers onder project links uitlijnen*/
	
}

.ngg-navigation span {
	font-weight:bold;
	margin-right:3px;
	padding-right:6px; /*max+ spatie tussen cijfers*/
}

.ngg-navigation a.page-numbers,
.ngg-navigation a.next,
.ngg-navigation a.prev, 
.ngg-navigation span.page-numbers,
.ngg-navigation span.next,
.ngg-navigation span.prev {
	font-weight:bold;
	margin-right:3px;
	padding-right:6px; /*max+ spatie tussen cijfers*/
	color: #999999;
}

.ngg-navigation a.page-numbers:hover,
.ngg-navigation a.next:hover,
.ngg-navigation a.prev:hover, 
.ngg-navigation span.page-numbers:hover,
.ngg-navigation span.next:hover,
.ngg-navigation span.prev:hover {
	color: #000000 !important;
	text-decoration: none !important;
}



/* ----------- Image browser style -------------*/

.ngg-imagebrowser {
	
}

.ngg-imagebrowser h3 {
	text-align:center;
}

.ngg-imagebrowser img {
	border:1px solid #A9A9A9;
	margin-top: 10px; 
	margin-bottom: 10px; 
	width: 100%;
	display:block !important;
	padding:5px;
}

.ngg-imagebrowser-nav {
	padding:5px;
	margin-left:10px;	
}

.ngg-imagebrowser-nav .back {
	float:left;
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-imagebrowser-nav .next {
	float:right;
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-imagebrowser-nav .counter {
	text-align:center;
	font-size:0.9em !important;
}

.exif-data {
  	margin-left: auto !important;
    margin-right: auto !important;	
}

/* ----------- Slideshow -------------*/
.slideshow {
	margin-left: auto; 
	margin-right: auto;
	text-align:center;
	outline: none;	
}

.slideshowlink {
	
}

/* ----------- Single picture -------------*/
.ngg-singlepic {
	background-color:#FFFFFF;
	display:block;  
	padding:4px;
}

.ngg-left {
	float: left;
	margin-right:10px;
}

.ngg-right {
	float: right;
	margin-left:10px;
}

.ngg-center {
  	margin-left: auto !important;
    margin-right: auto !important;
}

/* ----------- Sidebar widget -------------*/
.ngg-widget,
.ngg-widget-slideshow {
	overflow: hidden;
	margin:0pt;
	padding:5px 0px 0px 0pt;
}

.ngg-widget img {
	border:2px solid #A9A9A9;
	margin:0pt 2px 2px 0px; 
	padding:1px; 
}

/* ----------- Related images -------------*/
.ngg-related-gallery {
	background:#F9F9F9;
	border:1px solid #E0E0E0;
	overflow:hidden;
	margin-bottom:1em;
	margin-top:1em;
	padding:5px;
}
.ngg-related-gallery img {
	border: 1px solid #DDDDDD;
	float: left;
	margin: 0pt 3px;
	padding: 2px;
	height: 50px;
	width:  50px;
}

.ngg-related-gallery img:hover {
	border: 1px solid #000000;
}