/* 
Theme Name: fkbff_ars 2013
Theme URI: http://www.butenhoff.info/
Description: Bootstrap Template, widget-fähig
Version: 1.2
Author: Frank Butenhoff (fkbff)
Author URI: http://www.fkbff.com/
*/

*{padding:0;margin:0;outline:none;}
body{color:#111;background:url(img/asbg1.jpg) repeat-x top center;background-color:#81bcf8;}
#page{position:relative;margin:5px 5px;border: 1px solid #6392C0;background-color:#fff;}
#header{position:relative;border-bottom: 1px solid #6392C0;background-color:#6392C0;text-align:center;}
#blogname{position:absolute;top:1px;left:1px;color:#fff;font-size:10px !important;}
#sitename{position:absolute;top:10px;left:10px;color:#fff;font-size:8px !important;}
#top-img{position:relative;width:100% !important;}
#top-img img{width:100% !important;}
#top-ads{position:absolute;top:20px;left:0;width:100%;text-align:center;vertical-align:middle;padding:auto;}
#links,#rechts{margin:0 auto;padding:5px;overflow: hidden;}
#content{overflow: hidden;}
#htp{background-color:#6392C0;padding:5px;text-align:center;}
#htp a{color: #fff; font-weight:bold;}
#links{border-right:1px dashed #81BCF8;background:url(img/as-bg-mid.jpg) repeat-x top left;}
#rechts{border-left:1px dashed #81BCF8;background:url(img/as-bg-mid2.jpg) repeat-x top right;}
#footer{background-color:#6392C0;position:relative;width:100%;height:22px;color:#fff;}
#copyright{position:absolute;top:3px;left:5px;}
#footerlinks{position:absolute;top:3px;right:25px;}
#footerlinks ul li{padding-left:1em;display:inline;float:right;}
#footerlinks a{color:#fff;}
#footerlinks a:hover{color:#ccc;text-decoration:underline;}
#footerlinks .active{ color: #ccc; text-decoration: underline; }
#searchsubmit,#submit{padding:3px 5px;}
.postbox{padding: 0 5px;}
.menu ul, .menu ol{list-style: none;}
.menu a{ width:auto; }
.menu a:hover{color:#de0c0d;}
.menu ul{width:92%;min-width:166px;margin:0 auto 30px auto;padding:0 4%;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}
.menu ul > li > a{color:#333;display:block;width:128px \9;margin:0 0 -1px;padding:8px 14px;border:1px solid #ccc;background-color:#fff;}
.menu ul > li:first-child > a{-webkit-border-radius:6px 6px 0 0;-moz-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0;}
.menu ul > li:last-child > a{-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;}
.menu ul > .active > a{position:relative;z-index:2;padding:9px 15px;border:0;text-shadow:0 1px 0 rgba(0,0,0,.15);}
.menu ul > li > a:hover{background-color:#E5F1FF;}
.menu ul .current_page_item a, .menu ul .current_page_parent a{color:#de0c0d; background-color:#dedede; }
.menu ul .children{ margin: 0 10px; }
.menu ul .children a{ display:none; width:128px \9; background-color:#fff; margin:0 0 -1px;padding:6px 10px;border:1px solid #ccc; color:#555;}
.menu ul .current_page_item .children a, .menu ul .current_page_parent .children a{ display: block;}
.menu ul .children .current_page_item a{color:#de0c0d; background-color:#dedede; }
.recentcomments a{ border: none !important; }
.feedback {background-color: #E6F2FE;padding: 3px 5px;margin:15px 0;}
.container-fluid {padding:0;}
.textwidget{margin:10px 0;}
.tal{text-align:left;}
.tar{text-align:right;}
.alignleft{float:left;margin:0 5px 5px 0;}
.alignright{float:right;margin:0 0 5px 5px;}
.clear{float:none;clear:both;}

/* Large desktop */
@media (min-width: 1200px) { 
	#page{ margin: 15px 50px; } 
}
 
 /* normal desktop */
@media (min-width: 980px) and (max-width:1199px) { 
	#page{ margin: 10px 20px; } 
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 
	#page{ margin: 10px 20px; } 
}

@media (max-width: 767px) { 
	.postbox{padding: 0 15px;}
	#page{ margin: 5px; } 
}

@media (max-width: 480px) { 
	.postbox{padding: 0 15px;}
	#page{ margin:0px; } 
}