/*
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 #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;}
