/*

Theme Name: Ballonbelevenis.nl

Theme URI: http://trendyflash.nl

Description: A custom wordpress theme for ballonbelevenis.nl only</b>.

Version: 1.0.0

Author: Trendyflash.nl - Arend Maatkamp

Author URI: http://trendyflash.nl

*/

body {

background:url(images/bg-body.jpg) center top no-repeat #BDE3F6 fixed;

font-family:Arial, Helvetica, sans-serif;

font-size:12px;}



* 			{margin: 0; padding: 0; font-family: arial,sans; font-size: 12px;color:#555;}



a 			{text-decoration: none;}

a:hover 		{text-decoration: underline;}



img			{border: none;}



/* ---- Header part */

#bg-top {background:url(images/bg-top.png) no-repeat top left; width:960px;margin:auto;margin-top:10px;padding:0px;height:18px;}

#header 		{margin: 0px; padding:0px;margin-left:5px; background:none;height:90px;}



#header h1,

#header h1 a		{color: #C3f; text-decoration: none; font-size: 30px;text-indent:-999px;}



#header .descri		{ margin-top: -5px; color: #666;text-indent:-999px;}





/* ---- Content */



#content 		{margin-left: 20px; padding-right: 0px; font-size: 14px; color: #222;width:750px; margin-top:20px; float:left;}



#content ul		{margin: 10px 0 10px 10px; list-style: none;}

#content ul li		{background: url('images/bullet.gif') 0 0px no-repeat; margin: 5px 0; padding-left: 15px; font-size: 12px; color:#555;} /* org kleur #777 */



#content ol		{margin: 10px 0 10px 10px; list-style: decimal inside;}
#content ol li		{margin: 5px 0; font-size: 14px; }
#content p		{margin: 10px 0; font-size: 12px; text-align:justify;color:#555; width:auto; line-height: 135%; margin-left:0px;} /* org. textkleur #777 lineheight 180%*/

td p { margin:0px;}
#content a		{color: #003366; font-weight: normal;}
#content a:hover	{color: #40a2e3;}
#content blockquote	{border-left: 1px solid #003366; padding: 10px; font-style: italic; background: #ddd;}
#content .indicator 	{float: left; margin-left: -30px; font-size: 30px; color: #999;}

#content h1,
#content h2,
#content h1 a,
#content h2 a 		{ color: #036;  text-decoration: none;width:auto;float:left;font-weight: bold;}/*margin-left:170px*/
#content h1,
#content h1 a		{ font-size: 12px; width:100%;}

#content h2,
#content h2 a		{ font-size: 17px; margin-bottom: 10px;}

#content h1 a:hover,
#content h2 a:hover	{ color: #000; background: #fff; text-decoration:underline;}
#content h2		{ display:none;}
#content #home-text h2	{  display:block; width:100%;}
#content h3		{ font-size: 12px; color: #036; margin-bottom:-10px;}
#content h4, #content h4 a	{ font-size: 12px; color: #036;font-weight:bold; }
#content .metadata	{ background:url(images/ballonvaren.gif) no-repeat; color: #666; margin: 5px 0 20px 0; padding: 5px; padding-left: 85px; height:70px;}
#content .metacomments  {}
#content .metacomments a { display: block; float: left; padding: 6px 15px 16px 15px; margin-right: 10px; background: #003366 url('images/commentcount.gif') top left no-repeat; color: #fff; font-weight: bold; text-decoration: none;}
#content .metacomments a:hover{ background: #40a2e3 url('images/commentcount.gif') top left no-repeat; text-decoration: none; }
#content .entry		{width:760px;margin:0px;margin-bottom:0px;margin-top: 20px; margin-left:10px;}

.navigation {padding-left:95px; padding-top:20px; font-size:16px;}
#link a {color:#FFF;font-weight:bold;}
#link a:hover {color:#FFF;}
#link { background:#39C; padding:3px 7px 5px 7px; color:#FFF; font-weight:bold;font-size:16px;border-radius:5px;-moz-border-radius:5px; -webkit-border-radius:5px;khtml-border-radius:5px; margin-top:20px; margin-right:5px;}

#home-1 {width:300px; float:left;}
#home-2 {width:225px;float:right; }
#home-3 {width:225px;float:right; }
#home-text {width:420px; float:right; margin-right:30px;}
#home-text h2 {width:420px; margin:0;}

#home-1 .textwidget {width:280px;margin-bottom:10px;font-size:12px;}
#home-1 h2, #home-2 h2, #home-3 h2 { display:none;}
#home-1 li, #home-2 li, #home-3 li { list-style:none;}
#home-2 ul li, #home-3 ul li {
background:#e6e6e6;
background-image:none;
list-style:none outside none;
padding:5px;
width:190px;
margin-top:10px;
border-radius:5px;-moz-border-radius:5px; -webkit-border-radius:5px;khtml-border-radius:5px;
}

#home-3 ul li {
	width: 199px;
}

#home-2 ul, #home-3 ul { margin-left:0;}
#home-2 h4, #home-2 h4 a, #home-3 h4 a {
color:#003366;
font-size:16px;
font-weight:normal;
line-height:18px;
}

#hlink {
background:#09c;
padding:5px;
width:190px;
margin-top:10px;
border-radius:5px;-moz-border-radius:5px; -webkit-border-radius:5px;khtml-border-radius:5px;
}

#home-3 #hlink {width:199px;}

#hlink a{color:white;font-weight:bold;font-size:14px;}
#hlink a:hover{color:white;}
.entry {float:left;}

/* ---- Search */
#nav-above{width:100%;}
/* ---- Sidebar */
#sidebar 		{margin-right: 0px; width: 150px; float: right;line-height:20px; color: #333;text-align:left; margin-top:15px; padding:0px;}
#sidebar a		{color: #039; }
#sidebar a img		{padding: 0px; border: none; }
#sidebar h4,
#sidebar h5		{color: #003366; letter-spacing: -1px; margin: 25px 0 5px 0;}
#sidebar h4		{font-size: 14px;}
#sidebar h5		{font-size: 13px;}
#sidebar ul		{margin: 10px 0 10px 5px; list-style: none;}
#sidebar ul li		{background: url('images/bullet_pale.gif') 0 5px no-repeat; padding-left: 0px;}
#sidebar ul.new li	{background: url('images/bullet_new.gif') 0 5px no-repeat; padding-left: 0px;}
#sidebar ol		{margin: 10px 0 10px 5px; list-style: decimal inside;}


/* ---- Footer */
#footer 		{background:url('images/bg-foot.jpg') no-repeat bottom; padding:0px; margin-top: 0px;border:0px solid #dddddd;margin-bottom:0px;width:960px;clear:both;height:90px;}
#footer a		{color: #333;}

#cr,#cr a, #cr a:hover, #cr a:active, #cr a:visited {color:#666666;font-size:9px;}

#cr {padding:10px; padding-bottom:5px;width:750px;}

/* ---- Required by WordPress */



.aligncenter,

div.aligncenter 	{ display: block; margin 0 auto; }



.alignleft 		{ float: left; }



.alignright 		{ float: right; }



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

				/* optional rounded corners for browsers that support it */

		   		-moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

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

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

#m2 {float:left;width:970px;padding-top:0px;position:relative;top:0px;}
.textwidget, .textwidget a, .textwidget a:hover { text-align:left;font-size:10px; color:#666666;width:140px;margin:0px;padding:0px;margin-right:0px;margin-top:0px;}

/* dTabs */

#nav {background:url(images/bg-menu.png) no-repeat center top transparent; width:956px; height:40px; margin-top:15px;}

#s {
background:none repeat scroll 0 0 transparent;
border:0 none;
float:right;
margin-right:25px;
margin-top:12px;
width:115px;
}
#searchsubmit { display:none;}

#tabbar ul {position:relative;top:0px;margin-bottom:0px;}

/* style the tabs in IE (the trailing comma prevents other browsers from reading this) */

#tabbar li, #tabbar ul li {

	

	/* make them horizontal in IE*/
	display: inline;

	/* space them a little in IE*/
	margin:0px;
	margin-right:10px;}

#tabbar ul li {margin-right:0px;}

/* style the tabs */

.tab, .tabselected {
	/* make them horizontal in Firefox 2*/
	font-size:14px;
	font-weight:bold;
	display: -moz-inline-box;

	/* make them horizontal in all other browsers*/
	display: inline-block;

	/* space them a little */
	padding:0;	

	/* set a grey background for non-selected tabs (which we will overide for selected tabs later) */
	background: none;
}

/* make changes to the selected tab */
.tabselected {
	/* set a background */
	color:#FFF;
	/* make the border along the bottom blend into the white background */
	border:none;

}



/* style the drop down menus */

.dmenu {

	/* left align the text */

	text-align: left;

	/* REQUIRED */

	position: absolute;

	/* js fade method should display them 23px below the top of the tabs */

	margin:34px 0 0 0;
	margin-left:10px;

	/* put some space around the contents */

	padding:7px;
	/* set background */
	background-color:#09C;
	border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px; khtml-border-radius:7px; 
}

#tabbar .dmenu ul {

	/* put space at the top and bottom of top-level menus */

	padding: 0;
	line-height:14px;
	list-style:none;

	/* stop ie going crazy */
	margin: 0;
}

#tabbar .dmenu ul li {
	/* stop ie from displaying list items inline */
	display: list-item;
	display:block;
	line-height:6px;
	font-size:10px;}

#tabbar .dmenu ul li :hover {

	/* stop ie from displaying list items inline */
	display: list-item;}

#tabbar .dmenu ul li a:hover {

}

/* REQUIRED: hide menus off screen by default */
.dmenu {left: -999em;}

/* STYLING JUST FOR CSS MENUS */
#tabbar .fademenu .dmenu {
	/* position menus correctly */
	margin: 30px 0 0 -6px;z-index:15;}

/* REQUIRED: show menus on hovering */
#tabbar .fademenu:hover .dmenu {left: auto;}

.tab, .tabselected a{ text-decoration:none;padding:7px;	padding-right: 5px;	padding-left: 5px;}

.tab a, .tab a:hover, .tab a:visited, .tab a:active{color:#FFF;padding:7px;	padding-right: 5px; padding-left: 5px;}

.tab a:hover{background:none;text-decoration: none;padding-top:7px;padding-bottom:7px;padding-right: 5px; padding-left: 5px;}

.tabselected a, .tabselected a:hover, .tabselected a:visited, .tabselected a:active{color:#FFF;}

.dmenu a, .dmenu a:hover, .dmenu a:active,.dmenu a:visited  {color:#fff;font-weight:normal;display:block; line-height:6px;font-size:10px;width:110px;}

.dmenu a:hover {background:#06F; display:block;	border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; }


#container1{

width:960px;

height:auto;

margin:auto;

margin-top:0px;

margin-bottom:0px;

padding:0px;

padding-bottom:0px;

overflow:visible;

}

#header {width:956px; margin:0px; padding:0px;}

#ovaal {width:956px; height:184px;margin:0px; padding:0px;text-align:center;}

#logo {width:300px; margin:5px; margin-top:15px; margin-bottom:0px;padding:0px; float:left;}

#ova {width:170px;float:left;margin-top:0px;}

#aanbieding {width:143px; margin:0px; padding:0px; float:right;line-height:18px;text-align:right;margin-right:0px;margin-top:10px;}
#aanbieding li { list-style:none;}
#aanbieding h4 {font-family:Impact,sans;color:#039;font-size:26px;font-style:regular;

	letter-spacing:6px;line-height:24px;

}

#thumbs {float:right;width:160px;margin-top:0px;margin-right:0px;}

#thumbs img{margin-right:2px;margin-bottom:2px;}

#text {float:left;width:400px;}

#tabbar {float:left; width:777px;margin-top:10px;margin-bottom:0px;margin-left:20px;}

#hbm {float:right; width:130px; margin:0px; margin-right:0px;margin-bottom:20px;padding:10px;}



#border {width:960px;background:url('images/bg-mid.png') repeat-Y;margin:auto;margin-bottom:5px;padding:0px;}

.colp {background: #fff url(images/colp.gif) right bottom no-repeat; padding:10px;margin-bottom:-20px;}

#marq  {

font-size: 12px; 

color:#FFF;

background:#009EE0 url('http://ballonbelevenis.nl/wp-content/themes/Ballonvaren/images/marq.gif') left no-repeat; 

height:20px; 

line-height:20px;margin-top:30px;

width:805px;}

#ar {

height:66px;

width:360px;

margin-right:20px;

margin-bottom:20px;

float:left;

display:block;

}

#ar img {border:0px;margin-right:10px;}

#ar a:hover,#ar a, #ar p a:hover{text-decoration:none;color:#555;}

#ar a {display:block;}



#ar2 {

width:360px;

margin-right:20px;

margin-bottom:0px;

margin-top:0px;

padding-top:0px;

float:left;

display:block;padding-bottom:10px;

}

#ar3 {

width:360px;

margin-right:20px;

margin-bottom:20px;

float:right;

display:block;

}

#ar4 {

width:180px;

margin-right:20px;

margin-bottom:20px;

float:left;

display:block;

}

#kader, #kader a, #kader a:hover,#kader p, #kader-400,#kader-400, #kader-400 a, #kader-400 a:hover{font-size:12px;color:#fff;}

#kader, #kader-400 {display:block;

font-size:13px;

height:83px;

border:none;

line-height:12px;

padding:10px;

padding-top:18px;

padding-left:80px;

padding-right:25px;

background:url(images/kader.jpg) no-repeat left top; }

#kader-400{width:400px;background:url(images/kader-400.jpg) no-repeat left top;position:absolute;top:503px;padding:18px 25px 10px 110px;}

#kader p, #kader-400 p{margin-top:7px}

#prijs {font-size:18px;color:#FFF;margin-top:10px;}

#foto{width:450px;}

#banners {width:150px;}



#ar5 {

width:360px;

margin-right:20px;

margin-bottom:0px;

margin-top:0px;

padding-top:0px;

float:left;

display:block;

}

#ar6 {

width:360px;

margin-right:20px;

margin-bottom:0px;

margin-top:0px;

padding-top:0px;

float:left;

display:block;

}

#ar7 {

width:360px;

margin-right:20px;

margin-bottom:0px;

margin-top:0px;

padding-top:0px;

float:left;

display:block;

}

#ar8 {

width:360px;

margin-right:20px;

margin-bottom:0px;

margin-top:0px;

padding-top:0px;

float:left;

display:block;

}

#ar8 {

background:transparent url(/images/bg-betaal.gif) no-repeat scroll left top;

height:210px;

padding-left:10px;

padding-right:10px;

padding-top:0;

width:340px;

}

#ar9 {

width:360px;

margin-right:20px;

margin-bottom:0px;

margin-top:0px;

padding-top:0px;

float:left;

display:block;

}

#filterbar p, #filterbar a {text-align:left;}