* { margin:0; padding:0; }
	object { border:0; }
	applet { border:0; }
	blockquote { border:0; }
	dd { border:0; }
	dt { border:0; }
	dl { border:0; }
	legend { border:0; }
	fieldset { border:0; }
	form { border:0; }
	td { border:0; }
	tr { border:0; }
	th { border:0; }
	table { border:0; }
	li { border:0; }
	ol { border:0; }
	ul { border:0; }
	img { border:0; }
	a { border:0; }
	p { border:0; }
	span { border:0; }
	div { border:0; }
	body { border:0; }
	body { 
	  padding:0; 
	  background: #fff url("../img/bg.jpg") repeat-x; 
	  font: 0.7em/1.5 "Gill sands", Verdana, arial, helvetica;          /*--------LETTERTYPE WEBSITE------------*/
	  color: #000; 
	  text-align: center; 
		}

	.divlink
		{
	    cursor: pointer;
		}

		/* link kleuren --------------------------------------------------------------- */
		a {color:#D1881B;}
		a:link {color:#D1881B;}
		a:hover {color:#a6600c;}
		
		/* hoofdletters --------------------------------------------------------------------- */
		h6 { margin:15px 0 10px 0; }
		h5 { margin:15px 0 10px 0; }
		h4 { margin:15px 0 10px 0; }
		h3 { margin:15px 0 10px 0; }
		h2 { margin:15px 0 10px 0; }
		h1 { margin:15px 0 10px 0; }
		h1 { font-size:200%; }
		h2 { font-size:140%;  color: #D1881B;font-weight: normal; margin: 0; padding: 10px 26px;}
		h2 a{text-decoration: none;}
		h3 { font-size:120%; }
		h4 { font-size:120%; }
		h5 { font-size:100%; }
		
		
		/* TEKSTKLEUR ----------*/
		p {	color:#606060; font-weight: normal; margin: 0; padding: 10px 26px;}

		/* layout ---------------------------------------------------------------------- */
		#layout { 
  		width:745px; 
  		margin:0 auto; 
  		text-align:left; 
		}

  	/* header ------------------------------------------------------------------ */
  	#header { position: relative;
  		height: 133px;
  		background: #ee8100 url("../img/header.jpg") no-repeat;
  		}
  		
  	#headerPrivacy { position:relative; height: 133px;
  		background: #ee8100;
  		background:url('../img/header.jpg') no-repeat;
  		background-position:center;
  		}

    #header fieldset{border: 0; margin:0; padding:0;}
    #logo {
        margin: 0;
        line-height: 120%;
        font-size:230%;
        padding: 30px 0 0 30px;
      	}
    #logo a{color: #ffecd5;
	    font-weight: normal;
	    text-decoration: none;
	     }
     
    #logo a:hover{color: #fff;}
      
    #slagzin{
        color: #fff;padding: 1px 5px;margin-left: 30px;
      	}
      
    #flashmain {
		float:left;
		width:468px;
		height:187px;
		}

    #quicknav{
      	position: absolute;
      	top: 4px;
      	right: -14px;
      	}
      
    #quicknavContact{
      	position: absolute;
      	top: 2px;
      	right: 0px;
      	margin-right:50px;
      	}
      
    #quicknav a{color: #ffe7ca;text-decoration: none;padding-right: 27px;font-size: 85%;}
    #quicknav a:hover{color: #fff;}
      
    #search{
      	position: absolute;
      	bottom: 19px;
      	right: 0;
      	}
      
    #search #phrase{
      	margin:0;
      	width: 125px;
      	font-size: 85%;
      	border: 0;
      	color: #797979;
      	}
      
    #search #submit{
      	margin: 0 20px 0 0;
      	font-size: 85%;
      	border: 0;
      	background: #955102;
      	color: #fff;
      	width: 60px;
      	cursor: pointer;
      	}
        
    /* horizontal navigation --------------------------------------------------- */
    #nav {
    }
    
    #nav ul {
	    margin:0 0 0 20px;
	    padding:0;
	    list-style:none;
	    }
      
    #nav ul li {float:left;
	    margin:0;
	    padding:0;
	    }
      	
    #nav ul li a {
	    float: left;
	    padding: 15px 15px;
	    text-align: center;
	    color:#B8761D; /* was #73410, 3 keer - dezelfde kleur hoofdmenu als oranje/gele header=#D1881B ----- */
	    text-decoration: none;
	    background: url("../img/nav-sep.jpg") no-repeat right 50%;
	    }
      
    #nav ul li a.nosep{background: none;}
    #nav ul li a:hover {
	    text-decoration: underline;
	    }
      
    #nav ul li#active a {
	    font-weight: bold;text-decoration:underline;}
  
	#container { 
	    border-top: 1px solid #c1c1c1;
	  	} 
  
    .content {
	    float: left; 
	    padding: 0 0 0 0;
	    width:510px;overflow: hidden;
	    z-index: 10;
	    }

	#ChangeContent {
		font-size:87%;
		}
    
    #Engels {
		margin-left:26px;
		font-size:100%;
	    }
    
    #PageForBack {
		float:right;
		font-size: 95%;
		margin-right: 25px;
		color:#B8761D;
		margin-bottom:30px;
		}
	
	#WoordArticleImage {
		float:none;
		margin-left:26px;
		}
	
	#grijzeletters {
		color:#606060;
		margin-left:26px;
		}
	
	#grijzelettersmain {
		color:#606060;
		margin-left:166px;
		margin-right:15px;
		}

	#merkteken {
		font-size:100%;
		font-family:Arial, Helvetica, sans-serif;
		color: #B8761D;
		float:right;
		margin-right:40px;
		margin-top:15px;
		}
		
	#merktekenBottom {
		font-size:80%;
		font-family:Arial, Helvetica, sans-serif;
		color: #FFFFFF;
		margin-left:26px;
		width:350px;
		}
	
	#adresBottom {
		font-size:80%;
		font-family:Arial, Helvetica, sans-serif;
		color: #FFFFFF;
		margin-right:26px;
		float:right;
		}
	
	#opdrachtg-left {
		float:left;
		width:40%;
		margin-left:26px;
		color:#606060;
		}
		
	#opdrachtg-right {
		float:right;
		width:40%;
		color:#606060;
		}
	
	#makingof-foto1 {
		background-image:url('../img/streetfoodmaleisie-collage.jpg');
		background-repeat:no-repeat;
		margin-left:0px;
		width:130px;
		height:110px;
		}
	
	#makingof-foto2 {
		background-image:url('../img/Whisky-Sky-collage.jpg');
		background-repeat:no-repeat;
		margin-left:0px;
		width:130px;
		height:110px;
		}

	#greader {
	margin-bottom:5px;
	margin-top:337px;
	margin-left:17px;
	width:495px;
	}
	
    #new-article{
	      background: #f3f3f3;color : #ffd39f
    }
    #new-article #corner{
	      padding: 0 0 20px 0;
	      background: url("../img/corner.jpg") no-repeat right bottom;
	  	}

    #new-article p{color: #4e4506;
	    font-size: 95%;
	    text-align: justify;
	    padding: 0;
	    margin:5px 10px;
	    width: 310px;
	    position: relative;
	    left: 20px;
	    }
    
    #new-article .article-img{
	      width: 136px;
	      height: 115px;
	      position: relative;
	      left: 20px;
	      margin: 0;
	      }
	      
    #new-article .article-img div{
	      width: 136px;
	      height: 115px;
	      position: absolute;top: 0; left:0;
	      z-index: 10px;
	      background: url("../img/new-img.gif") no-repeat;
	      }
    
    a.more{
		    width:59px;
		    height: 20px;
		    background: #ee8100 url("../img/more.jpg") no-repeat;
		    color: #fff;text-align: center;
		    line-height: 20px;
		    font-size: 85%;
		    display: block;
		    float: right;
		    text-decoration: none;
		    margin-right: 20px;
		    margin-top: 15px;
		    }
    
    a.more:hover{
		    color: #ffddb4;
		    }
    
    .article{
		    padding: 0 0 20px 0;
		    border-bottom: 1px solid #f3f3f3;
		    }
		    
    .article p{
		    color: #4e4506;
		    font-size: 95%;
		    text-align: justify;
		    padding: 0;
		    margin:5px 10px;
		    width: 310px;
		    position: relative;
		    left: 20px;
		    }
		    
    .article .article-img{
		      width: 136px;
		      height: 115px;
		      position: relative;
		      left: 20px;
		      margin: 0;
		      }
		    
    .article .article-img div{
		      width: 136px;
		      height: 115px;
		      position: absolute;top: 0; left:0;
		      z-index: 10px;
		      background: url("../img/art-img.gif") no-repeat;
		      }
		    
    a.older{
		    display: block;
		    padding: 5px;
		    }
    
  	/* Submenu ----------------------------------------------------------------- */
  	#panel-right {
		  	float:right;
		  	position:inherit;
		  	width:235px;
		  	background:url("../img/panel-corner.jpg") no-repeat;
		  	}
  	
  	.panel .in {
		  	background: url("../img/panel-bot.jpg") no-repeat bottom;
		  	padding: 10px;
		  	}
  	
  	.panel #bottom {
		  	margin-left: 9px;
		  	margin-top: 5px;
		  	background: #f0f0f0 url("../img/panel-top.jpg") no-repeat top;
		  	}
 
    .panel .title{
		    text-transform: uppercase;
		    color: #606060;
		    display: block;
		    font-size: 90%;
		    }
		    
    .panel ul {
		    list-style: none;
		    margin: 5px 0 15px 0;
		    padding: 0;
		    }
    
    .panel ul li{
		    background: url("../img/panel-dots.jpg") repeat-x bottom;
		    padding: 0 5px;
		    }
    
    .panel ul li a{
		    display: block;
		    padding: 3px 5px;
		    width: 90%;
		    font-size: 85%;
		    color: #808081;
		    text-decoration: none;
		    }
    
    .panel ul li a:hover{
		    color: #545454;
		    }
    
    .panel .about-me{
		    margin: 0;
		    padding: 0;
		    width: 175px;
		    font-size: 85%;
		    text-align:inherit;
		    color: #606060;
		    line-height: 13px;
		    }
    
    .panel .about-me a:active{
			color: #606060;
		    }
    
    .panel .about-me em{
		    display: block;
		    color: #606060;
		    font-size: 110%;
		    margin: 10px 0 5px 0;
		    }
    
    .panel .about-img{
		    width: 79px;
		    height: 97px;
		    position: relative;
		    margin: 5px 5px 0 0px;
		    background-image:url('../img/portret1.jpg');
		    background-repeat:no-repeat;
		    width:160px;
		    height:240px;
		    }
    
    .panel .about-img div{
		    width: 79px;
		    height: 97px;
		    position: absolute;top: 0; left:0;
		    z-index: 10px;
		    background: url("../img/about-me.gif") no-repeat; 
		    }
    
    .panel .about-img img{
		    margin: 7px 0 0 4px;
		    }
    
  	/* footer ----------------------------------------------------------------- */
  	#footer {
      clear:both;
      height: 85px;
      background: url("../img/footer-bg.jpg") repeat-x bottom;
    }
    #foot{
      width: 745px; text-align: left;  margin:0 auto; 
    }
    #page-bottom{
      height: 46px;
      line-height: 40px;


      background: url("../img/footer.jpg") no-repeat bottom;
    }
    #page-bottom a{text-decoration: none; display: block; width: 85px;float: right;}
    #footer p { margin:0 20px; font-size: 85%;padding-top:11px;  color: #ffd39f;}
    #footer p a{color: #fff;}
    #footer p a:hover{color: #ffd39f; text-decoration: none;}
    #footer p a#webdesign{color: #ffd39f;text-decoration: none;}



/* odstavce -------------------------------------------------------------------- */
p { margin:15px 0; }

/* tabulky --------------------------------------------------------------------- */
table { margin:15px 0; border-collapse:collapse; border-spacing:0; font-size:100%; }
th { text-align:center; font-weight:bold; }
td { padding:3px 5px; }

th { padding:3px 5px; }

/* seznamy --------------------------------------------------------------------- */
ol { display:block; margin:15px 0 15px 40px; }
ul { display:block; margin:15px 0 15px 40px; }
ol ol ol { margin:0; margin-left:20px; }
ol ol { margin:0; margin-left:20px; }
ul ul ul { margin:0; margin-left:20px; }
ul ul { margin:0; margin-left:20px; }
ol { list-style-type:decimal; }
ol ol { list-style-type:upper-alpha; }
ol ol ol {list-style-type:lower-alpha; }
li { display:list-item; }
ul li a { text-decoration:underline; }

/* definice -------------------------------------------------------------------- */
dl { margin:15px 0; }
dt { font-weight:bold; }
dd { margin-left:30px; }

/* ostatni --------------------------------------------------------------------- */
fieldset { margin:15px 0; padding:10px; border:1px solid #CCC; }
legend { margin-left:10px; font-size:100%; font-weight:bold; color:#000; }
.help { border-bottom:1px dotted #CCC; cursor:help; }
acronym { border-bottom:1px dotted #CCC; cursor:help; }
abbr { border-bottom:1px dotted #CCC; cursor:help; }
blockquote { margin:15px 20px; font-style:italic; }
.del { text-decoration:line-through; }
del { text-decoration:line-through; }
.strong { font-weight:bold; }
strong { font-weight:bold; }
var { font-style:italic; }
q { font-style:italic; }
em { font-style:italic; }
cite { font-style:italic; }
samp  {font-family:monospace; font-size:110%; }
kbd  {font-family:monospace; font-size:110%; }
code  {font-family:monospace; font-size:110%; }
hr { display:block; height:1px; margin:10px 0; padding:0; border:0 solid #CCC; background:#CCC; color:#CCC;} 
.f-left {float:left;}
.f-right {float:right;}
tr.a-left td {text-align:left;}
.a-left {text-align:left;}
tr.a-center td {text-align:center;}
.a-center {text-align:center;}
tr.a-right td {text-align:right;}
.a-right {text-align:right;}
.a-justify {text-align:justify;}
.va-top {vertical-align:top;}
.va-middle {vertical-align:middle;}
.va-bottom {vertical-align:bottom;}
.clear { clear:both; color:#606060; }
.box { min-height:1px; }
.box:after { display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:"."; }
.noscreen { display:none; }
.mleft10 { margin-left: 10px; }
.mright10 { margin-right: 10px; }
.mtop10 { margin-top: 10px; }
.mbottom10 { margin-bottom: 10px; }

/* univerzalni prvky ------------------------------------------------------------ */
input.small{
  width: 50px;
}
input.normal{
  width: 146px;
}
.bigger {font-size:115%;}
.smaller {font-size:85%;}

.high {color:#00F;}
.nonhigh {color:#777;}

.foto{  display: block; border: 3px solid #ddd;}

input {
	width:180px;
	background:url(../images/input.jpg) top no-repeat;
	font: 100% "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
	color:#333;
	border:0;
	padding:7px 10px;
	margin:2px;
	color:#777;
}


textarea {
	width:350px;
	height:105px;
	background:url('../images/textarea.jpg') top no-repeat;
	font: 100% "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
	color:#333;
	border:0;
	padding:10px;
	margin:2px;
	color:#777;
}

input[type=submit] {
	 cursor:pointer;
	 background:#ff9900;
	 color:#fff;
	 font-weight:bold;
	 width:182px;
	 height:33px;
	 padding:7px 10px;
	 background:url('../images/submit.jpg') top no-repeat;
}

input[type=button] {
	 cursor:pointer;
	 background:#ff9900;
	 color:#fff;
	 font-weight:bold;
	 width:182px;
	 height:33px;
	 padding:7px 10px;
	 background:url('../../images/submit.jpg') top no-repeat;
}