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-cancel-button,
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">
<head>

<meta charset="utf-8">

<title>Search</title>

<link href="http://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">

<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

</head>

<body>

<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">

</fieldset>

</form>

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

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

</body>
</html>`

Thanks! Marcus