Google Suche statt WBB suche.

Also die "Form"-Tags sollten natürlich mit weg und dann haste wieder {literal} vergessen

Das denk ich müsste gehn (hab mal nicht den ganzen Code von dir übernommen, da der zweite Teil für dein Problem irrelevant ist. Also bitte den zweiten Teil so lasse, wie du ihn hast):

<div id="search">
<div id="cse" style="width: 100%;">Loading</div>
<script src="//www.google.de/jsapi" type="text/javascript"></script>
{literal}<script type="text/javascript"> 
google.load('search', '1', {language : 'de'});
google.setOnLoadCallback(function() {
var customSearchControl = new google.search.CustomSearchControl(
'016780027792749497029:zifpsb0sdom');


customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET);
customSearchControl.draw('cse');
}, true);
</script>{/literal}
<link rel="stylesheet" href="//www.google.com/cse/style/look/default.css" type="text/css" />
</div>

Ist doch breit genug

Wenn Google die 100% explizit angibt muss das vielleicht sein, obwohl Designtechnisch das hier sinnvoller für Dich sein sollte:
änder mal <div id="cse" style="100%" > in <div id="cse" class="searchContainer" >

Es wird jedoch mit
<link rel="stylesheet" href="//www.google.com/cse/style/look/default.css" type="text/css" />
eine externe CSS-Deklarationsdatei von Google geladen. Wenn Du das Aussehen des Google Suchfeldes ändern willst müsstest du also die Datei runterladen, in deinem Webspace laden und einbinden oder per zusätzliche Deklarationen in die bestehnde CSS einbinden.

ODER ... du passt den Searchcontainer an das Google-Suchfeld an. Aber da müsstest du bei der Grafik http://www.faq4windowsphone.de…mages/design/searchBG.png anfangen

Ganz blöde Frage: warum ersetzt man die Boardsuche durch die Googlesuche?