/* 
File: default3rows
Description : Default skin with pictures in 3 columns
Version: 1.1.0001

www.izifolio.com
Copyright 2009, 2010, 2011 Rene Wennekes
*/

body
  {
	background: #333;
	background-repeat: repeat-x;
	background-attachment: fixed; 
	padding: 0px;
	margin: 0px;
	/*overflow-y: scroll; not css valid until css3*/
  }

body,p,h1,h2,h3,h4,h5,h6,legend,label,td,th,div 		
  {
  text-align: left;
  font-family: Arial;
  color:#888;
  font-size: 8pt;
  text-decoration:none;
  }	

p,h1,h2,h3,h4,h5,h6,legend,label,td,th
  {
  margin: 6px;
  }	

td,th
  {
  font-size: 10pt;
  color: #CCC;
  }

h1 		{font-size: 20pt;}
h2 		{font-size: 16pt;}
h3 		{font-size: 14pt;}
h4 		{font-size: 12pt;}
h5 		{font-size: 10pt;}
h6 		{font-size:  9pt;}

.left     {text-align: left;}
.center   {text-align: center;}
.right    {text-align: right;}
.justify  {text-align: justify;}

.redmarker {color: red;}
.boldmarker {font-weight: bold;}

.title {font-weight: bold; color:#AAA;}

span.sub {vertical-align:sub }

span.sup {vertical-align:super }

span.big {font-size:larger}

span.small {font-size:smaller}

span.tt {font-family: Courier, "Courier New", Consolas, monospace}


p.header  {font-family: Arial; color: #CCC; font-size: 48pt; text-decoration:none;}
p.footer  {font-family: Arial; color: #404040; font-size:  9pt; text-decoration:none; letter-spacing:.3em; word-spacing:.5em;}
p.footer2  {margin: 20px 10px;
            font-family: Arial;
            color: #8f887c;
            font-size:  7pt;
            text-decoration:none;
            letter-spacing:.2em;
            text-transform: uppercase;
            font-variant: small-caps;
            }

p.content
  {text-align: justify;
  font-family: Arial;
  color: #CCC;
  font-size: 10pt;
  text-decoration: none;
  padding: 10px;
  }	

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

div.container
  {
  background: #444;
  position: absolute; left: 50%; width: 960px;
	padding: 0px; margin-left: -480px; border: 0px solid red;
  }
  
div.header
  {
  background: #333; /* #761928 */
  width: 960px; height: 120px;
	padding: 0px; margin: 0px; border: 0px; overflow: hidden;
	border-bottom: 0px solid #200;
	}

div.menu
  {
  text-align: center;
  background: #444;
  width: 228px; min-height: 500px;
  border: 0px dotted #555; margin: 0px; padding: 0px;
  padding-left: 10px;
  border-top: 0px dotted #622;
  border-bottom: 0px dotted #622;
  border-left: 0px dotted #622;
  }

div.navbar
  {
  width: 100%; height: 24px; margin: 0px; padding: 0px;
  border-color: #FF6600; border-width: 0px; border-style: solid; overflow-x: hidden;
  }

div.middle
  {
  background: #444;
  width: 960px; min-height: 500px;
  border: 0px solid yellow; margin: 0px; padding: 0px;
  border-top: 0px dotted #622;
  border-bottom: 0px dotted #622;
  }

div.sheet
  {
  background: #444;
  width: 720px; min-height: 500px;
  border: 0px solid yellow; margin: 0px; padding: 0px;
  border-top: 0px dotted #622;
  border-bottom: 0px dotted #622;
  }

div.thumb
  {
  float: left;
  width: 220px; height: 260px;
  margin: 10px;
  border: 0px solid gray;
  text-align: center;
  }

div.footer
  {
  background: #333;
  width: 960px; height: 80px;
  padding: 0px 0px; margin: 0px; overflow: hidden;
  border-top: 0px solid #282828;
  }

div.kolom
  {
  border: 0px solid #00c; margin: 0px; padding: 0px; float: left;
  }

div.content
  {
  margin: 0px;
  }

div.newsheader,div.newsarticle
  {
  margin: 0px;
  padding: 0px;
  width: 60%; margin-left: 20%;
  border: 0px solid black;
  }

div.newsheader
  {
  border-width: 0px 0px 1px 0px;
  border-color: #800;
  border-style: dotted;
  padding-top: 6px; padding-bottom: 6px;
  }

div.newsarticle
  {
  border-width: 0px 0px 0px 0px;
  border-color: red;
  border-style: solid;
  padding-top: 6px; padding-bottom: 6px; margin-bottom: 32px;
  }

div.blackground /* Achtergrond melding bij contactformulier */
  {position: absolute;
   top: 160px; left: 50%;
   width:360px; height:400px;
   margin-left: -180px; padding: 20px;
   border: 0px solid gray;
   text-align: center;
   display: none;
   cursor:hand; cursor:pointer;
   background: #000; opacity: 0.80; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
  }


.email {
  width: 13px; height: 8px;
  margin-right: 30px;
  margin-left: 6px;
  background: transparent url("email_negatief.gif") no-repeat top left;
  float: right;
  }

.empty {
  width: 13px; height: 8px;
  margin-left: 30px;
  margin-right: 6px;
  background: transparent;
  float: left;
  visibility: hidden;
  }


#kolom0 {width: 896px;} /* indexpagina */
#kolom1 {width: 208px; background: #111;} /* menukolom */
#kolom2 {width: 688px; border-left: 2px solid #411; }

img
  {
  border: 0px; padding: 0px; margin: 0px;
  }

a.imglink             {border: 0px solid #000000; padding: 0px; margin: 0px;}
a.imglink:hover       {
                       
                       opacity: 0.50;
                       opacity: 0.50;
                       filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
                       
                       }

img.imglink           {border: 0px solid #888;
                       
                       }


/* verticale navigatiebalk */

.menu a {
  display: block;
  /* background-color: #222; /* Dit remarken voor geen balken */
  width: 188px; /* 228 - 2x padding*/
  margin: 0px 0px 1px 0px;
  padding: 0px 20px 0px 20px;
	color: #AAA;
	/* font-weight: normal; */
	text-decoration: none;
	}

.menu a:hover {
  /* background-color: #422; /* Dit remarken voor geen balken */
	color: #FFBA00;
	}

.menuactive a {
	color: #cc5;
	}

.menu .chapter {
                  padding: 0px 20px 0px 10px;
                  width: 170px; /* 200 - 2x padding*/
                  color: #FFBA00;
                  }

.menu  {
          list-style: none; /* Geen bullets */
          margin: 0px;
          padding: 0px; /* komt bij li's */
          }

.menu li {
          /*
          border-style: none none dotted none;
          border-width: 1px;
          border-color: #555;
          */
          margin: 0px 0px 8px 0px;
          padding: 0px 0px 0px 0px;
          text-align: left;
          /*font:11px Arial, Helvetica, sans-serif;*/
          color: #FFBA00;
          /*letter-spacing:.1em;*/
          /*line-height:18px;*/
          }




/* Horizontale navigatiebalk */

a.navbar {
  display: inline;
  float: left;
	font:10px Arial, Helvetica, sans-serif;
	color: #CCC;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing:.1em;
	line-height:24px;
  margin: 0px;
	padding: 0px 10px;
	border-right:1px solid #666;
	}
	
a.navbar:hover {
	color:#EEE;
	background: #f60;
	/* background: #333; */
	}

a.navbaractive {
  display: inline;
  float: left;
	font:10px Arial, Helvetica, sans-serif;
	color: #EEE;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing:.1em;
	line-height:24px;
  margin: 0px;
	padding: 0px 10px;
	border-right:1px solid #666;
	}
	
a.navbaractive:hover {
	color:#EEE;
	}

input.login,label.login {
  border: 0px; padding: 0px;
  height:24px;
  float: right;
	font:10px Arial, Helvetica, sans-serif;
	color: #CCC;
	/*text-transform: uppercase;*/
	letter-spacing:.1em;
	line-height:24px;
  margin: 0px;
	padding: 0px 10px;
	border-left:1px solid #666;
  }

input.login {
  width: 80px;
  background: #666;
  background: transparent;
  }

input:focus.login  {
  background: #666;
  color: #fff;
  }

input:hover.login  {
  color: #FDFCDC;
  background: #f60;
  cursor:hand; cursor:pointer;
  }

#user {
  padding-left: 20px;
  background: url('user.png') no-repeat 0px 4px;
  }

#user:focus {
  background: #666 url('user.png') no-repeat 0px 4px;
  }

#user:hover {
  background: #f60 url('user.png') no-repeat 0px 4px;
  }


#password {
  padding-left: 20px;
  background: url('password.png') no-repeat 2px 4px;
  }

#password:focus {
  background: #666 url('password.png') no-repeat 2px 4px;
  }

#password:hover {
  background: #f60 url('password.png') no-repeat 2px 4px;
  }


#lock {
  background: url('lock.png') no-repeat 0px 4px;
  }

#lock:hover {
  background: #f60 url('lock.png') no-repeat 0px 4px;
  }


#unlock {
  background: url('unlock.png') no-repeat 0px 4px;
  }

#unlock:hover {
  background: #f60 url('unlock.png') no-repeat 0px 4px;
  }


input.tubeleft  {
  background: url('input-left.png') no-repeat left top;
  width: 20px; height: 20px;
  vertical-align: middle;
  padding: 0px;
  border: 0px;
  }

input.tubemiddle  {
  background-image: url('input-middle.png');
  height: 20px;
  vertical-align: middle;
  padding: 0px;
  border: 0px;
  margin-left: -4px; margin-right: -4px;
  color: #111; text-align: center;
  }

input.tuberight  {
  background: url('input-right.png') no-repeat right top;
  width: 20px; height: 20px;
  vertical-align: middle;
  padding: 0px;
  border: 0px;
  }

input.searchbutton  {
  background: transparent url('magnify.png') no-repeat;
  width: 48px; height: 48px;
  vertical-align: middle;
  padding: 0px;
  border: 0px;
  margin: 0px 10px;
  cursor:hand; cursor:pointer;
  }

input.subscribebutton {
  background: transparent url('subscribe.png') no-repeat;
  width: 100px; height: 100px;
  vertical-align: middle;
  padding: 0px;
  border: 0px;
  margin-left: auto; margin-right: auto;
  text-align: center;
  display: none;
  cursor:hand; cursor:pointer;
  }

input.contact,textarea.contact,input.admin,textarea.admin  {
  color: white;
  background: #555;
  border: 1px solid #888;
  }

input.contact:focus,textarea.contact:focus,input.admin:focus,textarea.admin:focus {
  background: #666;
  border: 1px solid #AAA;
  }

select:focus,option:focus	   	{outline: 0;}

input[type="radio"], input[type="checkbox"] {
  color: #336699;
  background-color: #888;
  border:solid 1px #ccc;
}

div#contactbackground {
  background: #000; opacity: 0.80; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
  position: absolute; top: 160px; left: 50%; width:360px; height:400px;
  margin-left: -180px; padding: 20px;
  border: 1px solid gray;
  text-align: center;
  display: none; cursor:hand; cursor:pointer;
  }

div#contactconfirm  {
  position: absolute; top: 160px; left: 50%; width:360px; height:400px;
  margin-left: -180px; padding: 20px;
  border: 1px solid gray;
  text-align: center;
  display: none; cursor:hand; cursor:pointer;
  }

div#contactsenderror  {
  position: absolute; top: 160px; left: 50%; width:360px; height:400px;
  margin-left: -180px; padding: 20px;
  border: 1px solid gray;
  text-align: center;
  display: none; cursor:hand; cursor:pointer;
  }

div#sendformcheck {
  position: absolute; top: 160px; left: 50%; width:360px; height:400px;
  margin-left: -180px; padding: 20px;
  border: 1px solid gray;
  text-align: center;
  display: none; cursor:hand; cursor:pointer;
  }

/* View large image */

div#background {
  position: fixed;
  top: 2px;
  left: 2px;
  bottom: 2px;
  right: 2px;
  clear: left;
  margin: 6px;
  padding: 20px 20px 40px 20px;
  border: 0px solid gray;
  text-align: center;
  display: none;
  cursor:hand; cursor:pointer;
  background: #000; opacity: 0.60; opacity: 0.60; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
  background: transparent;
  }

div#originalimage {
  position: fixed;
  top: 2px;
  left: 2px;
  bottom: 2px;
  right: 2px;
  clear: left;
  margin: 6px;
  padding: 20px 20px 40px 20px;
  border: 0px solid red;
  text-align: center;
  display: none;
  }

img#originalfoto {
  top: 50%:
  z-index: 10;
  border: 1px solid gray;
  border: 10px solid white;
  cursor:hand; cursor:pointer;
  }

img#originalexif {
  border: 0px solid white;
  background: transparent;
  }

/* view google map */

div#background2 {
  position: fixed;
  top: 40px;
  left: 40px;
  bottom: 40px;
  right: 40px;
  clear: left;
  color:#111;
  visibility:hidden;
  cursor:hand; cursor:pointer;
  background: #fff;
  }

div#map {
  top: 5%;
  left: 3%;
  width:94%;
  height:90%;
  border: 0px solid red;
  color:#111;
  visibility:hidden;
  cursor:hand; cursor:pointer;
  }

div#closemap {
  position: absolute;
  top:0px;
  right:0px;
  color: #111;
  margin: 6px;
  }

/* Page numbering bar */

div#pagenumbar {
  border: 0px solid red;
  clear: both;
  text-align: center;
  }

span.pagenumber {
  border: 1px solid gray;
  margin: 0px 6px;
  background: gray;
  color: darkgray;
  }

a.pagenumber {
  border: 1px solid gray;
  margin: 0px 6px;
  }