@charset "utf-8";
/* CSS Document - Standaard Makicom GPT Template v1.0 */
/* Gemaakt door MMT Design - http://www.mmtdesign.nl */


/* Standaard aanpassingen kunnen in dit eerste deel gedaan worden */

/* -- Style1 - Style8 -- */
body {
   background-color: #81a1dc;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#81a1dc), to(#2d4162));
   background-image: -webkit-linear-gradient(top, #81a1dc, #2d4162);
   background-image: -moz-linear-gradient(top, #81a1dc, #2d4162);
   background-image: -ms-linear-gradient(top, #81a1dc, #2d4162);
   background-image: -o-linear-gradient(top, #81a1dc, #2d4162);
   background-image: linear-gradient(top, #81a1dc, #2d4162);
   filter:
progid:DXImageTransform.Microsoft.gradient(startColorStr='#81a1dc',
EndColorStr='#2d4162');}

/* Achtergrondafbeelding van de website */
/* body { background-image: url(images/body_bg***.jpg); } */

/* Afbeelding in de header. Vervang header_picture.jpg in de map images met een afbeelding naar keuze. Of voorzie deze regel van CSS commentaar indien slleen tekst gewenst is */
#header_display { background: url(images/header_picture.png) no-repeat left top; }

/* Style3 */
#tekst a:link, a:visited, a:active { color: #2d4162; font-style: italic;}
#tekst a:hover { font-weight: bold;}

/* -- Style2 -- */
.company { background-color: #EFF2FB;}

/* -- Style3 -- */
#tekst { color:#2d4162; }

/* -- Style4 -- */
#footer { color: #2d4162;

/* Achtergrondafbeelding over de gehele lengte van de footer */
background: url(images/footer***.jpg) repeat-x bottom; }

/* -- Style5 -- */
#footer a { color:#2d4162; }

/* -- Style6 -- */
.top-left { background-color: #2d4162; }
.top-right { background-color: #2d4162; }

/* -- Style7 -- */
.bottom-left { background-color: #2d4162; }
.bottom-right { background-color: #2d4162; }

/* -- Style8 -- */
.footer_top_balk { background-color: #2d4162; }

/* -- Style9 -- */
#footer { background-color: #81a1dc; }

/* -- Style10 -- */
.footer_bottom_balk { background-color: #2d4162; }

/* -- Einde standaard aanpassingen -- */



/* STYLESHEET INHOUDSOPGAVE

 01. ALGEMENE STIJLEN

 02. LAYOUT
 	1. ALGEMENE OPBOUW
 	2. HEADER
	3. HEADER_DISPLAY
	4. CONTENT
	5. FOOTER
	6. BLOKKENVERDELING

 03. NAVIGATIE
 	1. TOP MENU
	2. LEDENMENU
	3. ADMINMENU
	4. MENU ALGEMEEN

 04. TYPOGRAFIE

 05. FORMULIEREN

 06. AFBEELDINGEN

*/


/* ---------- 01. ALGEMENE STIJLEN ---------- */

* { margin:0; padding:0; }
a img { border:none; text-decoration:none; }
a:link, a:visited { text-decoration:none; }
a:hover { font-weight: bold; }}

body { background-repeat:no-repeat; background-position:center top; color:#000; }


/* ---------- 02. LAYOUT ---------- */

/* 1. ALGEMENE OPBOUW */
#header { height:100px; }
#header_display{ position:relative; width:1014px; height:200px; margin:0 auto; }
#content{ position:relative; margin:20px auto 0 auto; width:1014px; clear:both; }
#footer { position:relative; text-align:center; clear:both; min-height:150px; }

/* 2. HEADER */
#header_content { margin:0px auto 0px auto; width:1014px; height:100px; }
#logo { float:left; }
#logo a:hover { border-bottom:none; text-decoration:none; }

/* 3. HEADER_DISPLAY */

/* 4. CONTENT */
#tekst { padding:15px; }

/* 5. FOOTER */
.footer_spacer { position:relative; height:25px; }
.footer_top_balk { min-height:15px; }
.footer_bottom_balk { min-height:15px; }
.td_footer3 h3 { padding-bottom:6px; }
.td_footer1 { padding:12px 10px 10px 10px; text-align:left; font-size:11px; line-height:12px; }
.td_footer2 { padding:10px; text-align:left; }
.td_footer3 { padding:10px; text-align:left; }
.td_footer4 { padding:10px; text-align:left; }
#footer a { text-decoration:none; }

/* 6. BLOKKENVERDELING */
#left{ width:251px; font-size:15px; }
#left H3 { width:202px; height:50px; margin-top:-50px; color:#000; text-align:left; padding-left:49px; }
#left ul { padding-top:5px; padding-left:15px; list-style-type:none; }
#left li { background-repeat:no-repeat; background-position:top left; padding-bottom:5px; margin-bottom:3px; }
#right { float:right; width:750px; }
#right H3 { width:701px; height:50px; color:#000; text-align:left; padding-left:49px; margin-top:-50px; }
#right ul { padding-top:5px; padding-left:20px; }
#right li { background-repeat:no-repeat; background-position:top left; padding-bottom:5px; margin-bottom:3px; }
.bor { }
.footer_blokken { width:1014px; margin:0 auto; overflow:hidden; }
.footer_blokken table { border-spacing:10px 0; height:101px; }


/* ---------- 03. NAVIGATIE ---------- */

/* 1. TOP MENU */
#menu{ float:right; width:614px; height:70px; margin:25px 0 0 0; }
#menu ul { text-align:center; list-style:none; height:60px; float:right; }
#menu ul li { display:inline; height:20px; margin-top:5px; }
#menu a { text-decoration:none; color:#000; float:left; display:block; padding:20px 27px 15px; }
#menu a:hover{ text-decoration:none; border-bottom:none; }

/* 2. LEDENMENU */
.td_ledenmenu { vertical-align:top; text-align:left; width:25%; padding: 1px 4px 1px 8px; }
.td_ledenmenu_last { vertical-align:top; text-align:left; width:25%; padding: 1px 4px 1px 8px; }

/* 3. ADMINMENU */
.td_adminmenu { vertical-align:top; text-align:left; width:25%; }
.td_adminmenu_last { vertical-align:top; text-align:left; width:25%; }

/* ---------- 04. TYPOGRAFIE ---------- */
body { font:12px/18px helvetica,arial,verdana,'ms sans serif',sans-serif; }
#menu a { font:normal normal normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif; }
#left H3{ font:normal small-caps bold 16px/42px "Trebuchet MS",helvetica,arial,verdana,'ms sans serif',sans-serif; }
#left ul { font:13px helvetica,arial,verdana,'ms sans serif',sans-serif; }
#right H3{ font:normal small-caps bold 18px/42px "Trebuchet MS", Arial, Helvetica, sans-serif; }
#right H2{ font:16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#4f4f27; text-align:left; }
.footer_heading { font:small-caps bold 16px "Trebuchet MS",Arial,Helvetica,sans-serif; }


/* ---------- 05. FORMULIEREN ---------- */
input[type="text"] { background:#fafafa; color:#000; text-align:left; border:1px solid #ddd; width: 300px; padding: 5px; }
input[type="password"] { background:#fafafa; color:#000; text-align:left; border:1px solid #ddd; width: 300px; padding: 5px; }
input[type="submit"] { border:1px solid #ddd; background:#fafafa; color:#000; font-weight:bold; text-align:center; width: 300px; padding: 5px; }
select { background:#fafafa; color:#000; text-align:left; border:1px solid #ddd; width: 300px; padding: 5px; }
textarea { background:#fafafa; color:#000; text-align:left; border:1px solid #ddd; width: 300px; padding: 5px; }


/* ---------- 06. AFBEELDINGEN ---------- */
#menu a { background:url('images/menu_bottom.png') repeat-x; background-position:0 0; }
#menu a:hover{ background:url('images/menu_bottom.png') repeat-x; background-position:0 -53px; }
h3.icon_menu { background:url('images/icon_default.png') no-repeat left top; }
h3.icon_linkpartners { background:url('images/icon_default.png') no-repeat left top; }
h3.icon_ledenmenu { background:url('images/icon_default.png') no-repeat left top; }
h3.icon_ledenmenutitel { background:url('images/icon_default.png') no-repeat left top; }
h3.icon_adminmenu { background:url('images/icon_default.png') no-repeat left top; }
h3.icon_adminmenutitel { background:url('images/icon_default.png') no-repeat left top; }
.td_ledenmenu { background:url('images/menu_seperator.png') no-repeat right center; }
.td_ledenmenu_admin { background:url('images/menu_seperator_admin.png') no-repeat right center; }
.top-left { /* background-image:url('images/blok_topleft.png'); */ height:50px; margin-right:15px; font-size:2px; }
.top-right { /* background-image:url('images/blok_topright.png'); */ float:right; margin-top:-50px; height:50px; width:15px; font-size:2px; }
.bottom-left { /* background-image:url('images/blok_bottomleft.png'); */ height:15px; font-size:2px; margin-right:15px; margin-top:-3px; }
.bottom-right { /* background-image:url('images/blok_bottomright.png'); */ background-position:100% 0; background-repeat:no-repeat; height:15px; font-size:2px; margin-top:-15px; }
.td_footer1 img { margin:0 8px 10px 0; }
.td_footer2 img { margin-top:10px; }
.td_footer4 img { margin:2px 8px 3px 0; }