/*
Theme Name: NieuwsUitBerkelland
Theme URI: http://www.nieuwsuitberkelland.nl/
Description: Thema Nieuws Uit Berkelland
Version: 1.0
Author: Niels Voortman
Author URI: http://www.computer-parts.nl/
*/

BODY {
        background-color: #1a75ac;
       /* margin: 20px; */
	   
        background-image: url(gfx/body.jpg);
		background-image: url('/gfx/bg_repeat.png');
        background-repeat: repeat-y;
        background-position: center center;
		margin-top: 2px;

}

/*body.sport {
       background-image: url(gfx/body_sport.jpg);
 	
}*/
body, table, td, th, input, textarea, select {
        font: normal 12px arial, helvetica, "liberation sans", "dejavu sans condensed", sans-serif;
        color: #333;
}

#wrapper {
        position: relative;
        width: 960px;
        margin: 0 auto;


}

.sport #header, #header_sport{
      	background-image: url('/gfx/sportuitberkelland.jpg');	
        background-repeat: no-repeat;
        background-position: top left;     
        /* height: 210px; */
        height: 230px;
       /* border: 0px solid #cbcbcb;
           background-color: #fff;
		   border-bottom: none; */
		   text-align: right;
		   right: 0px;
}
#header {
	background-image: url('/gfx/background_header_nub.jpg');	
	background-repeat: no-repeat;	
	height: 230px;
	margin-bottom: 7px;
}
/*#header_sport{
       background-image: url(gfx/headers/sport/index.php);
        background-repeat: no-repeat;
}*/
#header .kopfoto, #header_sport .kopfoto{
    left: 0;
    position: absolute;
    top: 0;
	border: 0;
}
#header a, #header_sport a{
	display: block;
	/*margin-right: 5px;	*/
	
}
#header h1, #header_sport h1{
        display: none;
}

h1.header{
	color: #000000;	
}
#navigation {
        height: 35px;
        line-height: 35px;
        color: #ffffff;
        font-size: 13px;
        background-color: #1a75ac;
        font-weight: bold;
		margin-bottom: 7px;
		}
/*.sport #navigation {
       background-image: url(gfx/navigation_sport.jpg);
 	
}*/
#navigation UL {
        list-style: none;
        margin: 0;
        list-style-position: inside;
		padding-left: 0px;
		    
}
#navigation LI {
         list-style-position: inside;
        display: inline;
        margin-right: 30px;
display: block;
    float: left;
    height: 100%;
	margin-right: 5px;
    padding-left: 10px;
    padding-right: 10px;

}
#navigation A {
        color: #fff;
        text-decoration: none;
		height: 100%;
		float: left;
		    }
#navigation li.Active, #navigation li.current_page_item {
	background-color: #ec741e;	
}
#navigation li:hover {
         color: #fff;
 		 background-color: #ec741e;	
}

#page {
        width: 100%;
}

#left {
        position: absolute;
       /* top: 260px; */
       top: 220px;
        left: 0px;
        width: 0px;
}
.smallitem {
        margin-bottom: 5px;
        color: #000000;
        font-size: 90%;
        padding: 20px;
        border: 1px solid #e2e2e2;
        background-color: #fff;
}

.smallitem.NoPad {
	padding: 0px;	
}
.smallitem.breder, .smallitem.truus{
	padding: 10px 15px 10px 15px;		
}

.smallitem.breder.twitter {
	background-color: #E7EAEE;
	margin-bottom: 20px;	
}
.smallitemPlanPlus {
 margin-bottom: 20px;
        color: #000000;
        font-size: 90%;
        padding: 0px;
        border: 1px solid #e2e2e2;

        background-color: #fff;
}
.smallitemZoeken{
        padding: 20px;

	font-weight: bold; 
	padding-top: 0px; 
	padding-bottom: 10px;
	 margin-bottom: 5px;
        color: #000000;
        font-size: 90%;
        border: 1px solid #e2e2e2;

        background-color: #fff;
}
.smallitemTransparant{
		margin-bottom: 5px;
        color: #000000;
        font-size: 90%;
        padding: 0px;
		text-align:center;
}
.smallitemTransparant a, .smallitemTransparant a:hover, .smallitemTransparant IMG{
	border: 0px;
}
.smallitemAd {
        margin-bottom: 20px;
        font-size: 90%;
        text-align:center;
}

.smallitemLichtBlauw{
        margin-bottom: 5px;
        color: #000000;
        font-size: 100%;
        padding: 20px;
        border: 1px solid #e2e2e2;
        background-color: #e7eaee;
}
.smallitemLichtBlauw .ngg-left  {
 float:left;
 height:100px;
 padding-right:5px;
 width:120px;
}
.smallitemLichtBlauw .ngg-singlepic{
background-color:#FFFFFF;
border:1px solid #A9A9A9;
display:block;
height:75px;
margin:4px 4px 4px 5px;
padding:4px;
position:relative;
width:100px;
}



.smallitemFoto{
               /* top: 260px; */
               top: 200px;
        margin-bottom: 20px;
        color: #000000;
        font-size: 90%;
        padding: 20px;
        border: 1px solid #e2e2e2;
background-color: #e7eaee;
}
.smallitem a, .smallitem a:hover, .smallitemGespot a, .smallitemGespot a:hover {
        color: #000000;
        font-weight: bold;
        text-decoration:none;
}
.smallitem a:hover, .smallitemGespot a:hover {
        text-decoration: underline;
}

.smallitem ul {
        list-style: none;
        color: #1a75ac;
}
.smallitem ul li {
 color: #18498ad;
}
.smallitem h2 {
        color: #1a75ac;
        font-size: 14px;
        margin: 0;
}
.smallitemLichtBlauw a, .smallitemLichtBlauw a:hover {
        color: #000000; 
        font-weight: bold;
        text-decoration:none;
}
.smallitemLichtBlauw a:hover {
        text-decoration: underline;
}
.smallitemLichtBlauw h2 {
        font-family: Tahoma, Verdana;
        letter-spacing: -1px;
        color: #1a75ac;
        text-decoration: none;
        font-size: 17px;
        margin-top: -10px;
        margin-bottom: 5px;
	width: 330px;
	
}

.smallitemGespot {
        margin-bottom: 5px;
        color: #000000;
/*        font-size: 90%; */
        padding: 0px 5px 4px 8px;
padding: 0px 15px 4px 20px;
        border: 1px solid #e2e2e2;

        background-color: #fff;
}
.smallitemGespot .ngg-left {
 float:left;
 height:100px;
 padding-right:5px;
 width:120px;
}
.smallitemGespot .ngg-singlepic{
background-color:#FFFFFF;
border:1px solid #A9A9A9;
display:block;
height:100px;
margin:4px 4px 4px 5px;
padding:4px;
position:relative;
width:125px;
}

.smallitemGespot a:hover {
        text-decoration: underline;
}

.smallitemGespot ul {
        list-style: none;
        color: #1a75ac;
}
.smallitemGespot ul li {
 color: #18498ad;
}
.smallitemGespot h2 {
        color: #1a75ac;
        font-size: 14px;

}



#content {
        /* top: 260px; */
        /*left: 234px;*/
        left: 0px;
        /* width: 754px; */
        width: 380px;
		float: left;
		margin-right: 10px;
}
#content .h2content {
        font-family: Tahoma, Verdana;
        margin-left: 20px;
        color: #000000;
        font-size: 16px;
        margin-bottom: 5px;
}
.item {
/*        width: 480px;*/
         width: 340px;
        background-color: #fff;
        padding: 20px;
        padding-top: 1px;
        border: 1px solid #e2e2e2;
        margin-bottom: 15px;
        line-height: 18px;
}

.itemAd {
/*        width: 480px;*/
         width: 340px;
        background-color: #fff;
        padding: 20px;
        padding-top: 1px;
        border: 1px solid #e2e2e2;
        margin-bottom: 15px;
        line-height: 18px;
        text-align:center;
}

.item a, .item a:hover {
        color: #000000;
        font-weight: bold;
        text-decoration: none;
}
.item h2 A, .item h2, .item h2 A:hover, .eom_widget h2, .truus h2{
        font-family: Tahoma, Verdana;
        letter-spacing: -1px;
        color: #1a75ac;
        text-decoration: none;
        font-size: 18px;
        margin-top: 15px;
        margin-bottom: 5px;
}
.item small {
        font-size: 11px;
}
.item IMG {
        max-width: 520px;
}
.postimage {
        border: 1px solid #333;
        float: left;
        margin-right: 8px;
        margin-bottom: 2px;
        width: 95px;
        height: 95px;
}
.size-medium {
        border: 1px solid #333;
}


.reaction {
        width: 340px;
        background-color: #f9f9f9;
        border: 1px solid #e2e2e2;
        padding: 20px;
        color: #777;
        font-size: 12px;
        line-height: 16px;
        margin-bottom: 15px;
}
.reaction TABLE{
        padding-top: 10px;
        width: 340px;
        border: 0;
        margin: 0;
}
.reaction INPUT{
        padding: 2px;
        width: 180px;
        border: 1px solid #e2e2e2;
        color: #888;
}
.reaction textarea  {
        padding: 2px;
        width: 340px;
        border: 1px solid #e2e2e2;
        height: 125px;
        color: #888;
}
.reaction FORM {
        margin: 0;
}
.reaction H3 {
        font-size: 11px;
        margin-top: 10px;
        margin-bottom: 0;
}
.reaction A {
        font-weight: bold;
}
.reaction #submit {
        width: 110px;
        background-color: #fbfbfb;
}
.reaction a {
        color: #444;
        text-decoration: none;
}
.reaction a:hover {
        text-decoration: underline;
}


.Listitem {
          width: 340px;
       /* Indien aan linkerkant getoond wordt... */

       /* middenkant = 355px breedte
         /* width: 355px; */
        padding: 20px;
        padding-top: 1px;
        border: 1px solid #e2e2e2;
        margin-bottom: 10px;
        /* line-height: 18px; */
        font-size: 11px;
        background-color: #e7eaee;
        color: #000000;

}
.Listitem a, .Listitem a:hover {
        color: #000000;
        font-weight: normal;
        text-decoration: none;
        font-size: 12px;
}

.Listitem h2 A, .Listitem h2 {
        font-family: Tahoma, Verdana;
        letter-spacing: -1px;
        color: #1a75ac;
        text-decoration: none;
        font-size: 18px;
        margin-top: 15px;
        margin-bottom: 5px;
}

.ListitemItem {
 line-height: 18px;
 margin-bottom: 0px;
 margin-top:0px;

}
#midden {
	 width: 355px;
	float: left;
	margin-right: 10px;
}

#right {
		float: left;
        width: 205px;
}


#banners IMG {
        width: 160px;
}
#footer {
        color: #ebebeb;
        font-size: 10px;
        height: 16px;
        line-height: 16px;
}
#searchbar{
	float :right;	
}
#searchform .text{
        width: 170px;
		border: 0px;
}
#searchform {
        margin: 0px;
     /*   margin-right: 10px;
	 
*/	
	height: 24px;
	margin-top: 4px;
	background-color: #ffffff;
	background-repeat: no-repeat;	
	line-height: 0px;
	padding-top: 3px;
	margin-right: 7px;
}
#searchsubmit {
	background-image: url('/gfx/search_submit.png');
	    background-repeat: no-repeat;
    border: 0 none;
    height: 20px;
	width: 24px;
	padding-right: 5px;	
}

 #single-ad {
        padding-top: 5px;
        padding-bottom: 5px;
 }
#loginform P{
        line-height: 12px;
}

#nieuwsinsturen {
        width: 220px;
        height: 105px;
        padding: 0;
}
.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border: 1px solid black;
border-bottom-width: 1px;
width: 355px; /*width of featured content slider*/
height: 240px;
}



.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 0px;
background: white;
width: 355px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.pagination{
width: 340px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;
font-family: Arial;
font-size: 10px;
background-color: white;
padding: 5px 10px;
}

.pagination a{
padding: 0 5px;
text-decoration: none;
color: black;
background: white;
}

.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #85C7F0; text-decoration:none;
}







.divtransbox
  {
  width: 345px;
  height: 25px;
  margin: 192px 0px;
  background-color: #FFFFFF;
  border: 0px solid black;
  /* for IE */
  filter:alpha(opacity=75);
  /* CSS3 standard */
  opacity:0.75;
  }
.divtransbox p
  {
  margin: 0px 5px;
  font-weight: bold;
  font-family: Arial;
  line-height:25px;
  font-size: 16px;
  color: #000000;
  }
.divtransbox a:visited{text-decoration: none;}


.style1 {color: #FF0000}
.style2 {color: #FFFF00}
.style3 {color: #0000FF}
.style4 {color: #00FFFF}
.style5 {color: #FF00FF}
.style6 {color: #33FFFF}
.style7 {color: #FF0033}
.style8 {color: #00FF00}


.styleCarnaval1 {
 color: #840084;
 font-family: "Monotype Corsiva";
 font-weight: italic;
 font-size: 22px;
}

.styleCarnaval2 {
 color: #ff0000;

 font-family: "Monotype Corsiva";
 font-weight: italic;
 font-size: 22px;

}
.styleCarnaval3 {
 color: #008200;

 font-family: "Monotype Corsiva";
 font-weight: italic;
 font-size: 22px;

}

.eom_widget {
 list-style-image: url("");
     list-style-type: none;
}
.eom_widget .widgettitle{
  color: #1a75ac;	
}

.eom_widget ul {
	padding-left: 0px;
}

.eom_single_event {
	color: #000000;	
	font-weight: normal!important;
}
.eom_widget h2, .truus h2{
	margin-top: 0px;	
}

#twitter-tracker-2 h2.widgettitle {
        list-style: none;
}

#twitter-tracker-2 {
	list-style-type: none;		
}

ol.tweets{
	list-style-type: none!important;		
}

#twitter-tracker-2 .avatar {
	width: 50px;
	height: 50px;
	float: left;
	margin: 1px;
}

#twitter-tracker-2 .msg {
	width: 290px;

}
#twitter-tracker-2 .info{
	width: 100%;	
}