/*
This style sheet was created from F:\sites\Hermelijntje\hometemplate.asp
*/

body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color: #B4C3E8;
font-family: century gothic, Verdana, Geneva, Arial, Helvetica, sans-serif;
}	

#gelebalkHome {
position:absolute;
width:100%;
height:365px;
z-index:1;
top: 50px;
background-color: #EDE00C;
left: 0;
visibility: visible;
border-top: #cc0000 solid 2px;
border-bottom: #cc0000 solid 2px;
} 

#gelebalk {
position:absolute;
width:100%;
height:365px;
z-index:1;
top: 80px;
background-color: #0074CA;
left: 0;
visibility: hidden;
border-top: #cc0000 solid 0px;
border-bottom: #cc0000 solid 0px;
}

#clearing {
display: block;
width: 100%;
clear:both;
}

#Container {
position: absolute;
width: 870px;
margin-left: -435px;
margin-bottom: 80px;
left: 50%;
z-index: 2;
top: 10px;
}	

#topschaduw {
position: relative;
background-image: url(media/new/tops.jpg);
background-repeat: no-repeat;
z-index: 1;
height: 35px;
width: 869px;
top: 3px;
left: 0px;
}

#midshadow {
position: relative;
	background-image: url(media/new/mids.jpg);
	background-repeat: repeat-y;
	height: 400px;
	z-index: 1;
	top: 0px;
	left: 0px;
}

/* GECENTREERD
#Lcontainer { 
position: relative;
width: 780px;
height: 100%;
 top: 15px;
   margin-left: -390px;
  margin-bottom: 50px;
  left: 50%;
}
*/ 

#bovenbalk {
position: relative;
width:870px;
left: 0px;
height: 35px;
max-heigth: 35px;
overflow: hidden;
z-index: 3;
top: 0px;
background-image: url(media/new/top.jpg);
background-repeat: no-repeat;
text-align: center;
}

#menubar_m1 {
position:relative;
margin-top: 10px;
width:800px;
text-align: center;
}

#bovenrond {
position: absolute;
width: 848px;
left: 0px;
height: 19px;
z-index: 2;
top: 0px;
background-image: url(media/new/top.gif);
background-repeat: no-repeat;
}	

#contentvlak {
position: relative;
width: 870px;
left: 0px;
height: 100%;
z-index: 2;
top: -15px;
background-image: url(media/new/mid.jpg);
background-repeat: repeat-y;
padding-left: 30px;
padding-top: 35px;
}	

#onderrond {
position: absolute;
width:870px;
left: 0px;
height: 21px;
z-index:2;
bottom: -10px;
background-image: url(media/new/bot.jpg);
background-repeat: no-repeat;
}	

body,td,th {
	font-family: "Century Gothic", Arial, Helvetica, sans-serif, Tahoma;
	font-size: 12px;
	color: navy;
}


 a.tekstjes:link 
 	{ 
	color : white;
	text-decoration: none;
 } 

 a.tekstjes:hover  
 	{ 
	color : #E8E8E8;
	text-decoration: underline;
 } 
  a.tekstjes:visited  
 	{ 
	color : white;
	text-decoration: none;

} 

#onderbalk {
position:absolute;
width:870px;
height:50px;
z-index:2;
left: 0px;
/*top: 520px;*/
background-image: url(media/new/onderbalk.jpg);
background-repeat: no-repeat;
margin-bottom: 0px;
bottom: -43px; 
}

#onderbalktekst {
	position: relative;
	padding-top: 6px;
	text-align: center;
	color: #ffffff;
	font-family: century gothic, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}


/* 
 a.onderbalktekst:link 
 	{ 
	color : white;
	text-decoration: none;
 } 

 a.onderbalktekst:hover  
 	{ 
	color : #E8E8E8;
	text-decoration: underline;
 } 
  a.onderbalktekst:visited  
 	{ 
	color : white;
	text-decoration: none;

 } */
 
 #onderbalktekst a:link {
	color : white;
	text-decoration: none;
}

#onderbalktekst a:visited {
	color : white;
	text-decoration: none;
}

#onderbalktekst a:active {
	color : white;
	text-decoration: none;
}

#onderbalktekst a:hover {
	color : #E8E8E8;
	text-decoration: underline;
}

#palet1 {
position:absolute;
width:168px;
height:250px;
z-index:5;
left: 25px;
top: 255px;
background-image: url(media/palet1.jpg);
background-repeat: no-repeat;
}
#palet2 {
position:absolute;
width:168px;
left: 203px;
top: 255px;
height:250px;
z-index:4;
background-image: url(media/palet2.jpg);
background-repeat: no-repeat;
}
#palet3 {
position:absolute;
width:168px;
left: 382px;
top: 255px;
height:250px;
z-index:4;
background-image: url(media/palet3.jpg);
background-repeat: no-repeat;
}
#palet4 {
position:absolute;
width:168px;
left: 560px;
top: 255px;
height:250px;
z-index:4;
background-image: url(media/palet4.jpg);
background-repeat: no-repeat;
}

#randompics{
Position: relative;
	width: 844px;
	height: 287px;
	top: -20px;
	left: -17px;
}

#layerlogo {
left: 25px;
top: 270px;
width: 180px;
height: 115px;
position:absolute;
z-index:inherit;
}

#layerslogan {
left: 401px;
top: 80px;
width: 280px;
height: 85px;
position: relative;
z-index: inherit;
}

#Layer1 {
position:absolute;
width:200px;
height:115px;
z-index:3;
}

.tekstvlak {
position: relative;
	margin-left: 220px;
	top: -40px;
	width: 550px;
	text-align:left;
	
}

.paletkopje {
color: #FFFFFF;
font-weight: bold;
padding-top: 12px;
padding-bottom: 4px;
padding-left: 8px;
height: 20px;
display: block;
}

.paletText {
color: #FFFFFF;
padding: 6px;
display: block;
}

.paletPicture {
padding-left: 2px;
}

.talen {
margin-top: 7px;
padding-left: 15px;
display: block;
vertical-align: middle;
font-size: 11px;
}
#Layer2 {
position:absolute;
width:200px;
height:124px;
z-index:1;
left: -8px;
top: -121px;
}
#Layer3 {
position:absolute;
width:200px;
height:115px;
z-index:3;
left: 40px;
top: 191px;
}
#layerjongen {
position:absolute;
width:168px;
height:115px;
z-index:3;
top: 139px;
left: 26px;
}
#Layerbaby {
position:absolute;
width:150px;
height:115px;
z-index:3;
left: 202px;
top: 132px;
}
#LayerStrik {
position:absolute;
width:100px;
height:115px;
z-index:3;
left: 589px;
top: 119px;
}
#Layerhands1 {
position:absolute;
width:163px;
height:115px;
z-index:3;
left: 393px;
top: 135px;
}
#Layer4 {
position:absolute;
width:164px;
height:17px;
z-index:9;
left: 11px;
top: 0px;
}

.bodytext, bodytekst {
	font-family: century gothic, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.97em;
	line-height: 170%;
	color: navy;
}

.heading {
	font-family: century gothic,Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	color: #00A0F4;
}

h1 {
	font-family: century gothic,Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	color: #00A0F4;
}

h2 {
	font-family: century gothic,Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	color: #333333;
}

h3 {
font-family: century gothic,Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	color: #666666;
}


.subheading {
	font-family: century gothic,Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	color: #333333;
}

.smallheading {
	font-family: century gothic,Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	color: #666666;
}

input, textarea {
	font-family: century gothic,Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.97em;
	font-weight: normal;
	color: #666666;	
}

#tekstvlak {
padding-top: 21px;
}