/*=======================================================================

	��� Gumby by Digital Surgeons. ���
	
	*** This is where you should keep all of your design specific styles ***
 
 ========================================================================*/
/*@import url(http://fonts.googleapis.com/css?family=Advent+Pro);*/

@media only screen{

html,body{background:#EEEEEE;min-height:100%;height:auto;max-width:100%;}
#wrapper{min-height:100%;height: auto !important;height: 100%!important;margin: 0 auto -86px 0;}    
.row { width: 100%; max-width: 940px; min-width: 720px; margin: 0 auto; }
.push{height:0px;}

h1{font-family:"Trebuchet MS", Helvetica, sans-serif;color:#000;font-size:21px; padding: 0; margin: 0;}
h2{font-family:"Trebuchet MS", Helvetica, sans-serif;color:#000;font-size:18px;}

ul { list-style: disc; margin: 15px; font-size: 12px; color: black; }
li { padding: 0; margin-bottom: 0; }

p{font-family:"Trebuchet MS", Helvetica, sans-serif;font-size:12px;line-height:18px;}
#img{float:left;width:100%;height:190px;margin-top:0px;background-position: top right;}

header{background:#333333;height:140px;color:#FFF;font-family:"Trebuchet MS", Helvetica, sans-serif;}
header h6{margin:40px 0 0 25px;padding:0px;line-height:120%;color:#999999;font-size:20px;}
header h1{margin:0 0 0 25px;font-size:24px;color:#FFF;line-height:120%;}

nav ul{margin-top:49px;margin-right:15px;padding:0;float:right;}
nav ul li{padding:20px 0 0 20px;display:inline; list-style:none;font-size:16px;}
nav ul li a{color:#FFF; white-space: nowrap;}
nav ul li a:hover{color:#FFF;text-decoration:underline;}
nav ul li.first{padding-left:0px;}

footer{position:relative;z-index:1;height:95px;color:#FFF;clear: both;background:#333333;padding:0px;margin:0px;}
footer p{text-align:center;padding:15px 0 0 0;color:#FFF;}

#container{background:#FFF;height:200px;}   
#container p#breadcrumbs{padding:15px 0 38px 10px;}
#content{padding:25px;}
.breadcrumbs-wrapper { display: block; margin-bottom: 20px; }
#breadcrumbs { color: #999; font-size: 14px; }
#breadcrumbs a { color: #999; }

#afspraak{padding-top: 28px;background:#85B200;}
#afspraak p{margin:0;padding:0 15px 10px 15px;color:#FFF;}
#afspraak a{padding:5px 0 0 10px;color:#FFF;font-weight:bold;/*background: url(../images/website/arrow.png) 0 8px no-repeat;*/}
#afspraak a:hover{text-decoration:underline;}

#afspraak a.button{padding:5px 10px;;color:#FFF;font-weight:bold;/*background: url(../images/website/arrow.png) 0 11px no-repeat;*/ background-color:#333333; border-radius:10px;}
#afspraak a.button:hover{text-decoration:none; background-color:#fff; color:#85B200;}

#language{float:right; font-size:14px;}
#language a{ color:#fff; text-decoration:none;}

}

@media only screen 
and (max-width: 960px) {
    header h1 { font-size: 30px; }
}

@media only screen
and (max-width: 880px) {
    #container h1 { font-size: 20px; }
}

@media only screen
and (max-width: 800px) {
    header h1 { font-size: 26px; }
}

@media only screen
and (max-width: 800px) {
    header h1 { font-size: 26px; }
}

@media only screen
and (max-width:767px)
{
    html,body{background:#EEEEEE;min-height:100%;height:100%;max-width:100%;}    
    header{height:160px;}
    header h1{width:100%;text-align:center;margin:20px 0 0 0;}
    header h6{width:100%;text-align:center;margin:0px;}
    
    #top{height:160px;}
    .row { width: 100%; max-width: 767px; min-width: 320px; margin: 0 auto; }
    .row .four.columns{width:100%;}
    .row .eight.columns{width:100%;}
	#content img { max-width:100%!important;}
       
    #wrapper{min-height:100%;height: auto !important;height: 100%;margin: 0 auto -214px 0;}   
               
    nav {height:70px;width:100%;text-align:center;}
    nav ul{margin:10px 0 0 0;padding:0px;display:inline-table;float:none;}
    nav ul li{display:inline;padding:0px;margin:0px;}
    nav ul li a{padding-left:30px;line-height:30px;font-size:14px;}
    nav ul li a.first{padding-left:0px; white-space: nowrap!important;}
    
    #img{background:url('../images/website/header.jpg');margin-top:0px;background-position: top right;}     
    
    #content{position:relative;vertical-align:top;}
    .push{clear:both;height:214px;}
    
    #container{position:relative;height:auto;}
    #container h1{margin:0px;padding:10px 0 10px 0px;}
    #container p#breadcrumbs{padding:10px 0 0px 10px;}       
    
    #afspraak{min-height:128px;margin-top:0px;padding-bottom: 25px;}
    #afspraak p{margin:0px;padding:20px 15px 10px 25px;line-height:22px;color:#FFF;text-align:left;}
    #afspraak a{padding:0 0 25px 15px;color:#FFF;text-align:left;background-position: 0 3px;}
    footer{padding:0;height:214px;bottom:0px;clear:both;position:relative;color:#FFF;}
    #footer p#adress{padding:10px 0 0 0;} 
    #footer {background: #333;}
    #copyright { padding-bottom: 10px; }
}

.center{position:relative;width:100% !important;text-align:center!important;margin:0px;padding:20px 0 0 0 !important;}
.centered{position:relative;width:100% !important;line-height:20px;text-align:center !important;padding:0px;margin:0px;}
.wide{width:100% !important;position:relative !important;}
.row_less { width: 100%; max-width: 767px; min-width: 320px; margin: 0 auto; }
.auto {width:auto !important;}
.h1_less {text-align:center;width:100%;padding:5px;position: relative;margin:5px 0 0 0;}
.p_less {text-align:center;width:100%;padding:0px;margin:0px;}
.pad {padding:0px;margin:0px;}