diff --git a/app/View/Layouts/default.ctp b/app/View/Layouts/default.ctp
index 60c5b86..42cca23 100755
--- a/app/View/Layouts/default.ctp
+++ b/app/View/Layouts/default.ctp
@@ -9,7 +9,7 @@
 		<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
 		<?php
 		echo $this->Html->charset();
-		echo $this->Html->css(array('bootstrap.min','bootstrap-wysihtml5','dreamjob'));
+		echo $this->Html->css(array('bootstrap.min','bootstrap-wysihtml5','select2','select2-bootstrap','dreamjob'));
 		echo $this->Html->meta('icon', $this->Html->url('/favicon.ico'));
 		?>
 	</head>
@@ -125,7 +125,7 @@
 		</div>
 		<!-- java script -->
 		<?php
-		echo $this->Html->script(array('jquery.min', 'bootstrap.min', 'jquery-ui','bootstrap-wysihtml5',	'dreamjob'));
+		echo $this->Html->script(array('jquery.min', 'bootstrap.min', 'jquery-ui','bootstrap-wysihtml5','select2.min','select2_locale_de','dreamjob'));
 		?>
 		<!-- extraScript -->
 		<?php
diff --git a/app/webroot/js/dreamjob.js b/app/webroot/js/dreamjob.js
index 0b53ab3..9c617e8 100755
--- a/app/webroot/js/dreamjob.js
+++ b/app/webroot/js/dreamjob.js
@@ -41,6 +41,9 @@
 			
 			$("#alert .alert").alert();
 			$(where+' textarea').wysihtml5();
+                        $(where+' select').each(function(){
+                            $(this).select2({allowClear: true});
+                        });
 			$(where+' .dropdown-toggle').dropdown();
 			
 			$(where+" a").each(function(that){