/*
Theme Name: Official Barning Theme
Theme URI: http://barning.nl
Description: This theme is created by Mike @ Quint result Communicatie
Version: 1.0
Author: Mike van der Ent
Author URI: http://www.slimmersnellerbeter.nl/
Tags: telecommunicatie

*/

html,body {
	padding:0px;
	margin:0px;
}

body {
	background:#f3f3f3;
}

a img { border:0px;}

a { color:#c71923;text-decoration:none; }
a:hover {text-decoration:underline;}

#mainwrapper {
	width:992px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	background-image:url(images/mainbg.jpg);
	background-repeat:repeat-y;
	min-height:900px;
	}
#onderpc {
	width:992px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	background-image:url(images/mainbg.jpg);
	background-repeat:repeat-y;
	
	}
	
#footerwrapper {
	width:992px;
	height:100px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	background-image:url(images/footerbg.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	text-align:right;
	}
	
#footerwrapper p {
	color:#77676b;
	font-family:helvetica;
	font-size:11px;
	padding-top:40px;
	margin-top:0px;
	padding-right:80px;
}

#footerwrapper p a { color:#77676b;text-decoration:none;}
#footerwrapper p a:hover { color:#77676b;text-decoration:underline;}

#topmenu {
	font-family:helvetica;
	font-size:12px;
	color:#00aad2;
	text-align:right;
	padding-right:80px;
	padding-top:12px;
}

a.top{text-decoration:none;color:#00aad2;}
a:hover.top {text-decoration:underline;color:#00aad2;}
a.actie {font-weight:bold;color:#de313b;text-decoration:none;}
a:hover.actie {font-weight:bold;color:#de313b;text-decoration:underline;}

#logo,#logo2 {
	position:absolute;
	width:276px;
	height:96px;
	top:22px;
	left:70px;
}

#logo a {
	display:block;
	text-indent:-9999px;
	background-image:url(images/barning-logo.jpg);
	background-repeat:no-repeat;
	width:276px;
	height:96px;
}

#logo2 a {
display:block;
	text-indent:-9999px;
	background-image:url(images/barning-logo3.jpg);
	background-repeat:no-repeat;
	width:276px;
	height:96px;
}

#banner {
	background:#dcdcdc;
	height:220px;
	width:900px;
	margin-top:110px;
	margin-left:44px;
	
}

#mainmenu {
	position:absolute;
	height:40px;
	width:500px;
	right:48px;
	top:115px;
	background:#de313b;
	padding-top:10px;
	padding-left:24px;
}



ul#navlist { font-family: helvetica;font-size:13px;}

ul#navlist a {text-decoration: none;}

ul#navlist, ul#navlist ul, ul#navlist li {margin: 0px;padding: 0px;list-style-type: none;}

ul#navlist li { float: left; }

ul#navlist li a {color: #ffffff;padding: 3px;padding-right:20px;}
ul#navlist li a  small{font-size:9px;padding:3px;}

ul#navlist li a:hover
{
color: #000;
}

ul#navlist li a:active
{
color: #000;

}

ul#subnavlist { display: none; }
ul#subnavlist li { float: none; }

ul#subnavlist li a
{
padding: 0px;
margin: 0px;
}

ul#navlist li:hover ul#subnavlist
{
display: block;
position: absolute;
font-size: 8pt;
padding-top:10px;
background-image:url(images/menutrans.jpg);
background-repeat:no-repeat;
background-position:0px 10px;
width:160px;
z-index:991212;

}

ul#navlist li:hover ul#subnavlist li a
{
display: block;
width: 10em;
border: none;
padding:4px;
background:#e1464e;
width:144px;
padding-left:12px;
}

#startblok {
	position:absolute;
	left:620px;
	top:260px;
	background:#21b5d8;
	height:200px;
	width:238px;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	background-image:url(images/blokb.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	padding:15px;
	font-size:14px;
	color:#fff;
	font-family:helvetica;
	font-weight:lighter;
}

#startblok a {padding-left:20px;background-image:url(images/arrow-wit.gif);background-repeat:no-repeat;background-position:left;color:#fff;text-decoration:none;font-weight:lighter;}
#startblok a:hover {text-decoration:underline;}
#startblok h1 {font-family:helvetica;color:#fff;font-size:26px;font-weight:lighter;}

#subblok,#subblok2,#subblok3 {
	position:absolute;
	left:620px;
	top:480px;
	height:319px;
	width:238px;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	padding:15px;
	font-size:12px;
	color:#333;
	font-family:helvetica;
	font-weight:lighter;
        line-height:18px;
}

#subblok {
background-image:url(images/sitebalk-start.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}

#subblok2,#subblok3 {
background-image:url(images/subbg-blankj.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}

#subblok h3,#subblok2 h3 {
font-weight:lighter;
margin-top:40px;
font-size:18px;
}

#subblok ul,#subblok2 ul {margin:0px;padding:0px;}
#subblok ul li,#subblok2 ul li {list-style:none;padding-left:20px;background-image:url(images/arrow-grijs.gif);background-repeat:no-repeat;background-position:left center;}
#subblok ul li a,#subblok2 ul li a { color:#333;text-decoration:none }
#subblok ul li a:hover,#subblok2 ul li a:hover {text-decoration:underline}

#subblok3 #wrap ul li {list-style:none;}
#subblok3 #wrap ul {margin:0px;padding:0px;} 
#wrap {margin-left:-40px;}

#pagecontent {
	width:500px;
	margin-left:44px;
	padding-left:34px;
	padding-bottom:40px;
}

.txtcontent {
	font-family:helvetica;
	color:#515353;
	font-size:12px;
	padding-bottom:22px;
        line-height:18px;
}

.txtcontent h2 {
	font-size:30px;
	font-weight:lighter;
        line-height:32px;
}

#searchblok { 
        margin-top:40px;margin-left:-8px;
	width:238px;
}

#onderpagecontent {
	margin-left:80px;
	background-image:url(images/bal.jpg);
	background-repeat:no-repeat;
	font-size:9px;
	font-family:helvetica;
	color:#21b5d8;
	height:20px;
	padding-left:28px;
	padding-top:8px;
}

fieldset.search {
	border: none;
	width: 283px;
	margin: 0 auto;

}
.search input, .search button {
	border: none;
	float: left;
}
.search input.box {
	color: #999;
	font-size: 1.2em;
	width: 145px;
	height: 19px;
	padding: 8px 5px 0;
	background: #616161 url(images/search-bg.gif) no-repeat left top;
	margin-right: 0px;
}
.search input.box:focus {
	background: #616161 url(images/search-bg.gif) no-repeat left -28px;
	outline: none;
}
.search button.btn {
	width: 27px;
	height: 27px;
	cursor: pointer;
	text-indent: -9999px;
	background: #fff url(images/search-bg.gif) no-repeat top right;	
}
.search button.btn:hover {
	background: #fbc900 url(images/search-bg.gif) no-repeat bottom right;	
}

#teambanner {
background-image:url(images/teambarning.jpg);
background-repeat:no-repeat;
background-position:bottom;
width:900px;
height:650px;
position:relative;
margin-left:44px;
}

.link1 {
display:block;
position:absolute;
text-indent:-9999px;
width:80px;
height:260px;
left:50px;
top:280px;
}

.link2 {
display:block;
position:absolute;
width:80px;
height:260px;
left:390px;
top:280px;
text-indent:-9999px;
}

.link3 {
display:block;
position:absolute;
text-indent:-9999px;
width:80px;
height:260px;
left:640px;
top:280px;
}

#div1, #div2, #div3 {
visibility:hidden;
width:173px;
height:204px;
background-image:url(images/ballon.jpg);
background-repeat:no-repeat;
color:#fff;
padding:8px;
font-family:helvetica;
font-size:12px;
line-height:18px;
}

#div1 h3, #div2 h3, #div3 h3 { padding:0px;margin:0px;border-bottom:1px dotted #fff;padding-bottom:8px;}
#div1 h3 small, #div2 h3 small, #div3 h3 small { font-size:10px;}

#div1 { position:absolute; top: 20px; left: 20px; }
#div2 { position:absolute; top: 20px; left: 360px; }
#div3 { position:absolute; top: 20px; left: 620px; }

.products {
border:1px solid #dcdcdc;
padding:4px;
width:140px;
height:140px;
text-align:center;
float:left;
margin-left:8px;
margin-right:8px;
margin-bottom:18px;
}

.products a img { height:120px;padding-bottom:4px;}
.products a:hover img {filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;}

.products small { font-family:helvetica;color:#666;font-size:10px;padding-top:4px;} 

.pagetitle { font-family:helvetica;color:#666; }

.aligncenter{ display: block;margin-left: auto;margin-right: auto;margin-bottom:-24px;}

ul.children { display:none;}
ul.children li a { margin-left:150px;}
ul#subnavlist li:hover ul.children {display:block;position:absolute;margin-top:-24px;margin-left:150px;}