/* -----------------------------------------
   General
----------------------------------------- */

	body{ background: #AE9988 url(../images/background_hans_hofer.png) center center fixed no-repeat; -moz-background-size: cover; background-size: cover; padding-top:20px; color: #5A4322; }

	.box_1 { font-size:1.2em; padding: 0px 0px 20px 0px;  text-align: right; font-size: 2em; color: #fff; opacity: .6; filter: alpha(opacity=60); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";}

	.box_2 { background:url(../images/kopf.png) no-repeat; height: 273px; }

	.box_5 { background:url(../images/kopf_mobile.png) no-repeat; height: 150px; }

	.box_3 { background: url(../images/transparent.png); }

	.box_31 { padding: 40px 20px;}
	
	.box_311 { padding: 0px 20px 0px 0px;}

	.box_32 { padding: 20px 20px 0px 20px;}

	img, object, embed { max-width: auto; height: auto; }


/* -----------------------------------------
   Navigation
----------------------------------------- */
	.box_2 ul { margin: 0; padding-left: 0; display: inline; }

	.box_2 ul a {margin: 0px 5px 0px 0px; padding:238px 0px 0px 0px; list-style: none; float:left; background: url(../images/transparent_bg.png); }

	.box_2 ul a.item-162 { margin: 0px 0px 0px 0px; padding:238px 0px 0px 0px; border-left: none; list-style: none; }
	
	.box_2 a li { padding:10px 0px 10px 20px; margin:0px; display: block; font-size: 1.1em; width: 172px; height: 16px; background: #FFF; text-decoration: none; }
	
	.box_2 ul a.active { background:none; font-weight: bold; }	
	
	.box_2 a.active li { padding:10px 0px 10px 20px; text-decoration: none; }
	
	.box_2 ul a:hover{ text-decoration:none; background:none; }


/* -----------------------------------------
   Lists
----------------------------------------- */
	ul.breadcrumbs { display: block; background: #f4f4f4; margin-top:117px; padding: 7px 10px; border:none; border-radius: 0px; overflow: hidden; }
	
	ul.breadcrumbs li { margin: 0; padding: 0 12px 0 0; float: left; }
	
	ul.breadcrumbs li a, ul.breadcrumbs li span { text-transform: uppercase; font-size: 11px; padding-left: 12px; }
	
	ul.breadcrumbs li:first-child a, ul.breadcrumbs li:first-child span { padding-left: 0; }
	
	ul.breadcrumbs li:before { content: "/"; color: #aaa; }
	
	ul.breadcrumbs li:first-child:before { content: " "; }
	
	ul.breadcrumbs li.current a { cursor: default; color: #333; }
	
	ul.breadcrumbs li:hover a, ul.breadcrumbs li a:focus { text-decoration: underline; }
	
	ul.breadcrumbs li.current:hover a, ul.breadcrumbs li.current a:focus { text-decoration: none; }
	
	ul.breadcrumbs li.unavailable a { color: #999; }
    
    ul.breadcrumbs li.unavailable:hover a, ul.pagination li.unavailable a:focus { text-decoration: none; color: #999; cursor: default; }


/* -----------------------------------------
   Typo
----------------------------------------- */

	a { color:#5A4322; text-decoration: none; }

	a:hover { text-decoration:none; background:none; color:#5A4322; }

	mark { border-bottom:2px solid; }

	pre { padding:10px; }

	pre code, pre mark{ background:none; }

	h1 { font-size: 1.1em; line-height: 1em; margin-bottom: 20px; padding-bottom: 4px; font-weight: bold; color:#5A4322; }

	::selection		{ background-color:#4a8ec2; color:#fff; }

	::-moz-selection{ background-color:#4a8ec2; color:#fff; }

	hr { padding:0; border:none; height:1px; background-color:#ccc; }


/* -----------------------------------------
   Mobile
----------------------------------------- */


@media only screen and (max-width: 767px) {		
	
	/* -----------------------------------------
 		General
	----------------------------------------- */
	
	ul.breadcrumbs { display: block; background: #f4f4f4; margin-top:116px; padding: 7px 10px; border:none; border-radius: 0px; overflow: hidden; }
	
	.container { min-width: 0; margin-left: 0; margin-right: 0; padding: 0px 10px 0px 10px;}	
	
	.box_1 { font-size:1.1em; }
	
	.box_3 { padding:9px;}
	
	.box_32 { margin-top:10px;}
}
	
	
@media only screen and (device-width: 768px) {
	
	/* -----------------------------------------
 		General Nav
	----------------------------------------- */

	.box_2 ul a { margin: 0px 3px 0px 0px; padding:238px 0px 0px 0px; list-style: none; float:left; background: url(../images/transparent_bg.png); width: 19.78016%; }

	.box_2 ul a.item-162 { margin: 0px 0px 0px 0px; padding:238px 0px 0px 0px; border-left: none; list-style: none; }
	
	.box_2 a li { padding:10px 0px 10px 20px; margin:0px; display: block; font-size: 1.1em; width: 86.5%; height: 16px; background: #FFF; text-decoration: none; }
	
	.box_2 ul a.active { background:none; font-weight: bold; }	
	
	.box_2 a.active li { padding:10px 0px 10px 20px; text-decoration: none; }
	
	.box_2 ul a:hover{ text-decoration:none; background:none; }
}