@charset "utf-8";
/* CSS Document */

body {
	background:url(http://www.ytext.nl/images/background_lighter.png) repeat-x scroll 0 0;
	position: relative;
	font-family:georgia,sans-serif;
	color:797979;
	font-size:0.80em;
	line-height:1.6em;
	margin:0;
	padding: 0 0 16 px;
	background-color:#e7e7e7;
}


#logo{
float:left;
padding-left:15px;
padding-top:7px;
width:300px;
padding-right:140px;
}


#CArtikel{
padding-left:30px;
padding-right:45px;
}


#CInhoudHoofdArtiekel{
padding-left:70px;
padding-top:20px;
padding-bottom:30px;
background-image:url(../images/letters/e.png);
background-repeat:no-repeat;
}

#CInhoudHoofdArtiekel_{
padding-left:70px;
padding-top:20px;
padding-bottom:30px;
}


h1, h2, h3 
{color:#b03b00;
font-family:Arial, Helvetica, sans-serif;
}

h1 {font-size:24px;
padding-top:20px;
color:#0969a2;
}

h2 {font-size:20px;
}

h3 {font-size:15px;}


#ContentRechts{
float:left;
padding-left:15px;
width:295px;
float:left;
background-color:#FFFFFF;
}



#Container {
	width:956px;
	position:absolute;
	left:50%;
	margin:0 0 0 -440px;	
}

#ContentBoven{
background:white url(../images/blocktop.png) no-repeat scroll 0 0;
display:block;
height:8px;
left:0;
line-height:3px;
position:relative;
top:0px;
width:956px;
z-index:1;
}

#main{
width:956px;
background:#FFFFFF;
background-image:url(../images/blockmiddle.png);
background-repeat:repeat-y;
}

 
#Content{
width:640px;
padding-left:0px;
float:left;
border-color:#999999;
border-right:2px dashed #eeeeee;
}
#ContentBrandCloud{
width:640px;
background-color:#4e0e0f;
float:left;
border-color:#999999;
border-right:2px dashed #eeeeee;
color:#CCCCCC;
}

#ContentRechtsBrandCloud{
float:left;
color:#CCCCCC;
padding-left:15px;
width:295px;
float:left;
background-color:#4e0e0f;
}



#ContentOnderkant {
background:transparent url(../images/blockbottom.png) no-repeat scroll 0 0;

bottom:0px;
clear:both;
display:block;
height:9px;
left:0;
line-height:3px;
position:relative;
width:956px;
}

#Header{
height:80px;
}

li.CatLijst {
float:left;
width:170px;
padding-bottom:30px;
padding-right:30px;
font-size:0.90em;
color:#666666;
}


li.HoofdArtikel{
padding-right:20;
float:left;
list-style-type:none;

margin:0;
width:540px;
padding-bottom:20px;
}


li.ubr{
	list-style-image: url(/images/vink.png);
	list-style-position:outside;
	padding-top:7px;
}



#Footer{
font-size:xx-small;
background-color:#e7e7e7;
padding-left:15px;
color:#999999;
}

#VeldNaam{
width:130px;
float:left;
}

#InvoerVeld{
width:100px;
float:left;
}

.menu1:hover, .menu2:hover, .menu3:hover, .menu4:hover{
background-position:0 -39px;
}

li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

#menu {
	width:500px;
	float:left
}

.menu1{
background-image:url(../images/menu/menu1_01.gif);
height:30px;
width:105px;
float:left;
}

.menu2{
background-image:url(../images/menu/menu1_02.gif);
height:30px;
float:left;
width:71px;
}

.menu3{
background-image:url(../images/menu/menu1_03.gif);
height:30px;
float:left;
width:110px;
}

.menu4{
background-image:url(../images/menu/menu1_04.gif);
height:30px;
float:left;
width:132px;
}


	#TekstVeld {
	 padding-left:5px;
	 width:125px;
	 float:left;
	 float:left;
	 padding-top:12px;
	clear:left;
	}
	#Invoerveld{
	width:150px;
	padding-top:12px;
	float:left;
	}
	 
	.VerstuurKnop{
	color:#FFFFFF;
	background:transparent url(/images/knop1.gif) no-repeat scroll 0 0;
	border:0 solid;
	cursor:pointer;
	width:116px;
	height:29px;
	font-weight:bold;
	padding-left:20px;
	}
	 
	.VerstuurKnop:hover{
	background:transparent url(/images/knop2.gif) no-repeat scroll 0 0;
	border:0 solid;
	cursor:pointer;
	width:116px;
	height:29px;
	}
	 
	#Form{
	width:280px;
	float:left;
	padding-left:0px;
	padding-top:2px;
	}

	#FormKleur{
	width:290px;
	float:left;
	padding:10px;
	background: #f4f4f4;
	border: 1px solid #6f93b5;
	}

	 
	#ContentRechts{
	width:260px;
	float:left;
	padding-left:20px;
	padding-right:20px;
	padding-top:29px;
	font-size:0.90em;
	}
	
	#Steps{
	border: #dedede solid 1px;
	float:left;
	width:220px;
	}
	
	#Step{
	float:left;
	width:200px;
	padding:10px;
	}