/*
  Theme Name: Eijkelkamp Pro Soccer
*/
* { margin:0; padding:0; border:0; }
.clear { clear: both; }
html { height:100%; }
body { height:100%; font-family: "Arial", sans-serif; font-size:12px; background:url( images/body_bg.png ) repeat-x #e5f2cc; color:#666;}
img {border: none;}
a {color:#666; text-decoration:none; outline-style: none;}
a:hover {text-decoration:underline;}

h1, h2, h3 {font-size:20px; font-weight:normal; color:#000;}

#wrapper { height:100%; width:960px; margin:0 auto; }

  #headcontainer { min-height:100%; height:auto; width:960px; margin:0 auto; background:#fff;}
  * html #headcontainer{ height:100%; } /* ie6 and under*/

    #header { width:960px; height:113px; padding-top:27px; position:relative; z-index:2; }

      #logo { width:225px; height:49px; float:left; }
      #slogan { width: 325px; height:30px; float: right; margin-top: 5px; }

    #navigation {width:960px; height:40px; background:url(images/navigation_bg.png) repeat-x; margin-top:24px;}
    #navigation ul {list-style:none;}
    #navigation li {float:left; position:relative;}
    #navigation li a {font-size:13px; color:#fff; float:left; padding:13px 13px 11px 13px;}
    #navigation li a:hover {text-decoration:none;}
    #navigation li a:hover, #navigation li.current_page_item a, #navigation li.current-cat a, #navigation .active_category, #navigation li.current_page_parent a {background:#666;}
  
    #navigation li ul {width:136px; position:absolute; top:40px; z-index:1; display:none; border-top:1px solid #525252;}
    #navigation li:hover ul {display:block; left:0;}
    #navigation li ul li a {display:block; width:110px; background:#666; padding:7px 13px 7px 13px; border-bottom:1px solid #525252;}
  
    #navigation ul#pages {float:left;}
    #navigation ul#categories {float:right;}

#carousel {width:960px; position:relative;}
#carousel.klein {height:395px;}
#carousel.subpages {height:395px;}

  #images {position:absolute; z-index:0;}
  
  #tekst-image {position:absolute; bottom:0; z-index:1;}
  
  #tekst {position:absolute; top:336px; left:50px; z-index:2;}
  #tekst p {font-size:16px; color:#fff; text-transform:uppercase; line-height:24px;}

#division { width:840px; min-height:430px; height:auto !important; height:400px; padding:22px 70px 85px 50px; overflow:hidden; }

  #content {width:520px; float:left;}
  #content.single-news img {padding-bottom: 20px;}
  #content.fullwidth {width:840px;}
  #content p {line-height:21px;}
  #content #inner p {margin-top:21px; } 
  #content #inner a { color: #666666; outline-style: none; text-decoration: none;}
  #content #inner a:hover {color: #99CC32; text-decoration:none; }
     .alignleft{float: left; margin-right: 5px; }
     .alignright{float: right; margin-left: 5px; }
     .aligncenter{text-align: center; }
  
    #breadcrumbs {font-size:11px; margin-bottom:7px;}
  
    .list {width:400px; float:left; margin-right:20px;}
    .list.last {float:right; margin:0;}
      .list ul {list-style:none; width:400px; border-top:1px dotted #666; margin-top:20px;}
      .list li { height:21px; background:url(images/arrow.gif) no-repeat left; border-bottom:1px dotted #666; padding:8px 0 0 10px; width:180px; float: left; margin: 0 5px 0 5px; }
      .list li a {color:#666;}
      .list li a:hover {color:#99cc32; text-decoration:none;}
      
    .sporter {}
      .sporter h1 {margin-bottom:25px;}
      .sporter ul {list-style:none; width:340px; border-top:1px dotted #666;}
      .sporter li {height:21px; border-bottom:1px dotted #666; padding-top:8px;}
      .sporter li span {font-weight:bold; width:105px; float:left;}
      .sporter a { color: #666666; outline-style: none; text-decoration: none;}
      .sporter a:hover {color: #99CC32; text-decoration:none; }
      .sporter .col-left {width:160px; float:left;}
      .sporter .col-right {width:340px; float:right;}
    
      .nieuws {}
        .nieuws-item {border-bottom:1px dotted #666; overflow:hidden; padding-bottom:20px; margin-bottom:25px;}
        .nieuws-item.last {border:0; padding-bottom:0; margin-bottom:0;}
        .nieuws-item h2 {margin-bottom:25px;}
        .nieuws-item h2 a {color:#000;}
        .nieuws-item p {margin-top:-3px;}
        .nieuws-item a { color: #666666; outline-style: none; text-decoration: none;}
        .nieuws-item a:hover {color: #99CC32; text-decoration:none; }
        .nieuws-item .more-link {color:#99cc33; font-weight:bold;}
        
        .nieuws-item .col-left {width:90px; height:90px; float:left;}
        .nieuws-item .col-right {width:405px; float:right;}
        .nieuws-item .col-right h1 {display:none;}
		
	.partners {}
		.partner-item {overflow: hidden; margin-top: 40px;}
		.partner-item h2 {margin-bottom: 20px;}
		.partner-item h2 a {color: #000;}
		.partner-item p {margin-top: -3px;}
		
		.partner-item .col-left {width: 120px; height: 120px; float: left;}
		.partner-item .col-left img {display: block; border:1px solid #ccc;}
		.partner-item .col-right {width: 360px; float: right;}
		.partner-item .col-right a {color: #99cc33; font-weight: bold; text-decoration: none;}
        
    form {}
    form input, form textarea {border:1px solid #ccc; padding:3px; font-size:12px;}
    form input {width:147px; height:22px; margin-top:5px;}
    form textarea {width:312px; height:162px; margin-top:5px;}
    form td {padding-top:21px;}
    .submit {color:#fff; width:125px; height:30px; background:#99cc33; cursor:pointer; border:0;}
  
  #sidebar {width:240px; float:right; padding-top:28px;}
  #sidebar p, #sidebar address {margin-top:20px; line-height:21px;}
  #sidebar address {font-style:normal;}
  #sidebar address a {text-decoration:underline;}
    #sidebar ul {list-style:none; width:240px; border-top:1px dotted #666; margin-top:20px; margin-bottom: 20px; }
    #sidebar li { background:url(images/arrow.gif) no-repeat left; border-bottom:1px dotted #666; padding:8px 0 7px 10px;}
    #sidebar li a {color:#666;}
    #sidebar li a:hover {color:#99cc32; text-decoration:none;}
    #sidebar li.current_page_item a {font-weight:bold;}

  #footer { position:relative; bottom:55px; height:55px; background:url( 'images/footer.png' ) no-repeat; margin: 0 auto; }
    #skyfire a {margin: 25px -24px 0 0;float:right; background: url("images/footer-skyfire.png") no-repeat scroll 0 0 transparent; display: block; height: 24px; outline: medium none; text-indent: -3000em; width: 24px; }
    :link, :visited { text-decoration: none; }