/*
Theme Name: WordPress  Innerballoons_nl
Version: 1.0
Author: Antoinet van Ommern & Marjolein Dellebarre

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/
/* INNERBALLOONS ALGEMEEN */

/*antoinet*/
a.language, a.language:link, a.language:visited { color:#b80f14; text-decoration:none; }
a.language:hover { color:#ffffff; text-decoration:none;}
/*einde antoinet*/

html,body {
	margin:0 auto;
	padding:0;
	height:100%; /* héél belangrijk ook voor fullheight*/
	background: #FFFFFF;
}

.breadcrumb
{
	font-size: 1.1em;
	color: #fff;
	margin: 30px 0 0 10px;
	position: relative;
	float: left;
}

body, td, div, a, p, span  {font-family:  Arial; font-size: 13px; color:#555555; line-height: 15px; letter-spacing: 0.3pt;}
input, option, select {font-family:  Arial; font-size: 13px; color:#555555 ; line-height: 15px; margin-top:3px}
select.Services {font-family: Arial; font-size: 13px; color:#555555 ; line-height: 15px; margin-top:3px; width:218px;background-color:#ececec; border: 1px solid #959595 ;}

input.infoBut { font-family:  Arial; font-size: 13px;color:555555; line-height: 19px;  border: 1px solid #959595 ; background-color:#ececec; margin-right:-20;}
submit{ font-family:  Arial; font-size: 13px;color:555555; line-height: 19px;  border: 1px solid #959595 ; background-color:#ececec; margin-right:-20;}
input.mailingBut { font-family:  Arial; font-size: 13px;color:555555; line-height: 19px;  border: 1px solid #959595 ; background-color:#ececec;}
.h2Titel{font-family: Arial; font-size: 13px; color:#555555; line-height: 15px; letter-spacing: 0.3pt; font-weight:bold;}
a img { border: none; }
h2 {font-family: Arial; font-size: 13px; color:#555555; line-height: 15px; letter-spacing: 0.3pt; font-weight:bold;}

a, a:link, a:visited { color:#b80f14; text-decoration:none; }
a:hover { color:#555555; text-decoration:none;}

.vet { font-weight:bold}
.kleineletter {font-size: 11px;}
.schuin { font-style:italic}
.hoofdletters {text-transform:uppercase;}
.grijs { color:#777777;}


.subscribe_right {padding-left: 15px}
.icon_right {padding-left: 15px}

.kruimels { width:784px; line-height: 14px; font-size: 11px; text-align:left;  padding-bottom: 15px; margin-left:30px; padding-top:10px; }

a.kruimel, a.kruimel:link, a.kruimelo:visited { color:#777777; text-decoration:none; font-size: 11px;}
a.kruimel:hover { color:#b80f14; text-decoration:none;  font-size: 11px;}

/* LAYERS */
#container_fullheight {
position: relative;
min-height: 100%;
height:auto !important; /* voor moderne browsers */
height:100%; /* voor IE */
}

/* SMOOTH MENU	1*/	
/* SMOOTH MENU	
#container_totaalmenu {  position:absolute;
	margin-left: auto;
	margin-left: 613px;
	margin-right: auto;
	top: 20px; 
	text-align:center;
	width:100%;
	z-index:6;
	border:0px red solid;
	}
	
#totaalmenu { position:relative;
	margin:0 auto;
	top: 0px; 
	vertical-align:top;
	padding-left: 206px;
	padding-left: 0px;
	max-width:644px;
	z-index:6;	
	}			
*/

	/* SMOOTH MENU 2   
#container_totaalmenu {  position:absolute;
    left: 0px; top: 0px; 
    text-align:center;
    width:100%;
    z-index:6;
    border:0px red solid;
    }


	
		

#totaalmenu { position:relative;
    margin:0 auto;
    top: 20px;
    width:580px;
    max-height:63px; 
    vertical-align:top;
    padding-left: 346px;
    z-index:6;    
    }
	
*/
	/* SMOOTH MENU	3 */
#container_totaalmenu {  position:relative;
	margin-left: auto;
	margin-right: auto;
	
	left: 0px; top: 0px; 
	text-align:center;
	width:99%;
	z-index:6;
	height:83px;
	border:0px red solid;
	/*max-width:1450px;
	overflow:hidden;
	margin-left: 175px;	
	*/
	
	}
	
#totaalmenu { position:relative;
	margin:0 auto;
	top: 20px; 
	/*left:92px;*/
	left:140px;
	vertical-align:top;	
	padding-left: 0px;
	max-width:644px;
	z-index:6;	
	}	

/* TOP 1 
#container_top { position:relative;
	left: 0px; top: 0px; 
	text-align:center;
	width:100%;
	height:83px;
	background-image:url("images/bck-top-home.gif"); background-position: left top; background-repeat:repeat-x;	
	z-index:1;
	
}

#top { position:relative;
	margin:0 auto;
	top: 0px; 
	text-align:right;
	width:850px;
	height:83px;
	background-image:url("images/logo-home.gif"); background-position: left top; background-repeat: no-repeat;
	z-index:2;
	
}
*/
/* TOP 2 */
#container_top { position:absolute;
	left: 0px; top: 0px; 
	text-align:center;
	width:100%;
	height:83px;
	background-image:url("images/bck-top-home.gif"); background-position: left top; background-repeat:repeat-x;	
	z-index:1;
	
}
#top { position:relative;
	margin:0 auto;
	top: 0px; 
	text-align:right;
	width:850px;
	height:83px;
	background-image:url("images/logo-home.gif"); background-position: left top; background-repeat: no-repeat;
	z-index:2;	
	border:0px #ffffff solid;
	
}
/*
#nav {  position:relative; 
	right: 0px; top: 0px; 
	width: 850px; 
	height: 83px;
	padding-right: 0px;
	padding-top: 22px;
	vertical-align: middle; 
	text-align:right;
	border:solid #FFFFFF 0px;
	font-family: helvetica, sans-serif, Arial; font-size: 14px; color:#bbbbbb; font-weight:bold; text-transform:uppercase; letter-spacing: 0.4pt;
	z-index:3;
	}
*/

	
a.nav, a.nav:link, a.nav:visited { color:#bbbbbb; text-decoration:none;  font-size: 13px; padding: 6px 10px 6px 10px;}
a.nav:hover { color:#FFFFFF; text-decoration:none; background-color:#525252;  font-size: 13px; border-bottom: solid #999999 1px; padding: 6px 10px 6px 10px;}

.nav_select { color:#FFFFFF; background-color:#525252; font-size: 13px; border-bottom: solid #999999 1px; padding: 6px 10px 6px 10px;}
	

/* INTRO */
#container_intro { position:relative;
	left: 0px; top: 0px; 
	text-align:center;	
	width:100%;
	height:226px;
	background-image:url("images/bck-intro-home.gif"); background-position: left top; background-repeat:repeat-x;
	z-index:1;	
}
#intro { position:relative;
	margin:0 auto;
	top: 0px; 
	text-align: left;
	vertical-align:top;
	/*padding-left: 66px;
	padding-left: 0px;*/
	width:784px;
	height:216px;
	overflow:hidden;
	z-index:2;	
}

#intro_titel {position:absolute;
	font-size: 28px; 
	letter-spacing: 0.2pt;
	padding-right: 10px; 
	line-height: 28px; 
	color:#FFFFFF; 
	text-shadow: #333333 2px 2px 3px; /* shadow MOZ SAF OP CHR */
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#333333,direction=120); /* shadow IE */
	 
	left:35px;left:66px;
	top:0px; 
	width: 459px; height:42px;
	z-index:3;
	}
#intro_tekst  {position:absolute;
	font-family: helvetica, sans-serif, Arial;
	margin-top:10px; 
	padding-right: 10px; 	 
	color:#FFFFFF; 
	line-height: 26px;
	font-size: 16px;
	left:35px;left:66px; 
	top:42px; 
	width: 459px; height:150px;
	border:0px blue solid;
	overflow:hidden;
	z-index:3;
	}
	
#intro_tekst p {position:absolute;
	font-family: helvetica, sans-serif, Arial;	
	color:#FFFFFF; 
	line-height: 26px;
	font-size: 16px;	
	width: 459px; height:150px;
	border:0px blue solid;
	overflow:hidden;
	z-index:3;
	}	
	

#intro_image { position:absolute;
	left:525px; top:0px ; 
	/*width: 325px; height:216px;*/
	width: 255px; height:210px;
	border: 0px solid blue;
	z-index:4;
	}
	
	/* INTRO VERVOLG*/
#container_introvervolg { 
	position:relative;
	left: 0px; top: 0px; 
	text-align:center;
	width:100%;
	height:42px;
	background-image:url("images/bck-intro-home.gif"); background-position: left top; background-repeat:repeat-x;
	z-index:1;	
}
#introvervolg { position:relative;
	margin:0 auto;
	top: 0px; 
	text-align: left;
	vertical-align:top;
	padding-left: 66px;
	
	width:784px;
	height:42px;
	/*overflow:hidden;*/
	z-index:2;	
	border: 0px solid black;
	
}

#intro_titelvervolg {
	position:absolute;
	font-size: 28px; 
	letter-spacing: 0.2pt;
	padding-right: 10px; 
	line-height: 28px; 
	color:#FFFFFF; 
	text-shadow: #333333 2px 2px 3px; /* shadow MOZ SAF OP CHR */
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#333333,direction=120); /* shadow IE */
	left:66px; 
	left:96px; 
	top:0px; 
	margin-top:-0px;
	width: 459px; 
	height:42px;
	height:42px;
	z-index:3;
	border: 0px solid blue;
	}


a.intro, a.intro:link, a.intro:visited { color:#FFFFFF; text-decoration:underline; font-size: 16px;}
a.intro:hover { color:#FFFFFF; text-decoration:none; font-size: 16px;}


/* CONTENT */
#container_content { position:relative;
	left: 0px; top: 0px; 
	text-align:center;
	width:100%;
	background-color:#FFFFFF;
	z-index:1;	
}
#content { position:relative;
	margin:0 auto;
	top: 0px; 
	text-align:right;
	padding-top: 4px;
	padding-left: 66px;
	padding-bottom: 15px;
	width:784px;
	z-index:2;	
}
.content_artikel { 
	padding: 10px 28px 28px 38px;
	text-align:left;
	vertical-align:top;
	background-color:#ececec;
	border: solid #959595 1px;
	}
h1.content_artikel_titel { color:#b80f14; font-size:16px; font-weight:bold; text-transform:uppercase; letter-spacing: 0.4pt;}

.content_right {
	padding: 8px;
	text-align:left;
	vertical-align:top;
	background-color:#cfcece;
	border: solid #959595 1px;
	
	}	

.input { border: 1px solid #959595 ; background-color:#ececec;}
hr.rightcolumn { color:#959595; width: 100%; text-align:center; margin-top: 15px; margin-bottom: 15px; width:218px;}
.content_right_titel { color:#787d83; font-weight:bold;}
li.rightcolumn { li
st-style-image:url(images/bullet.gif)}


/* FOOTER */
#container_footer {

	position: absolute;
	bottom: 0; /* heel belangrijk */
	text-align:center;
	width:100%;
	height:65px;
	background-image:url("images/bck-footer-home.gif"); background-position: left top; background-repeat:repeat-x;
	z-index:2;
	border:0px #000099 solid;
}
#footer p { 	
	position:relative;
	margin:0 auto;
	text-align:center;
	width:850px;
	height:35px;
	color:#FFFFFF;
	text-align:center;
	vertical-align:middle;
	margin-top: 25px;
	margin-top: 10px;
	z-index:1;	
	border:0px #000000 solid;
}


div.clearfloats{clear:both;}



/*wordpress*/
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */


/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */


acronym, abbr, span.caps {
	cursor: help;
	}
acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}
.screen-reader-text {
     position: absolute;
     left: -1000em;
}

a img {
	border: none;
	}

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

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

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

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */
/*contact form enhanced */

#wpcf label {
	clear: both;
	display: block;
	float: left;
	width: 150px;
}
#wpcf input {
	float: left;
	width: 200px;
	padding: 1px;
	margin: 2px 5px 2px 0;
}
#wpcf textarea {
	width: 210px;
	
	height: 100px;
	padding: 1px;
	margin: 0 5px 10px 0;
}
#wpcf #contactsubmit {
	margin-left: 250px;
	width: 100px;
}
/* einde contactform*/