/** Project: ARS
 *  @framework     YAML v4.1.2
 *  @file          screen.css
 */

@media screen {
	body {
	background-image: url(../images/bgkachel.gif);		  
	}
  #pagemargins {
    width: 1100px;
    background: white;
	  margin:15px auto 15px auto;	
	  padding:0;
    }
  img, embed, object, video {
    max-width: 100%; height: auto;
    }
	#header {	
		margin: 0 auto;
		max-width: 1100px;
		min-width: 0px;
		heigth: auto;
		background-color: white;
	  }	
	.ym-wrapper {
		margin: 0;
		max-width: 1100px;
		min-width: 0px;
		width: auto;
		margin: 0;
		padding:0;
	  }
	.ym-wbox {
		padding: 0px 0px 0px 0px;
	  }
  .ym-wbox.bannerbox {
		padding: 0;
		margin-right: -12px;
	  }  
  .ym-wbox.logobox {
		position: relative;
		padding-bottom: 0;
	  }  
	.padd-rechts {
		padding-right: 10px;
	  }
  .logostyle {
  	padding: 10px 0 10px 0;
    } 
	#topnav {
    overflow-y:hidden;
    height: 24px;
    padding-top: 6px;
    }
  #topnav ul{
  	display:inline;
    float:left;
    font-size:12px;
    line-height:12px;
    list-style-type:none;
    margin-left:0;   
  	}	
  #topnav ul li {
    margin-left:2px;   	
    }
  #topnav a {
    background:transparent;
 	
    padding:0.5em 0.8em 0.5em 0.8em;
    text-decoration:none;
    }
  #topnav a:active, 
  #topnav a:focus {
  	outline: none;
    }
  .nav ul li a:focus,
  .nav ul li a:hover,
  .nav ul li a:active 
  .nav ul li.act {
  	text-decoration:none;
  	}      
	#main {
		background-color: #fff;
		padding-top: 0;
	  }
	#secondary {padding-left: .7em;
		background-color: #fff;
		border-bottom: 1px #aaa solid;
		padding-top: 35px;
	  }

	#footer {
		border-top: 1px #ddd solid;
		padding: 10px;
		background: #607889;
		color: #dddddd;
	  }  
	#footer a {color: #ffcc33;}
	
	#footer a:hover,
	#footer H1,
	#footer H2,
	#footer H3,
	#footer H4,
	#footer H5,
	#footer H6 {color: #dddddd;}

	.ym-gbox-left {
		margin: 0 12px 0 0;
		padding: 0;
	  }
  .ym-gbox-left.slider {
		padding-top: 0;
		margin: 0;
	  }

	.ym-gbox-right {
  	}
  .ym-wrapper-min {
		min-width: 0px;
  	}
  /* Gridelemente */ 
  .grid2cols {overflow:hidden;}
  .gridCol1 {width:28%; float:left; margin-right:2%;} 
  .gridCol2 {width:68%; float:left; margin-left: 2%;}
  
  .grid3cols {overflow:hidden;}
  .Sp3-1 {width:31%; float:left; margin-right:2%;}
  .Sp3-2 {width:31%; float:left; margin-right:2%;}
  .Sp3-3 {width:31%; float:left; margin-right:2%;}
 }

 
  .grid4cols {overflow:hidden;}
  .Sp4-1 {width:23%; float:left; margin-right:2%;}
  .Sp4-2 {width:23%; float:left; margin-right:2%;}
  .Sp4-3 {width:23%; float:left; margin-right:2%;}
  .Sp4-4 {width:23%; float:left; margin-right:2%;}
 }
   
@media only screen and (max-width: 920px) {
	#nav {
	  width: 446px;
	  padding: 0;
    }
  #printlogsearch {
	  width: 167px;
  	position: relative;
    top: 120px;	
    text-align: right;
    righ: -175px;;
	  }
  }
@media only screen and (max-width: 650px) {

	#secondary .ym-g50 {
		float: none;
		width: auto;
	  }

	#secondary .ym-g25 {
		width: 50%;
  	}
  #nav.ym-hlist.ym-gbox	{
  	margin-left: 0;
  	padding-left: 0;
  	padding-right: 0;
  	position: relative; 
  	left: 0;
    }

	.ym-hlist ul {
		display: block;
		float: none;
  	}

	.ym-hlist ul li {
		display: block;
		float: none;
  	}
  
	.ym-gbox-left {
		margin: 0;
	  }
	#nav {
    width: 164px;	
    }	
    
  .grid2cols {overflow:hidden;}
  .gridCol1 {width:100%; float:left; margin-right:2%;} 
  .gridCol2 {width:100%; float:left; margin-left: 2%;}
  
  .grid3cols {overflow:hidden;}
  .Sp3-1 {width:100%; float:left; margin-right:2%; border-bottom: 1px solid #405090; margin-bottom: 10px;}
  .Sp3-2 {width:100%; float:left; margin-right:2%; border-bottom: 1px solid #405090; margin-bottom: 10px;}
  .Sp3-3 {width:100%; float:left; margin-right:2%;}

 
  .grid4cols {overflow:hidden;}
  .Sp4-1 {width:100%; float:left; margin-right:2%; border-bottom: 1px solid #405090; margin-bottom: 10px;}
  .Sp4-2 {width:100%; float:left; margin-right:2%; border-bottom: 1px solid #405090; margin-bottom: 10px;}
  .Sp4-3 {width:100%; float:left; margin-right:2%; border-bottom: 1px solid #405090; margin-bottom: 10px;}
  .Sp4-4 {width:100%; float:left; margin-right:2%;}

    

  }

@media only screen and (max-width: 480px) {

	.overlay {
		display: none;
  	}
	.ym-searchform {
		display: none;
	  }

	body {
		font-size: 90%;
  	}

	h1 {
		font-size: 120%;
  	}

	h6 {
		font-size: 90%;
  	} 
	#nav {
    width: 180px;	
 
    }	
  #nav a {
    width: 147px;	
    }	
	.logostyle{
		float: none;
  	}
  }