/* Stylsheet voor www.meeberan.nl Ontwerpmee */
/* Kleuren */
/* American Beauty #9F1A20 */
/* Burnt olive  #5D672A */
/* lichtgroen  #9D9372 */
/* grijsblauw  #50525C */
/* lichtblauw  #8493A1 */
/* goudgeel  #FF9900 */
/* Tekstkleur #Black */

/* nw paars  #503D4C */
/* nw donkerpaars  #472E43 */
/* nw oude groen  #6F664B */
/* nw donkergroen  #584B27 */
/* nw rood  #873427 */
/* nw bruin  #5E362C */
/* nw Tekstkleur bruinzwart #393130 */

body, p, td, ul, ol, h1, h2, h3, h4, h5, h6 
{
    font-family:Georgia, Arial, Verdana;
    font-size:12px;
    color:#393130;
	line-height:18px;
}

li
{
    font-family:Georgia, Arial, Verdana;
    font-size:12px;
    color:#393130;
	line-height:16px;
}

ul 
{
    list-style:none;
    margin:0;
    padding:0;
}

body 
{
    margin:0;
    padding:0;
    background-color:White;
	overflow:hidden;
}

.gewoon 
{
    font-family:Georgia, Arial, Verdana;
    font-size:12px;
    color:#393130;
	line-height:18px;
}


.rood 
{
        color:#873427;
}

.roodklein 
{
        color:#6F664B;
		font-size:11px;
}

.cursief 
{
		font-style:italic;
}

.groen 
{
        color:#6F664B;
}


.roodschreef 
{
        color:#873427;
}

.nieuw 
{
        color:#873427;
}

.binnenkort 
{
    	font-size:10px;
}

.bur
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	line-height:15px;
	letter-spacing:2px;
	}
	
.bur1
{
font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:15px;
	letter-spacing:2px;
}
	
	
.balk
{
	padding: 0 2px 0 2px;
	background-color:#6F664B;
	color:White;
	display:inline;
	
}	

.balkrood
{
	padding: 0 2px 0 2px;
	background-color:#873427;
	color:White;
	display:inline;
	
}	

.balkpaars
{
	padding: 0 2px 0 2px;
	background-color:#472E43;
	color:White;
	display:inline;
	
}
.zichtbaar
{
	font-size:19px;
	font-family:helvetica;
	color:#873427;
	
}		

.balkpaars1
{
	padding: 5px 7px 5px 7px;
	background-color:#873427;
	color:White;
	display:inline;
	
}	

.plus
{	
        color:#873427;
		font-size:11px;
}

.pluspaars
{	
        color:#472E43;
		font-size:11px;
}

.plusrood
{	
        color:#873427;
		font-size:11px;
}

.bel
{	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8px;
	letter-spacing:2px;
	color:#6F664B;
}

.prof
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}


/* Stijlen voor het contentpanel */
#content 
{ 
    position:absolute;
    top:100px;
    left:295px;
    width:250px;
    height:500px; 
}


/* Stijlen voor het navigatiepanel*/

#nav1 
{
    position:absolute;
    padding:0;
    top:5px;
    left:135px;
    z-index:0;
    background-color: none;
}

#nav2 
{
    position:absolute;
    padding:0;
    top:5px;
    left:290px;
    z-index:0;
    background-color: none;
}

#nav3 
{
    position:absolute;
    padding:0;
    top:130px;
    left:135px;
    z-index:0;
    background-color: none;
}

#nav4 
{
    position:absolute;
    padding:0;
    top:5px;
	left:447px;
    z-index:4;
    background-color: none;
}

#nav5 
{
    position:absolute;
    padding:0;
    top:200px;
	left:447px;
    z-index:4;
    background-color: none;
}

#nav1 a, #nav2 a
{
	color:#6F664B;
	text-decoration:none;
	padding: 0 5px 0 5px;
}

#nav3 a
{
	color:#393130;
	text-decoration:none;
	padding: 0 5px 0 5px;
}

#profiel #nav2 #prof 
{
    background-color:#873427;
	color:White;
	display:inline;
	padding: 0 5px 0 5px;
}

#ervaring #nav2 #erv 
{
    background-color:#6F664B;
	color:White;
	display:inline;
	padding: 0 5px 0 5px;
}

#contact #nav2 #conta 
{
    background-color:#503D4C;
	color:White;
	display:inline;
	padding: 0 5px 0 5px;
}

#portfolio #nav2 #port a 
{
    background-color:#6F664B;
	color:White;
	display:inline;
	padding: 0 5px 0 5px;
}

#nav4 a
{
	color:#999999;
	text-decoration:none;
	padding: 0 5px 0 5px;
}

#nav5 a
{
	color:#393130;
	text-decoration:none;
	padding: 0 5px 0 5px;
}

#nav1 a:hover
{
	text-decoration:none;
	background-color:#393130;
	color:White;
	height:100%;
	padding: 0 5px 0 5px;
}

#nav2 a:hover
{
	text-decoration:none;
	background-color:#9D9372;
	color:White;
	height:100%;
	padding: 0 5px 0 5px;
}

#nav3 a:hover
{
	text-decoration:none;
	background-color:#873427;
	color:White;
	height:100%;
	padding: 0 5px 0 5px;
}

#nav4 a:hover
{
	text-decoration:none;
	background-color:#FF9900;
	color:White;
	height:100%;
	padding: 0 5px 0 5px;
}

#nav5 #prof a:hover
{
	text-decoration:none;
	background-color:#873427;
	color:White;
	height:100%;
	padding: 0 5px 0 5px;
}

#nav5 #erv a:hover
{
	text-decoration:none;
	background-color:#6F664B;
	color:White;
	height:100%;
	padding: 0 5px 0 5px;
}

#nav5 #port a:hover
{
	text-decoration:none;
	background-color:#6F664B;
	color:White;
	height:100%;
	padding: 0 5px 0 5px;
}

#nav5 #conta a:hover
{
	text-decoration:none;
	background-color:#503D4C;
	color:White;
	height:100%;
	padding: 0 5px 0 5px;
}

#logo 
{
	position:absolute;
	left:135px;
	top:80px;
}


/* stijlen voor de homepage */
#flashenzo
{
    position:absolute;
    left:90px;
    top:5px;
}

#flashenzo a
{
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#999999;
	text-decoration:none;
}

#flashenzo a:hover
{
	color:#FF9900;
}

	
#home #bureau2
{
    position:absolute;
    left:80px;
    top:240px;
	z-index:10;
}

#home #bureau3
{
    position:absolute;
    left:80px;
    top:240px;
	z-index:10;
}

#home #logo 
{
    position:absolute;
    left:80px;
    top:100px;
	z-index:5;
}

#home #statement 
{
    position:absolute;
    left:80px;
    top:350px;
	width:367px;
	height:144px;
	z-index:4;
}

#home #onder 
{
	background-color:#393130;
	position:absolute;
	left:0px;
	top:600px;
	height:1700px;
	width:3000px;
	z-index:1;
	filter:alpha(opacity=60); 
	-moz-opacity:0.6; 
	opacity:0.6;
}

#home #rechts 
{
	background-color:#873427;
	position:absolute;
	left:800px;
	top:0px;
	height:1700px;
	width:3000px;
	z-index:0;
	overflow:hidden;
}

/* stijlen voor de profielpage */
#profiel #content 
{
	position:absolute;
	left:295px;
	top:130px;
    height:579px;
    width:481px;
}

#profiel #subcontent 
{
	position:absolute;
	left:10px;
	top:156px;
    width:270px;
}

#profiel #bureau2
{
    position:absolute;
    left:122px;
    top:135px;
	z-index:10;
}

#profiel #onder 
{
	background-color:#9D9372;
	position:absolute;
	left:0px;
	top:600px;
	height:1700px;
	width:3000px;
	z-index:2;
	filter:alpha(opacity=50); 
	-moz-opacity:0.5; 
	opacity:0.5;
}

#profiel #rechts 
{
	background-color:#873427;
	position:absolute;
	left:800px;
	top:0px;
	height:1700px;
	width:2500px;
	z-index:1;
}

/* stijlen voor de ervaringpage */
#ervaring #content 
{
	position:absolute;
	left:295px;
	top:130px;
    height:579px;
    width:481px;
}

#ervaring #subcontent 
{
	position:absolute;
	left:10px;
	top:190px;
    width:270px;
}

#ervaring #bureau2
{
    position:absolute;
    left:295px;
    top:468px;
	z-index:10;
}

#ervaring #onder 
{
	background-color:#9D9372;
	position:absolute;
	left:0px;
	top:600px;
	height:1700px;
	width:3000px;
	z-index:2;
	filter:alpha(opacity=50); 
	-moz-opacity:0.5; 
	opacity:0.5;
}

#ervaring #rechts 
{
	background-color:#6F664B;
	position:absolute;
	left:800px;
	top:0px;
	height:1700px;
	width:3000px;
	z-index:1;
}

/* stijlen voor de portfoliopage */
#portfolio #folio
{
	position:absolute;
	left:70px;
	top:130px;
	height:470px;
	width:730px;
	border:none;
	
}
	
#portfolio #onder 
{
	background-color:#9D9372;
	position:absolute;
	left:0px;
	top:600px;
	height:1700px;
	width:3000px;
	z-index:2;
	filter:alpha(opacity=50); 
	-moz-opacity:0.5; 
	opacity:0.5;
	overflow:hidden;
}

#portfolio #rechts 
{
	background-color:#6F664B;
	position:absolute;
	left:800px;
	top:0px;
	height:1700px;
	width:3000px;
	z-index:1;
}


/* stijlen voor de contactpage */
#contact #content 
{
	position:absolute;
	left:295px;
	top:290px;
    height:579px;
    width:481px;
}

#contact #content a
{
	text-decoration:none;
	color:#393130;
    font-size:12px;
	line-height:18px;
	padding: 0 0 0 0;
}

#contact #content a:hover 
{
	text-decoration:none;
	background-color:#634260;
	color:White;
	height:100%;
	padding: 0 5px 0 5px;
}



#contact #subcontent1 
{
	position:absolute;
	left:295px;
	top:145px;
    width:200px;
	border:none;
}

#contact #bureau2
{
    position:absolute;
    left:122px;
    top:135px;
	z-index:10;
}


#contact #onder 
{
	background-color:#9D9372;
	position:absolute;
	left:0px;
	top:600px;
	height:1700px;
	width:3000px;
	z-index:2;
	filter:alpha(opacity=50); 
	-moz-opacity:0.5; 
	opacity:0.5;
}

#contact #rechts 
{
	background-color:#503D4C;
	position:absolute;
	left:800px;
	top:0px;
	height:1700px;
	width:2500px;
	z-index:1;
}
/* stijlen voor de kijkmeepage */

#kijkmee
{
overflow:auto;
}

#mee
{
position:absolute;
top:150px;
left:140px;
}

#happy2008
{
position:absolute;
top:150px;
left:428px;
}

#happy2007
{
position:absolute;
top:150px;
left:858px;
}

#warm2006
{
position:absolute;
top:150px;
left:1288px;
border-right: solid 5px #ff9900;
}

#camera
{
position:absolute;
top:433px;
left:170px;
font-size:10px;
font-family:Arial;
color:#393130;
}

#stockholm
{
position:absolute;
top:433px;
left:888px;
font-size:10px;
font-family:Arial;
color:#393130;
}

#berg
{
position:absolute;
top:433px;
left:458px;
font-size:10px;
font-family:Arial;
color:#393130;
}

#kijkmee #nav1 a, #kijkmee #nav4 a
{
color:White;
}

#kijkmee #nav4 a:hover
{
	text-decoration:none;
	background-color:#873427;
	color:White;
	height:100%;
	padding: 0 5px 0 5px;
}

#kijkmee #nav4 #kijk
{
	text-decoration:none;
	background-color:#393130;
	color:White;
	height:100%;
	display:inline;
	padding: 0 5px 0 5px;
}