﻿/*AUTOKANAAL*/
body{font:80% "Lucida Grande","Trebuchet MS",Tahoma,"Helvetica Neue",Helvetica,Arial, sans-serif; background:#2B2928 url(../img/bg.gif) repeat fixed 0 0;}
	
h1, h2, h3, h4, h5, h6{font-family: Corbel, "Segoe UI","Lucida Sans Unicode", "Lucida Grande","Trebuchet MS",Tahoma,"Helvetica Neue",Helvetica,Arial, sans-serif;}
p{font-size: 1em; line-height: 1.375em; margin-bottom: 1.375em;  margin-right: 1em;}

p strong,p em,p b,p i{font-family:"Lucida Sans", "Lucida Sans Unicode", "Lucida Grande","Trebuchet MS",Tahoma,"Helvetica Neue",Helvetica,Arial, sans-serif;}
	
strong, em, b, i {
	font-family: Corbel, "Segoe UI","Lucida Sans", "Lucida Sans Unicode", "Lucida Grande","Trebuchet MS",Tahoma,"Helvetica Neue",Helvetica,Arial, sans-serif;
	font-weight:bold;
}

h6 { font-size: 1em; line-height: 1.375em; margin-bottom: 1.375em; margin-top: 0em; }
h5{ font-size: 1.125em; line-height: 1.2222em; margin-bottom: 1.2222em; margin-top: 0em;}
h4{ font-size: 1.3125em; line-height: 1.0476em; margin-bottom: 1.0476em; margin-top: 0em;}
h3{ font-size: 1.5em; line-height: 1.8333em; margin-bottom: 0.45835em; margin-top: 0.45835em;}
h2 { font-size: 2.125em;line-height: 1.2941em; margin-bottom: 0.6471em; margin-top: 0em; }
h1{ font-size: 2.25em; line-height: 1.2222em;  margin-bottom: 0.6111em; margin-top: 0em; }

    #mediaTemplateLarge h1,
    #mediaTemplateDefault h2
    {
        color: #fff;
        }
    #mediaTemplateDefault h2
    {
        left: 290px;
        }

        a:link, a:visited {
        color:#ff6C00;
        text-decoration:none;
        }
        a:hover, a:active {
        color: Orange;
        text-decoration:underline;
        }
        a:focus {
        overflow:hidden;
        }

.gs960{width: 960px; border: none; }
.page{background: #fff;}


.header {background: #151515; color: #fff; }

.header p#logo {
    background:transparent url(../img/logo-autokanaal2.gif) no-repeat scroll 0 0;
    width:282px;
    height:46px;
    float:left;
    text-indent:-9000px;
    margin-bottom: 10px;
}

.header p#logo a
{
    display: block;
    width:282px;
    height:46px;
    }
#albumTitle
{
    width: 355px;
    }
    
#SearchBox #ctl00_headerPlaceHolder_ctl00_publicSearchBox_textBoxSearch
{
    background:#FEF7D6 url(../Img/bg-ic-zoekveld.png) no-repeat scroll 3px 2px;
    border:1px solid #5A5951;
    display:table-cell;
    float:left;
    font-size:18px;
    height:23px;
    margin:7px 0 0;
    outline:none;
    padding:0 0 0 25px;
    vertical-align:middle;
    width:180px; 
}
#SearchBox #ctl00_headerPlaceHolder_ctl00_publicSearchBox_buttonSearch {
background:#fff url(../Img/btn-zoek.gif);
border: none;
cursor:pointer;
float:left;
height:25px;
margin:7px 0 0;
padding:0;
width:60px;
text-indent: -9000px;
font-size: 1px; /*voor lte IE7: attribute  value=zoeken verbergen*/
line-height: 50px;
}
.SearchBox #ctl00_headerPlaceHolder_ctl00_publicSearchBox_buttonSearch:hover {
opacity: .8;
}

.footer{background: #151515; color: #fff;}

/* ====== navigatie --> Breadcrumbs ====== */ 
#breadcrumb
{
    border-bottom: none;
    
    }
#breadcrumb li
{
    float: left;
    list-style: none outside;
    padding-right: 15px;
    margin-left: 10px;
    }
    
#breadcrumb li.last
 {
    padding-right: 0;
    margin-right: 0;  
    background: none;
     } 
      
/* Paginering*/     
.PagerDiv
{
    background-color: #606062;
    padding: 0 30px;
    margin: 0 0 20px 0;
}

.PagerUl li
{
    list-style-type: none;
    background: transparent;    
    border: none;
    float: left; margin-right: 10px;
}


ul.PagerUl 
{
    margin: 0;
    background-color: transparent;
    overflow: auto;
    font-size: 11px;
    padding: 0px 0px 0px 0px;
     
}

li.PagerLi, li.PagerLiSelected, li.PagerLiLast, li.PagerLiNext
{ float: left; }

li.PagerLi a, li.PagerLi a, li.PagerLiLast a, li.PagerLiSelected a, li.PagerLiNext a
{
    color: #606060;
    text-decoration: none;
    border: solid 0px #aaa;
    background-color: #aaa;
    padding: 2px 4px;
    -moz-border-radius: 3px;
    text-shadow: none;
}

li.PagerLiSelected a {
    background-color: #eee; /* overrule bovenstaande kleurinstelling */
}

li.PagerLi a:hover, li.PagerLiLast a:hover, li.PagerLiNext a:hover
{
    color: #fff;
    border-color: #fc0;
    background-color: orange;
}
#mediaTemplateLarge .unit,
#mediaTemplateLarge .line
{
    background: #151515;
    }
#mediaTemplateLarge .mediaDescription
{
    color: #fff;
    background: #151515;
    }
    
 #navigatie
 {
     width: 601px;
     }   
.socialContent
{
    width: 360px;
    }     
#navigatie,
    #navigatie li a,
.socialContent, 
    .socialContent ul li a
{   
    background-image: url(../img/buttons-navbar-zwart.png);
}