#mainwrapper{
	width:1253px;
	margin:0 auto;
}

#header .lfloat{
	width:65%;
	float:left;
	display:block;
}

#header .lfloat a{
	text-decoration:none;
}

#header .rfloat{
	width:30%;
	float:right;
	display:block; 
	text-align:right;
	font-size:10px;
	margin-top:16px;
}

#gsearch{
	padding:5px;
}
input#searchfield{
	width:70%;
	font-size:14px;padding:3px;border: 1px solid #bd081c;
}

#footer{
	padding: 5px;
}


/* Standard 1280 or larger (browsers) */
@media only screen and (min-width: 1280px) {
	#center-box{ width:822px; }
}

/* Smaller than standard 1280 (devices and browsers) */
@media only screen and (min-width: 980px) and (max-width: 1279px) {
	#mainwrapper{ width:940px; } 
	#center-box{ width:720px; }
	#right-box { display: none; }
	#subheadline {padding-top: 0px;}
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 979px) {
	#mainwrapper{ width:710px; }
	#center-box{ width:490px; }
	#right-box { display: none; }
	#mainhl {font-size: 32px;}	
	#subheadline {padding-top: 0px;}
	input#searchfield{ width:60%; }
		
	#content-left {
		width:100%;
	}
	#content-right {
		clear:both;
		float:left;
		width:100%;
	}
	#scroller { top:145px; }	
	#footnavbox { display:none; }
	#skinconfig{ display:none; }
}	


/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	#mainwrapper{ width:420px; }
	#left-box { 
		width:400px;
		padding:0 10px 0 10px;
	}
	
	#sidebarfooter{ display: none; }
	#right-box { display: none; }

	#center-box{
		clear:both; 
		width:400px; 
		padding:0 10px 0 10px; 	
	}
	
	#topnavbox{
		display:none;
	}
	
	p#mainhl {
		font-size: 32px;	
		padding-top: 0;
	}
	p#subheadline {
		padding-top: 0px;
	}	
	
	#header .lfloat{
		width:100%;
	}
	#header .rfloat{ 
		width:100%;
	}
	
	#headertitle {
		background: url(/pub/logo.png) -50px 0 no-repeat #fff;
		padding-left: 100px;
	}
	
	
	#hlnavi{ display:none; }
	
	#footnavbox { display:none; }
	
	#skinconfig{ display:none; }
	
	#mlnavi ul li { float:left; }
	#sidebar{ width:400px;}
	#sidebartop { width:380px; }
	.clip2 { 
		width:380px; 
		border:none;
	}
	#sidebar ul li a {
		padding-right: 1em;
	}
		
	div.cse-branding-form {
		width: 350px;
	}
	input#qquery {
		width: 260px;
	}
	
	#contentbox img {
		max-width: 380px;
		height: auto;
	}
	
	#content-left {
		width:100%;
	}
	#content-right {
		clear:both;
		float:left;
		width:100%;
	}
	
	#sidebar h1 a:hover, #sidebar h1 a:active, #sidebar a:link, #sidebar a:visited {
		border-bottom: none;
	}
	#mlnavi ul, #thirdlevelnavi ul{
		margin-left: 0;
		padding-left: 0;
		white-space: nowrap;
	}	

	#mlnavi ul li, #thirdlevelnavi ul li{
		display: inline;
		list-style-type: none;
	}

	#mlnavi ul li a, #thirdlevelnavi ul li a { padding: 3px 10px; }

	
	#thirdlevelnavi ul li { 
		float:none;
		display:block; 
	}
	
	#slnavi { margin-top:10px;}
	
	#slnavi .clip2 ul{ display:none; } 
	.responsive-nav{
		display:block;
	}
	#scroller { 
		top:75px;		
	}
	#rsslayer { display:none; }
	
	#footer-box{
		height:120px;
		margin-bottom: 50px;
	}
	#footer{
		height:120px;
		padding:0 20px;
	}	
			
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

	#mainwrapper{ width:300px; }
	#left-box { 
		width:280px;
		padding:0 10px 0 10px;
	}
	
	#sidebarfooter{ display: none; }
	#right-box { display: none; }

	#center-box{
		clear:both; 
		width:280px; 
		padding:0 10px 0 10px; 	
	}
	p#mainhl {
		font-size: 32px;	
		padding-top: 0;
	}
	p#subheadline {
		padding-top: 0px;
	}	
	
	#header .lfloat{
		width:100%;
	}
	#header .rfloat{ 
		width:100%;
	}
	
	#headertitle {
		background: url(/pub/logo.png) -80px 0 no-repeat #fff;
		padding-left: 60px;
	}
	#topnavbox{ display:none; } 
		
	#hlnavi{ display:none; }
	
	#footnavbox { display:none; }
	
	#skinconfig{ display:none; }
	
	#mlnavi ul li { 
		float:none;
		display:block; 
	}
	#sidebar{ width:280px;}
	#sidebartop { 
		width:260px; 
		float: none;
		margin: 0 auto;
	}
	.clip2 { 
		width:260px; 
		border:none;
	}
	#sidebar ul li a {
		padding-right: 1em;
	}
	
	
	input#qquery {
		width: 160px;
	}
	#gsearch{
		margin: 0px 20px 0 0;
		width: 240px;
	}
	
	#contentbox img {
		max-width: 260px;
		height: auto;
	}
	
	#content-left {
		width:100%;
	}
	#content-right {
		clear:both;
		float:left;
		width:100%;
	}
	
	#sidebar h1 a:hover, #sidebar h1 a:active, #sidebar a:link, #sidebar a:visited {
		border-bottom: none;
	}
	#mlnavi ul, #thirdlevelnavi ul{
		margin-left: 0;
		padding-left: 0;
		white-space: nowrap;
	}	

	#mlnavi ul li, #thirdlevelnavi ul li{
		display: inline;
		list-style-type: none;
	}

	#mlnavi ul li a, #thirdlevelnavi ul li a { padding: 3px 10px; }

		
	#thirdlevelnavi ul li { 
		float:none;
		display:block; 
	}
	
	#slnavi { margin-top:10px;}
	
	#slnavi .clip2 ul{ display:none; } 
	.responsive-nav{
		display:block;
		width:240px;
	}
	
	#footer-box{
		height:100px;
		margin-bottom: 0px;
	}	
	#scroller { 
		top:75px;

	}
	#rsslayer { display: none;}
		
}

