How to modify my search functions as I want it!

Hey! I am creating a search function with a css code that I would on the web! I want it to appear in my revolution slider. Anyways, you can see the search box on the screenshot.

1: I want the search box to be more width!
2: The search button should be in line with the box
3: I also want to change the text "What are you looking for?" to "Vad letar du efter?"

Here is the code that I have placed in simple css plugin

body {
	background: #61646d;
	color: #000;
	font: 14px/1.5em "Open Sans", sans-serif;
	margin: 0;

fieldset {
	border: 0;
	margin: 0;
	padding: 0;

input {
	border: none;
	font-family: inherit;
	font-size: inherit;
	line-height: 1.5em;
	margin: 0;
	outline: none;
	padding: 0;
	-webkit-appearance: none;

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;

input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;

.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after {
	content: "";
	display: table;
.clearfix:after { clear: both; }

.container {
	height: 44px;
	left: 50%;
	margin: -22px 0 0 -141px;
	position: absolute;
	top: 50%;

/* ---------- SEARCH ---------- */

#search {
	background: #42454e;
	border-radius: 3px;
	display: inline-block;
	padding: 7px;

#search input {
	float: left;

#search input[type="search"],
#search input[type="submit"] {
	border-radius: 3px;
	font-size: 12px;

#search input[type="search"] {
	background: #fff;
	color: #42454e;
	min-width: 184px;
	padding: 6px 8px;

#search input[type="submit"] {
	background: #1bba9a;
	color: #000000;
	font-weight: bold;
	margin-left: 7px;
	padding: 6px 10px;

#search input[type="submit"]:hover {
	background: #189e83;

#search input[type="search"]::-webkit-input-placeholder { color: #42454e; }
#search input[type="search"]:-moz-placeholder { color: #42454e; }
#search input[type="search"]:-ms-input-placeholder { color: #42454e; }

Here is the html that shows the button, if it is even necessary!

<html lang="en-US">

<meta charset="utf-8">


<link href="" rel="stylesheet">

<!--[if lt IE 9]>
<script src=""></script>



<div class="container">

<div id="search">

<form action="javascript:void(0);" method="GET">

<fieldset class="clearfix">

<input type="search" name="search" value="What are you looking for?" onBlur="if(this.value=='':wink:this.value='What are you looking for?'" onFocus="if(this.value=='What are you looking for?':wink:this.value='' "> <!-- JS because of IE support; better: placeholder="What are you looking for?" -->
<input type="submit" value="Search" class="button">



</div> <!-- end search -->

</div> <!-- end container -->


Thanks! Marcus