/* CSS Document */

/*  
Theme Name: Corporate
Description: The Corporate wordpress theme. Cross-browser, XHTML Strict v1.0 and CSS 2.1 valid. Great for businesses, corporate blogs and web sites. Comes with customizable intro text, for information read Instructions.txt. NOTICE: This version contains a few critical bug fixes, so make sure you have the latest version.
Version: 1.4.1
Author: Ori Pearl
Author URI: http://www.oripearl.com/
Tags: business, corporate, xhtml, css, simple, clean, clear, white, grey, orange, fixed width, intro, banner, widget-ready, widgets, right sidebar, two columns, valid XHTML, valid CSS, blueprint, blueprintcss
*/

body
{
	background: #cccccc url('images/bgmain.jpg') repeat-x 0 0;	
	font-size: 11px;
}

h2, a
{
	color: #525252;
}

.paars
{
color:#a50061;
}

pre, code {white-space: normal;
}


#top
{

	text-align: right;
	height: 10px;
}

#top .menu
{
	padding-top: 7px;
}

#top .menu li
{
	display: inline;
	list-style-type: none;
	padding-right: 20px;
}

#top .menu a
{
	text-decoration: none;
	color: #fff;
}

#top .menu a:hover
{
	color: #000;
}



#contenttop
{
	background: transparent url('images/topbg.png') no-repeat 0 0;
	height: 25px;
}  


#toptest
{	
	float:left;
	background: transparent url('images/schaduwtopbar.png') no-repeat bottom;
	height: 45px;
	width: 950px;

}


#contentwrapper
{
	background: transparent url('images/contentbg.png') repeat-y 0 0;

}

#header
{
	height: 50px;
}

#header #title
{
	
}

#header #title .logo
{
	float: left;
}

#header #title #blogtitle
{
	margin-left: 68px;
}

#header #title h1
{
	font-size: 24px;
	font-weight: bold;
	color: #525252;
	margin-bottom: 5px;
}

#header #title h2
{
	font-size: 14px;
	color: #525252;
}

#header #searchbar
{
	margin-top: 20px;
}

#introcontainer
{
	margin-top: 40px;
}

#intro
{
	
	height: 200px;
	background: url('images/introbg.jpg') no-repeat 0 0;
	margin-left: 7px;
}


#intro #introtext
{
	float: left;
	height: 165px;
	margin: 20px auto auto 20px;
	overflow: hidden;
}


#intro #introtext h1
{
	font-size: 18px;
	color: #00599d;
	margin-bottom: 16px;
}

#intro #introtext p
{
	font-size: 16px;
}

#intro #introicon
{
	float: right;
	margin: 35px 50px;
}

.posthome
{

	margin: 40px 0px 20px 5px;	
	padding: 15px;
	width:605px;
}

.postpage
{
	border: solid 1px #9d9d9d;
	margin: 40px 0px 20px 5px;	
	padding: 15px;
	width: 605px;
}


.post
{
	background:#ffffff;
	border: solid 1px #9d9d9d;
	margin: 30px 0px 20px -5px;	
	padding: 15px;
	width: 605px;
}

.post .postheader .commentcount
{
	width: 27px;
	line-height: 12px;
	float: left;
	text-align: center;
	padding-right: 10px;
}

.post .postheader .commentcount a
{
	text-decoration: none;
	color: #4884bc;
}

.post .postheader .posttitle
{
	line-height: 20px;
}

.post .postheader .posttitle h2
{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 20px;
	padding: 0;
	margin: 0;
}

.post .postheader h2 a
{
	text-decoration: none;
}

.posttitel
{
padding-top:10px;
margin-bottom:0px;
}

.postmeta a
{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#FFFFFF;
	text-decoration:none;
	padding:6px 6px 4px 6px;
	background-image:url('images/cat_btn.png');
	background-position:right;
	background-repeat:no-repeat;
	line-height:27px;
}


.post .postheader .posttitle .postmeta
{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.post .postcontent
{
	margin-top: 20px;
	line-height: 17px;
}

.post .postcontent p
{
	margin-bottom: 10px;
}

.post .posttags, .post .posttags a
{
	color: #959595;
	clear:both;
	margin-top: 20px;
	text-align: right;
}

.commentbox
{
	background: #fff;
	border: solid 1px #eeeeee;
	margin: 10px 5px 20px 5px;
	padding: 15px;
	_padding: 7px;
}

.commentmeta .avatar
{
	float: left;
	padding-right: 6px;
	_padding-right: 3px;
}

.commenttext
{
	clear: both;
	margin-top: 10px;
}

.commentform input
{
	padding: 0;
	margin: 0;
	line-height: 0;
}

#commentform .text {
	width: 300px;
    margin: 0 0 15px 0;
}

#commentform textarea
{
    width:450px;
    height:150px;
    margin:0;
    padding:5px;
}

.navlinks
{
	margin: 0px 5px 40px 5px;	
}

.navlinks a
{
	text-decoration: none;
}

.navlinks img
{
	margin-right: 5px;
}




#sidebar #wrapbox
{
	padding: 5px 0px 5px 0px;
	margin: 0px 0px 20px 0px;
}
.callme
{
	height:150px;
	background-color:#CCCCCC;
	padding: 5px;
}

.cloud
{
	padding-left:10px;
	padding-right:10px;
}

#sidebar .sidebarbox
{
	line-height: 20px;
	margin-bottom: 40px;
}

#sidebar .sidebarbox h3
{
	font-size: 16px;
	color: #b0006d;
	margin-bottom: 10px;
}

#sidebar .sidebarbox a
{
	text-decoration: none;
}

.page_item a, .page_item_home a{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#222222;
	padding: 4px 0 4px 10px;
	border-bottom: 1px;
	border-style:solid;
	border-color:#a50061;
	display:block;

}

.page_item a{
	background-image:url(images/bgmainnav.jpg);
	background-position:top right;
	background-repeat:no-repeat;
}



#sidebar .sidebarbox ul
{
margin:0;
padding:0;
list-style-type: none;

}

#sidebar .sidebarbox .pages ul
{
	text-indent: -3em;
}

#footer
{
	height: 52px;
	background: url('images/bottombg.png') no-repeat 0 0;
}


.searchform #searchbox
{
	float: left;
	background: #f1f1f1;
	border: solid 1px #e3e3e3;
	width: 120px;
	height: 14px;
	font-size: 11px;
	
}

.searchform #searchbutton
{
	height: 18px;
	width: 18px;
	margin-left: 6px;
	border: none;
	cursor: pointer;
	background: url('images/searchbutton.jpg') no-repeat 0 0;
}

/*** Wordpress ***/
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
   margin: 0 10px 10px 0;
}

.alignright {
   float: right;
   margin: 0 0 10px 10px;
}

.wp-caption {
   background: #fafafa;
   border: solid 1px #eeeeee;
   text-align: center;
   padding-top: 4px;
}

.wp-caption img {
   float: none;
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0px;
   margin: 0px;
}




.left {float:left; width:140px; background-color:#00CC33}
.right {float:left; width:140px; background-color:#FF0066}



/* Start top afbeeldingen */

.main-afbeelding, .producten-afbeelding, .technologie-afbeelding, .contact-afbeelding, .vacatures-afbeelding, .over-ons-afbeelding, .iec-afbeelding{

    top:10px;
	left:5px;
    height:230px;
	width:640px;
	position: relative;
}

.main-afbeelding{
	background: url('images/top-home.jpg') no-repeat 0 0;
}

.producten-afbeelding{
	background: url('images/top-producten.jpg') no-repeat 0 0;
}


.technologie-afbeelding{
	background: url('images/top-technologie.jpg') no-repeat 0 0;
}


.contact-afbeelding{
	background: url('images/top-contact.jpg') no-repeat 0 0;
}

.vacatures-afbeelding{
	background: url('images/top-vacatures.jpg') no-repeat 0 0;
}

.over-ons-afbeelding{
	background: url('images/top-over-ons.jpg') no-repeat 0 0;
}

.iec-afbeelding{
	background: url('images/iec.jpg') no-repeat 0 0;
}

/* Einde top afbeeldingen */



/* Start Top Portfolio */

.top-menu{

    top:10px;
	left:-5px;
    height:370px;
	width:640px;
	position: relative;
	line-height:25px;
}


.top-menu-ref{

    top:10px;
	left:-5px;
    height:470px;
	width:640px;
	position: relative;
	line-height:25px;
}


#portfolio-afbeelding{
	 background: url('images/bgmenuport.jpg') no-repeat 0 0;
}

#referenties-afbeelding{
	background: url('images/bgmenuref.jpg') no-repeat 0 0;
}

.portmenukol{
	float:left; 
	width:118px; 
	margin: 55px 0px 10px 8px;
	list-style: none;

}

.portmenukol a{
	display:block;
	color:#a50061;
  	text-decoration:  none;
 } 

.portmenukol a:hover{
	display:block;
	background-image:url(images/hoverport.jpg);
	width:123px;
	color:#383838;
} 


.portmenulijst {
border-top:solid #ebebeb 1px;
height:25px;

}

.portrest a{
border-top:solid #ebebeb 1px;
height:25px;
color:#383838;

}

.refmenulijst{
border-bottom:solid #ebebeb 1px;
line-height:22px;
}


.portmenu a:link{
background-color:#f7f7f7;
}


.refmenukol{
	float:left; 
	width:140px; 
	margin: 55px 10px 10px 10px;
	list-style: none;
}

.refmenukol a{
	display:block;
  	text-decoration:  none;
 } 

.refmenukol a:hover{
	display:block;
	background-image:url(images/hover.jpg);
	width:140px;
} 

.sidebarInput {
border-style:solid;
border-width:1px;
border-color:#666666;
}

.verzendknop{
background-color:#FFFFFF;
color:#000000;
border:solid;
border-width:1px;
border-color:#cc006d;
cursor:pointer;
}


/* Eind Top Portfolio */