/**
    * b&fconcepts.ch
    *
    * @copyright	2011
    * @author		Karin Christen
    * @version		0.1
    */

	/*
	* Colors 
     
	*/
	
	/**
    * @section Reset Styling
    * Reset browser CSS
    */
	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0;padding:0;}
	table {border-collapse:collapse;border-spacing:0;}
	fieldset,img {border:0;}
	address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
	ol,ul {list-style:none;}
	caption,th {text-align:left;}
	h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
	q:before,q:after {content:'';}
	abbr,acronym { border:0;}

	/**
    * @section Print Styling
    * Styling of the Print Elements 
    */
	.print {display:none;}

	/**
    * @section Basic Styling
    * Styling of the Basic Elements and a small reset
    */
    
  	* {margin:0px; padding:0px;}
	html {}
	body {font-family: Arial, Helvetica, sans-serif; font-size:13px; text-align:center; line-height: 1.2em; color:#444; background:#f6f6f6;}

	h1 {float:left;}
	h2 {margin-bottom:5px;line-height: 1.2em; font-family: Georgia, sans-serif; font-size:28px; color:#666;}
	h3 {margin-bottom:5px; font-size:16px;}
 	

	a {color:#cb4635; text-decoration: none;}
	a:visited {}
    a:hover {color:#666;}
	ul li {list-style:none;}
    ol {list-style:none;}
       
    p {}
	.title {}
	p.contact {margin-top:82px;float:right;}
	.xing {width:16px; height:16px; display:inline-block; background:url(../img/xing.png) 0 0 no-repeat;}
	.mail {margin-right:5px;}
	strong {font-weight:bold;}
	img {border:none;}
	.hidden {display: none;}
	.clear {clear:both;}
	.accessibility {position:absolute; top:-1000px; left:-1000px;}

	.body {}
    .page {position:relative; margin-right:auto; margin-left:auto; width:960px; text-align: left; }
	.header {margin:20px 0 0px 0;}
	.content {clear:both; overflow:hidden; position:relative;}
	.content-col-1 {clear:both; padding:20px 20px 20px 0; width:300px; float: left; text-align: right; border-top:1px dotted #666;}
	.content-col-2 {padding:20px 0 20px 0; width:640px; float: left; border-top:1px dotted #666;}
	
	/*twitter*/
	.twtr-ft a.twtr-join-conv {display: none;}
	#twitter_update_list li {padding-bottom:10px;}
	#twitter_update_list li span {display: block;}
	#twitter_update_list li a {font-style: italic;}
	
	/*blog*/
	.meta {display:block; padding-bottom:10px;}
	

	
	.footer {padding-bottom:50px;text-align:left; width:100%; clear:both; background:#fff;border-top:1px dotted #666;}
	.footer-inner {width:960px; margin-left:auto; margin-right:auto;}
	.footer li {padding-right:30px;display:inline;}
	.footer h2 {padding:20px 0 20px 0;}

	/**
    * @section Clearfix 
    * 
    */
	
	.clearfix:after {
	    content: ".";
	    display: block;
	    clear: both;
	    visibility: hidden;
	    line-height: 0;
	    height: 0;
	}

	.clearfix {
	    display: inline-block;
	}

	html[xmlns] .clearfix {
	    display: block;
	}

	* html .clearfix {
	    height: 1%;
	}
	
	.mobile {display: none;}
	
	

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	.header {margin:0;}
	
	img {max-width:100%;}
	.logo {width:100%;}
	
	#imageFade,
	#textFade {display: none;}
	.mobile,
	.footer li,
	.contact span.hidden {display: block;}
	
	.mobile h2 {font-size:20px;}
	.mobile li {padding-left:5px;}
	
	.page {padding:0px;}
	
	.page,
	.content-col-1, 
	.content-col-2,
	.footer-inner {width:100%;}
	
	.content-col-2 {border-top:none;}
	
	.content-col-1,
	.content-col-2,
	#twitter_div,
	.getFeed,
	.contact {padding:5px;}
	
	h1,
	.content-col-1, 
	.content-col-2,
	p.contact,
	.xing {float:none; text-align: left;}
	
	.xing {width:auto; height:auto; background:none;float:right;}
	
	p.contact {margin-top:10px;}
	
	
	
}