/* 

Description: This is the offical OnVoice Theme.
Author:	Mike @ Onvoice.nl
Date: 16-01-2010
Title: OnVoice WP CMS
Theme Name: OnVoice WP CMS
Version: 1.0


*/

/*
-----------------------------------
MAIN DOCUMENT SETTINGS
-----------------------------------
*/

html {margin:0px;padding:0px;}
body {
	margin:0px;
	padding:0px;
	font-family:georgia, serif;
	font-size:14px;
	line-height:22px;
	background-image:url(images/mainbg.jpg);
	background-repeat:repeat-x;
	background-position:top left;
	color: #807970;
}

a { font-family:georgie;font-size:12px;text-decoration:none }
a:hover { text-decoration:underline; }

.clear { clear:both;}

/*
-----------------------------------
SETTINGS THE WRAPPERS
-----------------------------------
*/

#mainwrapper { 
	width:976px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

#topwrapper {
	width:976px;
	background-image:url(images/headerbg.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	height:87px;
}

#contentwrapper {
	width:936px;
	padding:20px;
}

#leftcontent { 
	float:left;
	width:676px;

}

#rightcontent {
	float:left;
	width:240px;
	margin-left:20px;	
}


/*
-----------------------------------
BUILDING THE TOPMENU
-----------------------------------
*/

#MenuItems {
	margin-left:245px;
}

#MenuItems ul {
	margin:0px;
	padding:0px;
}

#MenuItems ul li {
	list-style:none;
	float:left;
	display:block;

}

a.topmenu1 {
display:block;
width:143px;
height:81px;
margin-right:2px;
background-image:url(images/menu1a.jpg);
text-indent:-9999px;

}

a.topmenu2 {
display:block;
width:143px;
height:81px;
margin-right:2px;
background-image:url(images/menu2a.jpg);
text-indent:-9999px;
}

a.topmenu3 {
display:block;
width:143px;
height:81px;
margin-right:2px;
background-image:url(images/menu3a.jpg);
text-indent:-9999px;
}

a.topmenu4 {
display:block;
width:143px;
height:81px;
margin-right:2px;
background-image:url(images/menu4a.jpg);
text-indent:-9999px;
break;
}

a:hover.topmenu1 {
background-image:url(images/menu1b.jpg);
}

a:hover.topmenu2 {
background-image:url(images/menu2b.jpg);
}

a:hover.topmenu3 {
background-image:url(images/menu3b.jpg);
}

a:hover.topmenu4 {
background-image:url(images/menu4b.jpg);
}

a.inloggen {
	position:absolute;
	right:9px;
	width:140px;
	height:36px;
	display:block;
	text-indent:-9999px;
	background-image:url(images/inloggen.jpg);
}


a.bestel {
	position:absolute;
	right:19px;
	top:44px;
	width:130px;
	height:35px;
	display:block;
	text-indent:-9999px;
	background-image:url(images/bestel1.jpg);
}

/*
-----------------------------------
SUBMENU RIGHT
-----------------------------------
*/

.subhead { font-family:georgia,serif;font-size:16px;color:#31526c;border-top:0px}
#rightcontent ul { margin:0px;padding:0px;width:200px;}
#rightcontent ul li { width:200px;padding-top:6px;padding-bottom:6px;border-bottom:1px solid #9fc5d1;list-style:none;line-height:14px;}
#rightcontent ul li a {font-family:georgia,serif;color:#31526c;}

/*
-----------------------------------
CONTENT PAGE
-----------------------------------
*/

#content { 


}

#content h2 { font-size:44px;color:#fff;margin-top:0px;padding-top:0px;font-weight:normal;width:560px;margin-bottom:0px;line-height:48px;}
.sub-content { color:#4b4742;font-size:16px;width:560px;font-weight:normal;line-height:30px;}

.page-content { margin-top:42px;width:600px;}
.page-content h4 { font-weight:normal;color:#4b4742;font-size:32px;}


/*
-----------------------------------
FOOTER
-----------------------------------
*/


#FooterWrapper {
	height:140px;

}

#InnerFooter {
	margin-left:auto;
	margin-right:auto;
	border-top:2px dotted #dcdcdc;
	padding-top:12px;
	padding-left:20px;
}

#InnerFooter ul {
	float:left;
	width:180px;
	margin:0;
	padding:0;
}

#InnerFooter ul li {
	list-style:none;
	font-family:arial;
	font-size:11px;
	padding:0px;
	line-height:18px;
	
}

.FooterLinkHeader {
	color:#333;
	font-weight:bold;
	
}

#InnerFooter li a {
	color:#999;
	text-decoration:none;
	font-family:helvetica;
}

#InnerFooter li a:hover {
	color:#e1237d;
}