@charset "iso-8859-2";
/* CSS Document */

@media screen and (max-width:800px) {
	
	div#container { width:100%; max-width:100%; min-height:100%; background-image:url(images/bg_container_800.jpg); background-position:left top; background-color:#eae2be; }
	div#content { width:100%; max-width:100%; min-height:100%; }
	div#content iframe { width:100%; max-width:800px; overflow:visible; }
	div.navi_left {width:30%; }
	div.navi_right {width:30%; }
	div.content_inner_100 { width:98%;  }
	div.content_inner_80 { width:78%;  }
	div.content_inner_60 { width:58%;  }
	div.left_33, div.center_33, div.right_33  {    width:100%;  margin:1% 0; padding:1% 0 0 0; line-height: 1.2em; font-size: .9em; }
	div.left_66, div.right_66  { width:100%;  margin:1% 0; padding:1% 0 0 0; line-height: 1.2em; font-size: .9em; }
	div.left_50, div.right_50  { width:100%;  margin:1% 0; padding:1% 0 0 0; line-height: 1.2em; font-size: .9em; }
	div.facebook {  width:96%; margin:1%; padding:1%; background-color:#FFF; }
	div.news_frontpage {  width:96%; margin:1%; padding:1%; }
	div.wide_100 img { width:50%; height:50%; max-width:75px; max-height:75px;  }
	
	div.navi_news h1 { background-image:none; background-color:#4d1e16; }
	/* NAV MQ _ MOBILE */
	div#navi_top{ background-image:none; margin:0; padding:0; }

	a.navi_top-nav  { font-size:2.5em; float:left; color:#000000; display:block; padding:5px 1%; }
	
	ul.navi_top-list {  display:none; margin: 0; padding: 0; }
	ul.nav-open { float:left; width:100%; display:block; }
	ul.navi_top-list li { width:100%; }
	ul.navi_top-list li a { display:block; padding:4%; color:#ebe2c0; width:100%; margin-bottom:2px; background-color:#000; }
	ul.navi_top-list li a:hover { background-color:#ebe2c0; color:#CCC;	}

	div#header_top { width:100%; max-width:800px; height:auto; }
	div#logo { width:50%;   }
}

@media screen and (max-width:640px) {
	div#container { width:100%; max-width:100%; min-height:100%; background-image:url(images/bg_container_680.jpg); background-position:left top; background-color:#eae2be; }
	div#content { width:100%; max-width:100%; min-height:100%; }
	div#content iframe { width:100%; max-width:680px; overflow:visible; }
	/* NAV MQ _ MOBILE */
	div#navi_top{ background-image:none; margin:0; padding:0; }

	a.navi_top-nav  { font-size:2.5em; float:left; color:#000000; display:block; padding:0; margin: 0; }
	
	div.navi_top{  width:100%;  padding:0; margin:10% 0 0 0; float:left; text-transform:uppercase; text-align:left; display:block;   }
	
	ul.navi_top-list { display:none; margin: 0; padding: 0; }
	ul.nav-open { float:left; width:100%; display:block; }
	ul.navi_top-list li { width:100%; float:left; text-align:left; margin:0; }
	ul.navi_top-list li a { display:block; padding:4%; color:#ebe2c0; width:100%; margin: 0 0 1% 0; background-color:#4d1e16; }
	ul.navi_top-list li a:hover { background-color:#ebe2c0; color:#4d1e16; }
	
    #nav {  position: relative;  }
    #nav > a { }
    #nav:not( :target ) > a:first-of-type, #nav:target > a:last-of-type {  display: block; }
    /* first level */
    #nav > ul { height: auto; display: none; position: absolute; left: 0; right: 0; }
    #nav:target > ul { display: block; }
    #nav > ul > li { width: 100%; float: none; }
    /* second level */
    #nav li ul { position: static; }

	div.navi_left {width:100%; float:left; display:block; margin: 0; padding: 0;}
	div.navi_right {width:100%; float:left; display:block; margin: 0; padding: 0;}
	
	div.navi_news h1 { background-image:none; background-color:#4d1e16; min-height:30px;  }

	div.content_inner_100 { width:98%; margin:0; padding:2% 0; line-height: 1.1em; font-size: 1.0em;  }	
	div.content_inner_80 { width:98%;  margin:0; padding:2% 0; line-height: 1.1em; font-size: 1.0em;  }	
	div.content_inner_60 { width:98%;  margin:0; padding:2% 0; line-height: 1.1em; font-size: 1.0em;  }	
	div.left_33, div.center_33, div.right_33  { width:100%;  margin:1% 0; padding:5px 0; line-height: 1.2em; font-size: .9em; border-top: 1px dotted #666;}
	div.left_66, div.right_66  { width:100%;  margin:1% 0; padding:1% 0 0 0; line-height: 1.2em; font-size: .9em; }
	div.left_50, div.right_50  { width:100%;  margin:1% 0; padding:1% 0 0 0; line-height: 1.2em; font-size: .9em; }
	div.facebook {  max-width:96%; float:right; margin:1%; padding:1%; background-color:#FFF; display:inline-block; overflow:hidden; /*display:none;*/ }
	div.fb-like-box {  width:96%; margin:1%; padding:1%; max-width:680px; background-color:#FFF; }
	div.news_frontpage {  width:96%; margin:1%; padding:1%; }
	div.wide_100 img { width:30%; height:30%; max-width:50px; max-height:50px; }

.fb-comments, .fb-comments iframe[style], .fb-like-box, .fb-like-box iframe[style] {width:  100% !important;display:block;z-index:2000;position:relative}
.fb-comments span, .fb-comments iframe span[style], .fb-like-box span, .fb-like-box iframe  span[style] {width: 100% !important;display:block;z-index:2000;position:relative}	
	div#header_top { width:100%; max-width:680px; height:auto;  }
}

@media screen and (max-width:480px) {
	div#container { width:100%; max-width:100%; min-height:100%; background-image:url(images/bg_container_480.jpg); background-position:left top; background-color:#eae2be; }
	div#content { width:100%; max-width:100%; min-height:100%; }
	div#content iframe { width:100%; max-width:480px; overflow:visible; }
	/* NAV MQ _ MOBILE */
	div#navi_top{ background-image:none; margin:0; padding:0; }

	a.navi_top-nav  { font-size: 2.5em; float:left; color:#000; display:block; padding:0; margin:0; }
	
	div.navi_top{  width:100%;  padding:0; margin:0; float:left; text-transform:uppercase; text-align:left; display:block;   }
	
	ul.navi_top-list { display:none; margin: 0; padding: 0; }
	ul.nav-open { float:left; width:100%; display:block; }
	ul.navi_top-list li { width:100%; float:left; text-align: left; margin:0; }
	ul.navi_top-list li a { display:block; padding:3%; color:#ebe2c0; width:100%; margin: 0 0 1% 0; background-color:#4d1e16; }
	ul.navi_top-list li a:hover { background-color:#ebe2c0; color:#4d1e16; }
	
	div.navi_left {width:100%; float: left; display:block; margin: 0; padding: 0;}
	div.navi_right {width:100%; float:left; display:block; margin: 0; padding: 0;}
	
	div.navi_news h1 { background-image:none; background-color:#4d1e16; }

	div.content_inner_100 { width:98%;  margin: 0; padding:2% 0; line-height: 1.1em; font-size: 1.0em;  }	
	div.content_inner_80 { width:98%;  margin: 0; padding:2% 0; line-height: 1.1em; font-size: 1.0em;  }	
	div.content_inner_60 { width:98%;  margin: 0; padding:2% 0; line-height: 1.1em; font-size: 1.0em;  }	
	div.left_33, div.center_33, div.right_33  {    width:100%;  margin:1% 0; padding:5px 0; line-height: 1.2em; font-size: .9em; border-top: 1px dotted #666;}
	div.left_66, div.right_66  {    width:100%;  margin:1% 0; padding:1% 0 0 0; line-height: 1.2em; font-size: .9em; }
	div.left_50, div.right_50  {    width:100%;  margin:1% 0; padding:1% 0 0 0; line-height: 1.2em; font-size: .9em; }
	div.facebook {  max-width:96%; float:right; margin:1%; padding:1%; background-color:#FFF; display:inline-block; overflow:hidden; /*display:none;*/ }
	div.fb-like-box {  width:96%; margin:1%; padding:1%; max-width:680px; background-color:#FFF; }
	div.news_frontpage {  width:96%; margin:1%; padding:1%; }
	div.wide_100 img { width:30%; height:30%; max-width:50px; max-height:50px; }

.fb-comments, .fb-comments iframe[style], .fb-like-box, .fb-like-box iframe[style] {width:  100% !important;display:block;z-index:2000;position:relative}
.fb-comments span, .fb-comments iframe span[style], .fb-like-box span, .fb-like-box iframe  span[style] {width: 100% !important;display:block;z-index:2000;position:relative}	
	div#header_top { width:100%; max-width:480px; height:auto;  }
}